@neuronection/assistant-ui 0.2.0 → 0.4.0

package/dist/chunk-UIUALJNR.js

@@ -0,0 +1,110 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function scaleColorForValue(min, max, value) {
+  if (value === "" || value === null || value === void 0) {
+    return "var(--as-muted-fg)";
+  }
+  const numeric = Number(value);
+  if (Number.isNaN(numeric)) return "var(--as-muted-fg)";
+  return positionColor((numeric - min) / (max - min));
+}
+function positionColor(position) {
+  const clamped = Math.max(0, Math.min(1, position));
+  const hue = 142 * (1 - clamped);
+  return `hsl(${hue.toFixed(0)}, 72%, 48%)`;
+}
+var ScaleSlider = React.forwardRef(
+  function ScaleSlider2({
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    lowLabel,
+    highLabel,
+    showInput = true,
+    disabled = false,
+    ariaLabel = "Scale",
+    className,
+    ...props
+  }, ref) {
+    const numericValue = value === "" || value === null || value === void 0 || Number.isNaN(value) ? null : Number(value);
+    const thumbColor = scaleColorForValue(min, max, value);
+    const sliderValue = numericValue === null ? min : numericValue;
+    const handleSlider = (event) => {
+      const numeric = Number(event.target.value);
+      onChange(Number.isNaN(numeric) ? "" : numeric);
+    };
+    const handleInputChange = (event) => {
+      const raw = event.target.value;
+      if (raw === "") {
+        onChange("");
+        return;
+      }
+      const numeric = Number(raw);
+      onChange(Number.isNaN(numeric) ? "" : numeric);
+    };
+    const handleInputBlur = () => {
+      if (numericValue === null) return;
+      const clamped = Math.max(min, Math.min(max, numericValue));
+      if (clamped !== numericValue) onChange(clamped);
+    };
+    const showLabels = Boolean(lowLabel || highLabel);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "scale-slider",
+        className: cn("flex flex-col gap-1.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "range",
+                "aria-label": ariaLabel,
+                className: cn(
+                  "h-1.5 flex-1 cursor-pointer accent-[var(--as-primary)]",
+                  disabled && "cursor-not-allowed opacity-50"
+                ),
+                min,
+                max,
+                step,
+                value: sliderValue,
+                disabled,
+                onChange: handleSlider
+              }
+            ),
+            showInput ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                "aria-label": `${ariaLabel} value`,
+                min,
+                max,
+                step,
+                value: value ?? "",
+                disabled,
+                onChange: handleInputChange,
+                onBlur: handleInputBlur,
+                style: { borderColor: thumbColor },
+                className: "w-16 rounded-[var(--as-radius-sm)] border-2 bg-[var(--as-surface-raised)] px-2 py-1.5 text-center text-sm font-bold text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:opacity-50"
+              }
+            ) : null
+          ] }),
+          showLabels ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[9px] font-bold uppercase tracking-wider opacity-50", children: [
+            /* @__PURE__ */ jsx("span", { style: { color: positionColor(0) }, children: lowLabel }),
+            /* @__PURE__ */ jsx("span", { style: { color: positionColor(1) }, children: highLabel })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export { ScaleSlider, scaleColorForValue };
+//# sourceMappingURL=chunk-UIUALJNR.js.map
+//# sourceMappingURL=chunk-UIUALJNR.js.map

package/dist/chunk-UIUALJNR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scale-slider/ScaleSlider.tsx"],"names":["ScaleSlider"],"mappings":"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","file":"chunk-UIUALJNR.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface ScaleSliderProps\n  extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  value: number | '' | null | undefined\n  onChange: (value: number | '') => void\n  min: number\n  max: number\n  step?: number\n  lowLabel?: string\n  highLabel?: string\n  showInput?: boolean\n  disabled?: boolean\n  ariaLabel?: string\n}\n\nexport function scaleColorForValue(\n  min: number,\n  max: number,\n  value: number | '' | null | undefined,\n): string {\n  if (value === '' || value === null || value === undefined) {\n    return 'var(--as-muted-fg)'\n  }\n  const numeric = Number(value)\n  if (Number.isNaN(numeric)) return 'var(--as-muted-fg)'\n  return positionColor((numeric - min) / (max - min))\n}\n\nfunction positionColor(position: number): string {\n  const clamped = Math.max(0, Math.min(1, position))\n  const hue = 142 * (1 - clamped)\n  return `hsl(${hue.toFixed(0)}, 72%, 48%)`\n}\n\nexport const ScaleSlider = React.forwardRef<HTMLDivElement, ScaleSliderProps>(\n  function ScaleSlider(\n    {\n      value,\n      onChange,\n      min,\n      max,\n      step = 1,\n      lowLabel,\n      highLabel,\n      showInput = true,\n      disabled = false,\n      ariaLabel = 'Scale',\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const numericValue =\n      value === '' ||\n      value === null ||\n      value === undefined ||\n      Number.isNaN(value as number)\n        ? null\n        : Number(value)\n    const thumbColor = scaleColorForValue(min, max, value)\n    const sliderValue = numericValue === null ? min : numericValue\n\n    const handleSlider = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numeric = Number(event.target.value)\n      onChange(Number.isNaN(numeric) ? '' : numeric)\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = event.target.value\n      if (raw === '') {\n        onChange('')\n        return\n      }\n      const numeric = Number(raw)\n      onChange(Number.isNaN(numeric) ? '' : numeric)\n    }\n\n    const handleInputBlur = () => {\n      if (numericValue === null) return\n      const clamped = Math.max(min, Math.min(max, numericValue))\n      if (clamped !== numericValue) onChange(clamped)\n    }\n\n    const showLabels = Boolean(lowLabel || highLabel)\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"scale-slider\"\n        className={cn('flex flex-col gap-1.5', className)}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          <input\n            type=\"range\"\n            aria-label={ariaLabel}\n            className={cn(\n              'h-1.5 flex-1 cursor-pointer accent-[var(--as-primary)]',\n              disabled && 'cursor-not-allowed opacity-50',\n            )}\n            min={min}\n            max={max}\n            step={step}\n            value={sliderValue}\n            disabled={disabled}\n            onChange={handleSlider}\n          />\n          {showInput ? (\n            <input\n              type=\"number\"\n              aria-label={`${ariaLabel} value`}\n              min={min}\n              max={max}\n              step={step}\n              value={value ?? ''}\n              disabled={disabled}\n              onChange={handleInputChange}\n              onBlur={handleInputBlur}\n              style={{ borderColor: thumbColor }}\n              className=\"w-16 rounded-[var(--as-radius-sm)] border-2 bg-[var(--as-surface-raised)] px-2 py-1.5 text-center text-sm font-bold text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)] disabled:opacity-50\"\n            />\n          ) : null}\n        </div>\n        {showLabels ? (\n          <div className=\"flex justify-between text-[9px] font-bold uppercase tracking-wider opacity-50\">\n            <span style={{ color: positionColor(0) }}>{lowLabel}</span>\n            <span style={{ color: positionColor(1) }}>{highLabel}</span>\n          </div>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-WPO6CDA4.js

@@ -0,0 +1,92 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var panelModalVariants = cva("", {
+  variants: {
+    size: {
+      sm: "sm:max-w-md",
+      md: "sm:max-w-2xl",
+      lg: "sm:max-w-4xl",
+      xl: "sm:max-w-6xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var PanelModal = React.forwardRef(function PanelModal2({
+  open,
+  onOpenChange,
+  title,
+  headerIcon,
+  headerActions,
+  footer,
+  hideHeader = false,
+  bodyClassName,
+  closeLabel = "Close",
+  size,
+  className,
+  children,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Overlay,
+      {
+        "data-as": "modal-overlay",
+        className: "as-anim-fade fixed inset-0 z-50 bg-[var(--as-overlay)]"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        "data-as": "panel-modal",
+        "aria-describedby": void 0,
+        className: cn(
+          "as-anim-pop fixed inset-0 z-50 flex flex-col overflow-y-auto bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none",
+          "sm:inset-auto sm:left-1/2 sm:top-1/2 sm:h-auto sm:max-h-[90vh] sm:w-auto sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-[var(--as-radius-lg)] sm:border sm:border-[var(--as-border)]",
+          panelModalVariants({ size }),
+          className
+        ),
+        ...props,
+        children: [
+          hideHeader ? /* @__PURE__ */ jsx(
+            DialogPrimitive.Close,
+            {
+              "aria-label": closeLabel,
+              className: "absolute right-3 top-3 z-10 rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-4" })
+            }
+          ) : /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-[var(--as-border)] px-5 py-4 sm:px-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              headerIcon,
+              title ? /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "truncate font-semibold text-[var(--as-fg)]", children: title }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              headerActions,
+              /* @__PURE__ */ jsx(
+                DialogPrimitive.Close,
+                {
+                  "aria-label": closeLabel,
+                  className: "rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+                  children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-5" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1", hideHeader && "pt-10", bodyClassName ?? "p-5 sm:p-6"), children }),
+          footer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-[var(--as-border)] px-5 py-4 sm:px-6", children: footer }) : null
+        ]
+      }
+    )
+  ] }) });
+});
+
+export { PanelModal };
+//# sourceMappingURL=chunk-WPO6CDA4.js.map
+//# sourceMappingURL=chunk-WPO6CDA4.js.map

package/dist/chunk-WPO6CDA4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal/PanelModal.tsx"],"names":["PanelModal"],"mappings":"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","file":"chunk-WPO6CDA4.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst panelModalVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'sm:max-w-md',\n      md: 'sm:max-w-2xl',\n      lg: 'sm:max-w-4xl',\n      xl: 'sm:max-w-6xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport interface PanelModalProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    'title'\n  >,\n    VariantProps<typeof panelModalVariants> {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: React.ReactNode\n  headerIcon?: React.ReactNode\n  headerActions?: React.ReactNode\n  footer?: React.ReactNode\n  hideHeader?: boolean\n  bodyClassName?: string\n  closeLabel?: string\n}\n\n/**\n * Dialog panel with a header (icon, title, actions, close), scrollable body\n * and optional sticky footer — full-screen on mobile, centered card on\n * desktop. For plain dialogs prefer the `Modal` parts; for forms prefer\n * `FormModal`.\n */\nexport const PanelModal = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  PanelModalProps\n>(function PanelModal(\n  {\n    open,\n    onOpenChange,\n    title,\n    headerIcon,\n    headerActions,\n    footer,\n    hideHeader = false,\n    bodyClassName,\n    closeLabel = 'Close',\n    size,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-as=\"modal-overlay\"\n          className=\"as-anim-fade fixed inset-0 z-50 bg-[var(--as-overlay)]\"\n        />\n        <DialogPrimitive.Content\n          ref={ref}\n          data-as=\"panel-modal\"\n          aria-describedby={undefined}\n          className={cn(\n            'as-anim-pop fixed inset-0 z-50 flex flex-col overflow-y-auto bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n            'sm:inset-auto sm:left-1/2 sm:top-1/2 sm:h-auto sm:max-h-[90vh] sm:w-auto sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-[var(--as-radius-lg)] sm:border sm:border-[var(--as-border)]',\n            panelModalVariants({ size }),\n            className,\n          )}\n          {...props}\n        >\n          {hideHeader ? (\n            <DialogPrimitive.Close\n              aria-label={closeLabel}\n              className=\"absolute right-3 top-3 z-10 rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <X aria-hidden=\"true\" className=\"size-4\" />\n            </DialogPrimitive.Close>\n          ) : (\n            <div className=\"flex shrink-0 items-center justify-between gap-3 border-b border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {headerIcon}\n                {title ? (\n                  <DialogPrimitive.Title className=\"truncate font-semibold text-[var(--as-fg)]\">\n                    {title}\n                  </DialogPrimitive.Title>\n                ) : null}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-1\">\n                {headerActions}\n                <DialogPrimitive.Close\n                  aria-label={closeLabel}\n                  className=\"rounded-[var(--as-radius-sm)] p-1.5 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-secondary)] hover:text-[var(--as-fg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n                >\n                  <X aria-hidden=\"true\" className=\"size-5\" />\n                </DialogPrimitive.Close>\n              </div>\n            </div>\n          )}\n          <div className={cn('min-h-0 flex-1', hideHeader && 'pt-10', bodyClassName ?? 'p-5 sm:p-6')}>\n            {children}\n          </div>\n          {footer ? (\n            <div className=\"shrink-0 border-t border-[var(--as-border)] px-5 py-4 sm:px-6\">\n              {footer}\n            </div>\n          ) : null}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n})\n"]}

package/dist/chunk-XLD2BPTT.js

@@ -0,0 +1,82 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { X, ChevronRight } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var chipTints = {
+  primary: "bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] text-[var(--as-primary)]",
+  success: "bg-[color-mix(in_srgb,var(--as-success)_14%,transparent)] text-[var(--as-success)]",
+  warning: "bg-[color-mix(in_srgb,var(--as-warning)_18%,transparent)] text-[color-mix(in_srgb,var(--as-warning)_72%,var(--as-fg))]",
+  danger: "bg-[color-mix(in_srgb,var(--as-danger)_12%,transparent)] text-[var(--as-danger)]"
+};
+var ChipList = React.forwardRef(
+  function ChipList2({
+    items,
+    onRemove,
+    onItemClick,
+    variant = "neutral",
+    emptyText,
+    showChevron = false,
+    removeLabel = "Remove",
+    className,
+    ...props
+  }, ref) {
+    const cleaned = items.filter((item) => Boolean(item));
+    if (cleaned.length === 0) {
+      if (!emptyText) return null;
+      return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-[var(--as-muted-fg)]", className), children: emptyText });
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-as": "chip-list",
+        className: cn("flex flex-wrap gap-1.5", className),
+        ...props,
+        children: cleaned.map((item, index) => {
+          const tint = variant === "neutral" ? "bg-[var(--as-secondary)] text-[var(--as-secondary-fg)]" : chipTints[variant];
+          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+            item,
+            onItemClick && showChevron ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3 opacity-60", "aria-hidden": true }) : null
+          ] });
+          return /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium",
+                onItemClick && "cursor-pointer transition-[filter] hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
+                tint
+              ),
+              children: [
+                onItemClick ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onItemClick(item, index),
+                    className: "cursor-pointer bg-transparent p-0 text-inherit outline-none",
+                    children: content
+                  }
+                ) : content,
+                onRemove ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `${removeLabel} ${item}`,
+                    onClick: () => onRemove(item),
+                    className: "cursor-pointer opacity-70 transition-colors hover:text-[var(--as-danger)] hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
+                    children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": true })
+                  }
+                ) : null
+              ]
+            },
+            `${item}-${index}`
+          );
+        })
+      }
+    );
+  }
+);
+
+export { ChipList };
+//# sourceMappingURL=chunk-XLD2BPTT.js.map
+//# sourceMappingURL=chunk-XLD2BPTT.js.map

package/dist/chunk-XLD2BPTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chip-list/ChipList.tsx"],"names":["ChipList"],"mappings":";;;;;AAgBA,IAAM,SAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,oFAAA;AAAA,EACT,OAAA,EACE,oFAAA;AAAA,EACF,OAAA,EACE,wHAAA;AAAA,EACF,MAAA,EAAQ;AACV,CAAA;AAEO,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA;AAAA,EAC5B,SAASA,SAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,SAAA;AAAA,IACA,WAAA,GAAc,KAAA;AAAA,IACd,WAAA,GAAc,QAAA;AAAA,IACd,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,UAAU,KAAA,CAAM,MAAA,CAAO,CAAC,IAAA,KAAyB,OAAA,CAAQ,IAAI,CAAC,CAAA;AAEpE,IAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,MAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AACvB,MAAA,2BACG,GAAA,EAAA,EAAE,SAAA,EAAW,GAAG,mCAAA,EAAqC,SAAS,GAC5D,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,WAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,QAChD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC5B,UAAA,MAAM,IAAA,GACJ,OAAA,KAAY,SAAA,GACR,wDAAA,GACA,UAAU,OAAO,CAAA;AACvB,UAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,IAAA;AAAA,YACA,WAAA,IAAe,8BACd,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,mBAAA,EAAoB,aAAA,EAAW,MAAC,CAAA,GACtD;AAAA,WAAA,EACN,CAAA;AAEF,UAAA,uBACE,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,SAAA,EAAW,EAAA;AAAA,gBACT,iHAAA;AAAA,gBACA,WAAA,IACE,4JAAA;AAAA,gBACF;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,WAAA,mBACC,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,MAAM,WAAA,CAAY,IAAA,EAAM,KAAK,CAAA;AAAA,oBACtC,SAAA,EAAU,6DAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA,iBACH,GAEA,OAAA;AAAA,gBAED,QAAA,mBACC,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,YAAA,EAAY,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,oBAClC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,oBAC5B,SAAA,EAAU,iMAAA;AAAA,oBAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC;AAAA;AAAA,iBACpC,GACE;AAAA;AAAA,aAAA;AAAA,YA5BC,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,WA6BvB;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-XLD2BPTT.js","sourcesContent":["import * as React from 'react'\nimport { ChevronRight, X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport type ChipVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger'\n\nexport interface ChipListProps extends React.ComponentProps<'div'> {\n  items: ReadonlyArray<string | null | undefined>\n  onRemove?: (item: string) => void\n  onItemClick?: (value: string, index: number) => void\n  variant?: ChipVariant\n  emptyText?: string\n  showChevron?: boolean\n  removeLabel?: string\n}\n\nconst chipTints: Record<Exclude<ChipVariant, 'neutral'>, string> = {\n  primary: 'bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] text-[var(--as-primary)]',\n  success:\n    'bg-[color-mix(in_srgb,var(--as-success)_14%,transparent)] text-[var(--as-success)]',\n  warning:\n    'bg-[color-mix(in_srgb,var(--as-warning)_18%,transparent)] text-[color-mix(in_srgb,var(--as-warning)_72%,var(--as-fg))]',\n  danger: 'bg-[color-mix(in_srgb,var(--as-danger)_12%,transparent)] text-[var(--as-danger)]',\n}\n\nexport const ChipList = React.forwardRef<HTMLDivElement, ChipListProps>(\n  function ChipList(\n    {\n      items,\n      onRemove,\n      onItemClick,\n      variant = 'neutral',\n      emptyText,\n      showChevron = false,\n      removeLabel = 'Remove',\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const cleaned = items.filter((item): item is string => Boolean(item))\n\n    if (cleaned.length === 0) {\n      if (!emptyText) return null\n      return (\n        <p className={cn('text-sm text-[var(--as-muted-fg)]', className)}>\n          {emptyText}\n        </p>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chip-list\"\n        className={cn('flex flex-wrap gap-1.5', className)}\n        {...props}\n      >\n        {cleaned.map((item, index) => {\n          const tint =\n            variant === 'neutral'\n              ? 'bg-[var(--as-secondary)] text-[var(--as-secondary-fg)]'\n              : chipTints[variant]\n          const content = (\n            <>\n              {item}\n              {onItemClick && showChevron ? (\n                <ChevronRight className=\"size-3 opacity-60\" aria-hidden />\n              ) : null}\n            </>\n          )\n          return (\n            <span\n              key={`${item}-${index}`}\n              className={cn(\n                'inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium',\n                onItemClick &&\n                  'cursor-pointer transition-[filter] hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                tint,\n              )}\n            >\n              {onItemClick ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onItemClick(item, index)}\n                  className=\"cursor-pointer bg-transparent p-0 text-inherit outline-none\"\n                >\n                  {content}\n                </button>\n              ) : (\n                content\n              )}\n              {onRemove ? (\n                <button\n                  type=\"button\"\n                  aria-label={`${removeLabel} ${item}`}\n                  onClick={() => onRemove(item)}\n                  className=\"cursor-pointer opacity-70 transition-colors hover:text-[var(--as-danger)] hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n                >\n                  <X className=\"size-3\" aria-hidden />\n                </button>\n              ) : null}\n            </span>\n          )\n        })}\n      </div>\n    )\n  },\n)\n"]}

package/dist/copy-button.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface CopyButtonProps extends Omit<React.ComponentProps<'button'>, 'value' | 'children'> {
+    value: string;
+    label?: string;
+    size?: number;
+    hideWhenEmpty?: boolean;
+    copiedDuration?: number;
+    onCopied?: () => void;
+    onCopyError?: (error: unknown) => void;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { CopyButton, type CopyButtonProps };

package/dist/copy-button.js

@@ -0,0 +1,3 @@
+export { CopyButton } from './chunk-CZ2BL2ZL.js';
+//# sourceMappingURL=copy-button.js.map
+//# sourceMappingURL=copy-button.js.map

package/dist/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"copy-button.js"}

package/dist/date-picker.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface DatePickerProps {
+    value: string | null | undefined;
+    onChange: (value: string) => void;
+    onClear?: () => void;
+    allowClear?: boolean;
+    clearLabel?: string;
+    placeholder?: string;
+    displayFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    weekStartsOn?: 0 | 1;
+    disabled?: boolean;
+    required?: boolean;
+    variant?: 'default' | 'unstyled';
+    id?: string;
+    name?: string;
+    label?: string;
+    prevLabel?: string;
+    nextLabel?: string;
+    className?: string;
+    panelClassName?: string;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DatePicker, type DatePickerProps };

package/dist/date-picker.js

@@ -0,0 +1,3 @@
+export { DatePicker } from './chunk-MEBOS2FX.js';
+//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker.js"}

package/dist/form-modal.d.ts

@@ -7,6 +7,7 @@ interface FormModalProps {
     title: React.ReactNode;
     description?: React.ReactNode;
     icon?: LucideIcon;
+    headerActions?: React.ReactNode;
     children: React.ReactNode;
     onSubmit?: () => void;
     submitting?: boolean;
@@ -16,8 +17,12 @@ interface FormModalProps {
     closeLabel?: string;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     contentClassName?: string;
+    bodyClassName?: string;
     footer?: React.ReactNode;
+    hideFooter?: boolean;
+    onReject?: () => void;
+    rejectLabel?: string;
 }
-declare function FormModal({ open, onOpenChange, title, description, icon: Icon, children, onSubmit, submitting, submitDisabled, submitLabel, cancelLabel, closeLabel, size, contentClassName, footer, }: FormModalProps): React.JSX.Element;
+declare function FormModal({ open, onOpenChange, title, description, icon: Icon, headerActions, children, onSubmit, submitting, submitDisabled, submitLabel, cancelLabel, closeLabel, size, contentClassName, bodyClassName, footer, hideFooter, onReject, rejectLabel, }: FormModalProps): React.JSX.Element;
 
 export { FormModal, type FormModalProps };

package/dist/form-modal.js

@@ -1,3 +1,3 @@
-export { FormModal } from './chunk-GPIN2ITX.js';
+export { FormModal } from './chunk-5HXDKOBY.js';
 //# sourceMappingURL=form-modal.js.map
 //# sourceMappingURL=form-modal.js.map

package/dist/index.d.ts

@@ -4,12 +4,17 @@ export { RawTokenName, SemanticTokenName, ThemeTokenName, ThemeTokens, rawTokens
 export { Portal, PortalProps } from './portal.js';
 export { ThemeScope, ThemeScopeProps } from './theme-scope.js';
 export { Badge, BadgeProps, badgeVariants } from './badge.js';
+export { BreadcrumbItem, BreadcrumbLinkProps, Breadcrumbs, BreadcrumbsProps } from './breadcrumbs.js';
 export { Button, ButtonProps, buttonVariants } from './button.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.js';
 export { CheckIndicator, CheckIndicatorProps } from './check-indicator.js';
+export { ChipInput, ChipInputProps } from './chip-input.js';
+export { ChipList, ChipListProps, ChipVariant } from './chip-list.js';
 export { Combobox, ComboboxMulti, ComboboxMultiProps, ComboboxOption, ComboboxProps } from './combobox.js';
 export { ConfirmationModal, ConfirmationModalProps } from './confirmation-modal.js';
+export { CopyButton, CopyButtonProps } from './copy-button.js';
 export { ContextMenu, ContextMenuItem, ContextMenuProps } from './context-menu.js';
+export { DatePicker, DatePickerProps } from './date-picker.js';
 export { EmptyState, EmptyStateProps } from './empty-state.js';
 export { ErrorBanner, ErrorBannerProps } from './error-banner.js';
 export { ExpandableSearch, ExpandableSearchProps } from './expandable-search.js';
@@ -19,12 +24,15 @@ export { InfoButton, InfoButtonProps } from './info-button.js';
 export { Input, InputProps } from './input.js';
 export { MarqueeBand, MarqueePhase, MarqueeSelection, MarqueeSurface, MarqueeSurfaceProps, Rect, UseMarqueeOptions, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './marquee.js';
 export { ActionMenu, ActionMenuItem, ActionMenuProps, Menu, MenuContent, MenuGroup, MenuItem, MenuItemProps, MenuLabel, MenuSeparator, MenuTrigger } from './menu.js';
-export { Modal, ModalClose, ModalContent, ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './modal.js';
-export { PopoverButton, PopoverButtonProps } from './popover-button.js';
+export { Modal, ModalClose, ModalContent, ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, PanelModal, PanelModalProps, modalContentVariants } from './modal.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './popover.js';
+export { PopoverButton, PopoverButtonProps } from './popover-button.js';
+export { RangeBar, RangeBarProps } from './range-bar.js';
+export { ScaleSlider, ScaleSliderProps, scaleColorForValue } from './scale-slider.js';
 export { SearchInput, SearchInputProps } from './search-input.js';
 export { SelectionBar, SelectionBarProps } from './selection-bar.js';
 export { Spinner, SpinnerProps } from './spinner.js';
+export { Table, TableProps } from './table.js';
 export { InfoTooltip, InfoTooltipProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip.js';
 export { UndoNotice, UndoNoticeProps } from './undo-notice.js';
 export { ViewToggle, ViewToggleProps, ViewToggleView } from './view-toggle.js';

package/dist/index.js

@@ -1,32 +1,41 @@
+export { Table } from './chunk-5X3RYDPC.js';
 export { ThemeScope } from './chunk-TGU3PKNM.js';
 export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-TJGX27YO.js';
 export { UndoNotice } from './chunk-OUHUVACM.js';
 export { ViewToggle } from './chunk-MXOBOS4Y.js';
 export { Stepper, Wizard } from './chunk-LEDQQBVV.js';
-export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.js';
-export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-CI56SSO2.js';
 export { Portal } from './chunk-7YLR4AGA.js';
+export { RangeBar } from './chunk-5AVBKEDQ.js';
+export { ScaleSlider, scaleColorForValue } from './chunk-UIUALJNR.js';
 export { SearchInput } from './chunk-H5U4KNXF.js';
 export { SelectionBar } from './chunk-HSUCCANX.js';
-export { ContextMenu } from './chunk-WZSAUESL.js';
-export { ActionMenu, Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-KXLMTAZ5.js';
-export { EmptyState } from './chunk-KDJLYKR6.js';
-export { ErrorBanner } from './chunk-BJOY3XL7.js';
 export { ExpandableSearch } from './chunk-4SW3ESVI.js';
 export { FieldLabel } from './chunk-ESUTPQDO.js';
-export { FormModal } from './chunk-GPIN2ITX.js';
+export { FormModal } from './chunk-5HXDKOBY.js';
 export { InfoButton } from './chunk-DV3MXDLN.js';
 export { PopoverButton } from './chunk-N5KQRHXU.js';
 export { Input } from './chunk-COPPAHR5.js';
-export { rawTokens, semanticTokens } from './chunk-3HFL3JGP.js';
-export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
-export { CheckIndicator } from './chunk-XE4TFW63.js';
+export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.js';
+export { PanelModal } from './chunk-WPO6CDA4.js';
+export { ChipList } from './chunk-XLD2BPTT.js';
 export { Combobox, ComboboxMulti } from './chunk-3522NABN.js';
 export { ConfirmationModal } from './chunk-GA3XIDVX.js';
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-RHBQ3GZE.js';
+export { CopyButton } from './chunk-CZ2BL2ZL.js';
+export { ContextMenu } from './chunk-WZSAUESL.js';
+export { ActionMenu, Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-KXLMTAZ5.js';
+export { DatePicker } from './chunk-MEBOS2FX.js';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-CI56SSO2.js';
+export { EmptyState } from './chunk-KDJLYKR6.js';
+export { ErrorBanner } from './chunk-BJOY3XL7.js';
+export { rawTokens, semanticTokens } from './chunk-3HFL3JGP.js';
+export { Badge, badgeVariants } from './chunk-SKTLC2XY.js';
+export { Breadcrumbs } from './chunk-TFS2NUET.js';
 export { Button, buttonVariants } from './chunk-GTXGTQ6F.js';
 export { Spinner } from './chunk-INTST5VG.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-HSWSYEFQ.js';
+export { CheckIndicator } from './chunk-XE4TFW63.js';
+export { ChipInput } from './chunk-TPLQL62V.js';
 export { cn } from './chunk-BLJWR4ZV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/modal.d.ts

@@ -18,4 +18,26 @@ declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.D
 declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const ModalFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-export { Modal, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants };
+declare const panelModalVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PanelModalProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title'>, VariantProps<typeof panelModalVariants> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    headerIcon?: React.ReactNode;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    hideHeader?: boolean;
+    bodyClassName?: string;
+    closeLabel?: string;
+}
+/**
+ * Dialog panel with a header (icon, title, actions, close), scrollable body
+ * and optional sticky footer — full-screen on mobile, centered card on
+ * desktop. For plain dialogs prefer the `Modal` parts; for forms prefer
+ * `FormModal`.
+ */
+declare const PanelModal: React.ForwardRefExoticComponent<PanelModalProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Modal, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, PanelModal, type PanelModalProps, modalContentVariants };

package/dist/modal.js

@@ -1,3 +1,4 @@
+export { PanelModal } from './chunk-WPO6CDA4.js';
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants } from './chunk-RHBQ3GZE.js';
 //# sourceMappingURL=modal.js.map
 //# sourceMappingURL=modal.js.map

package/dist/range-bar.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface RangeBarProps extends React.ComponentProps<'div'> {
+    low: number;
+    high: number;
+    min?: number;
+    max?: number;
+    value?: number | null;
+    unit?: string;
+    label?: string;
+    valueLabel?: string;
+}
+declare const RangeBar: React.ForwardRefExoticComponent<Omit<RangeBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { RangeBar, type RangeBarProps };

package/dist/range-bar.js

@@ -0,0 +1,3 @@
+export { RangeBar } from './chunk-5AVBKEDQ.js';
+//# sourceMappingURL=range-bar.js.map
+//# sourceMappingURL=range-bar.js.map

package/dist/range-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"range-bar.js"}

package/dist/scale-slider.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+interface ScaleSliderProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
+    value: number | '' | null | undefined;
+    onChange: (value: number | '') => void;
+    min: number;
+    max: number;
+    step?: number;
+    lowLabel?: string;
+    highLabel?: string;
+    showInput?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+declare function scaleColorForValue(min: number, max: number, value: number | '' | null | undefined): string;
+declare const ScaleSlider: React.ForwardRefExoticComponent<Omit<ScaleSliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ScaleSlider, type ScaleSliderProps, scaleColorForValue };

package/dist/scale-slider.js

@@ -0,0 +1,3 @@
+export { ScaleSlider, scaleColorForValue } from './chunk-UIUALJNR.js';
+//# sourceMappingURL=scale-slider.js.map
+//# sourceMappingURL=scale-slider.js.map

package/dist/scale-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"scale-slider.js"}