@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-5RC32MZH.js

@@ -0,0 +1,161 @@
+"use client";
+import {
+  mergeRefs
+} from "./chunk-L37QZALU.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/select/select.tsx
+import {
+  forwardRef,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var CLIP_SLACK_PX = 1;
+function isClipped(el) {
+  return el.scrollWidth > el.clientWidth + CLIP_SLACK_PX || el.scrollHeight > el.clientHeight + CLIP_SLACK_PX;
+}
+function composeTriggerText(node) {
+  return Array.from(node.childNodes).map((child) => child.textContent?.replace(/\s+/gu, " ").trim() ?? "").filter(Boolean).join(" ");
+}
+var SelectTrigger = forwardRef(function SelectTrigger2({ className, children, size = "default", title, autoTitle = true, ...props }, ref) {
+  const innerRef = useRef(null);
+  const mergedRef = useMemo(() => mergeRefs(ref, innerRef), [ref]);
+  useEffect(() => {
+    if (!autoTitle) return;
+    if (title !== void 0) return;
+    const node = innerRef.current;
+    if (!node) return;
+    const sync = () => {
+      const clipped = isClipped(node) || Array.from(node.children).some(isClipped);
+      const text = clipped ? composeTriggerText(node) : "";
+      if (text) node.title = text;
+      else node.removeAttribute("title");
+    };
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(node, { childList: true, subtree: true, characterData: true });
+    const resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver(sync) : void 0;
+    resizeObserver?.observe(node);
+    return () => {
+      observer.disconnect();
+      resizeObserver?.disconnect();
+    };
+  }, [autoTitle, title]);
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      ref: mergedRef,
+      "data-size": size,
+      title,
+      className: cn(
+        "flex w-full items-center justify-between gap-2 rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input",
+        size === "sm" ? "h-control-sm" : "h-control",
+        "placeholder:text-muted-foreground focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus",
+        // No `disabled:cursor-*` override — disabled controls keep the arrow
+        // automatically (interaction-guidelines.md), matching Combobox's
+        // Button-based trigger (`disabled:pointer-events-none`) (#343).
+        // `truncate`, not `line-clamp-1`: a clamp only prints its ellipsis when it has
+        // dropped a LINE, so a single-line value too wide for a narrow trigger was cut
+        // mid-word with no ellipsis at all ("Occurren"). `autoTitle` above puts the full
+        // text in the tooltip, so the ellipsis is the visible half of that pair.
+        "disabled:opacity-50 disabled:border-border [&>span]:truncate",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+});
+var SelectContent = forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      ref,
+      position,
+      className: cn(
+        "relative z-50 max-h-96 min-w-[12rem] overflow-hidden rounded-md bg-popover text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) })
+      ]
+    }
+  ) });
+});
+var SelectLabel = forwardRef(function SelectLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      ref,
+      className: cn("px-2 py-1.5 text-meta font-semibold text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+var SelectItem = forwardRef(function SelectItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 ps-2 pe-8 text-body outline-none transition-colors duration-fast",
+        "focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute end-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+});
+var SelectSeparator = forwardRef(function SelectSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator
+};
+//# sourceMappingURL=chunk-5RC32MZH.js.map

package/dist/chunk-5RC32MZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { mergeRefs } from \"../../lib/merge-refs\";\n\nexport const Select = SelectPrimitive.Root;\nexport const SelectGroup = SelectPrimitive.Group;\nexport const SelectValue = SelectPrimitive.Value;\n\n/** Sub-pixel layout rounding — an element is only \"clipped\" beyond this. */\nconst CLIP_SLACK_PX = 1;\n\nfunction isClipped(el: Element) {\n  return (\n    el.scrollWidth > el.clientWidth + CLIP_SLACK_PX ||\n    el.scrollHeight > el.clientHeight + CLIP_SLACK_PX\n  );\n}\n\n/**\n * The trigger's visible text, ONE SEGMENT PER CHILD NODE joined by a space, so\n * a prefix/badge beside `SelectValue` reads `\"Env: Staging\"` — a bare\n * `textContent` read concatenates the DOM's text nodes with no separator and\n * produces `\"Env:Staging\"`.\n */\nfunction composeTriggerText(node: HTMLElement) {\n  return Array.from(node.childNodes)\n    .map((child) => child.textContent?.replace(/\\s+/gu, \" \").trim() ?? \"\")\n    .filter(Boolean)\n    .join(\" \");\n}\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n  /**\n   * Auto-set a native `title` from the trigger's rendered text — but ONLY\n   * while that text is actually clipped (default `true`).\n   *\n   * Set `false` when the trigger is a `TooltipTrigger`: the native tooltip and\n   * the Radix one would otherwise both appear on hover. A caller-supplied\n   * `title` also disables it (an explicit `title` is never overridden).\n   */\n  autoTitle?: boolean;\n};\n\n/**\n * `[&>span]:line-clamp-1` clips the rendered `SelectValue` — necessary so a\n * long/composed label doesn't blow out the trigger's width. To keep clipped\n * text recoverable, the trigger MEASURES its content and sets a native `title`\n * only while something is genuinely cut off, so it's readable on mouse hover\n * with zero extra code.\n *\n * The measurement is not cosmetic: an unconditional `title` becomes the\n * button's accessible name, which would paper over a real \"this combobox has\n * no name\" a11y failure with the field's own VALUE — a value is not a name.\n * Label the trigger properly (`aria-label`/`aria-labelledby`) regardless.\n *\n * `title` also never reaches keyboard users — for that, wrap the trigger in\n * `Tooltip`/`TooltipTrigger asChild`/`TooltipContent` and pass\n * `autoTitle={false}` (see the `LongComposedLabel` story), which Radix opens\n * on keyboard focus too.\n */\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(function SelectTrigger(\n  { className, children, size = \"default\", title, autoTitle = true, ...props },\n  ref,\n) {\n  const innerRef = useRef<HTMLButtonElement>(null);\n  const mergedRef = useMemo(() => mergeRefs(ref, innerRef), [ref]);\n\n  useEffect(() => {\n    if (!autoTitle) return;\n    if (title !== undefined) return; // caller owns `title` — never override it\n    const node = innerRef.current;\n    if (!node) return;\n\n    const sync = () => {\n      // The clamp lives on the child spans, but a long unbroken value can also\n      // overflow the trigger box itself — check both.\n      const clipped = isClipped(node) || Array.from(node.children).some(isClipped);\n      const text = clipped ? composeTriggerText(node) : \"\";\n      if (text) node.title = text;\n      else node.removeAttribute(\"title\");\n    };\n    sync();\n\n    // The selected item's text isn't a React child of this component — Radix\n    // portals it into the (child) `SelectValue` node from `SelectContent`\n    // asynchronously, on its OWN commit, so a one-shot read here can run\n    // before that text lands. Observe the subtree instead of trusting this\n    // component's own render cycle. (Attributes are deliberately NOT observed:\n    // `sync` writes `title`, which would otherwise re-enter.)\n    const observer = new MutationObserver(sync);\n    observer.observe(node, { childList: true, subtree: true, characterData: true });\n\n    // Clipping is a function of WIDTH, so it has to be re-measured when the\n    // trigger resizes, not only when its text changes.\n    const resizeObserver =\n      typeof ResizeObserver === \"function\" ? new ResizeObserver(sync) : undefined;\n    resizeObserver?.observe(node);\n\n    return () => {\n      observer.disconnect();\n      resizeObserver?.disconnect();\n    };\n  }, [autoTitle, title]);\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={mergedRef}\n      data-size={size}\n      title={title}\n      className={cn(\n        \"flex w-full items-center justify-between gap-2 rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input\",\n        size === \"sm\" ? \"h-control-sm\" : \"h-control\",\n        \"placeholder:text-muted-foreground focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus\",\n        // No `disabled:cursor-*` override — disabled controls keep the arrow\n        // automatically (interaction-guidelines.md), matching Combobox's\n        // Button-based trigger (`disabled:pointer-events-none`) (#343).\n        // `truncate`, not `line-clamp-1`: a clamp only prints its ellipsis when it has\n        // dropped a LINE, so a single-line value too wide for a narrow trigger was cut\n        // mid-word with no ellipsis at all (\"Occurren\"). `autoTitle` above puts the full\n        // text in the tooltip, so the ellipsis is the visible half of that pair.\n        \"disabled:opacity-50 disabled:border-border [&>span]:truncate\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDown className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, position = \"popper\", ...props }, ref) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        position={position}\n        className={cn(\n          \"relative z-50 max-h-96 min-w-[12rem] overflow-hidden rounded-md bg-popover text-popover-foreground shadow-popover\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.ScrollUpButton className=\"flex cursor-default items-center justify-center py-1\">\n          <ChevronUp className=\"size-4\" />\n        </SelectPrimitive.ScrollUpButton>\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectPrimitive.ScrollDownButton className=\"flex cursor-default items-center justify-center py-1\">\n          <ChevronDown className=\"size-4\" />\n        </SelectPrimitive.ScrollDownButton>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(function SelectLabel({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cn(\"px-2 py-1.5 text-meta font-semibold text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(function SelectItem({ className, children, ...props }, ref) {\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 ps-2 pe-8 text-body outline-none transition-colors duration-fast\",\n        \"focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute end-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(function SelectSeparator({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":"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","names":["SelectTrigger","SelectContent","SelectLabel","SelectItem","SelectSeparator"]}

package/dist/chunk-5SHHIQVA.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/components/model-picker/model-picker-state.ts
+function modelPickerBody(status, itemCount) {
+  if (itemCount > 0) return "list";
+  if (status === "loading" || status === "idle") return "loading";
+  if (status === "error" || status === "stale") return "error";
+  return "empty";
+}
+function showsInlineError(status, itemCount) {
+  return itemCount > 0 && (status === "stale" || status === "error");
+}
+function countItems(groups) {
+  return groups.reduce((n, g) => n + g.items.length, 0);
+}
+
+export {
+  modelPickerBody,
+  showsInlineError,
+  countItems
+};
+//# sourceMappingURL=chunk-5SHHIQVA.js.map

package/dist/chunk-5SHHIQVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-picker/model-picker-state.ts"],"sourcesContent":["/**\n * `ModelPicker`'s two state decisions, kept OUT of the component on purpose.\n *\n * Both were inline ternaries in the consuming app this component came from, and\n * both survived every mutation thrown at them — because no test could reach an\n * expression buried in JSX. As exported pure functions they are directly\n * testable, which is the whole reason they live in their own module.\n */\n\n/** What the picker knows about the list it was handed. */\nexport type ModelPickerStatus = \"idle\" | \"loading\" | \"ready\" | \"stale\" | \"error\" | \"empty\";\n\n/** Which of the four mutually-exclusive bodies the popover renders. */\nexport type ModelPickerBody = \"loading\" | \"list\" | \"error\" | \"empty\";\n\n/**\n * Pick the body.\n *\n * **A non-empty list always wins.** A failed refresh over usable stale data is an\n * inline strip above a working list (see `showsInlineError`), never a takeover —\n * collapsing \"stale list + error\" into \"error panel\" throws away a list the user\n * could still have picked from.\n */\nexport function modelPickerBody(status: ModelPickerStatus, itemCount: number): ModelPickerBody {\n  if (itemCount > 0) return \"list\";\n  if (status === \"loading\" || status === \"idle\") return \"loading\";\n  if (status === \"error\" || status === \"stale\") return \"error\";\n  return \"empty\";\n}\n\n/**\n * Whether to show the error line ABOVE a list that still works — i.e. the\n * refresh failed but there is stale data worth keeping on screen.\n */\nexport function showsInlineError(status: ModelPickerStatus, itemCount: number): boolean {\n  return itemCount > 0 && (status === \"stale\" || status === \"error\");\n}\n\n/** One selectable row. */\nexport interface ModelPickerItem {\n  id: string;\n  label: string;\n  /** Muted second line. */\n  description?: string;\n  /**\n   * Extra strings cmdk should MATCH on without displaying — ids, a space or\n   * workspace name. This is what lets a search for \"northwind\" find a target\n   * whose visible label never says it.\n   */\n  keywords?: string[];\n  /**\n   * Leading glyph. A ReactNode, never a URL: a renderer with no remote origins\n   * cannot fetch a logo, so the caller supplies a bundled node.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Trailing muted badges (\"not provisioned\", \"no modes\").\n   *\n   * Deliberately a caller-supplied ARRAY rather than derived from flags. A\n   * three-valued flag where absent means \"undecided\" renders as \"not enabled\"\n   * the moment a component computes the badge from `!flag` — which mislabels\n   * every row on a deployment that simply never probed. Keeping this a list the\n   * caller builds means the library cannot get that wrong on their behalf.\n   */\n  meta?: string[];\n  /** Disable this row without removing it. */\n  disabled?: boolean;\n}\n\n/** A titled group of rows. */\nexport interface ModelPickerGroup {\n  key: string;\n  /**\n   * Rendered verbatim as the group heading. The CALLER derives it (`Apps ·\n   * northwind`, `Assistants · personal`) — the library never invents grouping or\n   * heading text from the data.\n   */\n  label: string;\n  items: ModelPickerItem[];\n}\n\n/** Total rows across all groups. */\nexport function countItems(groups: readonly ModelPickerGroup[]): number {\n  return groups.reduce((n, g) => n + g.items.length, 0);\n}\n"],"mappings":";;;AAuBO,SAAS,gBAAgB,QAA2B,WAAoC;AAC7F,MAAI,YAAY,EAAG,QAAO;AAC1B,MAAI,WAAW,aAAa,WAAW,OAAQ,QAAO;AACtD,MAAI,WAAW,WAAW,WAAW,QAAS,QAAO;AACrD,SAAO;AACT;AAMO,SAAS,iBAAiB,QAA2B,WAA4B;AACtF,SAAO,YAAY,MAAM,WAAW,WAAW,WAAW;AAC5D;AA8CO,SAAS,WAAW,QAA6C;AACtE,SAAO,OAAO,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,MAAM,QAAQ,CAAC;AACtD;","names":[]}

package/dist/chunk-5V5J7APL.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/kbd/kbd.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Kbd = forwardRef(function Kbd2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      translate: "no",
+      ref,
+      className: cn(
+        "inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded border bg-muted px-1.5 font-mono text-[0.7rem] font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Kbd
+};
+//# sourceMappingURL=chunk-5V5J7APL.js.map

package/dist/chunk-5V5J7APL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/kbd/kbd.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\n/** Keyboard key hint, e.g. <Kbd>⌘K</Kbd>. */\nexport const Kbd = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function Kbd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <kbd\n      translate=\"no\"\n      ref={ref}\n      className={cn(\n        \"inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded border bg-muted px-1.5 font-mono text-[0.7rem] font-medium text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuC;AAS5C;AALG,IAAM,MAAM,WAAqD,SAASA,KAC/E,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Kbd"]}

package/dist/chunk-5YZLOAKR.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-5YZLOAKR.js.map

package/dist/chunk-5YZLOAKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5Z55AFOW.js

@@ -0,0 +1,128 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/meter/meter.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var meterVariants = cva("relative w-full overflow-hidden rounded-full bg-muted", {
+  variants: {
+    size: {
+      xs: "h-1",
+      sm: "h-2",
+      md: "h-3"
+    }
+  },
+  defaultVariants: { size: "sm" }
+});
+var meterFillVariants = cva("block h-full rounded-full", {
+  variants: {
+    variant: {
+      default: "bg-foreground",
+      success: "bg-success",
+      warning: "bg-warning",
+      destructive: "bg-destructive"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+var Meter = forwardRef(function Meter2({
+  value,
+  min = 0,
+  max = 100,
+  segments,
+  marker,
+  markerLabel,
+  size,
+  variant,
+  className,
+  "aria-valuetext": ariaValuetext,
+  ...props
+}, ref) {
+  const span = max - min;
+  const fraction = span > 0 ? Math.min(1, Math.max(0, (value - min) / span)) : 0;
+  const hasMarker = typeof marker === "number" && Number.isFinite(marker);
+  const markerFraction = hasMarker ? Math.min(1, Math.max(0, span > 0 ? (marker - min) / span : 0)) : 0;
+  const resolvedValuetext = ariaValuetext ?? (hasMarker && markerLabel ? `${value}, ${markerLabel}` : void 0);
+  const cells = typeof segments === "number" && segments > 0 ? Math.max(1, Math.floor(segments)) : 0;
+  const filledCells = cells ? Math.round(fraction * cells) : 0;
+  const track = cells ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-valuemax": max,
+      "aria-valuemin": min,
+      "aria-valuenow": value,
+      "aria-valuetext": resolvedValuetext,
+      className: cn(
+        "flex w-full items-stretch gap-px",
+        size === "xs" ? "h-1" : size === "md" ? "h-3" : "h-2",
+        className
+      ),
+      "data-slot": "meter",
+      "data-variant": variant ?? "default",
+      role: "meter",
+      ...props,
+      children: Array.from({ length: cells }, (_, i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "min-w-0 flex-1 rounded-full",
+            i < filledCells ? meterFillVariants({ variant }) : "bg-muted"
+          ),
+          "data-slot": "meter-cell"
+        },
+        i
+      ))
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-valuemax": max,
+      "aria-valuemin": min,
+      "aria-valuenow": value,
+      "aria-valuetext": resolvedValuetext,
+      className: cn(meterVariants({ size }), className),
+      "data-slot": "meter",
+      "data-variant": variant ?? "default",
+      role: "meter",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: meterFillVariants({ variant }),
+          "data-slot": "meter-fill",
+          style: { width: `${fraction * 100}%` }
+        }
+      )
+    }
+  );
+  if (!hasMarker || cells) return track;
+  return (
+    // Same construction as `Progress.marker`: the tick is a sibling of the
+    // clipped track so it is never cut off, and the wrapper mirrors
+    // `className` so the tick's percentage is measured against the same box.
+    /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      track,
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": markerLabel ? void 0 : "true",
+          className: "pointer-events-none absolute -top-0.5 -bottom-0.5 w-0.5 rounded-full bg-foreground",
+          "data-slot": "meter-marker",
+          style: { insetInlineStart: `${markerFraction * 100}%` }
+        }
+      )
+    ] })
+  );
+});
+
+export {
+  meterVariants,
+  meterFillVariants,
+  Meter
+};
+//# sourceMappingURL=chunk-5Z55AFOW.js.map

package/dist/chunk-5Z55AFOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/meter/meter.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Meter — a word-sized read-only quantity: a confidence, a share of a\n * ceiling, \"4 of 5 signals held\".\n *\n * NOT a `Progress` (dedupe audit, 2026-09-18): `Progress` is a\n * `role=\"progressbar\"` — assistive tech announces it as a task in flight and\n * it is block-level by design. A meter is the ARIA `meter` role: a scalar\n * within a known range that is not going anywhere. The two share the visual\n * recipe (track, fill, an optional reference tick) so a page that mixes them\n * reads as one system; they differ in semantics, default ink and size.\n *\n * - Default fill is `foreground` ink, not `primary`: a quantity is a fact,\n *   not an action or a status. The status tones exist for the case where the\n *   quantity IS a verdict (over a ceiling → `destructive`), and a non-default\n *   tone must be paired with `aria-valuetext` so the state is never color-only.\n * - `segments` turns the continuous track into a countable strip of discrete\n *   cells (\"|||| 4 of 5\"): five facts read better as five marks than as 80%.\n * - `marker` draws a reference tick (a ceiling, a target) outside the clipped\n *   track, exactly as `Progress.marker` does; `markerLabel` joins the value\n *   text so AT hears the reference too.\n */\nexport const meterVariants = cva(\"relative w-full overflow-hidden rounded-full bg-muted\", {\n  variants: {\n    size: {\n      xs: \"h-1\",\n      sm: \"h-2\",\n      md: \"h-3\",\n    },\n  },\n  defaultVariants: { size: \"sm\" },\n});\n\nexport const meterFillVariants = cva(\"block h-full rounded-full\", {\n  variants: {\n    variant: {\n      default: \"bg-foreground\",\n      success: \"bg-success\",\n      warning: \"bg-warning\",\n      destructive: \"bg-destructive\",\n    },\n  },\n  defaultVariants: { variant: \"default\" },\n});\n\nexport interface MeterProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"children\">,\n    VariantProps<typeof meterVariants>,\n    VariantProps<typeof meterFillVariants> {\n  /** The measured value. Clamped to `[min, max]` for the fill; reported as-is to AT. */\n  value: number;\n  /** Range floor. Default 0. */\n  min?: number;\n  /** Range ceiling. Default 100. */\n  max?: number;\n  /**\n   * Draw the track as this many discrete cells instead of one continuous\n   * fill; the value fills `round((value − min) / (max − min) × segments)` of\n   * them. For \"n of m\" facts pass `segments={m}` with `max={m}`.\n   */\n  segments?: number;\n  /**\n   * Reference point on the same scale as `value` (a ceiling, a target),\n   * rendered as a thin vertical tick on the track. Unset renders no tick.\n   */\n  marker?: number;\n  /**\n   * What `marker` represents, already localized (\"ceiling $500\"). Appended to\n   * the accessible value text; a caller-supplied `aria-valuetext` always wins.\n   */\n  markerLabel?: string;\n}\n\nexport const Meter = forwardRef<HTMLDivElement, MeterProps>(function Meter(\n  {\n    value,\n    min = 0,\n    max = 100,\n    segments,\n    marker,\n    markerLabel,\n    size,\n    variant,\n    className,\n    \"aria-valuetext\": ariaValuetext,\n    ...props\n  },\n  ref,\n) {\n  const span = max - min;\n  const fraction = span > 0 ? Math.min(1, Math.max(0, (value - min) / span)) : 0;\n  const hasMarker = typeof marker === \"number\" && Number.isFinite(marker);\n  const markerFraction = hasMarker\n    ? Math.min(1, Math.max(0, span > 0 ? ((marker as number) - min) / span : 0))\n    : 0;\n  const resolvedValuetext =\n    ariaValuetext ?? (hasMarker && markerLabel ? `${value}, ${markerLabel}` : undefined);\n  const cells =\n    typeof segments === \"number\" && segments > 0 ? Math.max(1, Math.floor(segments)) : 0;\n  const filledCells = cells ? Math.round(fraction * cells) : 0;\n\n  const track = cells ? (\n    <div\n      ref={ref}\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={value}\n      aria-valuetext={resolvedValuetext}\n      className={cn(\n        \"flex w-full items-stretch gap-px\",\n        size === \"xs\" ? \"h-1\" : size === \"md\" ? \"h-3\" : \"h-2\",\n        className,\n      )}\n      data-slot=\"meter\"\n      data-variant={variant ?? \"default\"}\n      role=\"meter\"\n      {...props}\n    >\n      {Array.from({ length: cells }, (_, i) => (\n        <span\n          className={cn(\n            \"min-w-0 flex-1 rounded-full\",\n            i < filledCells ? meterFillVariants({ variant }) : \"bg-muted\",\n          )}\n          data-slot=\"meter-cell\"\n          key={i}\n        />\n      ))}\n    </div>\n  ) : (\n    <div\n      ref={ref}\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={value}\n      aria-valuetext={resolvedValuetext}\n      className={cn(meterVariants({ size }), className)}\n      data-slot=\"meter\"\n      data-variant={variant ?? \"default\"}\n      role=\"meter\"\n      {...props}\n    >\n      <span\n        className={meterFillVariants({ variant })}\n        data-slot=\"meter-fill\"\n        style={{ width: `${fraction * 100}%` }}\n      />\n    </div>\n  );\n\n  if (!hasMarker || cells) return track;\n\n  return (\n    // Same construction as `Progress.marker`: the tick is a sibling of the\n    // clipped track so it is never cut off, and the wrapper mirrors\n    // `className` so the tick's percentage is measured against the same box.\n    <div className={cn(\"relative\", className)}>\n      {track}\n      <span\n        aria-hidden={markerLabel ? undefined : \"true\"}\n        className=\"pointer-events-none absolute -top-0.5 -bottom-0.5 w-0.5 rounded-full bg-foreground\"\n        data-slot=\"meter-marker\"\n        style={{ insetInlineStart: `${markerFraction * 100}%` }}\n      />\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAEA,SAAS,kBAAuC;AAChD,SAAS,WAA8B;AA0H/B,cAqCJ,YArCI;AAlGD,IAAM,gBAAgB,IAAI,yDAAyD;AAAA,EACxF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AAEM,IAAM,oBAAoB,IAAI,6BAA6B;AAAA,EAChE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CAAC;AA+BM,IAAM,QAAQ,WAAuC,SAASA,OACnE;AAAA,EACE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAO,MAAM;AACnB,QAAM,WAAW,OAAO,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,QAAQ,OAAO,IAAI,CAAC,IAAI;AAC7E,QAAM,YAAY,OAAO,WAAW,YAAY,OAAO,SAAS,MAAM;AACtE,QAAM,iBAAiB,YACnB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,KAAM,SAAoB,OAAO,OAAO,CAAC,CAAC,IACzE;AACJ,QAAM,oBACJ,kBAAkB,aAAa,cAAc,GAAG,KAAK,KAAK,WAAW,KAAK;AAC5E,QAAM,QACJ,OAAO,aAAa,YAAY,WAAW,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,CAAC,IAAI;AACrF,QAAM,cAAc,QAAQ,KAAK,MAAM,WAAW,KAAK,IAAI;AAE3D,QAAM,QAAQ,QACZ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,WAAW;AAAA,QACT;AAAA,QACA,SAAS,OAAO,QAAQ,SAAS,OAAO,QAAQ;AAAA,QAChD;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MACV,gBAAc,WAAW;AAAA,MACzB,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,IAAI,cAAc,kBAAkB,EAAE,QAAQ,CAAC,IAAI;AAAA,UACrD;AAAA,UACA,aAAU;AAAA;AAAA,QACL;AAAA,MACP,CACD;AAAA;AAAA,EACH,IAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAChD,aAAU;AAAA,MACV,gBAAc,WAAW;AAAA,MACzB,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,kBAAkB,EAAE,QAAQ,CAAC;AAAA,UACxC,aAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI;AAAA;AAAA,MACvC;AAAA;AAAA,EACF;AAGF,MAAI,CAAC,aAAa,MAAO,QAAO;AAEhC;AAAA;AAAA;AAAA;AAAA,IAIE,qBAAC,SAAI,WAAW,GAAG,YAAY,SAAS,GACrC;AAAA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa,cAAc,SAAY;AAAA,UACvC,WAAU;AAAA,UACV,aAAU;AAAA,UACV,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,GAAG,IAAI;AAAA;AAAA,MACxD;AAAA,OACF;AAAA;AAEJ,CAAC;","names":["Meter"]}

package/dist/chunk-653ZIWX6.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-653ZIWX6.js.map

package/dist/chunk-653ZIWX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6DHG7JVP.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-6DHG7JVP.js.map

package/dist/chunk-6DHG7JVP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6HGS5Z2Z.js

@@ -0,0 +1,110 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  buttonVariants
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/pagination/pagination.tsx
+import { forwardRef } from "react";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": t("ui.pagination.label"),
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+var PaginationContent = forwardRef(
+  function PaginationContent2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props });
+  }
+);
+var PaginationItem = forwardRef(
+  function PaginationItem2(props, ref) {
+    return /* @__PURE__ */ jsx("li", { ref, ...props });
+  }
+);
+var PaginationLink = forwardRef(
+  function PaginationLink2({ className, isActive, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        "aria-current": isActive ? "page" : void 0,
+        className: cn(
+          buttonVariants({ variant: isActive ? "outline" : "ghost", size: "icon" }),
+          "cursor-pointer",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+function PaginationPrevious({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "aria-label": t("ui.pagination.previous"),
+      className: cn(buttonVariants({ variant: "ghost" }), "gap-1 ps-2.5 cursor-pointer", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "data-rtl-flip": true }),
+        /* @__PURE__ */ jsx("span", { children: t("previous") })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "aria-label": t("ui.pagination.next"),
+      className: cn(buttonVariants({ variant: "ghost" }), "gap-1 pe-2.5 cursor-pointer", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { children: t("next") }),
+        /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "data-rtl-flip": true })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.pagination.morePages") })
+      ]
+    }
+  );
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis
+};
+//# sourceMappingURL=chunk-6HGS5Z2Z.js.map

package/dist/chunk-6HGS5Z2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ComponentProps } from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { buttonVariants } from \"../button\";\nimport { useLocale } from \"../locale-provider\";\n\nexport function Pagination({ className, ...props }: ComponentProps<\"nav\">) {\n  const { t } = useLocale();\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label={t(\"ui.pagination.label\")}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\nexport const PaginationContent = forwardRef<HTMLUListElement, ComponentProps<\"ul\">>(\n  function PaginationContent({ className, ...props }, ref) {\n    return (\n      <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n    );\n  },\n);\nexport const PaginationItem = forwardRef<HTMLLIElement, ComponentProps<\"li\">>(\n  function PaginationItem(props, ref) {\n    return <li ref={ref} {...props} />;\n  },\n);\ntype PaginationLinkProps = { isActive?: boolean } & ComponentProps<\"a\">;\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink({ className, isActive, ...props }, ref) {\n    return (\n      <a\n        ref={ref}\n        aria-current={isActive ? \"page\" : undefined}\n        className={cn(\n          buttonVariants({ variant: isActive ? \"outline\" : \"ghost\", size: \"icon\" }),\n          \"cursor-pointer\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nexport function PaginationPrevious({ className, ...props }: ComponentProps<\"a\">) {\n  const { t } = useLocale();\n  return (\n    <a\n      aria-label={t(\"ui.pagination.previous\")}\n      className={cn(buttonVariants({ variant: \"ghost\" }), \"gap-1 ps-2.5 cursor-pointer\", className)}\n      {...props}\n    >\n      <ChevronLeft className=\"size-4\" data-rtl-flip />\n      <span>{t(\"previous\")}</span>\n    </a>\n  );\n}\nexport function PaginationNext({ className, ...props }: ComponentProps<\"a\">) {\n  const { t } = useLocale();\n  return (\n    <a\n      aria-label={t(\"ui.pagination.next\")}\n      className={cn(buttonVariants({ variant: \"ghost\" }), \"gap-1 pe-2.5 cursor-pointer\", className)}\n      {...props}\n    >\n      <span>{t(\"next\")}</span>\n      <ChevronRight className=\"size-4\" data-rtl-flip />\n    </a>\n  );\n}\nexport function PaginationEllipsis({ className, ...props }: ComponentProps<\"span\">) {\n  const { t } = useLocale();\n  return (\n    <span\n      aria-hidden\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">{t(\"ui.pagination.morePages\")}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAEA,SAAS,kBAAuC;AAChD,SAAS,aAAa,cAAc,sBAAsB;AAQtD,cAwCA,YAxCA;AAHG,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAA0B;AACzE,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,EAAE,qBAAqB;AAAA,MACnC,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AACO,IAAM,oBAAoB;AAAA,EAC/B,SAASA,mBAAkB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACvD,WACE,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AAAA,EAE3F;AACF;AACO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,OAAO,KAAK;AAClC,WAAO,oBAAC,QAAG,KAAW,GAAG,OAAO;AAAA,EAClC;AACF;AAEO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,gBAAc,WAAW,SAAS;AAAA,QAClC,WAAW;AAAA,UACT,eAAe,EAAE,SAAS,WAAW,YAAY,SAAS,MAAM,OAAO,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACO,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAwB;AAC/E,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,EAAE,wBAAwB;AAAA,MACtC,WAAW,GAAG,eAAe,EAAE,SAAS,QAAQ,CAAC,GAAG,+BAA+B,SAAS;AAAA,MAC3F,GAAG;AAAA,MAEJ;AAAA,4BAAC,eAAY,WAAU,UAAS,iBAAa,MAAC;AAAA,QAC9C,oBAAC,UAAM,YAAE,UAAU,GAAE;AAAA;AAAA;AAAA,EACvB;AAEJ;AACO,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AAC3E,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,EAAE,oBAAoB;AAAA,MAClC,WAAW,GAAG,eAAe,EAAE,SAAS,QAAQ,CAAC,GAAG,+BAA+B,SAAS;AAAA,MAC3F,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAM,YAAE,MAAM,GAAE;AAAA,QACjB,oBAAC,gBAAa,WAAU,UAAS,iBAAa,MAAC;AAAA;AAAA;AAAA,EACjD;AAEJ;AACO,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA2B;AAClF,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,kBAAe,WAAU,UAAS;AAAA,QACnC,oBAAC,UAAK,WAAU,WAAW,YAAE,yBAAyB,GAAE;AAAA;AAAA;AAAA,EAC1D;AAEJ;","names":["PaginationContent","PaginationItem","PaginationLink"]}

package/dist/chunk-6NKILKS6.js

@@ -0,0 +1,35 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/hover-card/hover-card.tsx
+import { forwardRef } from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = forwardRef(function HoverCardContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      ref,
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-64 rounded-md bg-popover p-4 text-popover-foreground shadow-popover outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  HoverCard,
+  HoverCardTrigger,
+  HoverCardContent
+};
+//# sourceMappingURL=chunk-6NKILKS6.js.map

package/dist/chunk-6NKILKS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hover-card/hover-card.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"../../lib/cn\";\n\nexport const HoverCard = HoverCardPrimitive.Root;\nexport const HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nexport const HoverCardContent = forwardRef<\n  ElementRef<typeof HoverCardPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(function HoverCardContent({ className, align = \"center\", sideOffset = 4, ...props }, ref) {\n  return (\n    <HoverCardPrimitive.Content\n      ref={ref}\n      data-slot=\"hover-card-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-64 rounded-md bg-popover p-4 text-popover-foreground shadow-popover outline-none\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,wBAAwB;AAWhC;AARG,IAAM,YAA+B;AACrC,IAAM,mBAAsC;AAE5C,IAAM,mBAAmB,WAG9B,SAASA,kBAAiB,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,KAAK;AAC1F,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["HoverCardContent"]}

package/dist/chunk-6OFWWIEG.js

@@ -0,0 +1,50 @@
+"use client";
+import {
+  Kbd
+} from "./chunk-5V5J7APL.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/command-trigger/command-trigger.tsx
+import { forwardRef } from "react";
+import { Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function platformShortcut() {
+  if (typeof navigator === "undefined") return "Ctrl K";
+  const platform = navigator.userAgentData?.platform ?? navigator.platform ?? "";
+  return /mac|iphone|ipad/i.test(platform) ? "\u2318 K" : "Ctrl K";
+}
+var CommandTrigger = forwardRef(
+  function CommandTrigger2({ label = "Search", shortcut, className, ...props }, ref) {
+    const hint = shortcut ?? platformShortcut();
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "command-trigger",
+        "aria-label": label,
+        className: cn(
+          "inline-flex h-8 items-center gap-2 rounded-md border border-input bg-background px-2 text-body text-muted-foreground",
+          "hover:bg-accent hover:text-accent-foreground focus-ring focus-visible:border-input-focus",
+          "sm:w-56 sm:justify-between sm:ps-2 sm:pe-1.5",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "hidden truncate sm:inline", children: label })
+          ] }),
+          /* @__PURE__ */ jsx(Kbd, { "aria-hidden": "true", className: "hidden sm:inline-flex", children: hint })
+        ]
+      }
+    );
+  }
+);
+
+export {
+  CommandTrigger
+};
+//# sourceMappingURL=chunk-6OFWWIEG.js.map