snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/registry/bases/base/blocks/preview/cards/icon-preview-grid.tsx
+++ b/apps/v4/registry/bases/base/blocks/preview/cards/icon-preview-grid.tsx
@@ -0,0 +1,146 @@
+"use client"
+
+import { type IconLibraryName } from "shadcn/icons"
+
+import { Card, CardContent } from "@/registry/bases/base/ui/card"
+import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
+
+const PREVIEW_ICONS = [
+  {
+    lucide: "CopyIcon",
+    tabler: "IconCopy",
+    hugeicons: "Copy01Icon",
+    phosphor: "CopyIcon",
+    remixicon: "RiFileCopyLine",
+  },
+  {
+    lucide: "CircleAlertIcon",
+    tabler: "IconExclamationCircle",
+    hugeicons: "AlertCircleIcon",
+    phosphor: "WarningCircleIcon",
+    remixicon: "RiErrorWarningLine",
+  },
+  {
+    lucide: "TrashIcon",
+    tabler: "IconTrash",
+    hugeicons: "Delete02Icon",
+    phosphor: "TrashIcon",
+    remixicon: "RiDeleteBinLine",
+  },
+  {
+    lucide: "ShareIcon",
+    tabler: "IconShare",
+    hugeicons: "Share03Icon",
+    phosphor: "ShareIcon",
+    remixicon: "RiShareLine",
+  },
+  {
+    lucide: "ShoppingBagIcon",
+    tabler: "IconShoppingBag",
+    hugeicons: "ShoppingBag01Icon",
+    phosphor: "BagIcon",
+    remixicon: "RiShoppingBagLine",
+  },
+  {
+    lucide: "MoreHorizontalIcon",
+    tabler: "IconDots",
+    hugeicons: "MoreHorizontalCircle01Icon",
+    phosphor: "DotsThreeIcon",
+    remixicon: "RiMoreLine",
+  },
+  {
+    lucide: "Loader2Icon",
+    tabler: "IconLoader",
+    hugeicons: "Loading03Icon",
+    phosphor: "SpinnerIcon",
+    remixicon: "RiLoaderLine",
+  },
+  {
+    lucide: "PlusIcon",
+    tabler: "IconPlus",
+    hugeicons: "PlusSignIcon",
+    phosphor: "PlusIcon",
+    remixicon: "RiAddLine",
+  },
+  {
+    lucide: "MinusIcon",
+    tabler: "IconMinus",
+    hugeicons: "MinusSignIcon",
+    phosphor: "MinusIcon",
+    remixicon: "RiSubtractLine",
+  },
+  {
+    lucide: "ArrowLeftIcon",
+    tabler: "IconArrowLeft",
+    hugeicons: "ArrowLeft02Icon",
+    phosphor: "ArrowLeftIcon",
+    remixicon: "RiArrowLeftLine",
+  },
+  {
+    lucide: "ArrowRightIcon",
+    tabler: "IconArrowRight",
+    hugeicons: "ArrowRight02Icon",
+    phosphor: "ArrowRightIcon",
+    remixicon: "RiArrowRightLine",
+  },
+  {
+    lucide: "CheckIcon",
+    tabler: "IconCheck",
+    hugeicons: "Tick02Icon",
+    phosphor: "CheckIcon",
+    remixicon: "RiCheckLine",
+  },
+  {
+    lucide: "ChevronDownIcon",
+    tabler: "IconChevronDown",
+    hugeicons: "ArrowDown01Icon",
+    phosphor: "CaretDownIcon",
+    remixicon: "RiArrowDownSLine",
+  },
+  {
+    lucide: "ChevronRightIcon",
+    tabler: "IconChevronRight",
+    hugeicons: "ArrowRight01Icon",
+    phosphor: "CaretRightIcon",
+    remixicon: "RiArrowRightSLine",
+  },
+  {
+    lucide: "SearchIcon",
+    tabler: "IconSearch",
+    hugeicons: "Search01Icon",
+    phosphor: "MagnifyingGlassIcon",
+    remixicon: "RiSearchLine",
+  },
+  {
+    lucide: "SettingsIcon",
+    tabler: "IconSettings",
+    hugeicons: "Settings01Icon",
+    phosphor: "GearIcon",
+    remixicon: "RiSettingsLine",
+  },
+] satisfies Record<IconLibraryName, string>[]
+
+export function IconPreviewGrid() {
+  return (
+    <Card>
+      <CardContent>
+        <div className="grid grid-cols-8 place-items-center gap-4">
+          {PREVIEW_ICONS.map((icon, index) => (
+            <div
+              key={index}
+              className="flex size-8 items-center justify-center rounded-md ring ring-border style-sera:rounded-none *:[svg]:size-4"
+            >
+              <IconPlaceholder
+                lucide={icon.lucide}
+                tabler={icon.tabler}
+                hugeicons={icon.hugeicons}
+                phosphor={icon.phosphor}
+                remixicon={icon.remixicon}
+              />
+            </div>
+          ))}
+        </div>
+      </CardContent>
+    </Card>
+  )
+}