@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-UUSOIPM2.js

@@ -0,0 +1,69 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/descriptions/descriptions.tsx
+import { createContext, forwardRef, use } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var descriptionsVariants = cva("grid gap-x-6 gap-y-3 text-body", {
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+    }
+  },
+  defaultVariants: {
+    columns: 1
+  }
+});
+var LABEL_WIDTH_CLASS = {
+  "1/3": "w-1/3",
+  "1/4": "w-1/4",
+  "1/5": "w-1/5"
+};
+var DescriptionsContext = createContext({
+  layout: "horizontal",
+  labelWidth: "1/3"
+});
+var Descriptions = forwardRef(function Descriptions2({ columns = 1, layout = "horizontal", labelWidth = "1/3", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DescriptionsContext, { value: { layout, labelWidth }, children: /* @__PURE__ */ jsx("dl", { ref, className: cn(descriptionsVariants({ columns }), className), ...props, children }) });
+});
+var DescriptionsItem = forwardRef(
+  function DescriptionsItem2({ label, numeric, className, children, ...props }, ref) {
+    const { layout, labelWidth } = use(DescriptionsContext);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-0",
+          layout === "horizontal" ? "flex items-baseline gap-3" : "flex flex-col gap-0.5",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "dt",
+            {
+              className: cn(
+                "text-muted-foreground",
+                layout === "horizontal" && cn(LABEL_WIDTH_CLASS[labelWidth], "shrink-0")
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 break-words text-foreground", numeric && "tabular-nums"), children })
+        ]
+      }
+    );
+  }
+);
+
+export {
+  Descriptions,
+  DescriptionsItem
+};
+//# sourceMappingURL=chunk-UUSOIPM2.js.map

package/dist/chunk-UUSOIPM2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/descriptions/descriptions.tsx"],"sourcesContent":["// a2ui.exposed: yes\nimport { createContext, forwardRef, use, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst descriptionsVariants = cva(\"grid gap-x-6 gap-y-3 text-body\", {\n  variants: {\n    columns: {\n      1: \"grid-cols-1\",\n      2: \"grid-cols-1 sm:grid-cols-2\",\n      3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n    },\n  },\n  defaultVariants: {\n    columns: 1,\n  },\n});\n\ntype DescriptionsLayout = \"horizontal\" | \"vertical\";\n\n/**\n * The label column's share of a `horizontal` item. Static class names, never\n * a computed `w-[…]`, so Tailwind can see them. `\"1/3\"` is the default and\n * the historical render; `\"1/4\"`/`\"1/5\"` suit a record whose labels are\n * short (\"What it did\", \"Owner\") and whose values are sentences.\n */\nexport type DescriptionsLabelWidth = \"1/3\" | \"1/4\" | \"1/5\";\n\nconst LABEL_WIDTH_CLASS: Record<DescriptionsLabelWidth, string> = {\n  \"1/3\": \"w-1/3\",\n  \"1/4\": \"w-1/4\",\n  \"1/5\": \"w-1/5\",\n};\n\ninterface DescriptionsContextValue {\n  layout: DescriptionsLayout;\n  labelWidth: DescriptionsLabelWidth;\n}\n\nconst DescriptionsContext = createContext<DescriptionsContextValue>({\n  layout: \"horizontal\",\n  labelWidth: \"1/3\",\n});\n\nexport interface DescriptionsProps\n  extends HTMLAttributes<HTMLDListElement>, VariantProps<typeof descriptionsVariants> {\n  /**\n   * Number of columns at the widest breakpoint. Collapses to a single column\n   * on small screens. Default 1.\n   */\n  columns?: 1 | 2 | 3;\n  /**\n   * `horizontal` places the label beside the value; `vertical` stacks the\n   * label above the value. Default `horizontal`.\n   */\n  layout?: DescriptionsLayout;\n  /**\n   * Width of the label column in the `horizontal` layout, as a share of the\n   * item. Default `\"1/3\"`. Ignored by `vertical`.\n   */\n  labelWidth?: DescriptionsLabelWidth;\n}\n\n/**\n * Descriptions — a responsive definition list of label↔value pairs.\n *\n * Renders a native `<dl>`; compose with `DescriptionsItem` (`<dt>`/`<dd>`).\n * `columns` controls the grid; `layout` controls label placement per item.\n */\nexport const Descriptions = forwardRef<HTMLDListElement, DescriptionsProps>(function Descriptions(\n  { columns = 1, layout = \"horizontal\", labelWidth = \"1/3\", className, children, ...props },\n  ref,\n) {\n  return (\n    <DescriptionsContext value={{ layout, labelWidth }}>\n      <dl ref={ref} className={cn(descriptionsVariants({ columns }), className)} {...props}>\n        {children}\n      </dl>\n    </DescriptionsContext>\n  );\n});\n\nexport interface DescriptionsItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** The term / label for this entry. */\n  label: React.ReactNode;\n  /**\n   * When the value is numeric, set this so the value uses `tabular-nums`\n   * for aligned digits.\n   */\n  numeric?: boolean;\n}\n\n/**\n * DescriptionsItem — one label↔value pair (`<dt>` + `<dd>`) inside `Descriptions`.\n */\nexport const DescriptionsItem = forwardRef<HTMLDivElement, DescriptionsItemProps>(\n  function DescriptionsItem({ label, numeric, className, children, ...props }, ref) {\n    const { layout, labelWidth } = use(DescriptionsContext);\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"min-w-0\",\n          layout === \"horizontal\" ? \"flex items-baseline gap-3\" : \"flex flex-col gap-0.5\",\n          className,\n        )}\n        {...props}\n      >\n        <dt\n          className={cn(\n            \"text-muted-foreground\",\n            layout === \"horizontal\" && cn(LABEL_WIDTH_CLASS[labelWidth], \"shrink-0\"),\n          )}\n        >\n          {label}\n        </dt>\n        <dd className={cn(\"min-w-0 break-words text-foreground\", numeric && \"tabular-nums\")}>\n          {children}\n        </dd>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;AACA,SAAS,eAAe,YAAY,WAAgC;AACpE,SAAS,WAA8B;AAyEjC,cAwBA,YAxBA;AAtEN,IAAM,uBAAuB,IAAI,kCAAkC;AAAA,EACjE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAYD,IAAM,oBAA4D;AAAA,EAChE,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAOA,IAAM,sBAAsB,cAAwC;AAAA,EAClE,QAAQ;AAAA,EACR,YAAY;AACd,CAAC;AA2BM,IAAM,eAAe,WAAgD,SAASA,cACnF,EAAE,UAAU,GAAG,SAAS,cAAc,aAAa,OAAO,WAAW,UAAU,GAAG,MAAM,GACxF,KACA;AACA,SACE,oBAAC,uBAAoB,OAAO,EAAE,QAAQ,WAAW,GAC/C,8BAAC,QAAG,KAAU,WAAW,GAAG,qBAAqB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAC5E,UACH,GACF;AAEJ,CAAC;AAeM,IAAM,mBAAmB;AAAA,EAC9B,SAASC,kBAAiB,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChF,UAAM,EAAE,QAAQ,WAAW,IAAI,IAAI,mBAAmB;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,WAAW,eAAe,8BAA8B;AAAA,UACxD;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,WAAW,gBAAgB,GAAG,kBAAkB,UAAU,GAAG,UAAU;AAAA,cACzE;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,QAAG,WAAW,GAAG,uCAAuC,WAAW,cAAc,GAC/E,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["Descriptions","DescriptionsItem"]}

package/dist/chunk-V2S5DINS.js

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

package/dist/chunk-V2S5DINS.js.map

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

package/dist/chunk-V3EQ6ACC.js

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

package/dist/chunk-V3EQ6ACC.js.map

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

package/dist/chunk-V5QCJHDA.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  countItems,
+  modelPickerBody,
+  showsInlineError
+} from "./chunk-5SHHIQVA.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "./chunk-CY5ISPFB.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-SGBCLZQF.js";
+import {
+  Skeleton
+} from "./chunk-UPGIQXUY.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/model-picker/model-picker.tsx
+import { forwardRef, useCallback, useState } from "react";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Row({
+  item,
+  picked,
+  onChoose
+}) {
+  return /* @__PURE__ */ jsxs(
+    CommandItem,
+    {
+      value: item.id,
+      keywords: item.keywords ?? [],
+      disabled: item.disabled,
+      onSelect: onChoose,
+      "data-model-id": item.id,
+      "data-picked": picked ? "true" : "false",
+      className: "gap-2",
+      children: [
+        item.icon,
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
+          item.description === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground truncate", children: item.description })
+        ] }),
+        (item.meta ?? []).map((m) => /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground shrink-0", children: m }, m)),
+        picked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0", "aria-hidden": "true" }) : null
+      ]
+    }
+  );
+}
+var ModelPicker = forwardRef(function ModelPicker2({
+  groups,
+  value,
+  onSelect,
+  status = "ready",
+  triggerLabel,
+  onRetry,
+  searchPlaceholder,
+  disabled,
+  contentClassName,
+  className,
+  open: openProp,
+  onOpenChange,
+  footer,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const count = countItems(groups);
+  const body = modelPickerBody(status, count);
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "model-picker", className: cn("inline-flex", className), ...props, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-label": props["aria-label"] ?? (typeof triggerLabel === "string" ? triggerLabel : t("ui.modelPicker.label")),
+        disabled,
+        "data-slot": "model-picker-trigger",
+        className: "max-w-88 justify-between gap-2",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: triggerLabel }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3.5 shrink-0 opacity-50", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "start",
+        "data-slot": "model-picker-content",
+        "aria-label": props["aria-label"] ?? t("ui.modelPicker.label"),
+        className: cn("w-96 p-0", contentClassName),
+        children: /* @__PURE__ */ jsxs(Command, { children: [
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              placeholder: searchPlaceholder ?? t("ui.modelPicker.searchPlaceholder")
+            }
+          ),
+          showsInlineError(status, count) ? (
+            // Above the list, never instead of it — the list still works.
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "model-picker-stale",
+                role: "status",
+                className: "border-border flex items-center justify-between gap-2 border-b px-3 py-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: t("ui.modelPicker.refreshFailed") }),
+                  onRetry ? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRetry, children: t("ui.modelPicker.retry") }) : null
+                ]
+              }
+            )
+          ) : null,
+          /* @__PURE__ */ jsx(CommandList, { children: body === "list" ? groups.map((group) => /* @__PURE__ */ jsx(CommandGroup, { heading: group.label, children: group.items.map((item) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              item,
+              picked: item.id === value,
+              onChoose: () => {
+                setOpen(false);
+                onSelect?.(item);
+              }
+            },
+            item.id
+          )) }, group.key)) : null }),
+          body === "list" ? /* @__PURE__ */ jsx(CommandEmpty, { children: t("noResults") }) : null,
+          body === "loading" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-3", "data-slot": "model-picker-loading", children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", children: t("loading") }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-4/5" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/5" })
+          ] }) : null,
+          body === "error" || body === "empty" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-4 text-center", "data-slot": "model-picker-state", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-body", children: body === "error" ? t("ui.modelPicker.loadFailed") : t("ui.modelPicker.nothingYet") }),
+            onRetry ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onRetry, children: t("ui.modelPicker.retry") }) : null
+          ] }) : null,
+          footer
+        ] })
+      }
+    )
+  ] }) });
+});
+
+export {
+  ModelPicker
+};
+//# sourceMappingURL=chunk-V5QCJHDA.js.map

package/dist/chunk-V5QCJHDA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-picker/model-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Check, ChevronsUpDown } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../command\";\nimport { useLocale } from \"../locale-provider\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { Skeleton } from \"../skeleton\";\nimport {\n  countItems,\n  modelPickerBody,\n  showsInlineError,\n  type ModelPickerGroup,\n  type ModelPickerItem,\n  type ModelPickerStatus,\n} from \"./model-picker-state\";\n\nexport interface ModelPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Grouped rows. Grouping and heading text are the caller's, never derived. */\n  groups: readonly ModelPickerGroup[];\n  /** The currently pinned row's id. */\n  value?: string;\n  /** Fires with the chosen row; the popover closes first. */\n  onSelect?: (item: ModelPickerItem) => void;\n  /** Drives the four bodies — see `modelPickerBody`. Default `\"ready\"`. */\n  status?: ModelPickerStatus;\n  /** Trigger text — usually the pinned row's label. */\n  triggerLabel: ReactNode;\n  /** Retry action for the error strip and the empty panel. Omit to hide it. */\n  onRetry?: () => void;\n  /** Search field placeholder. */\n  searchPlaceholder?: string;\n  disabled?: boolean;\n  /** Extra classes for the popover panel (default width `w-96`). */\n  contentClassName?: string;\n  /** Accessible name for the trigger — what the control is FOR, not what is chosen. */\n  \"aria-label\"?: string;\n  /**\n   * Controlled popover open state. Omit for the uncontrolled default (internal\n   * `useState(false)`, unchanged). `isControlled = open !== undefined` and the\n   * mode never flips mid-life — see `component-api.md` \"Controlled/uncontrolled\".\n   */\n  open?: boolean;\n  /** Fires whenever the popover would open/close — a trigger click, or a row select. */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Rendered inside the popover BELOW the list — a persistent action row that is\n   * not one of the options (a free-text entry, a \"browse…\" affordance).\n   * Outside `CommandList` on purpose: it must not be filtered by the search query\n   * and must not participate in cmdk's roving selection.\n   */\n  footer?: ReactNode;\n}\n\nfunction Row({\n  item,\n  picked,\n  onChoose,\n}: {\n  item: ModelPickerItem;\n  picked: boolean;\n  onChoose: () => void;\n}) {\n  return (\n    <CommandItem\n      value={item.id}\n      // cmdk filters on value + keywords, so a hidden keyword (\"northwind\") finds\n      // a row whose visible label never mentions it.\n      keywords={item.keywords ?? []}\n      disabled={item.disabled}\n      onSelect={onChoose}\n      data-model-id={item.id}\n      // `data-picked`, NOT `data-selected`. cmdk OWNS `data-selected` on a\n      // CommandItem — it is the keyboard HIGHLIGHT, set on whichever row the\n      // arrow keys are currently on. Writing our own would be silently\n      // overwritten, and a test reading it would report the highlighted row as\n      // the pinned one.\n      data-picked={picked ? \"true\" : \"false\"}\n      className=\"gap-2\"\n    >\n      {item.icon}\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate\">{item.label}</span>\n        {item.description === undefined ? null : (\n          <span className=\"text-meta text-muted-foreground truncate\">{item.description}</span>\n        )}\n      </span>\n      {(item.meta ?? []).map((m) => (\n        <span key={m} className=\"text-meta text-muted-foreground shrink-0\">\n          {m}\n        </span>\n      ))}\n      {picked ? <Check className=\"size-3.5 shrink-0\" aria-hidden=\"true\" /> : null}\n    </CommandItem>\n  );\n}\n\n/**\n * A compact pill that opens a grouped, searchable target list anchored under\n * itself — sized to sit in a composer footer.\n *\n * **Which one to reach for.** An inline pill in a composer footer, anchored\n * under itself → this component. A full ⌘K palette → compose `CommandDialog` +\n * `Command*` from this package directly; there is no separate \"selector\"\n * component wrapping them.\n *\n * **`Command` lives inside a `Popover`, never a `DropdownMenu`, and that is not\n * a stylistic choice.** `DropdownMenuContent` owns roving tabindex and its own\n * typeahead, both of which fight a real `<input>` in its subtree: arrow keys move\n * the menu's focus instead of cmdk's highlight, and keystrokes are swallowed\n * before they reach `CommandInput`. `Popover` contributes positioning and\n * dismissal and claims no keyboard, which is why every combobox is built on it.\n * Do not \"simplify\" this back.\n */\nexport const ModelPicker = forwardRef<HTMLDivElement, ModelPickerProps>(function ModelPicker(\n  {\n    groups,\n    value,\n    onSelect,\n    status = \"ready\",\n    triggerLabel,\n    onRetry,\n    searchPlaceholder,\n    disabled,\n    contentClassName,\n    className,\n    open: openProp,\n    onOpenChange,\n    footer,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  // Controlled/uncontrolled per component-api.md: controlled iff `open` is\n  // provided; the mode never flips mid-life. Uncontrolled fallback is\n  // byte-identical to the old internal `useState(false)`.\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n  const count = countItems(groups);\n  const body = modelPickerBody(status, count);\n\n  return (\n    <div ref={ref} data-slot=\"model-picker\" className={cn(\"inline-flex\", className)} {...props}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            role=\"combobox\"\n            aria-expanded={open}\n            // `role=\"combobox\"` does NOT support name-from-content, so the\n            // visible label never becomes the accessible name on its own — the\n            // control would ship unnamed. Default to the label (telling AT what\n            // is currently CHOSEN, matching `Combobox`); an explicit `aria-label`\n            // wins and names what the control is FOR.\n            aria-label={\n              props[\"aria-label\"] ??\n              (typeof triggerLabel === \"string\" ? triggerLabel : t(\"ui.modelPicker.label\"))\n            }\n            disabled={disabled}\n            data-slot=\"model-picker-trigger\"\n            className=\"max-w-88 justify-between gap-2\"\n          >\n            <span className=\"truncate\">{triggerLabel}</span>\n            <ChevronsUpDown className=\"size-3.5 shrink-0 opacity-50\" aria-hidden=\"true\" />\n          </Button>\n        </PopoverTrigger>\n\n        <PopoverContent\n          align=\"start\"\n          data-slot=\"model-picker-content\"\n          // Radix Popover.Content renders role=\"dialog\"; without a name axe flags it.\n          aria-label={props[\"aria-label\"] ?? t(\"ui.modelPicker.label\")}\n          className={cn(\"w-96 p-0\", contentClassName)}\n        >\n          <Command>\n            <CommandInput\n              placeholder={searchPlaceholder ?? t(\"ui.modelPicker.searchPlaceholder\")}\n            />\n\n            {showsInlineError(status, count) ? (\n              // Above the list, never instead of it — the list still works.\n              <div\n                data-slot=\"model-picker-stale\"\n                role=\"status\"\n                className=\"border-border flex items-center justify-between gap-2 border-b px-3 py-2\"\n              >\n                <span className=\"text-meta text-muted-foreground\">\n                  {t(\"ui.modelPicker.refreshFailed\")}\n                </span>\n                {onRetry ? (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n                    {t(\"ui.modelPicker.retry\")}\n                  </Button>\n                ) : null}\n              </div>\n            ) : null}\n\n            {/*\n              #121 — `CommandList` IS the ARIA listbox (cmdk hardcodes\n              role=\"listbox\" on it); ARIA only lets a listbox own `option`/\n              `group`. It stays MOUNTED in every body (never conditionally\n              removed — `CommandInput` hardcodes `aria-controls` to its id,\n              and axe's aria-valid-attr-value only tolerates a dangling\n              reference when aria-expanded=\"false\"), but every non-option\n              body — loading, error/empty, and `CommandEmpty` — renders as a\n              SIBLING below it, in the same visual slot an empty `CommandList`\n              (which collapses to zero height) would otherwise occupy.\n            */}\n            <CommandList>\n              {body === \"list\"\n                ? groups.map((group) => (\n                    <CommandGroup key={group.key} heading={group.label}>\n                      {group.items.map((item) => (\n                        <Row\n                          key={item.id}\n                          item={item}\n                          picked={item.id === value}\n                          onChoose={() => {\n                            setOpen(false);\n                            onSelect?.(item);\n                          }}\n                        />\n                      ))}\n                    </CommandGroup>\n                  ))\n                : null}\n            </CommandList>\n\n            {/*\n              cmdk's `Command.Empty` reads `filtered.count` off the `Command`\n              root store, not off a `CommandList` ancestor — it renders\n              correctly as a sibling of the list it used to nest inside.\n            */}\n            {body === \"list\" ? <CommandEmpty>{t(\"noResults\")}</CommandEmpty> : null}\n\n            {body === \"loading\" ? (\n              <div className=\"space-y-2 p-3\" data-slot=\"model-picker-loading\">\n                <span className=\"sr-only\" role=\"status\">\n                  {t(\"loading\")}\n                </span>\n                <Skeleton className=\"h-6 w-full\" />\n                <Skeleton className=\"h-6 w-4/5\" />\n                <Skeleton className=\"h-6 w-3/5\" />\n              </div>\n            ) : null}\n\n            {body === \"error\" || body === \"empty\" ? (\n              <div className=\"space-y-2 p-4 text-center\" data-slot=\"model-picker-state\">\n                <p className=\"text-body\">\n                  {body === \"error\"\n                    ? t(\"ui.modelPicker.loadFailed\")\n                    : t(\"ui.modelPicker.nothingYet\")}\n                </p>\n                {onRetry ? (\n                  <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n                    {t(\"ui.modelPicker.retry\")}\n                  </Button>\n                ) : null}\n              </div>\n            ) : null}\n\n            {footer}\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n});\n\nexport {\n  countItems,\n  modelPickerBody,\n  showsInlineError,\n  type ModelPickerGroup,\n  type ModelPickerItem,\n  type ModelPickerStatus,\n};\n"],"mappings":"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","names":["ModelPicker"]}

package/dist/chunk-V6U75PIG.js

@@ -0,0 +1,147 @@
+"use client";
+import {
+  TEXT_ROLE_REM
+} from "./chunk-5MXQ5CP7.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/typography/prose.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var PROSE_HEADING_REM = {
+  1: 1.5,
+  2: TEXT_ROLE_REM.title,
+  3: 1.125,
+  4: TEXT_ROLE_REM.subtitle,
+  5: TEXT_ROLE_REM.body,
+  6: TEXT_ROLE_REM.body
+};
+var PROSE_HEADING_WEIGHT = 600;
+var PROSE_HEADING_TRACKING = "-0.025em";
+var HEADING_SIZE = {
+  1: "text-2xl",
+  2: "text-title",
+  3: "text-lg",
+  4: "text-subtitle",
+  5: "text-body",
+  6: "text-body text-muted-foreground"
+};
+var ProseHeading = forwardRef(function ProseHeading2({ level = 2, className, ...props }, ref) {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        "scroll-m-20 font-semibold tracking-tight text-foreground",
+        HEADING_SIZE[level],
+        className
+      ),
+      ...props
+    }
+  );
+});
+var TEXT_VARIANT = {
+  body: "text-body leading-relaxed text-foreground",
+  muted: "text-body leading-relaxed text-muted-foreground",
+  lead: "text-subtitle font-normal leading-relaxed text-foreground",
+  small: "text-meta font-normal text-muted-foreground"
+};
+var ProseText = forwardRef(function ProseText2({ variant = "body", as: Tag = "p", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Tag, { ref, className: cn(TEXT_VARIANT[variant], className), ...props });
+});
+var ProseLink = forwardRef(function ProseLink2({ external, href, className, ...props }, ref) {
+  const isExternal = external ?? (typeof href === "string" && /^https?:\/\//.test(href));
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      href,
+      className: cn(
+        // #399 — `text-link` (defaults to `--primary-text`), not the `text-primary`
+        // FILL rung: a prose link is ordinary body text and owes WCAG 1.4.3 AA (4.5:1), which the
+        // fill only guarantees at the 1.4.11 mark bar (3:1).
+        "font-medium text-link underline underline-offset-4 hover:no-underline focus-ring",
+        className
+      ),
+      ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      ...props
+    }
+  );
+});
+var ProseList = forwardRef(
+  function ProseList2({ ordered = false, className, ...props }, ref) {
+    const Tag = ordered ? "ol" : "ul";
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "my-1 space-y-1 ps-6 text-body text-foreground",
+          ordered ? "list-decimal" : "list-disc",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ProseListItem = forwardRef(
+  function ProseListItem2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        className: cn("leading-relaxed [&>ul]:mt-1 [&>ol]:mt-1", className),
+        ...props
+      }
+    );
+  }
+);
+var ProseBlockquote = forwardRef(
+  function ProseBlockquote2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "blockquote",
+      {
+        ref,
+        className: cn(
+          "border-s-2 border-border ps-4 text-body italic text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ProseInlineCode = forwardRef(
+  function ProseInlineCode2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        ref,
+        className: cn(
+          "rounded bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  PROSE_HEADING_REM,
+  PROSE_HEADING_WEIGHT,
+  PROSE_HEADING_TRACKING,
+  ProseHeading,
+  ProseText,
+  ProseLink,
+  ProseList,
+  ProseListItem,
+  ProseBlockquote,
+  ProseInlineCode
+};
+//# sourceMappingURL=chunk-V6U75PIG.js.map

package/dist/chunk-V6U75PIG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/prose.tsx"],"sourcesContent":["/**\n * Prose primitives — reading-surface typography, promoted from @elabs-ai/components-editor\n * (#188; ADR-0012 own/re-export model: @elabs-ai/components-ui owns the canonical source,\n * `@elabs-ai/components-editor/markdown` re-exports them under their original names —\n * Heading, Text, Link, List, Blockquote, InlineCode). The markdown preview maps\n * onto them (`#` → ProseHeading, paragraph → ProseText, `[]()` → ProseLink,\n * `-` → ProseList, `>` → ProseBlockquote, `` `code` `` → ProseInlineCode).\n * Generic, composable, theme-safe; usable in any app surface, not just markdown.\n *\n * `Prose*`-prefixed here because this barrel also exports the app `Heading` /\n * `Text` primitives (typography.tsx): the app scale ranks UI chrome against the\n * page; the prose scale ranks rungs WITHIN one reading column, so a document h1\n * deliberately sits BELOW the app `display` rung.\n */\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type OlHTMLAttributes,\n} from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { TEXT_ROLE_REM } from \"./typography\";\n\nexport type ProseHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Canonical reading-scale heading sizes in rem — the single source the markdown\n * WYSIWYG editor derives its CSS vars from (@elabs-ai/components-editor `markdown-scale`).\n * h2/h4/h5/h6 sit exactly on the title/subtitle/body roles; h1 (1.5rem) and\n * h3 (1.125rem) are intermediate reading rungs with no app role.\n */\nexport const PROSE_HEADING_REM: Record<ProseHeadingLevel, number> = {\n  1: 1.5,\n  2: TEXT_ROLE_REM.title,\n  3: 1.125,\n  4: TEXT_ROLE_REM.subtitle,\n  5: TEXT_ROLE_REM.body,\n  6: TEXT_ROLE_REM.body,\n};\n\n/** Canonical prose heading weight (Tailwind `font-semibold`). */\nexport const PROSE_HEADING_WEIGHT = 600;\n\n/** Canonical prose heading letter-spacing (Tailwind `tracking-tight`). */\nexport const PROSE_HEADING_TRACKING = \"-0.025em\";\n\n/*\n * h1/h3 keep raw Tailwind steps (2xl / lg): the reading scale needs rungs\n * BETWEEN the app roles (see PROSE_HEADING_REM) — baselined in the text-scale\n * ratchet. The base classes' font-semibold / tracking-tight override the role\n * companions, so the role re-points are render-identical to the old raw steps.\n */\nconst HEADING_SIZE: Record<ProseHeadingLevel, string> = {\n  1: \"text-2xl\",\n  2: \"text-title\",\n  3: \"text-lg\",\n  4: \"text-subtitle\",\n  5: \"text-body\",\n  6: \"text-body text-muted-foreground\",\n};\n\nexport interface ProseHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: ProseHeadingLevel;\n}\n\nexport const ProseHeading = forwardRef<HTMLHeadingElement, ProseHeadingProps>(function ProseHeading(\n  { level = 2, className, ...props },\n  ref,\n) {\n  const Tag = `h${level}` as const;\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"scroll-m-20 font-semibold tracking-tight text-foreground\",\n        HEADING_SIZE[level],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst TEXT_VARIANT = {\n  body: \"text-body leading-relaxed text-foreground\",\n  muted: \"text-body leading-relaxed text-muted-foreground\",\n  lead: \"text-subtitle font-normal leading-relaxed text-foreground\",\n  small: \"text-meta font-normal text-muted-foreground\",\n} as const;\n\nexport interface ProseTextProps extends HTMLAttributes<HTMLParagraphElement> {\n  variant?: keyof typeof TEXT_VARIANT;\n  /** Render as a different element (e.g. \"span\"). Defaults to \"p\". */\n  as?: \"p\" | \"span\" | \"div\";\n}\n\nexport const ProseText = forwardRef<HTMLParagraphElement, ProseTextProps>(function ProseText(\n  { variant = \"body\", as: Tag = \"p\", className, ...props },\n  ref,\n) {\n  return <Tag ref={ref} className={cn(TEXT_VARIANT[variant], className)} {...props} />;\n});\n\nexport interface ProseLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Opens in a new tab with safe rel. Auto-detected for http(s) hrefs when unset. */\n  external?: boolean;\n}\n\nexport const ProseLink = forwardRef<HTMLAnchorElement, ProseLinkProps>(function ProseLink(\n  { external, href, className, ...props },\n  ref,\n) {\n  const isExternal = external ?? (typeof href === \"string\" && /^https?:\\/\\//.test(href));\n  return (\n    <a\n      ref={ref}\n      href={href}\n      className={cn(\n        // #399 — `text-link` (defaults to `--primary-text`), not the `text-primary`\n        // FILL rung: a prose link is ordinary body text and owes WCAG 1.4.3 AA (4.5:1), which the\n        // fill only guarantees at the 1.4.11 mark bar (3:1).\n        \"font-medium text-link underline underline-offset-4 hover:no-underline focus-ring\",\n        className,\n      )}\n      {...(isExternal ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n      {...props}\n    />\n  );\n});\n\nexport interface ProseListProps extends OlHTMLAttributes<HTMLElement> {\n  ordered?: boolean;\n}\n\nexport const ProseList = forwardRef<HTMLUListElement & HTMLOListElement, ProseListProps>(\n  function ProseList({ ordered = false, className, ...props }, ref) {\n    const Tag = ordered ? \"ol\" : \"ul\";\n    return (\n      <Tag\n        ref={ref}\n        className={cn(\n          \"my-1 space-y-1 ps-6 text-body text-foreground\",\n          ordered ? \"list-decimal\" : \"list-disc\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseListItem = forwardRef<HTMLLIElement, HTMLAttributes<HTMLLIElement>>(\n  function ProseListItem({ className, ...props }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cn(\"leading-relaxed [&>ul]:mt-1 [&>ol]:mt-1\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseBlockquote = forwardRef<HTMLQuoteElement, HTMLAttributes<HTMLQuoteElement>>(\n  function ProseBlockquote({ className, ...props }, ref) {\n    return (\n      <blockquote\n        ref={ref}\n        className={cn(\n          \"border-s-2 border-border ps-4 text-body italic text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseInlineCode = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function ProseInlineCode({ className, ...props }, ref) {\n    return (\n      <code\n        ref={ref}\n        // 0.85em (not the fixed `code` role): inline code must scale RELATIVE to\n        // whatever text it sits in (body, a heading, …). Baselined in the ratchet.\n        className={cn(\n          \"rounded bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAcA;AAAA,EACE;AAAA,OAIK;AAoDH;AAxCG,IAAM,oBAAuD;AAAA,EAClE,GAAG;AAAA,EACH,GAAG,cAAc;AAAA,EACjB,GAAG;AAAA,EACH,GAAG,cAAc;AAAA,EACjB,GAAG,cAAc;AAAA,EACjB,GAAG,cAAc;AACnB;AAGO,IAAM,uBAAuB;AAG7B,IAAM,yBAAyB;AAQtC,IAAM,eAAkD;AAAA,EACtD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAMO,IAAM,eAAe,WAAkD,SAASA,cACrF,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GACjC,KACA;AACA,QAAM,MAAM,IAAI,KAAK;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACT;AAQO,IAAM,YAAY,WAAiD,SAASC,WACjF,EAAE,UAAU,QAAQ,IAAI,MAAM,KAAK,WAAW,GAAG,MAAM,GACvD,KACA;AACA,SAAO,oBAAC,OAAI,KAAU,WAAW,GAAG,aAAa,OAAO,GAAG,SAAS,GAAI,GAAG,OAAO;AACpF,CAAC;AAOM,IAAM,YAAY,WAA8C,SAASC,WAC9E,EAAE,UAAU,MAAM,WAAW,GAAG,MAAM,GACtC,KACA;AACA,QAAM,aAAa,aAAa,OAAO,SAAS,YAAY,eAAe,KAAK,IAAI;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA;AAAA;AAAA,QAIT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAI,aAAa,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,CAAC;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAMM,IAAM,YAAY;AAAA,EACvB,SAASC,WAAU,EAAE,UAAU,OAAO,WAAW,GAAG,MAAM,GAAG,KAAK;AAChE,UAAM,MAAM,UAAU,OAAO;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,UAAU,iBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,gBAAgB;AAAA,EAC3B,SAASC,eAAc,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,SAASC,iBAAgB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,SAASC,iBAAgB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAGA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["ProseHeading","ProseText","ProseLink","ProseList","ProseListItem","ProseBlockquote","ProseInlineCode"]}

package/dist/chunk-VC4GKLZL.js

@@ -0,0 +1,111 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/breadcrumb/breadcrumb.tsx
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Breadcrumb = forwardRef(
+  function Breadcrumb2(props, ref) {
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": t("ui.breadcrumb.label"), ...props });
+  }
+);
+var BreadcrumbList = forwardRef(
+  function BreadcrumbList2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn(
+          "flex flex-wrap items-center gap-1.5 break-words text-body text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var BreadcrumbItem = forwardRef(
+  function BreadcrumbItem2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props });
+  }
+);
+var BreadcrumbLink = forwardRef(function BreadcrumbLink2({ className, asChild, ...props }, ref) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "rounded-sm transition-colors duration-fast hover:text-foreground focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var BreadcrumbPage = forwardRef(
+  function BreadcrumbPage2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-medium text-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "presentation",
+      "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("more") })
+      ]
+    }
+  );
+}
+function BreadcrumbItems({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+  BreadcrumbItems
+};
+//# sourceMappingURL=chunk-VC4GKLZL.js.map

package/dist/chunk-VC4GKLZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\nexport const Breadcrumb = forwardRef<HTMLElement, ComponentProps<\"nav\">>(\n  function Breadcrumb(props, ref) {\n    const { t } = useLocale();\n    return <nav ref={ref} aria-label={t(\"ui.breadcrumb.label\")} {...props} />;\n  },\n);\nexport const BreadcrumbList = forwardRef<HTMLOListElement, ComponentProps<\"ol\">>(\n  function BreadcrumbList({ className, ...props }, ref) {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\n          \"flex flex-wrap items-center gap-1.5 break-words text-body text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nexport const BreadcrumbItem = forwardRef<HTMLLIElement, ComponentProps<\"li\">>(\n  function BreadcrumbItem({ className, ...props }, ref) {\n    return (\n      <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n    );\n  },\n);\nexport const BreadcrumbLink = forwardRef<\n  HTMLAnchorElement,\n  ComponentProps<\"a\"> & { asChild?: boolean }\n>(function BreadcrumbLink({ className, asChild, ...props }, ref) {\n  const Comp = asChild ? Slot : \"a\";\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"rounded-sm transition-colors duration-fast hover:text-foreground focus-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nexport const BreadcrumbPage = forwardRef<HTMLSpanElement, ComponentProps<\"span\">>(\n  function BreadcrumbPage({ className, ...props }, ref) {\n    return (\n      <span\n        ref={ref}\n        role=\"link\"\n        aria-disabled=\"true\"\n        aria-current=\"page\"\n        className={cn(\"font-medium text-foreground\", className)}\n        {...props}\n      />\n    );\n  },\n);\nexport function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<\"li\">) {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\nexport function BreadcrumbEllipsis({ className, ...props }: ComponentProps<\"span\">) {\n  const { t } = useLocale();\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\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(\"more\")}</span>\n    </span>\n  );\n}\nexport function BreadcrumbItems({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAuD;AAChE,SAAS,YAAY;AACrB,SAAS,cAAc,sBAAsB;AAOlC,SAiFF,UAjFE,KAqEP,YArEO;AAHJ,IAAM,aAAa;AAAA,EACxB,SAASA,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,WAAO,oBAAC,SAAI,KAAU,cAAY,EAAE,qBAAqB,GAAI,GAAG,OAAO;AAAA,EACzE;AACF;AACO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AAAA,EAE3F;AACF;AACO,IAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,KAAK;AAC/D,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACM,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,gBAAa;AAAA,QACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,QACrD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACO,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAyB;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,gBAAa;AAAA;AAAA,EAC7B;AAEJ;AACO,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA2B;AAClF,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,kBAAe,WAAU,UAAS;AAAA,QACnC,oBAAC,UAAK,WAAU,WAAW,YAAE,MAAM,GAAE;AAAA;AAAA;AAAA,EACvC;AAEJ;AACO,SAAS,gBAAgB,EAAE,SAAS,GAA4B;AACrE,SAAO,gCAAG,UAAS;AACrB;","names":["Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbPage"]}

package/dist/chunk-VFS52GGI.js

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

package/dist/chunk-VFS52GGI.js.map

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

package/dist/chunk-VH7GG77B.js

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

package/dist/chunk-VH7GG77B.js.map

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

package/dist/chunk-VHLPJ4XW.js

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

package/dist/chunk-VHLPJ4XW.js.map

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

package/dist/chunk-VLE5THFD.js

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

package/dist/chunk-VLE5THFD.js.map

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

package/dist/chunk-VORFRWM5.js

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

package/dist/chunk-VORFRWM5.js.map

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