@neuronection/assistant-ui 0.2.0 → 0.3.0

package/dist/chunk-5X3RYDPC.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Table = React.forwardRef(
+  function Table2({ headers, rows, emptyText = "Nothing here yet", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-as": "table",
+        className: cn("overflow-x-auto", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-[var(--as-border)]", children: [
+          /* @__PURE__ */ jsx("thead", { className: "bg-[var(--as-muted)]", children: /* @__PURE__ */ jsx("tr", { children: headers.map((header, index) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wider text-[var(--as-muted-fg)]",
+              children: header
+            },
+            index
+          )) }) }),
+          /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-[color-mix(in_srgb,var(--as-border)_55%,transparent)] bg-[var(--as-surface-raised)]", children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: headers.length,
+              className: "px-4 py-6 text-center text-sm text-[var(--as-muted-fg)]",
+              children: emptyText
+            }
+          ) }) : rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+            "tr",
+            {
+              className: "transition-colors hover:bg-[color-mix(in_srgb,var(--as-muted)_60%,transparent)]",
+              children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "whitespace-nowrap px-4 py-3 text-sm text-[var(--as-fg)]",
+                  children: cell
+                },
+                cellIndex
+              ))
+            },
+            rowIndex
+          )) })
+        ] })
+      }
+    );
+  }
+);
+
+export { Table };
+//# sourceMappingURL=chunk-5X3RYDPC.js.map
+//# sourceMappingURL=chunk-5X3RYDPC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/Table.tsx"],"names":["Table"],"mappings":";;;;AASO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EACzB,SAASA,MAAAA,CAAM,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,GAAY,kBAAA,EAAoB,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC1F,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QACzC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,+CAAA,EACf,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAU,sBAAA,EACf,QAAA,kBAAA,GAAA,CAAC,QACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,qBACpB,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,KAAA,EAAM,KAAA;AAAA,cACN,SAAA,EAAU,8FAAA;AAAA,cAET,QAAA,EAAA;AAAA,aAAA;AAAA,YAJI;AAAA,WAMR,GACH,CAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,WAAM,SAAA,EAAU,qGAAA,EACd,eAAK,MAAA,KAAW,CAAA,uBACd,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAS,OAAA,CAAQ,MAAA;AAAA,cACjB,SAAA,EAAU,yDAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,aAEL,CAAA,GAEA,IAAA,CAAK,GAAA,CAAI,CAAC,KAAK,QAAA,qBACb,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,SAAA,EAAU,iFAAA;AAAA,cAET,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,IAAA,EAAM,SAAA,qBACd,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBAEC,SAAA,EAAU,yDAAA;AAAA,kBAET,QAAA,EAAA;AAAA,iBAAA;AAAA,gBAHI;AAAA,eAKR;AAAA,aAAA;AAAA,YAVI;AAAA,WAYR,CAAA,EAEL;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-5X3RYDPC.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface TableProps extends React.ComponentProps<'div'> {\n  headers: string[]\n  rows: React.ReactNode[][]\n  emptyText?: string\n}\n\nexport const Table = React.forwardRef<HTMLDivElement, TableProps>(\n  function Table({ headers, rows, emptyText = 'Nothing here yet', className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-as=\"table\"\n        className={cn('overflow-x-auto', className)}\n        {...props}\n      >\n        <table className=\"min-w-full divide-y divide-[var(--as-border)]\">\n          <thead className=\"bg-[var(--as-muted)]\">\n            <tr>\n              {headers.map((header, index) => (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  className=\"px-4 py-2.5 text-left text-xs font-medium uppercase tracking-wider text-[var(--as-muted-fg)]\"\n                >\n                  {header}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-[color-mix(in_srgb,var(--as-border)_55%,transparent)] bg-[var(--as-surface-raised)]\">\n            {rows.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={headers.length}\n                  className=\"px-4 py-6 text-center text-sm text-[var(--as-muted-fg)]\"\n                >\n                  {emptyText}\n                </td>\n              </tr>\n            ) : (\n              rows.map((row, rowIndex) => (\n                <tr\n                  key={rowIndex}\n                  className=\"transition-colors hover:bg-[color-mix(in_srgb,var(--as-muted)_60%,transparent)]\"\n                >\n                  {row.map((cell, cellIndex) => (\n                    <td\n                      key={cellIndex}\n                      className=\"whitespace-nowrap px-4 py-3 text-sm text-[var(--as-fg)]\"\n                    >\n                      {cell}\n                    </td>\n                  ))}\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-TPLQL62V.js

@@ -0,0 +1,124 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function escapeRegex(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var ChipInput = React.forwardRef(
+  function ChipInput2({
+    value,
+    onChange,
+    placeholder,
+    separators = [","],
+    inputLabel = "Add",
+    removeLabel = "Remove",
+    disabled = false,
+    className,
+    ...props
+  }, ref) {
+    const [draft, setDraft] = React.useState("");
+    const inputRef = React.useRef(null);
+    const commit = (raw) => {
+      const separatorPattern = new RegExp(
+        `[${separators.map(escapeRegex).join("")}\\n\\r]`
+      );
+      const existing = new Set(value.map((chip) => chip.toLowerCase()));
+      const next = [...value];
+      for (const part of raw.split(separatorPattern)) {
+        const trimmed = part.trim();
+        if (trimmed && !existing.has(trimmed.toLowerCase())) {
+          next.push(trimmed);
+          existing.add(trimmed.toLowerCase());
+        }
+      }
+      if (next.length !== value.length) {
+        onChange(next);
+      }
+      setDraft("");
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || separators.includes(event.key)) {
+        event.preventDefault();
+        commit(draft);
+      } else if (event.key === "Backspace" && draft === "" && value.length > 0) {
+        event.preventDefault();
+        onChange(value.slice(0, -1));
+      }
+    };
+    const handlePaste = (event) => {
+      event.preventDefault();
+      const text = event.clipboardData.getData("text");
+      commit(`${draft}${text}`);
+    };
+    const removeAt = (index) => {
+      onChange(value.filter((_, i) => i !== index));
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "chip-input",
+        role: "group",
+        onClick: () => {
+          if (!disabled) inputRef.current?.focus();
+        },
+        className: cn(
+          "flex min-h-9 w-full cursor-text flex-wrap items-center gap-1.5 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2.5 py-1.5 text-sm outline-none transition-colors focus-within:border-[var(--as-focus-ring)] focus-within:ring-2 focus-within:ring-[var(--as-focus-ring)]",
+          disabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          value.map((chip, index) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium text-[var(--as-primary)]",
+              children: [
+                chip,
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    disabled,
+                    "aria-label": `${removeLabel} ${chip}`,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      removeAt(index);
+                    },
+                    className: "cursor-pointer rounded-full 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)] disabled:pointer-events-none",
+                    children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": true })
+                  }
+                )
+              ]
+            },
+            `${chip}-${index}`
+          )),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              "aria-label": inputLabel,
+              disabled,
+              value: draft,
+              onChange: (event) => setDraft(event.target.value),
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              onBlur: () => {
+                if (draft.trim()) commit(draft);
+              },
+              placeholder: value.length === 0 ? placeholder : "",
+              className: "min-w-24 flex-1 bg-transparent text-sm text-[var(--as-fg)] outline-none placeholder:text-[var(--as-muted-fg)]"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export { ChipInput };
+//# sourceMappingURL=chunk-TPLQL62V.js.map
+//# sourceMappingURL=chunk-TPLQL62V.js.map

package/dist/chunk-TPLQL62V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chip-input/ChipInput.tsx"],"names":["ChipInput"],"mappings":"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","file":"chunk-TPLQL62V.js","sourcesContent":["import * as React from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface ChipInputProps\n  extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  value: string[]\n  onChange: (value: string[]) => void\n  placeholder?: string\n  separators?: string[]\n  inputLabel?: string\n  removeLabel?: string\n  disabled?: boolean\n}\n\nfunction escapeRegex(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\nexport const ChipInput = React.forwardRef<HTMLDivElement, ChipInputProps>(\n  function ChipInput(\n    {\n      value,\n      onChange,\n      placeholder,\n      separators = [','],\n      inputLabel = 'Add',\n      removeLabel = 'Remove',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const [draft, setDraft] = React.useState('')\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const commit = (raw: string) => {\n      const separatorPattern = new RegExp(\n        `[${separators.map(escapeRegex).join('')}\\\\n\\\\r]`,\n      )\n      const existing = new Set(value.map((chip) => chip.toLowerCase()))\n      const next = [...value]\n      for (const part of raw.split(separatorPattern)) {\n        const trimmed = part.trim()\n        if (trimmed && !existing.has(trimmed.toLowerCase())) {\n          next.push(trimmed)\n          existing.add(trimmed.toLowerCase())\n        }\n      }\n      if (next.length !== value.length) {\n        onChange(next)\n      }\n      setDraft('')\n    }\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || separators.includes(event.key)) {\n        event.preventDefault()\n        commit(draft)\n      } else if (event.key === 'Backspace' && draft === '' && value.length > 0) {\n        event.preventDefault()\n        onChange(value.slice(0, -1))\n      }\n    }\n\n    const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault()\n      const text = event.clipboardData.getData('text')\n      commit(`${draft}${text}`)\n    }\n\n    const removeAt = (index: number) => {\n      onChange(value.filter((_, i) => i !== index))\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chip-input\"\n        role=\"group\"\n        onClick={() => {\n          if (!disabled) inputRef.current?.focus()\n        }}\n        className={cn(\n          'flex min-h-9 w-full cursor-text flex-wrap items-center gap-1.5 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-2.5 py-1.5 text-sm outline-none transition-colors focus-within:border-[var(--as-focus-ring)] focus-within:ring-2 focus-within:ring-[var(--as-focus-ring)]',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {value.map((chip, index) => (\n          <span\n            key={`${chip}-${index}`}\n            className=\"inline-flex items-center gap-1 rounded-[calc(var(--as-radius-sm)-2px)] bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] py-0.5 pl-2.5 pr-1.5 text-xs font-medium text-[var(--as-primary)]\"\n          >\n            {chip}\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-label={`${removeLabel} ${chip}`}\n              onClick={(event) => {\n                event.stopPropagation()\n                removeAt(index)\n              }}\n              className=\"cursor-pointer rounded-full 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)] disabled:pointer-events-none\"\n            >\n              <X className=\"size-3\" aria-hidden />\n            </button>\n          </span>\n        ))}\n        <input\n          ref={inputRef}\n          type=\"text\"\n          aria-label={inputLabel}\n          disabled={disabled}\n          value={draft}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onBlur={() => {\n            if (draft.trim()) commit(draft)\n          }}\n          placeholder={value.length === 0 ? placeholder : ''}\n          className=\"min-w-24 flex-1 bg-transparent text-sm text-[var(--as-fg)] outline-none placeholder:text-[var(--as-muted-fg)]\"\n        />\n      </div>\n    )\n  },\n)\n"]}

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-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/date-picker.d.ts

@@ -0,0 +1,26 @@
+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;
+    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-2KO2YIZN.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/index.d.ts

@@ -7,9 +7,12 @@ export { Badge, BadgeProps, badgeVariants } from './badge.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 { 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';
@@ -20,11 +23,14 @@ 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 { 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,38 @@
-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 { Table } from './chunk-5X3RYDPC.js';
+export { ThemeScope } from './chunk-TGU3PKNM.js';
+export { FormModal } from './chunk-GPIN2ITX.js';
+export { Input } from './chunk-COPPAHR5.js';
+export { MarqueeBand, MarqueeSurface, hitTestIds, marqueeRect, rectsIntersect, useMarquee } from './chunk-RU3DEF2O.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 { ContextMenu } from './chunk-WZSAUESL.js';
 export { ActionMenu, Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuSeparator, MenuTrigger } from './chunk-KXLMTAZ5.js';
+export { DatePicker } from './chunk-2KO2YIZN.js';
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './chunk-CI56SSO2.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 { 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 { 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 { 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 { ChipList } from './chunk-XLD2BPTT.js';
 export { cn } from './chunk-BLJWR4ZV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.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"}