@hyunsdev/ui 0.1.0

package/dist/components/collection.js

@@ -0,0 +1,598 @@
+import {
+  Spinner
+} from "../chunk-JB2QZV7K.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "../chunk-D3SP7GL3.js";
+import {
+  Button
+} from "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/collection/core.tsx
+import { jsx } from "react/jsx-runtime";
+function Collection({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "collection",
+      className: cn("flex w-full flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function CollectionViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "collection-viewport",
+      className: cn("relative w-full overflow-x-auto", className),
+      ...props
+    }
+  );
+}
+
+// src/components/collection/footer.tsx
+import { ChevronLeftIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CollectionFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "collection-footer",
+      className: cn(
+        "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionFooterStart({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { className: cn("flex min-w-0 items-center justify-start", className), ...props });
+}
+function CollectionFooterCenter({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { className: cn("flex min-w-0 items-center justify-center", className), ...props });
+}
+function CollectionFooterEnd({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { className: cn("flex min-w-0 items-center justify-end", className), ...props });
+}
+function getPaginationItems(currentPage, totalPages) {
+  if (totalPages <= 0) {
+    return [];
+  }
+  if (totalPages <= 7) {
+    return Array.from({ length: totalPages }, (_, index) => index + 1);
+  }
+  if (currentPage <= 4) {
+    return [1, 2, 3, 4, 5, "ellipsis", totalPages];
+  }
+  if (currentPage >= totalPages - 3) {
+    return [
+      1,
+      "ellipsis",
+      totalPages - 4,
+      totalPages - 3,
+      totalPages - 2,
+      totalPages - 1,
+      totalPages
+    ];
+  }
+  return [1, "ellipsis", currentPage - 1, currentPage, currentPage + 1, "ellipsis", totalPages];
+}
+function CollectionPagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "collection-pagination",
+      className: cn("flex items-center gap-0.5", className),
+      ...props
+    }
+  );
+}
+function CollectionPaginationPrev({
+  className,
+  variant = "outline",
+  size = "icon",
+  children,
+  "aria-label": ariaLabel = "Go to previous page",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      "data-slot": "pagination-prev",
+      "aria-label": ariaLabel,
+      variant,
+      size,
+      className: cn("", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx2(ChevronLeftIcon, {})
+    }
+  );
+}
+function CollectionPaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "pagination-ellipsis",
+      className: cn(
+        "text-text-muted flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(MoreHorizontalIcon, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+function CollectionPaginationValue({
+  className,
+  variant,
+  size = "icon",
+  isActive,
+  applied,
+  ...props
+}) {
+  const active = isActive ?? Boolean(applied);
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      "data-slot": "pagination-value",
+      "aria-current": active ? "page" : void 0,
+      "data-active": active || void 0,
+      applied: active,
+      variant: variant ?? (active ? "outline" : "ghost"),
+      size,
+      className: cn("", className),
+      ...props
+    }
+  );
+}
+function CollectionPaginationNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  children,
+  "aria-label": ariaLabel = "Go to next page",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      "data-slot": "pagination-next",
+      "aria-label": ariaLabel,
+      variant,
+      size,
+      className: cn("", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "rotate-180" })
+    }
+  );
+}
+
+// src/components/collection/grid.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function CollectionGrid({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      role: "list",
+      "data-slot": "collection-grid",
+      className: cn(
+        "grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,14rem),1fr))] gap-2 text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionGridItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      role: "listitem",
+      "data-slot": "collection-grid-item",
+      className: cn(
+        "group/grid-item hover:bg-background-modifier-hover has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover flex min-w-0 flex-col gap-3 rounded-md border p-3 transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionGridItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "collection-grid-item-header",
+      className: cn("flex min-w-0 items-start justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function CollectionGridItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "collection-grid-item-content",
+      className: cn("flex min-w-0 flex-1 flex-col gap-1", className),
+      ...props
+    }
+  );
+}
+function CollectionGridItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "collection-grid-item-title",
+      className: cn("text-text-normal line-clamp-1 font-medium", className),
+      ...props
+    }
+  );
+}
+function CollectionGridItemDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "collection-grid-item-description",
+      className: cn("text-text-muted line-clamp-2 text-sm", className),
+      ...props
+    }
+  );
+}
+function CollectionGridItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "collection-grid-item-footer",
+      className: cn("text-text-muted flex min-w-0 items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/components/collection/header.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function CollectionHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex flex-col", className), ...props });
+}
+function CollectionActionBar({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex items-center justify-between", className), ...props });
+}
+function CollectionActionBarStart({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex items-center gap-1", className), ...props });
+}
+function CollectionActionBarEnd({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex gap-0.5", className), ...props });
+}
+function CollectionActionButton({
+  className,
+  variant = "ghost",
+  size = "icon",
+  tooltip,
+  ...props
+}) {
+  const button = /* @__PURE__ */ jsx4(Button, { className: cn(className), variant, size, ...props });
+  if (!tooltip) {
+    return button;
+  }
+  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx4(TooltipContent, { children: tooltip })
+  ] });
+}
+function CollectionQueryBar({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: cn("mt-2 flex min-w-0 items-center gap-1 border-t pt-2", className),
+      ...props
+    }
+  );
+}
+function CollectionQueryBarStart({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("flex min-w-0 flex-1 flex-wrap items-center gap-1", className), ...props });
+}
+function CollectionQueryBarEnd({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { className: cn("ml-auto flex shrink-0 items-center gap-1", className), ...props });
+}
+function CollectionQueryBarStatus({
+  className,
+  children = "Fetching",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "data-slot": "collection-query-bar-status",
+      className: cn("text-text-muted flex items-center gap-1 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4(Spinner, { "aria-hidden": "true", role: "presentation", className: "size-3.5" }),
+        /* @__PURE__ */ jsx4("span", { children })
+      ]
+    }
+  );
+}
+
+// src/components/collection/list.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function CollectionList({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      role: "list",
+      "data-slot": "collection-list",
+      className: cn("w-full border-y text-sm", className),
+      ...props
+    }
+  );
+}
+function CollectionListItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      role: "listitem",
+      "data-slot": "collection-list-item",
+      className: cn(
+        "group/list-item hover:bg-background-modifier-hover has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover flex min-w-0 items-center gap-3 border-b p-2 transition-colors last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionListItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "collection-list-item-content",
+      className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+      ...props
+    }
+  );
+}
+function CollectionListItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "collection-list-item-title",
+      className: cn("text-text-normal truncate font-medium", className),
+      ...props
+    }
+  );
+}
+function CollectionListItemDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "collection-list-item-description",
+      className: cn("text-text-muted line-clamp-1 text-sm", className),
+      ...props
+    }
+  );
+}
+function CollectionListItemMeta({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "collection-list-item-meta",
+      className: cn("text-text-muted ml-auto flex shrink-0 items-center gap-2 text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/components/collection/table.tsx
+import "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function CollectionTable({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "table",
+    {
+      "data-slot": "collection-table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  );
+}
+function CollectionTableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn(
+        "[&_th:hover]:bg-background-modifier-hover [&_tr]:h-9 [&_tr]:border-b",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:hover]:bg-background-modifier-hover", className),
+      ...props
+    }
+  );
+}
+function CollectionTableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "[&_td:hover]:bg-background-modifier-hover [&_th:hover]:bg-background-modifier-hover border-y font-medium [&_td]:border-r-0 [&_th]:border-r-0 [&_tr]:h-9 [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableTextHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-text-normal h-9 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableMenuHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "th",
+    {
+      "data-slot": "table-head-button",
+      className: cn(
+        "text-text-normal h-9 cursor-pointer text-left align-middle font-medium whitespace-nowrap select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableMenuHeadInner({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "table-head-button-inner",
+      className: cn(
+        "flex h-full items-center gap-1 px-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "group/cell relative border-r p-2 align-middle whitespace-nowrap last:border-r-0 has-data-[slot=table-cell-actions]:pr-10 [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableCellActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "table-cell-actions",
+      className: cn(
+        "pointer-events-none absolute inset-y-0 right-1 flex items-center gap-1 pr-1 opacity-0 transition-opacity group-focus-within/cell:pointer-events-auto group-focus-within/cell:opacity-100 group-hover/cell:pointer-events-auto group-hover/cell:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CollectionTableCellAction({
+  className,
+  variant = "normal",
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    Button,
+    {
+      "data-slot": "table-cell-action",
+      variant,
+      size,
+      className: cn("shrink-0 shadow", className),
+      ...props
+    }
+  );
+}
+export {
+  Collection,
+  CollectionActionBar,
+  CollectionActionBarEnd,
+  CollectionActionBarStart,
+  CollectionActionButton,
+  CollectionFooter,
+  CollectionFooterCenter,
+  CollectionFooterEnd,
+  CollectionFooterStart,
+  CollectionGrid,
+  CollectionGridItem,
+  CollectionGridItemContent,
+  CollectionGridItemDescription,
+  CollectionGridItemFooter,
+  CollectionGridItemHeader,
+  CollectionGridItemTitle,
+  CollectionHeader,
+  CollectionList,
+  CollectionListItem,
+  CollectionListItemContent,
+  CollectionListItemDescription,
+  CollectionListItemMeta,
+  CollectionListItemTitle,
+  CollectionPagination,
+  CollectionPaginationEllipsis,
+  CollectionPaginationNext,
+  CollectionPaginationPrev,
+  CollectionPaginationValue,
+  CollectionQueryBar,
+  CollectionQueryBarEnd,
+  CollectionQueryBarStart,
+  CollectionQueryBarStatus,
+  CollectionTable,
+  CollectionTableBody,
+  CollectionTableCell,
+  CollectionTableCellAction,
+  CollectionTableCellActions,
+  CollectionTableFooter,
+  CollectionTableHeader,
+  CollectionTableMenuHead,
+  CollectionTableMenuHeadInner,
+  CollectionTableRow,
+  CollectionTableTextHead,
+  CollectionViewport,
+  getPaginationItems
+};
+//# sourceMappingURL=collection.js.map

package/dist/components/collection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection/core.tsx","../../src/components/collection/footer.tsx","../../src/components/collection/grid.tsx","../../src/components/collection/header.tsx","../../src/components/collection/list.tsx","../../src/components/collection/table.tsx"],"sourcesContent":["import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function Collection({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionViewport({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-viewport\"\n      className={cn(\"relative w-full overflow-x-auto\", className)}\n      {...props}\n    />\n  )\n}\n","import { ChevronLeftIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { Button } from \"../button\"\n\ntype PaginationItem = number | \"ellipsis\"\n\nexport function CollectionFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-footer\"\n      className={cn(\n        \"grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionFooterStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex min-w-0 items-center justify-start\", className)} {...props} />\n}\n\nexport function CollectionFooterCenter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex min-w-0 items-center justify-center\", className)} {...props} />\n}\n\nexport function CollectionFooterEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex min-w-0 items-center justify-end\", className)} {...props} />\n}\n\nexport function getPaginationItems(currentPage: number, totalPages: number): PaginationItem[] {\n  if (totalPages <= 0) {\n    return []\n  }\n\n  if (totalPages <= 7) {\n    return Array.from({ length: totalPages }, (_, index) => index + 1)\n  }\n\n  if (currentPage <= 4) {\n    return [1, 2, 3, 4, 5, \"ellipsis\", totalPages]\n  }\n\n  if (currentPage >= totalPages - 3) {\n    return [\n      1,\n      \"ellipsis\",\n      totalPages - 4,\n      totalPages - 3,\n      totalPages - 2,\n      totalPages - 1,\n      totalPages,\n    ]\n  }\n\n  return [1, \"ellipsis\", currentPage - 1, currentPage, currentPage + 1, \"ellipsis\", totalPages]\n}\n\nexport function CollectionPagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"collection-pagination\"\n      className={cn(\"flex items-center gap-0.5\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionPaginationPrev({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  children,\n  \"aria-label\": ariaLabel = \"Go to previous page\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"pagination-prev\"\n      aria-label={ariaLabel}\n      variant={variant}\n      size={size}\n      className={cn(\"\", className)}\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon />}\n    </Button>\n  )\n}\n\nexport function CollectionPaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"text-text-muted flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon aria-hidden=\"true\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\ntype CollectionPaginationValueProps = React.ComponentProps<typeof Button> & {\n  isActive?: boolean\n}\n\nexport function CollectionPaginationValue({\n  className,\n  variant,\n  size = \"icon\",\n  isActive,\n  applied,\n  ...props\n}: CollectionPaginationValueProps) {\n  const active = isActive ?? Boolean(applied)\n\n  return (\n    <Button\n      data-slot=\"pagination-value\"\n      aria-current={active ? \"page\" : undefined}\n      data-active={active || undefined}\n      applied={active}\n      variant={variant ?? (active ? \"outline\" : \"ghost\")}\n      size={size}\n      className={cn(\"\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionPaginationNext({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  children,\n  \"aria-label\": ariaLabel = \"Go to next page\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"pagination-next\"\n      aria-label={ariaLabel}\n      variant={variant}\n      size={size}\n      className={cn(\"\", className)}\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon className=\"rotate-180\" />}\n    </Button>\n  )\n}\n","import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function CollectionGrid({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"collection-grid\"\n      className={cn(\n        \"grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,14rem),1fr))] gap-2 text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"listitem\"\n      data-slot=\"collection-grid-item\"\n      className={cn(\n        \"group/grid-item hover:bg-background-modifier-hover has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover flex min-w-0 flex-col gap-3 rounded-md border p-3 transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-grid-item-header\"\n      className={cn(\"flex min-w-0 items-start justify-between gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-grid-item-content\"\n      className={cn(\"flex min-w-0 flex-1 flex-col gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-grid-item-title\"\n      className={cn(\"text-text-normal line-clamp-1 font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItemDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-grid-item-description\"\n      className={cn(\"text-text-muted line-clamp-2 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionGridItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-grid-item-footer\"\n      className={cn(\"text-text-muted flex min-w-0 items-center justify-between gap-2\", className)}\n      {...props}\n    />\n  )\n}\n","import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { Button } from \"../button\"\nimport { Spinner } from \"../spinner\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../tooltip\"\n\nexport function CollectionHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex flex-col\", className)} {...props} />\n}\n\nexport function CollectionActionBar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex items-center justify-between\", className)} {...props} />\n}\n\nexport function CollectionActionBarStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex items-center gap-1\", className)} {...props} />\n}\n\nexport function CollectionActionBarEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex gap-0.5\", className)} {...props} />\n}\n\nexport function CollectionActionButton({\n  className,\n  variant = \"ghost\",\n  size = \"icon\",\n  tooltip,\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  tooltip?: React.ReactNode\n}) {\n  const button = <Button className={cn(className)} variant={variant} size={size} {...props} />\n\n  if (!tooltip) {\n    return button\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nexport function CollectionQueryBar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mt-2 flex min-w-0 items-center gap-1 border-t pt-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionQueryBarStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex min-w-0 flex-1 flex-wrap items-center gap-1\", className)} {...props} />\n  )\n}\n\nexport function CollectionQueryBarEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"ml-auto flex shrink-0 items-center gap-1\", className)} {...props} />\n}\n\nexport function CollectionQueryBarStatus({\n  className,\n  children = \"Fetching\",\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      data-slot=\"collection-query-bar-status\"\n      className={cn(\"text-text-muted flex items-center gap-1 text-sm\", className)}\n      {...props}\n    >\n      <Spinner aria-hidden=\"true\" role=\"presentation\" className=\"size-3.5\" />\n      <span>{children}</span>\n    </div>\n  )\n}\n","import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function CollectionList({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"collection-list\"\n      className={cn(\"w-full border-y text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionListItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"listitem\"\n      data-slot=\"collection-list-item\"\n      className={cn(\n        \"group/list-item hover:bg-background-modifier-hover has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover flex min-w-0 items-center gap-3 border-b p-2 transition-colors last:border-b-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionListItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-list-item-content\"\n      className={cn(\"flex min-w-0 flex-1 flex-col gap-0.5\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionListItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-list-item-title\"\n      className={cn(\"text-text-normal truncate font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionListItemDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-list-item-description\"\n      className={cn(\"text-text-muted line-clamp-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionListItemMeta({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"collection-list-item-meta\"\n      className={cn(\"text-text-muted ml-auto flex shrink-0 items-center gap-2 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\n\nimport { Button } from \"@hyunsdev/ui/components/button\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function CollectionTable({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <table\n      data-slot=\"collection-table\"\n      className={cn(\"w-full caption-bottom text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"[&_th:hover]:bg-background-modifier-hover [&_tr]:h-9 [&_tr]:border-b\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:hover]:bg-background-modifier-hover\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"[&_td:hover]:bg-background-modifier-hover [&_th:hover]:bg-background-modifier-hover border-y font-medium [&_td]:border-r-0 [&_th]:border-r-0 [&_tr]:h-9 [&>tr]:last:border-b-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"has-aria-expanded:bg-background-modifier-hover data-[state=selected]:bg-background-modifier-hover border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableTextHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-text-normal h-9 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableMenuHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head-button\"\n      className={cn(\n        \"text-text-normal h-9 cursor-pointer text-left align-middle font-medium whitespace-nowrap select-none\",\n        className,\n      )}\n      {...props}\n    ></th>\n  )\n}\n\nexport function CollectionTableMenuHeadInner({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"table-head-button-inner\"\n      className={cn(\n        \"flex h-full items-center gap-1 px-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"group/cell relative border-r p-2 align-middle whitespace-nowrap last:border-r-0 has-data-[slot=table-cell-actions]:pr-10 [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableCellActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"table-cell-actions\"\n      className={cn(\n        \"pointer-events-none absolute inset-y-0 right-1 flex items-center gap-1 pr-1 opacity-0 transition-opacity group-focus-within/cell:pointer-events-auto group-focus-within/cell:opacity-100 group-hover/cell:pointer-events-auto group-hover/cell:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CollectionTableCellAction({\n  className,\n  variant = \"normal\",\n  size = \"icon-xs\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"table-cell-action\"\n      variant={variant}\n      size={size}\n      className={cn(\"shrink-0 shadow\", className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsxs","jsx","jsx"]}

package/dist/components/color-dot.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+declare const colorDotColors: {
+    readonly accent: "text-text-accent";
+    readonly "on-accent": "text-text-on-accent";
+    readonly normal: "text-text-normal";
+    readonly muted: "text-text-muted";
+    readonly faint: "text-text-faint";
+    readonly info: "text-text-info";
+    readonly success: "text-text-success";
+    readonly warning: "text-text-warning";
+    readonly error: "text-text-error";
+};
+type ColorDotColor = keyof typeof colorDotColors;
+declare function ColorDot({ className, color, ...props }: React.ComponentProps<"span"> & {
+    color?: ColorDotColor;
+}): React.JSX.Element;
+
+export { ColorDot, type ColorDotColor };