From 062cbcc259b0e6e542e4d2db9c724a6655ce1dac Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Mon, 20 Oct 2025 03:35:21 +0800
Subject: [PATCH] feat(ui): add skeleton component to shadcn-io exports

Export new Skeleton component from shadcn-io directory and add comment about potential future organization
---
 packages/ui/src/components/index.ts                        | 2 ++
 packages/ui/src/components/ui/shadcn-io/skeleton/index.tsx | 7 +++++++
 2 files changed, 9 insertions(+)
 create mode 100644 packages/ui/src/components/ui/shadcn-io/skeleton/index.tsx

diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index a9014d9578..d64dc77da8 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -96,5 +96,7 @@ export * from './ui/button'
 export * from './ui/command'
 export * from './ui/dialog'
 export * from './ui/popover'
+// May group them in shadcn-io/index.ts ?
 export * from './ui/shadcn-io/dropzone'
+export * from './ui/shadcn-io/skeleton'
 export * from './ui/shadcn-io/tabs'
diff --git a/packages/ui/src/components/ui/shadcn-io/skeleton/index.tsx b/packages/ui/src/components/ui/shadcn-io/skeleton/index.tsx
new file mode 100644
index 0000000000..ba70fc8337
--- /dev/null
+++ b/packages/ui/src/components/ui/shadcn-io/skeleton/index.tsx
@@ -0,0 +1,7 @@
+import { cn } from '@cherrystudio/ui/utils'
+
+function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
+  return <div data-slot="skeleton" className={cn('bg-accent animate-pulse rounded-md', className)} {...props} />
+}
+
+export { Skeleton }