@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-U5BZXNHW.js

@@ -0,0 +1,80 @@
+"use client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-36SY7TID.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/icon-button/icon-button.tsx
+import {
+  forwardRef,
+  useId
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var IconButton = forwardRef(function IconButton2({
+  label,
+  icon,
+  variant = "ghost",
+  size = "icon",
+  disabled,
+  disabledReason,
+  side = "top",
+  className,
+  ...props
+}, ref) {
+  const reasonId = useId();
+  const tooltipText = disabledReason ? `${label} \u2014 ${disabledReason}` : label;
+  return (
+    // Self-provided so this works anywhere — a consumer shouldn't have to
+    // remember to mount a global TooltipProvider for one icon button.
+    /* @__PURE__ */ jsxs(TooltipProvider, { children: [
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "icon-button",
+            tabIndex: disabled ? 0 : void 0,
+            className: cn(
+              "inline-flex rounded-control",
+              // While disabled this span IS the focus target (the button is out
+              // of the tab order), so it must carry the system's focus ring —
+              // without this it falls back to the UA default outline, which is
+              // a hardcoded browser blue identical in every theme.
+              "focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              disabled && "cursor-not-allowed"
+            ),
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref,
+                variant,
+                size,
+                disabled,
+                ...props,
+                "aria-label": label,
+                "aria-describedby": disabledReason ? reasonId : void 0,
+                "data-slot": "icon-button-control",
+                className,
+                children: icon
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side, "data-slot": "icon-button-tooltip", children: tooltipText })
+      ] }),
+      disabledReason ? /* @__PURE__ */ jsx("span", { id: reasonId, "data-slot": "icon-button-description", className: "sr-only", children: disabledReason }) : null
+    ] })
+  );
+});
+
+export {
+  IconButton
+};
+//# sourceMappingURL=chunk-U5BZXNHW.js.map

package/dist/chunk-U5BZXNHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport type { buttonVariants } from \"../button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\n\n/** The icon-only size axis (a deliberate subset of `buttonVariants`' `size`). */\nexport type IconButtonSize = \"icon\" | \"icon-sm\" | \"icon-lg\";\n\nexport interface IconButtonProps\n  extends\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      \"title\" | \"children\" | \"aria-label\" | \"aria-describedby\"\n    >,\n    Pick<VariantProps<typeof buttonVariants>, \"variant\"> {\n  /**\n   * Accessible name AND tooltip text — a single source of truth, so the two\n   * can never drift out of sync (the failure this component exists to close:\n   * `aria-label` and a tooltip's children set independently, most call sites\n   * only setting one).\n   */\n  label: string;\n  /** The glyph (typically a `lucide-react` element). */\n  icon: ReactNode;\n  /** Icon-only size axis. Default `\"icon\"`. */\n  size?: IconButtonSize;\n  /**\n   * Shown appended to the tooltip text, and — independently — exposed via\n   * `aria-describedby` through an `sr-only` node that is present whenever this\n   * prop is (i.e. it does NOT depend on the tooltip being open, and it is not\n   * rendered at all when there is no reason — so it can never be read as stray\n   * text), so assistive tech gets the reason even while the button is disabled\n   * (a disabled\n   * `<button>` still exposes its ARIA attributes; it just isn't\n   * focusable/hoverable itself, which is why the tooltip trigger wraps a\n   * focusable `<span>` instead — see the render below).\n   */\n  disabledReason?: string;\n  /** Tooltip placement. Default `\"top\"`. */\n  side?: ComponentProps<typeof TooltipContent>[\"side\"];\n}\n\n/**\n * A single affordance for an icon-only control: `label` becomes both the\n * `aria-label` and the tooltip text, so they cannot diverge. Composes\n * `Button` + `Tooltip` — it does not reimplement either.\n *\n * Deliberately has **no `asChild`**: accepting one would dissolve the button\n * into a Radix `Slot` and break the tooltip-trigger wrapper below. A\n * link-styled icon button should compose `Button asChild` + `Tooltip`\n * directly instead.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    label,\n    icon,\n    variant = \"ghost\",\n    size = \"icon\",\n    disabled,\n    disabledReason,\n    side = \"top\",\n    className,\n    ...props\n  },\n  ref,\n) {\n  const reasonId = useId();\n  // The visible tooltip text always LEADS with `label` verbatim (never only\n  // the reason), so it can never contradict the accessible name (WCAG 2.5.3\n  // Label in Name) — the reason is appended context, not a replacement name.\n  const tooltipText = disabledReason ? `${label} — ${disabledReason}` : label;\n\n  return (\n    // Self-provided so this works anywhere — a consumer shouldn't have to\n    // remember to mount a global TooltipProvider for one icon button.\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {/*\n           * A disabled `Button` carries `pointer-events-none`, so hover never\n           * reaches it and the tooltip would never open. Wrap the trigger\n           * around a plain <span> instead of the <button> itself: it stays\n           * hoverable always, and gains `tabIndex={0}` only while the inner\n           * control is disabled (and therefore removed from the tab order),\n           * so keyboard users can still reach the tooltip without a doubled\n           * stop when the button is enabled.\n           */}\n          <span\n            data-slot=\"icon-button\"\n            tabIndex={disabled ? 0 : undefined}\n            className={cn(\n              \"inline-flex rounded-control\",\n              // While disabled this span IS the focus target (the button is out\n              // of the tab order), so it must carry the system's focus ring —\n              // without this it falls back to the UA default outline, which is\n              // a hardcoded browser blue identical in every theme.\n              \"focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              disabled && \"cursor-not-allowed\",\n            )}\n          >\n            <Button\n              ref={ref}\n              variant={variant}\n              size={size}\n              disabled={disabled}\n              {...props}\n              // Computed AFTER the spread so a stray `aria-label`/`aria-describedby`\n              // in `...props` can never win over the derived, single-source-of-truth\n              // values (the type above already excludes both, this is defense in\n              // depth for untyped/JS callers).\n              aria-label={label}\n              aria-describedby={disabledReason ? reasonId : undefined}\n              data-slot=\"icon-button-control\"\n              className={className}\n            >\n              {icon}\n            </Button>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent side={side} data-slot=\"icon-button-tooltip\">\n          {tooltipText}\n        </TooltipContent>\n      </Tooltip>\n      {disabledReason ? (\n        <span id={reasonId} data-slot=\"icon-button-description\" className=\"sr-only\">\n          {disabledReason}\n        </span>\n      ) : null}\n    </TooltipProvider>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AA8ED,SAwBM,KAxBN;AAxBC,IAAM,aAAa,WAA+C,SAASA,YAChF;AAAA,EACE;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,WAAW,MAAM;AAIvB,QAAM,cAAc,iBAAiB,GAAG,KAAK,WAAM,cAAc,KAAK;AAEtE;AAAA;AAAA;AAAA,IAGE,qBAAC,mBACC;AAAA,2BAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MAUrB;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,UAAU,WAAW,IAAI;AAAA,YACzB,WAAW;AAAA,cACT;AAAA;AAAA;AAAA;AAAA;AAAA,cAKA;AAAA,cACA,YAAY;AAAA,YACd;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBAKJ,cAAY;AAAA,gBACZ,oBAAkB,iBAAiB,WAAW;AAAA,gBAC9C,aAAU;AAAA,gBACV;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,kBAAe,MAAY,aAAU,uBACnC,uBACH;AAAA,SACF;AAAA,MACC,iBACC,oBAAC,UAAK,IAAI,UAAU,aAAU,2BAA0B,WAAU,WAC/D,0BACH,IACE;AAAA,OACN;AAAA;AAEJ,CAAC;","names":["IconButton"]}

package/dist/chunk-U756JCDK.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/label/label.tsx
+import { forwardRef } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx } from "react/jsx-runtime";
+var Label = forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "text-body font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-U756JCDK.js.map

package/dist/chunk-U756JCDK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Label = forwardRef<\n  ElementRef<typeof LabelPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(function Label({ className, ...props }, ref) {\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"text-body font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,oBAAoB;AAQ5B;AALG,IAAM,QAAQ,WAGnB,SAASA,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Label"]}

package/dist/chunk-U7QYCYHC.js

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

package/dist/chunk-U7QYCYHC.js.map

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

package/dist/chunk-UANAVLMS.js

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

package/dist/chunk-UANAVLMS.js.map

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

package/dist/chunk-UCEVPLR5.js

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

package/dist/chunk-UCEVPLR5.js.map

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

package/dist/chunk-UCQDLRHR.js

@@ -0,0 +1,31 @@
+"use client";
+
+// src/lib/csv.ts
+var INJECTION_TRIGGER = /^[=+\-@]/;
+function isNumericLiteral(field) {
+  const trimmed = field.trim();
+  if (trimmed === "") return false;
+  return Number.isFinite(Number(trimmed));
+}
+function csvStringifyValue(value) {
+  if (value === null || value === void 0) return "";
+  if (value instanceof Date) return value.toISOString();
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function csvQuoteField(field, delimiter) {
+  let out = field;
+  if (INJECTION_TRIGGER.test(out) && !isNumericLiteral(out)) {
+    out = "'" + out;
+  }
+  if (out.includes(delimiter) || out.includes('"') || out.includes("\n") || out.includes("\r")) {
+    return '"' + out.replaceAll('"', '""') + '"';
+  }
+  return out;
+}
+
+export {
+  csvStringifyValue,
+  csvQuoteField
+};
+//# sourceMappingURL=chunk-UCQDLRHR.js.map

package/dist/chunk-UCQDLRHR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/csv.ts"],"sourcesContent":["/**\n * Shared CSV (RFC 4180) primitives — value stringification + injection-guarded\n * field quoting. Pure, no DOM, SSR-safe.\n *\n * The single home for logic previously duplicated between `@elabs-ai/components-data`'s\n * `toCsv` and `@elabs-ai/components-charts`'s `ChartFrame` local serializer (charts may not\n * depend on data per the one-way package rule, so both import this instead of\n * one importing the other).\n */\n\n/** Leading characters a spreadsheet may interpret as a formula trigger. */\nconst INJECTION_TRIGGER = /^[=+\\-@]/;\n\n/**\n * True when `field` parses as a plain finite number, e.g. \"-5\" or \"+12.3\".\n * A negative/positive number is not a formula — only guard fields that\n * START with a trigger character AND are not actually numeric.\n */\nfunction isNumericLiteral(field: string): boolean {\n  const trimmed = field.trim();\n  if (trimmed === \"\") return false;\n  return Number.isFinite(Number(trimmed));\n}\n\n/** Stringify a cell value for CSV: dates → ISO, objects → JSON, else `String()`. */\nexport function csvStringifyValue(value: unknown): string {\n  if (value === null || value === undefined) return \"\";\n  if (value instanceof Date) return value.toISOString();\n  if (typeof value === \"object\") return JSON.stringify(value);\n  return String(value);\n}\n\n/**\n * Quote/escape one CSV field: prefixes a leading `'` when the field starts\n * with a formula-trigger character and is not a plain number (CSV-injection\n * guard), then RFC-4180-quotes when it contains the delimiter, a double\n * quote, or a line break.\n */\nexport function csvQuoteField(field: string, delimiter: string): string {\n  let out = field;\n  if (INJECTION_TRIGGER.test(out) && !isNumericLiteral(out)) {\n    out = \"'\" + out;\n  }\n  if (out.includes(delimiter) || out.includes('\"') || out.includes(\"\\n\") || out.includes(\"\\r\")) {\n    return '\"' + out.replaceAll('\"', '\"\"') + '\"';\n  }\n  return out;\n}\n"],"mappings":";;;AAWA,IAAM,oBAAoB;AAO1B,SAAS,iBAAiB,OAAwB;AAChD,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,YAAY,GAAI,QAAO;AAC3B,SAAO,OAAO,SAAS,OAAO,OAAO,CAAC;AACxC;AAGO,SAAS,kBAAkB,OAAwB;AACxD,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,MAAI,iBAAiB,KAAM,QAAO,MAAM,YAAY;AACpD,MAAI,OAAO,UAAU,SAAU,QAAO,KAAK,UAAU,KAAK;AAC1D,SAAO,OAAO,KAAK;AACrB;AAQO,SAAS,cAAc,OAAe,WAA2B;AACtE,MAAI,MAAM;AACV,MAAI,kBAAkB,KAAK,GAAG,KAAK,CAAC,iBAAiB,GAAG,GAAG;AACzD,UAAM,MAAM;AAAA,EACd;AACA,MAAI,IAAI,SAAS,SAAS,KAAK,IAAI,SAAS,GAAG,KAAK,IAAI,SAAS,IAAI,KAAK,IAAI,SAAS,IAAI,GAAG;AAC5F,WAAO,MAAM,IAAI,WAAW,KAAK,IAAI,IAAI;AAAA,EAC3C;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-UFF7LLGU.js

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

package/dist/chunk-UFF7LLGU.js.map

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

package/dist/chunk-UG2T7LMX.js

@@ -0,0 +1,198 @@
+"use client";
+import {
+  InputGroup
+} from "./chunk-55BM2IU2.js";
+import {
+  Badge
+} from "./chunk-HNLYRHAU.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/tag-input/tag-input.tsx
+import {
+  forwardRef,
+  useCallback,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TagInput = forwardRef(function TagInput2({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  max,
+  validate,
+  delimiter = [","],
+  allowDuplicates = false,
+  placeholder,
+  disabled,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  className,
+  ...props
+}, ref) {
+  const isControlled = valueProp !== void 0;
+  const [internalTags, setInternalTags] = useState(defaultValue ?? []);
+  const [inputValue, setInputValue] = useState("");
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  const tags = useMemo(
+    () => isControlled ? valueProp ?? [] : internalTags,
+    [isControlled, valueProp, internalTags]
+  );
+  const commit = useCallback(
+    (next) => {
+      if (!isControlled) setInternalTags(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  const addTag = useCallback(
+    (raw) => {
+      const tag = raw.trim();
+      if (!tag) return;
+      if (max !== void 0 && tags.length >= max) {
+        setError(`Maximum of ${max} tags reached.`);
+        return;
+      }
+      if (!allowDuplicates && tags.includes(tag)) {
+        setError("Duplicate tag.");
+        return;
+      }
+      if (validate) {
+        const result = validate(tag);
+        if (result === false) return;
+        if (typeof result === "string") {
+          setError(result);
+          return;
+        }
+      }
+      setError(null);
+      commit([...tags, tag]);
+      setInputValue("");
+    },
+    [tags, max, allowDuplicates, validate, commit]
+  );
+  const removeTag = useCallback(
+    (index) => {
+      const next = tags.filter((_, i) => i !== index);
+      setError(null);
+      commit(next);
+    },
+    [tags, commit]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        addTag(inputValue);
+        return;
+      }
+      if (e.key === "Backspace" && inputValue === "" && tags.length > 0) {
+        e.preventDefault();
+        removeTag(tags.length - 1);
+        return;
+      }
+      for (const delim of delimiter) {
+        if (delim.length === 1 && e.key === delim) {
+          e.preventDefault();
+          addTag(inputValue);
+          return;
+        }
+      }
+    },
+    [inputValue, tags, delimiter, addTag, removeTag]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const val = e.target.value;
+      const hasDelimiter = delimiter.some((d) => val.includes(d));
+      if (hasDelimiter) {
+        const parts = val.split(new RegExp(`[${delimiter.map((d) => escapeRegex(d)).join("")}]`));
+        const toAdd = parts.slice(0, -1);
+        const remaining = parts[parts.length - 1] ?? "";
+        for (const part of toAdd) {
+          addTag(part);
+        }
+        setInputValue(remaining);
+      } else {
+        setInputValue(val);
+        setError(null);
+      }
+    },
+    [delimiter, addTag]
+  );
+  const atMax = max !== void 0 && tags.length >= max;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+    /* @__PURE__ */ jsxs(
+      InputGroup,
+      {
+        className: "h-auto min-h-9 flex-wrap gap-1 px-2 py-1 cursor-text",
+        onClick: () => inputRef.current?.focus(),
+        children: [
+          tags.map((tag, i) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 pe-1 shrink-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "max-w-[12rem] truncate", children: tag }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Remove ${tag}`,
+                disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(i);
+                },
+                className: cn(
+                  "rounded-full p-0.5 transition-colors",
+                  "hover:bg-secondary-foreground/20 focus-ring",
+                  "disabled:pointer-events-none disabled:opacity-50"
+                ),
+                children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": "true" })
+              }
+            )
+          ] }, `${tag}-${i}`)),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              id,
+              name,
+              type: "text",
+              value: inputValue,
+              placeholder: atMax ? void 0 : placeholder,
+              disabled: disabled || atMax,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledby,
+              "aria-invalid": error ? "true" : void 0,
+              "data-slot": "input-group-control",
+              className: cn(
+                "min-w-[6rem] flex-1 bg-transparent text-body outline-none",
+                "placeholder:text-muted-foreground",
+                "disabled:cursor-not-allowed disabled:opacity-50"
+              ),
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              autoComplete: "off",
+              spellCheck: false
+            }
+          )
+        ]
+      }
+    ),
+    error && // #124: running text (the validation message) — ink rung.
+    /* @__PURE__ */ jsx("p", { role: "alert", className: "text-meta text-destructive-text", children: error })
+  ] });
+});
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+export {
+  TagInput
+};
+//# sourceMappingURL=chunk-UG2T7LMX.js.map

package/dist/chunk-UG2T7LMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tag-input/tag-input.tsx"],"sourcesContent":["\"use client\";\n\n// a2ui.exposed: yes\nimport {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { InputGroup } from \"../input-group\";\n\nexport interface TagInputProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"defaultValue\" | \"onChange\"\n> {\n  /** Controlled tag list. */\n  value?: string[];\n  /** Uncontrolled initial tag list. */\n  defaultValue?: string[];\n  /** Called when the tag list changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Maximum number of tags allowed. */\n  max?: number;\n  /**\n   * Validate a candidate tag before it is added.\n   * Return `true` to accept, `false` to silently reject, or a string\n   * to reject and show as an inline error message.\n   */\n  validate?: (tag: string) => boolean | string;\n  /**\n   * Characters (or strings) that trigger tag creation in addition to Enter.\n   * Defaults to `[\",\"]`.\n   */\n  delimiter?: string[];\n  /** Allow duplicate tags (default false). */\n  allowDuplicates?: boolean;\n  /** Placeholder text for the entry field. */\n  placeholder?: string;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** id for the underlying text input (useful for external <label>). */\n  id?: string;\n  /** Name forwarded to the underlying input. */\n  name?: string;\n  /** aria-label for the underlying text input. */\n  \"aria-label\"?: string;\n  /** aria-labelledby for the underlying text input. */\n  \"aria-labelledby\"?: string;\n}\n\n/**\n * TagInput — chip-style multi-value text entry.\n *\n * Controlled via `value`/`onValueChange`; uncontrolled via `defaultValue`.\n * Enter + configurable delimiters (default `[\",\"]`) add a tag.\n * Backspace on an empty field removes the last tag.\n * Inline validation errors render with `role=\"alert\"`.\n */\nexport const TagInput = forwardRef<HTMLDivElement, TagInputProps>(function TagInput(\n  {\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    max,\n    validate,\n    delimiter = [\",\"],\n    allowDuplicates = false,\n    placeholder,\n    disabled,\n    id,\n    name,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = valueProp !== undefined;\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue ?? []);\n  const [inputValue, setInputValue] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const tags = useMemo(\n    () => (isControlled ? (valueProp ?? []) : internalTags),\n    [isControlled, valueProp, internalTags],\n  );\n\n  const commit = useCallback(\n    (next: string[]) => {\n      if (!isControlled) setInternalTags(next);\n      onValueChange?.(next);\n    },\n    [isControlled, onValueChange],\n  );\n\n  const addTag = useCallback(\n    (raw: string) => {\n      const tag = raw.trim();\n      if (!tag) return;\n\n      if (max !== undefined && tags.length >= max) {\n        setError(`Maximum of ${max} tags reached.`);\n        return;\n      }\n\n      if (!allowDuplicates && tags.includes(tag)) {\n        setError(\"Duplicate tag.\");\n        return;\n      }\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === \"string\") {\n          setError(result);\n          return;\n        }\n      }\n\n      setError(null);\n      commit([...tags, tag]);\n      setInputValue(\"\");\n    },\n    [tags, max, allowDuplicates, validate, commit],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      const next = tags.filter((_, i) => i !== index);\n      setError(null);\n      commit(next);\n    },\n    [tags, commit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        // Always prevent form submission when used inside a <form>\n        e.preventDefault();\n        addTag(inputValue);\n        return;\n      }\n\n      if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        removeTag(tags.length - 1);\n        return;\n      }\n\n      // Check delimiter characters (e.g. comma)\n      for (const delim of delimiter) {\n        if (delim.length === 1 && e.key === delim) {\n          e.preventDefault();\n          addTag(inputValue);\n          return;\n        }\n      }\n    },\n    [inputValue, tags, delimiter, addTag, removeTag],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      // Handle paste or typed multi-char delimiters\n      const hasDelimiter = delimiter.some((d) => val.includes(d));\n      if (hasDelimiter) {\n        const parts = val.split(new RegExp(`[${delimiter.map((d) => escapeRegex(d)).join(\"\")}]`));\n        const toAdd = parts.slice(0, -1);\n        const remaining = parts[parts.length - 1] ?? \"\";\n        for (const part of toAdd) {\n          addTag(part);\n        }\n        setInputValue(remaining);\n      } else {\n        setInputValue(val);\n        setError(null);\n      }\n    },\n    [delimiter, addTag],\n  );\n\n  const atMax = max !== undefined && tags.length >= max;\n\n  return (\n    <div ref={ref} className={cn(\"flex flex-col gap-1\", className)} {...props}>\n      <InputGroup\n        className=\"h-auto min-h-9 flex-wrap gap-1 px-2 py-1 cursor-text\"\n        onClick={() => inputRef.current?.focus()}\n      >\n        {tags.map((tag, i) => (\n          <Badge key={`${tag}-${i}`} variant=\"secondary\" className=\"gap-1 pe-1 shrink-0\">\n            <span className=\"max-w-[12rem] truncate\">{tag}</span>\n            <button\n              type=\"button\"\n              aria-label={`Remove ${tag}`}\n              disabled={disabled}\n              onClick={(e) => {\n                e.stopPropagation();\n                removeTag(i);\n              }}\n              className={cn(\n                \"rounded-full p-0.5 transition-colors\",\n                \"hover:bg-secondary-foreground/20 focus-ring\",\n                \"disabled:pointer-events-none disabled:opacity-50\",\n              )}\n            >\n              <X className=\"size-3\" aria-hidden=\"true\" />\n            </button>\n          </Badge>\n        ))}\n        <input\n          ref={inputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          value={inputValue}\n          placeholder={atMax ? undefined : placeholder}\n          disabled={disabled || atMax}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-invalid={error ? \"true\" : undefined}\n          data-slot=\"input-group-control\"\n          className={cn(\n            \"min-w-[6rem] flex-1 bg-transparent text-body outline-none\",\n            \"placeholder:text-muted-foreground\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n          )}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          autoComplete=\"off\"\n          spellCheck={false}\n        />\n      </InputGroup>\n      {error && (\n        // #124: running text (the validation message) — ink rung.\n        <p role=\"alert\" className=\"text-meta text-destructive-text\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n});\n\nfunction escapeRegex(s: string): string {\n  return s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"mappings":"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","names":["TagInput"]}

package/dist/chunk-UG5TKXTK.js

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

package/dist/chunk-UG5TKXTK.js.map

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

package/dist/chunk-UPGIQXUY.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/skeleton/skeleton.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+}
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-UPGIQXUY.js.map

package/dist/chunk-UPGIQXUY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement>;\n\n/** Loading placeholder. Compose with width/height utilities, e.g. `h-4 w-32`. */\nexport function Skeleton({ className, ...props }: SkeletonProps) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,OAAoC;AAQhC;AAFG,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAkB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC5D,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-UQPW7INX.js

@@ -0,0 +1,91 @@
+"use client";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  useSidebar
+} from "./chunk-HWVU636Q.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-FG3PDWE3.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/nav-main/nav-main.tsx
+import { useState } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NavMain({ routes, className }) {
+  const { state } = useSidebar();
+  const isCollapsed = state === "collapsed";
+  const [openCollapsible, setOpenCollapsible] = useState(null);
+  return /* @__PURE__ */ jsx(SidebarMenu, { className, children: routes.map((route) => {
+    const isOpen = !isCollapsed && openCollapsible === route.id;
+    const hasSubRoutes = !!route.subs?.length;
+    return /* @__PURE__ */ jsx(SidebarMenuItem, { children: hasSubRoutes ? /* @__PURE__ */ jsxs(
+      Collapsible,
+      {
+        open: isOpen,
+        onOpenChange: (open) => setOpenCollapsible(open ? route.id : null),
+        className: "w-full",
+        children: [
+          /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            SidebarMenuButton,
+            {
+              tooltip: route.title,
+              className: cn(
+                "flex w-full items-center rounded-lg px-2 transition-colors",
+                isOpen ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-muted-foreground",
+                isCollapsed && "justify-center"
+              ),
+              children: [
+                route.icon,
+                !isCollapsed && /* @__PURE__ */ jsx("span", { className: "ms-2 flex-1 text-body font-medium", children: route.title }),
+                !isCollapsed && /* @__PURE__ */ jsx("span", { className: "ms-auto", children: isOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) })
+              ]
+            }
+          ) }),
+          !isCollapsed && /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { className: "my-1 ms-3.5", children: route.subs?.map((subRoute) => /* @__PURE__ */ jsx(
+            SidebarMenuSubItem,
+            {
+              className: "h-auto",
+              children: /* @__PURE__ */ jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: subRoute.link,
+                  className: "flex items-center rounded-md px-4 py-1.5 text-body font-medium text-sidebar-muted-foreground",
+                  children: subRoute.title
+                }
+              ) })
+            },
+            `${route.id}-${subRoute.title}`
+          )) }) })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx(SidebarMenuButton, { tooltip: route.title, asChild: true, children: /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: route.link,
+        className: cn(
+          "flex items-center rounded-lg px-2 text-sidebar-muted-foreground",
+          isCollapsed && "justify-center"
+        ),
+        children: [
+          route.icon,
+          !isCollapsed && /* @__PURE__ */ jsx("span", { className: "ms-2 text-body font-medium", children: route.title })
+        ]
+      }
+    ) }) }, route.id);
+  }) });
+}
+
+export {
+  NavMain
+};
+//# sourceMappingURL=chunk-UQPW7INX.js.map

package/dist/chunk-UQPW7INX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/nav-main/nav-main.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Shared collapsible sidebar navigation primitive (issue #99).\n * Promoted from `registry/blocks/sidebar-02/nav-main.tsx`.\n *\n * Renders a `SidebarMenu` of routes; each route with sub-items uses a\n * `Collapsible` expand/collapse affordance. Collapses icon-only when the\n * sidebar is in the `\"collapsed\"` state.\n */\n\"use client\";\n\nimport type React from \"react\";\nimport { useState } from \"react\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../collapsible\";\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  useSidebar,\n} from \"../sidebar\";\nimport { cn } from \"../../lib/cn\";\n\nexport type NavMainSubItem = {\n  title: string;\n  link: string;\n  icon?: React.ReactNode;\n};\n\nexport type NavMainRoute = {\n  id: string;\n  title: string;\n  icon?: React.ReactNode;\n  link: string;\n  subs?: NavMainSubItem[];\n};\n\nexport interface NavMainProps {\n  routes: NavMainRoute[];\n  className?: string;\n}\n\n/**\n * Collapsible primary navigation list for sidebars.\n *\n * - Routes with `subs` render as an expandable group (one open at a time).\n * - Routes without `subs` render as a simple link button.\n * - Collapses to icon-only when the enclosing `Sidebar` is in `\"collapsed\"` state.\n *\n * @example\n * ```tsx\n * <NavMain routes={[\n *   { id: \"home\", title: \"Home\", icon: <Home />, link: \"#\" },\n *   { id: \"settings\", title: \"Settings\", icon: <Settings />, link: \"#\",\n *     subs: [{ title: \"General\", link: \"#\" }] },\n * ]} />\n * ```\n */\nexport function NavMain({ routes, className }: NavMainProps) {\n  const { state } = useSidebar();\n  const isCollapsed = state === \"collapsed\";\n  const [openCollapsible, setOpenCollapsible] = useState<string | null>(null);\n\n  return (\n    <SidebarMenu className={className}>\n      {routes.map((route) => {\n        const isOpen = !isCollapsed && openCollapsible === route.id;\n        const hasSubRoutes = !!route.subs?.length;\n\n        return (\n          <SidebarMenuItem key={route.id}>\n            {hasSubRoutes ? (\n              <Collapsible\n                open={isOpen}\n                onOpenChange={(open) => setOpenCollapsible(open ? route.id : null)}\n                className=\"w-full\"\n              >\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuButton\n                    tooltip={route.title}\n                    className={cn(\n                      \"flex w-full items-center rounded-lg px-2 transition-colors\",\n                      isOpen\n                        ? \"bg-sidebar-accent text-sidebar-accent-foreground\"\n                        : \"text-sidebar-muted-foreground\",\n                      isCollapsed && \"justify-center\",\n                    )}\n                  >\n                    {route.icon}\n                    {!isCollapsed && (\n                      <span className=\"ms-2 flex-1 text-body font-medium\">{route.title}</span>\n                    )}\n                    {!isCollapsed && (\n                      <span className=\"ms-auto\">\n                        {isOpen ? (\n                          <ChevronUp className=\"size-4\" />\n                        ) : (\n                          <ChevronDown className=\"size-4\" />\n                        )}\n                      </span>\n                    )}\n                  </SidebarMenuButton>\n                </CollapsibleTrigger>\n                {!isCollapsed && (\n                  <CollapsibleContent>\n                    <SidebarMenuSub className=\"my-1 ms-3.5\">\n                      {route.subs?.map((subRoute) => (\n                        <SidebarMenuSubItem\n                          key={`${route.id}-${subRoute.title}`}\n                          className=\"h-auto\"\n                        >\n                          <SidebarMenuSubButton asChild>\n                            <a\n                              href={subRoute.link}\n                              className=\"flex items-center rounded-md px-4 py-1.5 text-body font-medium text-sidebar-muted-foreground\"\n                            >\n                              {subRoute.title}\n                            </a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                )}\n              </Collapsible>\n            ) : (\n              <SidebarMenuButton tooltip={route.title} asChild>\n                <a\n                  href={route.link}\n                  className={cn(\n                    \"flex items-center rounded-lg px-2 text-sidebar-muted-foreground\",\n                    isCollapsed && \"justify-center\",\n                  )}\n                >\n                  {route.icon}\n                  {!isCollapsed && (\n                    <span className=\"ms-2 text-body font-medium\">{route.title}</span>\n                  )}\n                </a>\n              </SidebarMenuButton>\n            )}\n          </SidebarMenuItem>\n        );\n      })}\n    </SidebarMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,SAAS,gBAAgB;AACzB,SAAS,aAAa,iBAAiB;AAoErB,SAYI,KAZJ;AApBX,SAAS,QAAQ,EAAE,QAAQ,UAAU,GAAiB;AAC3D,QAAM,EAAE,MAAM,IAAI,WAAW;AAC7B,QAAM,cAAc,UAAU;AAC9B,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAE1E,SACE,oBAAC,eAAY,WACV,iBAAO,IAAI,CAAC,UAAU;AACrB,UAAM,SAAS,CAAC,eAAe,oBAAoB,MAAM;AACzD,UAAM,eAAe,CAAC,CAAC,MAAM,MAAM;AAEnC,WACE,oBAAC,mBACE,yBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc,CAAC,SAAS,mBAAmB,OAAO,MAAM,KAAK,IAAI;AAAA,QACjE,WAAU;AAAA,QAEV;AAAA,8BAAC,sBAAmB,SAAO,MACzB;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,gBACA,SACI,qDACA;AAAA,gBACJ,eAAe;AAAA,cACjB;AAAA,cAEC;AAAA,sBAAM;AAAA,gBACN,CAAC,eACA,oBAAC,UAAK,WAAU,qCAAqC,gBAAM,OAAM;AAAA,gBAElE,CAAC,eACA,oBAAC,UAAK,WAAU,WACb,mBACC,oBAAC,aAAU,WAAU,UAAS,IAE9B,oBAAC,eAAY,WAAU,UAAS,GAEpC;AAAA;AAAA;AAAA,UAEJ,GACF;AAAA,UACC,CAAC,eACA,oBAAC,sBACC,8BAAC,kBAAe,WAAU,eACvB,gBAAM,MAAM,IAAI,CAAC,aAChB;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cAEV,8BAAC,wBAAqB,SAAO,MAC3B;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS;AAAA,kBACf,WAAU;AAAA,kBAET,mBAAS;AAAA;AAAA,cACZ,GACF;AAAA;AAAA,YAVK,GAAG,MAAM,EAAE,IAAI,SAAS,KAAK;AAAA,UAWpC,CACD,GACH,GACF;AAAA;AAAA;AAAA,IAEJ,IAEA,oBAAC,qBAAkB,SAAS,MAAM,OAAO,SAAO,MAC9C;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA,eAAe;AAAA,QACjB;AAAA,QAEC;AAAA,gBAAM;AAAA,UACN,CAAC,eACA,oBAAC,UAAK,WAAU,8BAA8B,gBAAM,OAAM;AAAA;AAAA;AAAA,IAE9D,GACF,KArEkB,MAAM,EAuE5B;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/chunk-UQRYTMR7.js

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

package/dist/chunk-UQRYTMR7.js.map

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

package/dist/chunk-USI4LB3N.js

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

package/dist/chunk-USI4LB3N.js.map

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