{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-pinned-list",
  "title": "Pinned List Demo",
  "description": "5-item list with smooth pin/unpin layout animations.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@unlumen-ui/pinned-list"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/pinned-list/index.tsx",
      "content": "\"use client\";\n\nimport {\n  BookOpen01Icon as BookOpen,\n  Car01Icon as Car,\n  Coffee01Icon as Coffee,\n  Dumbbell01Icon as Dumbbell,\n  Home01Icon as Home,\n  Leaf01Icon as Leaf,\n  MusicNote02Icon as Music2,\n  ShoppingBag01Icon as ShoppingBag,\n} from \"hugeicons-react\";\n\nimport {\n  PinnedList,\n  type PinnedListItem,\n} from \"@/components/unlumen-ui/pinned-list\";\n\nconst ITEMS: PinnedListItem[] = [\n  {\n    id: \"1\",\n    name: \"Café Lumière\",\n    subtitle: \"Coffee Shop · Opens at 7:00 AM\",\n    icon: <Coffee size={22} />,\n  },\n  {\n    id: \"2\",\n    name: \"Volta Bookstore\",\n    subtitle: \"Books & Stationery · Closes at 7:00 PM\",\n    icon: <BookOpen size={22} />,\n  },\n  {\n    id: \"3\",\n    name: \"Pilates Studio\",\n    subtitle: \"Wellness · Class at 8:30 AM\",\n    icon: <Dumbbell size={22} />,\n  },\n  {\n    id: \"4\",\n    name: \"Organic Market\",\n    subtitle: \"Fresh Produce · Sat. & Sun. mornings\",\n    icon: <Leaf size={22} />,\n  },\n  {\n    id: \"5\",\n    name: \"Vinyl & Co.\",\n    subtitle: \"Record Shop · Closes at 8:00 PM\",\n    icon: <Music2 size={22} />,\n  },\n];\n\nconst PinnedListDemo = () => {\n  return (\n    <div className=\"w-full max-w-sm mx-auto px-4\">\n      <PinnedList items={ITEMS} />\n    </div>\n  );\n};\n\nexport default PinnedListDemo;\nexport { PinnedListDemo };\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}