update skeleton

2025-09-23 15:13:48 +03:00
parent 4afc498cd7
commit df850cf1b2
4 changed files with 95 additions and 11 deletions
--- a/packages/ui/src/shadcn/skeleton.tsx
+++ b/packages/ui/src/shadcn/skeleton.tsx
@@ -2,13 +2,23 @@ import { cn } from '../lib/utils';

 function Skeleton({
  className,
+  children,
  ...props
 }: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div
-      className={cn('bg-primary/10 animate-pulse rounded-md', className)}
+      className={cn('relative inline-block align-top', className)}
      {...props}
-    />
+    >
+      <div className="invisible">
+        {children ?? <span className="block h-4 w-24" />}
+      </div>
+
+      <div
+        aria-hidden
+        className="bg-primary/10 absolute inset-0 animate-pulse rounded-md"
+      />
+    </div>
  );
 }