@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-WW3CD7AU.js

@@ -0,0 +1,118 @@
+"use client";
+import {
+  Tree
+} from "./chunk-FINAKMC6.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-D3C3VVCX.js";
+import {
+  Badge
+} from "./chunk-ECCNRCC4.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/tree-select/tree-select.tsx
+import { forwardRef, useId, useState } from "react";
+import { ChevronsUpDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function toArray(v) {
+  if (v === void 0) return [];
+  if (Array.isArray(v)) return v;
+  return v === "" ? [] : [v];
+}
+function findLabel(nodes, id) {
+  for (const node of nodes) {
+    if (node.id === id) return node.label;
+    if (node.children?.length) {
+      const found = findLabel(node.children, id);
+      if (found !== void 0) return found;
+    }
+  }
+  return void 0;
+}
+var TreeSelect = forwardRef(function TreeSelect2({ nodes, value, defaultValue, onValueChange, multiple = false, placeholder, className, ...props }, ref) {
+  const { t } = useLocale();
+  const resolvedPlaceholder = placeholder ?? t("ui.treeSelect.placeholder");
+  const [open, setOpen] = useState(false);
+  const treeId = useId();
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(() => toArray(defaultValue));
+  const selected = isControlled ? toArray(value) : internal;
+  const emit = (next) => {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(multiple ? next : next[0] ?? "");
+  };
+  const handleSelectionChange = (ids) => {
+    emit(ids);
+    if (!multiple) setOpen(false);
+  };
+  const labels = selected.map((id) => ({ id, label: findLabel(nodes, id) ?? id }));
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        type: "button",
+        variant: "outline",
+        role: "combobox",
+        "aria-haspopup": "tree",
+        "aria-expanded": open,
+        "aria-controls": treeId,
+        className: cn("h-auto min-h-9 w-full justify-between font-normal", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1 text-start", children: labels.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: resolvedPlaceholder }) : multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            labels.slice(0, 2).map((l) => /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "secondary",
+                className: "max-w-[10rem] truncate border-border",
+                children: l.label
+              },
+              l.id
+            )),
+            labels.length > 2 ? /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                "aria-label": t("ui.treeSelect.moreSelected", { count: labels.length - 2 }),
+                children: [
+                  "+",
+                  labels.length - 2
+                ]
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ jsx("span", { className: "truncate", children: labels[0]?.label }) }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ms-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] min-w-64 p-1", align: "start", children: /* @__PURE__ */ jsx(
+      Tree,
+      {
+        id: treeId,
+        nodes,
+        selectionMode: multiple ? "multiple" : "single",
+        checkboxes: multiple,
+        selectedIds: selected,
+        onSelectionChange: handleSelectionChange,
+        defaultExpandedIds: nodes.map((n) => n.id),
+        className: "max-h-72 overflow-auto"
+      }
+    ) })
+  ] });
+});
+
+export {
+  TreeSelect
+};
+//# sourceMappingURL=chunk-WW3CD7AU.js.map

package/dist/chunk-WW3CD7AU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tree-select/tree-select.tsx"],"sourcesContent":["// a2ui.exposed: yes\n\"use client\";\n\nimport { forwardRef, useId, useState, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { ChevronsUpDown } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { useLocale } from \"../locale-provider\";\nimport { Tree, type TreeNode } from \"../tree\";\n\nexport interface TreeSelectProps<T = unknown> extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"value\" | \"onChange\"\n> {\n  nodes: TreeNode<T>[];\n  /** Controlled value — `string` in single mode, `string[]` in multiple mode. */\n  value?: string | string[];\n  /** Uncontrolled initial value. */\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n  /** Allow selecting multiple nodes (checkbox tree). Default false. */\n  multiple?: boolean;\n  placeholder?: string;\n  className?: string;\n}\n\nfunction toArray(v: string | string[] | undefined): string[] {\n  if (v === undefined) return [];\n  if (Array.isArray(v)) return v;\n  return v === \"\" ? [] : [v];\n}\n\nfunction findLabel<T>(nodes: TreeNode<T>[], id: string): ReactNode | undefined {\n  for (const node of nodes) {\n    if (node.id === id) return node.label;\n    if (node.children?.length) {\n      const found = findLabel(node.children, id);\n      if (found !== undefined) return found;\n    }\n  }\n  return undefined;\n}\n\n/**\n * A select whose options are a hierarchical {@link Tree}. Single or multiple\n * selection; composes `Tree` for all keyboard/SR behaviour.\n */\nexport const TreeSelect = forwardRef<HTMLButtonElement, TreeSelectProps>(function TreeSelect(\n  { nodes, value, defaultValue, onValueChange, multiple = false, placeholder, className, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n  const resolvedPlaceholder = placeholder ?? t(\"ui.treeSelect.placeholder\");\n  const [open, setOpen] = useState(false);\n  const treeId = useId();\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string[]>(() => toArray(defaultValue));\n  const selected = isControlled ? toArray(value) : internal;\n\n  const emit = (next: string[]) => {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(multiple ? next : (next[0] ?? \"\"));\n  };\n\n  const handleSelectionChange = (ids: string[]) => {\n    emit(ids);\n    if (!multiple) setOpen(false);\n  };\n\n  const labels = selected.map((id) => ({ id, label: findLabel(nodes, id) ?? id }));\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={ref}\n          type=\"button\"\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-haspopup=\"tree\"\n          aria-expanded={open}\n          aria-controls={treeId}\n          className={cn(\"h-auto min-h-9 w-full justify-between font-normal\", className)}\n          {...props}\n        >\n          <span className=\"flex min-w-0 flex-1 flex-wrap items-center gap-1 text-start\">\n            {labels.length === 0 ? (\n              <span className=\"text-muted-foreground\">{resolvedPlaceholder}</span>\n            ) : multiple ? (\n              <>\n                {labels.slice(0, 2).map((l) => (\n                  <Badge\n                    key={l.id}\n                    variant=\"secondary\"\n                    className=\"max-w-[10rem] truncate border-border\"\n                  >\n                    {l.label}\n                  </Badge>\n                ))}\n                {labels.length > 2 ? (\n                  <Badge\n                    variant=\"secondary\"\n                    aria-label={t(\"ui.treeSelect.moreSelected\", { count: labels.length - 2 })}\n                  >\n                    +{labels.length - 2}\n                  </Badge>\n                ) : null}\n              </>\n            ) : (\n              <span className=\"truncate\">{labels[0]?.label}</span>\n            )}\n          </span>\n          <ChevronsUpDown className=\"ms-2 size-4 shrink-0 opacity-50\" aria-hidden=\"true\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] min-w-64 p-1\" align=\"start\">\n        <Tree\n          id={treeId}\n          nodes={nodes}\n          selectionMode={multiple ? \"multiple\" : \"single\"}\n          checkboxes={multiple}\n          selectedIds={selected}\n          onSelectionChange={handleSelectionChange}\n          defaultExpandedIds={nodes.map((n) => n.id)}\n          className=\"max-h-72 overflow-auto\"\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}) as <T = unknown>(\n  props: TreeSelectProps<T> & { ref?: React.Ref<HTMLButtonElement> },\n) => React.ReactElement | null;\n"],"mappings":"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","names":["TreeSelect"]}

package/dist/chunk-WX3LWMVU.js

@@ -0,0 +1,81 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/slider/slider.tsx
+import { forwardRef } from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PROTECTED_THUMB_KEYS = [
+  "role",
+  "aria-valuenow",
+  "aria-valuemin",
+  "aria-valuemax",
+  "aria-orientation",
+  "tabIndex"
+];
+function withoutProtectedKeys(thumbProps) {
+  if (!thumbProps) return thumbProps;
+  let safe = thumbProps;
+  for (const key of PROTECTED_THUMB_KEYS) {
+    if (!(key in safe)) continue;
+    const { [key]: _dropped, ...rest } = safe;
+    safe = rest;
+  }
+  return safe;
+}
+function getThumbPropsAt(thumbProps, index) {
+  if (!thumbProps) return void 0;
+  return Array.isArray(thumbProps) ? thumbProps[index] : thumbProps;
+}
+var Slider = forwardRef(
+  function Slider2({
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-valuetext": ariaValueText,
+    thumbProps,
+    value,
+    defaultValue,
+    ...props
+  }, ref) {
+    const values = value ?? defaultValue;
+    const thumbCount = Array.isArray(values) ? values.length : 1;
+    return /* @__PURE__ */ jsxs(
+      SliderPrimitive.Root,
+      {
+        ref,
+        className: cn("relative flex w-full touch-none select-none items-center", className),
+        value,
+        defaultValue,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+          Array.from({ length: thumbCount }, (_, index) => {
+            const safeThumbProps = withoutProtectedKeys(getThumbPropsAt(thumbProps, index));
+            return /* @__PURE__ */ jsx(
+              SliderPrimitive.Thumb,
+              {
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledby,
+                "aria-valuetext": ariaValueText,
+                ...safeThumbProps,
+                className: cn(
+                  "block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50",
+                  safeThumbProps?.className
+                )
+              },
+              index
+            );
+          })
+        ]
+      }
+    );
+  }
+);
+
+export {
+  Slider
+};
+//# sourceMappingURL=chunk-WX3LWMVU.js.map

package/dist/chunk-WX3LWMVU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider/slider.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"../../lib/cn\";\n\n/** Props for a single `SliderPrimitive.Thumb` — see `SliderProps[\"thumbProps\"]`. */\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof SliderPrimitive.Thumb>;\n\nexport type SliderProps = ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & {\n  /**\n   * Announced instead of the raw numeric value (e.g. `\"step 3 of 12\"` for a\n   * replay scrubber). Forwarded to the thumb alongside `aria-label`/\n   * `aria-labelledby` — see the doc comment below for why it has to land\n   * there, not on the root.\n   */\n  \"aria-valuetext\"?: string;\n  /**\n   * Escape hatch spread onto the thumb LAST — for `data-*`/`style`/etc, or to\n   * deliberately override `aria-label`/`aria-labelledby`/`aria-valuetext`\n   * (an explicit key here always wins over the matching top-level prop).\n   *\n   * The six keys that MAKE the element a slider are ignored on purpose:\n   * `role`, `aria-valuenow`, `aria-valuemin`, `aria-valuemax`,\n   * `aria-orientation` and `tabIndex`. Radix derives every one of them from\n   * the slider's live state and spreads consumer props AFTER its own, so\n   * passing them here would silently destroy the widget (a wrong\n   * `aria-valuenow` mis-announces the value; `role`/`tabIndex` make it\n   * unreachable). Change the VALUE (`value`/`min`/`max`/`orientation`/\n   * `disabled`) on `Slider` instead; use `aria-valuetext` to change how the\n   * value is spoken.\n   *\n   * Radix renders one thumb per element of `value`/`defaultValue` — pass a\n   * single object to apply the same props to every thumb (the historical\n   * single-thumb shape, unchanged), or an ARRAY to give each thumb its own\n   * props, indexed positionally against `value`/`defaultValue` (#398). A\n   * missing array slot falls back to no per-thumb override for that thumb.\n   */\n  thumbProps?: SliderThumbProps | SliderThumbProps[];\n};\n\n/**\n * Attributes Radix computes for the thumb and then lets consumer props\n * overwrite (`SliderThumbImpl` spreads them before `...thumbProps`). Dropping\n * them here is what keeps the escape hatch from being a foot-gun.\n */\nconst PROTECTED_THUMB_KEYS = [\n  \"role\",\n  \"aria-valuenow\",\n  \"aria-valuemin\",\n  \"aria-valuemax\",\n  \"aria-orientation\",\n  \"tabIndex\",\n] as const;\n\nfunction withoutProtectedKeys(\n  thumbProps: SliderThumbProps | undefined,\n): SliderThumbProps | undefined {\n  if (!thumbProps) return thumbProps;\n  let safe = thumbProps;\n  for (const key of PROTECTED_THUMB_KEYS) {\n    if (!(key in safe)) continue;\n    const { [key]: _dropped, ...rest } = safe;\n    safe = rest;\n  }\n  return safe;\n}\n\n/** `thumbProps` for the thumb at `index` — the shared object for every thumb, or that array slot. */\nfunction getThumbPropsAt(\n  thumbProps: SliderProps[\"thumbProps\"],\n  index: number,\n): SliderThumbProps | undefined {\n  if (!thumbProps) return undefined;\n  return Array.isArray(thumbProps) ? thumbProps[index] : thumbProps;\n}\n\n/**\n * Range input — a single-thumb value by default, or a multi-thumb range\n * slider when `value`/`defaultValue` is an array with more than one element\n * (Radix's own range-slider shape; #398). One `Thumb` is rendered per value.\n *\n * `aria-label` / `aria-labelledby` / `aria-valuetext` are routed to the\n * THUMB(S), not the root: Radix puts `role=\"slider\"` on the thumb, so a name\n * (or value text) on the root would never reach the widget. Pass `aria-label`\n * (or `aria-labelledby`, for a visible `<Label>`) — an unnamed slider is an\n * accessibility failure. For a range slider, pass an ARRAY to `thumbProps` so\n * each thumb gets its own name/valuetext (e.g. \"Minimum price\"/\"Maximum\n * price\") — the top-level `aria-label`/`aria-valuetext` apply identically to\n * every thumb, which is rarely what a multi-thumb slider wants.\n */\nexport const Slider = forwardRef<ElementRef<typeof SliderPrimitive.Root>, SliderProps>(\n  function Slider(\n    {\n      className,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      \"aria-valuetext\": ariaValueText,\n      thumbProps,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) {\n    const values = value ?? defaultValue;\n    const thumbCount = Array.isArray(values) ? values.length : 1;\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\n        value={value}\n        defaultValue={defaultValue}\n        {...props}\n      >\n        <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted\">\n          <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n        </SliderPrimitive.Track>\n        {Array.from({ length: thumbCount }, (_, index) => {\n          const safeThumbProps = withoutProtectedKeys(getThumbPropsAt(thumbProps, index));\n          return (\n            <SliderPrimitive.Thumb\n              key={index}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledby}\n              aria-valuetext={ariaValueText}\n              {...safeThumbProps}\n              className={cn(\n                \"block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-ring disabled:pointer-events-none disabled:opacity-50\",\n                safeThumbProps?.className,\n              )}\n            />\n          );\n        })}\n      </SliderPrimitive.Root>\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,qBAAqB;AAyG3B,SAQI,KARJ;AA9DN,IAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,qBACP,YAC8B;AAC9B,MAAI,CAAC,WAAY,QAAO;AACxB,MAAI,OAAO;AACX,aAAW,OAAO,sBAAsB;AACtC,QAAI,EAAE,OAAO,MAAO;AACpB,UAAM,EAAE,CAAC,GAAG,GAAG,UAAU,GAAG,KAAK,IAAI;AACrC,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGA,SAAS,gBACP,YACA,OAC8B;AAC9B,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,MAAM,QAAQ,UAAU,IAAI,WAAW,KAAK,IAAI;AACzD;AAgBO,IAAM,SAAS;AAAA,EACpB,SAASA,QACP;AAAA,IACE;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,SAAS,SAAS;AACxB,UAAM,aAAa,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS;AAC3D,WACE;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,QACnF;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAiB,uBAAhB,EAAsB,WAAU,oEAC/B,8BAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,GAChE;AAAA,UACC,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,CAAC,GAAG,UAAU;AAChD,kBAAM,iBAAiB,qBAAqB,gBAAgB,YAAY,KAAK,CAAC;AAC9E,mBACE;AAAA,cAAiB;AAAA,cAAhB;AAAA,gBAEC,cAAY;AAAA,gBACZ,mBAAiB;AAAA,gBACjB,kBAAgB;AAAA,gBACf,GAAG;AAAA,gBACJ,WAAW;AAAA,kBACT;AAAA,kBACA,gBAAgB;AAAA,gBAClB;AAAA;AAAA,cARK;AAAA,YASP;AAAA,UAEJ,CAAC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;","names":["Slider"]}

package/dist/chunk-WYENWW3Y.js

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

package/dist/chunk-WYENWW3Y.js.map

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

package/dist/chunk-WZTFU6FJ.js

@@ -0,0 +1,69 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.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-WZTFU6FJ.js.map

package/dist/chunk-WZTFU6FJ.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-X4FE7UKP.js

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

package/dist/chunk-X4FE7UKP.js.map

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

package/dist/chunk-X6J4KKZZ.js

@@ -0,0 +1,126 @@
+"use client";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-35DUHYPC.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-U4LHV5DS.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/theme-family-switch/theme-family-switch.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_THEME_FAMILY_SWITCH_LABELS = {
+  families: "Theme family",
+  mode: "Colour mode",
+  light: "Light",
+  dark: "Dark"
+};
+var ITEM_SIZE = {
+  sm: "size-7",
+  md: "size-9",
+  lg: "size-11"
+};
+var MODE_SIZE = {
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+};
+var ThemeFamilySwitch = forwardRef(
+  function ThemeFamilySwitch2({
+    families,
+    value,
+    onChange,
+    mode,
+    onModeChange,
+    size = "md",
+    labels: labelsProp,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...DEFAULT_THEME_FAMILY_SWITCH_LABELS, ...labelsProp };
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "theme-family-switch",
+        "data-size": size,
+        className: cn("inline-flex flex-wrap items-center gap-3", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            ToggleGroup,
+            {
+              type: "single",
+              value,
+              onValueChange: (next) => {
+                if (next && next !== value) onChange(next);
+              },
+              "aria-label": labels.families,
+              "data-slot": "theme-family-switch-families",
+              className: "flex-wrap gap-1",
+              children: families.map((family) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  ToggleGroupItem,
+                  {
+                    value: family.id,
+                    "aria-label": family.label,
+                    "data-slot": "theme-family-switch-item",
+                    className: cn(
+                      ITEM_SIZE[size],
+                      "min-w-0 rounded-full border-2 border-transparent p-0.5",
+                      "bg-transparent hover:bg-transparent data-[state=on]:bg-transparent aria-checked:bg-transparent",
+                      "data-[state=on]:border-foreground aria-checked:border-foreground"
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        "data-slot": "theme-family-switch-swatch",
+                        className: "size-full rounded-full shadow-hairline",
+                        style: {
+                          background: `linear-gradient(135deg, ${family.swatch.background} 0 50%, ${family.swatch.primary} 50% 100%)`
+                        }
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TooltipContent, { "data-slot": "theme-family-switch-wordmark", children: family.label })
+              ] }, family.id))
+            }
+          ),
+          mode !== void 0 && onModeChange ? /* @__PURE__ */ jsxs(
+            ToggleGroup,
+            {
+              type: "single",
+              variant: "segmented",
+              size: MODE_SIZE[size],
+              value: mode,
+              onValueChange: (next) => {
+                if (next === "light" || next === "dark") onModeChange(next);
+              },
+              "aria-label": labels.mode,
+              "data-slot": "theme-family-switch-mode",
+              children: [
+                /* @__PURE__ */ jsx(ToggleGroupItem, { value: "light", children: labels.light }),
+                /* @__PURE__ */ jsx(ToggleGroupItem, { value: "dark", children: labels.dark })
+              ]
+            }
+          ) : null
+        ]
+      }
+    ) });
+  }
+);
+
+export {
+  DEFAULT_THEME_FAMILY_SWITCH_LABELS,
+  ThemeFamilySwitch
+};
+//# sourceMappingURL=chunk-X6J4KKZZ.js.map

package/dist/chunk-X6J4KKZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-family-switch/theme-family-switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { ToggleGroup, ToggleGroupItem } from \"../toggle-group\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\n\nexport type ThemeFamilySwitchMode = \"light\" | \"dark\";\nexport type ThemeFamilySwitchSize = \"sm\" | \"md\" | \"lg\";\n\n/** The two colours a family's chip is painted with — any CSS colour, resolved by the host. */\nexport interface ThemeFamilySwatch {\n  /** The family's ground (`--background` in the active mode). */\n  background: string;\n  /** The family's accent (`--primary` in the active mode). */\n  primary: string;\n}\n\nexport interface ThemeFamilySwitchFamily {\n  /** Family id — what `value` holds and `onChange` reports. */\n  id: string;\n  /** Display name: the swatch's accessible name and its tooltip wordmark. */\n  label: string;\n  /** Chip colours. The switch never imports a theme; the host passes these in. */\n  swatch: ThemeFamilySwatch;\n}\n\nexport interface ThemeFamilySwitchLabels {\n  /** Accessible name of the swatch row. */\n  families: string;\n  /** Accessible name of the mode toggle. */\n  mode: string;\n  light: string;\n  dark: string;\n}\n\nexport const DEFAULT_THEME_FAMILY_SWITCH_LABELS: ThemeFamilySwitchLabels = {\n  families: \"Theme family\",\n  mode: \"Colour mode\",\n  light: \"Light\",\n  dark: \"Dark\",\n};\n\nexport interface ThemeFamilySwitchProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Families in display order. */\n  families: readonly ThemeFamilySwitchFamily[];\n  /** Id of the active family. */\n  value: string;\n  /** A family was applied (click, Enter or Space). Arrow keys only move focus. */\n  onChange: (familyId: string) => void;\n  /** Active mode; with `onModeChange`, renders the Light/Dark toggle after the swatches. */\n  mode?: ThemeFamilySwitchMode;\n  onModeChange?: (mode: ThemeFamilySwitchMode) => void;\n  size?: ThemeFamilySwitchSize;\n  /** UI strings, for localisation. */\n  labels?: Partial<ThemeFamilySwitchLabels>;\n}\n\n/** Hit target per size (the chip sits inside it, inset by the selection border). */\nconst ITEM_SIZE: Record<ThemeFamilySwitchSize, string> = {\n  sm: \"size-7\",\n  md: \"size-9\",\n  lg: \"size-11\",\n};\nconst MODE_SIZE: Record<ThemeFamilySwitchSize, \"sm\" | \"default\" | \"lg\"> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n};\n\n/**\n * One control that re-skins a page across theme families (concept §5a): a row of two-tone\n * family chips with roving focus — Tab enters the row, arrow keys move, Enter/Space apply —\n * plus an optional Light/Dark toggle. The selected chip carries a solid ring (a shape cue,\n * not colour alone) and `aria-checked`; each chip is named by its family.\n */\nexport const ThemeFamilySwitch = forwardRef<HTMLDivElement, ThemeFamilySwitchProps>(\n  function ThemeFamilySwitch(\n    {\n      families,\n      value,\n      onChange,\n      mode,\n      onModeChange,\n      size = \"md\",\n      labels: labelsProp,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const labels = { ...DEFAULT_THEME_FAMILY_SWITCH_LABELS, ...labelsProp };\n    return (\n      <TooltipProvider delayDuration={300}>\n        <div\n          ref={ref}\n          data-slot=\"theme-family-switch\"\n          data-size={size}\n          className={cn(\"inline-flex flex-wrap items-center gap-3\", className)}\n          {...props}\n        >\n          <ToggleGroup\n            type=\"single\"\n            value={value}\n            // Radix reports \"\" when the pressed item is pressed again — a family stays applied.\n            onValueChange={(next) => {\n              if (next && next !== value) onChange(next);\n            }}\n            aria-label={labels.families}\n            data-slot=\"theme-family-switch-families\"\n            className=\"flex-wrap gap-1\"\n          >\n            {families.map((family) => (\n              <Tooltip key={family.id}>\n                <TooltipTrigger asChild>\n                  <ToggleGroupItem\n                    value={family.id}\n                    aria-label={family.label}\n                    data-slot=\"theme-family-switch-item\"\n                    className={cn(\n                      ITEM_SIZE[size],\n                      \"min-w-0 rounded-full border-2 border-transparent p-0.5\",\n                      \"bg-transparent hover:bg-transparent data-[state=on]:bg-transparent aria-checked:bg-transparent\",\n                      \"data-[state=on]:border-foreground aria-checked:border-foreground\",\n                    )}\n                  >\n                    <span\n                      aria-hidden=\"true\"\n                      data-slot=\"theme-family-switch-swatch\"\n                      className=\"size-full rounded-full shadow-hairline\"\n                      style={{\n                        background: `linear-gradient(135deg, ${family.swatch.background} 0 50%, ${family.swatch.primary} 50% 100%)`,\n                      }}\n                    />\n                  </ToggleGroupItem>\n                </TooltipTrigger>\n                <TooltipContent data-slot=\"theme-family-switch-wordmark\">\n                  {family.label}\n                </TooltipContent>\n              </Tooltip>\n            ))}\n          </ToggleGroup>\n          {mode !== undefined && onModeChange ? (\n            <ToggleGroup\n              type=\"single\"\n              variant=\"segmented\"\n              size={MODE_SIZE[size]}\n              value={mode}\n              onValueChange={(next) => {\n                if (next === \"light\" || next === \"dark\") onModeChange(next);\n              }}\n              aria-label={labels.mode}\n              data-slot=\"theme-family-switch-mode\"\n            >\n              <ToggleGroupItem value=\"light\">{labels.light}</ToggleGroupItem>\n              <ToggleGroupItem value=\"dark\">{labels.dark}</ToggleGroupItem>\n            </ToggleGroup>\n          ) : null}\n        </div>\n      </TooltipProvider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,SAAS,kBAAuC;AAkHlC,SAaM,KAbN;AAhFP,IAAM,qCAA8D;AAAA,EACzE,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR;AAqBA,IAAM,YAAmD;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AACA,IAAM,YAAoE;AAAA,EACxE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAQO,IAAM,oBAAoB;AAAA,EAC/B,SAASA,mBACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,SAAS,EAAE,GAAG,oCAAoC,GAAG,WAAW;AACtE,WACE,oBAAC,mBAAgB,eAAe,KAC9B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,aAAW;AAAA,QACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,QAClE,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cAEA,eAAe,CAAC,SAAS;AACvB,oBAAI,QAAQ,SAAS,MAAO,UAAS,IAAI;AAAA,cAC3C;AAAA,cACA,cAAY,OAAO;AAAA,cACnB,aAAU;AAAA,cACV,WAAU;AAAA,cAET,mBAAS,IAAI,CAAC,WACb,qBAAC,WACC;AAAA,oCAAC,kBAAe,SAAO,MACrB;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,OAAO;AAAA,oBACd,cAAY,OAAO;AAAA,oBACnB,aAAU;AAAA,oBACV,WAAW;AAAA,sBACT,UAAU,IAAI;AAAA,sBACd;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBAEA;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,aAAU;AAAA,wBACV,WAAU;AAAA,wBACV,OAAO;AAAA,0BACL,YAAY,2BAA2B,OAAO,OAAO,UAAU,WAAW,OAAO,OAAO,OAAO;AAAA,wBACjG;AAAA;AAAA,oBACF;AAAA;AAAA,gBACF,GACF;AAAA,gBACA,oBAAC,kBAAe,aAAU,gCACvB,iBAAO,OACV;AAAA,mBAzBY,OAAO,EA0BrB,CACD;AAAA;AAAA,UACH;AAAA,UACC,SAAS,UAAa,eACrB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAM,UAAU,IAAI;AAAA,cACpB,OAAO;AAAA,cACP,eAAe,CAAC,SAAS;AACvB,oBAAI,SAAS,WAAW,SAAS,OAAQ,cAAa,IAAI;AAAA,cAC5D;AAAA,cACA,cAAY,OAAO;AAAA,cACnB,aAAU;AAAA,cAEV;AAAA,oCAAC,mBAAgB,OAAM,SAAS,iBAAO,OAAM;AAAA,gBAC7C,oBAAC,mBAAgB,OAAM,QAAQ,iBAAO,MAAK;AAAA;AAAA;AAAA,UAC7C,IACE;AAAA;AAAA;AAAA,IACN,GACF;AAAA,EAEJ;AACF;","names":["ThemeFamilySwitch"]}

package/dist/chunk-XAFRTZQF.js

@@ -0,0 +1,56 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/separator/separator.tsx
+import { forwardRef } from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var separatorVariants = cva("shrink-0", {
+  variants: {
+    /**
+     * `subtle` (default) — uses `--border` (a decorative/redundant boundary;
+     * compliant because the edge is also signalled by surrounding fill, elevation
+     * or spacing — WCAG 1.4.11 redundant-boundary exemption).
+     *
+     * `strong` — uses `--border-strong` (≥3:1 vs `--card`/`--background`).
+     * Use when the separator is the ONLY structural cue between two same-surface
+     * regions (no fill, elevation or spacing change to fall back on).
+     * Decision test: "If I deleted this line, could a sighted user still tell
+     * the two regions apart?" No → `strong`.
+     */
+    tone: {
+      subtle: "bg-border",
+      strong: "bg-border-strong"
+    }
+  },
+  defaultVariants: {
+    tone: "subtle"
+  }
+});
+var Separator = forwardRef(
+  function Separator2({ className, orientation = "horizontal", decorative = true, tone, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        "data-slot": "separator",
+        decorative,
+        orientation,
+        className: cn(
+          separatorVariants({ tone }),
+          orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-XAFRTZQF.js.map

package/dist/chunk-XAFRTZQF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/separator/separator.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst separatorVariants = cva(\"shrink-0\", {\n  variants: {\n    /**\n     * `subtle` (default) — uses `--border` (a decorative/redundant boundary;\n     * compliant because the edge is also signalled by surrounding fill, elevation\n     * or spacing — WCAG 1.4.11 redundant-boundary exemption).\n     *\n     * `strong` — uses `--border-strong` (≥3:1 vs `--card`/`--background`).\n     * Use when the separator is the ONLY structural cue between two same-surface\n     * regions (no fill, elevation or spacing change to fall back on).\n     * Decision test: \"If I deleted this line, could a sighted user still tell\n     * the two regions apart?\" No → `strong`.\n     */\n    tone: {\n      subtle: \"bg-border\",\n      strong: \"bg-border-strong\",\n    },\n  },\n  defaultVariants: {\n    tone: \"subtle\",\n  },\n});\n\nexport type SeparatorProps = ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> &\n  VariantProps<typeof separatorVariants>;\n\nexport const Separator = forwardRef<ElementRef<typeof SeparatorPrimitive.Root>, SeparatorProps>(\n  function Separator(\n    { className, orientation = \"horizontal\", decorative = true, tone, ...props },\n    ref,\n  ) {\n    return (\n      <SeparatorPrimitive.Root\n        ref={ref}\n        data-slot=\"separator\"\n        decorative={decorative}\n        orientation={orientation}\n        className={cn(\n          separatorVariants({ tone }),\n          orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,wBAAwB;AACpC,SAAS,WAA8B;AAmCjC;AAhCN,IAAM,oBAAoB,IAAI,YAAY;AAAA,EACxC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYR,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,YAAY;AAAA,EACvB,SAASA,WACP,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,MAAM,GAAG,MAAM,GAC3E,KACA;AACA,WACE;AAAA,MAAoB;AAAA,MAAnB;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,kBAAkB,EAAE,KAAK,CAAC;AAAA,UAC1B,gBAAgB,eAAe,gBAAgB;AAAA,UAC/C;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["Separator"]}

package/dist/chunk-XGX3UFLD.js

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

package/dist/chunk-XGX3UFLD.js.map

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

package/dist/chunk-XGXCMA5M.js

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

package/dist/chunk-XGXCMA5M.js.map

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

package/dist/chunk-XJQADN6S.js

@@ -0,0 +1,41 @@
+"use client";
+import {
+  resolveFileKind
+} from "./chunk-IRUZDWJ3.js";
+
+// src/lib/file-icon.ts
+import {
+  File,
+  FileArchive,
+  FileCode,
+  FileDigit,
+  FileImage,
+  FileMusic,
+  FileSpreadsheet,
+  FileText,
+  FileType,
+  FileVideoCamera,
+  Presentation
+} from "lucide-react";
+var FILE_CATEGORY_ICONS = {
+  image: FileImage,
+  video: FileVideoCamera,
+  audio: FileMusic,
+  document: FileText,
+  spreadsheet: FileSpreadsheet,
+  presentation: Presentation,
+  code: FileCode,
+  text: FileType,
+  data: FileDigit,
+  archive: FileArchive,
+  unknown: File
+};
+function fileIconFor(name, mediaType) {
+  return FILE_CATEGORY_ICONS[resolveFileKind(name, mediaType).category];
+}
+
+export {
+  FILE_CATEGORY_ICONS,
+  fileIconFor
+};
+//# sourceMappingURL=chunk-XJQADN6S.js.map

package/dist/chunk-XJQADN6S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/file-icon.ts"],"sourcesContent":["/**\n * One glyph per {@link FileCategory} — the single icon map for file-shaped UI.\n *\n * Supersedes two package-private maps that could not see each other:\n * `PRODUCED_ASSET_ICONS` (`@elabs-ai/components-ai` file-tree, keyed by\n * the five-member `ContextAssetType`) and `mediaCategoryIcons` (same package,\n * attachments, keyed by six MIME buckets) — so the same `.csv` drew a table glyph\n * in one surface and a generic document glyph in the other.\n *\n * Lucide per `.claude/rules/icons.md`: these are generic UI glyphs, not product\n * vocabulary, so nothing here belongs in\n * `@elabs-ai/components-icons`.\n *\n * Values only — this module holds component REFERENCES, it renders nothing.\n * Icons inherit color from `currentColor`; the category is never carried by hue\n * alone, so a caller must still supply a text label or an `aria-label` on the\n * control (WCAG 1.4.1).\n */\n\nimport {\n  File,\n  FileArchive,\n  FileCode,\n  FileDigit,\n  FileImage,\n  FileMusic,\n  FileSpreadsheet,\n  FileText,\n  FileType,\n  FileVideoCamera,\n  type LucideIcon,\n  Presentation,\n} from \"lucide-react\";\n\nimport { type FileCategory, resolveFileKind } from \"./file-kind\";\n\n/** The glyph for each coarse file shape. Exhaustive over {@link FileCategory}. */\nexport const FILE_CATEGORY_ICONS: Readonly<Record<FileCategory, LucideIcon>> = {\n  image: FileImage,\n  video: FileVideoCamera,\n  audio: FileMusic,\n  document: FileText,\n  spreadsheet: FileSpreadsheet,\n  presentation: Presentation,\n  code: FileCode,\n  text: FileType,\n  data: FileDigit,\n  archive: FileArchive,\n  unknown: File,\n};\n\n/**\n * The glyph for a file, resolved from its name and (optionally) MIME.\n * Falls back to the generic file glyph rather than throwing.\n */\nexport function fileIconFor(name: string, mediaType?: string): LucideIcon {\n  return FILE_CATEGORY_ICONS[resolveFileKind(name, mediaType).category];\n}\n"],"mappings":";;;;;;AAmBA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAKA,IAAM,sBAAkE;AAAA,EAC7E,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX;AAMO,SAAS,YAAY,MAAc,WAAgC;AACxE,SAAO,oBAAoB,gBAAgB,MAAM,SAAS,EAAE,QAAQ;AACtE;","names":[]}