@neuronection/assistant-ui 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -0,0 +1,56 @@
+# @neuronection/assistant-ui
+
+## 0.4.0
+
+### Minor Changes
+
+- [`5b2ff4c`](https://github.com/neuronection/assistant-ui/commit/5b2ff4cc6304c90fa8b15497fd554fd0a14ced21) Thanks [@constLiakos](https://github.com/constLiakos)! - Phase-3 groundwork for health-assistant adoption: `FormModal` gains
+  `headerActions`, `onReject`/`rejectLabel`, `hideFooter` and `bodyClassName`
+  (health's HITL flows need them); new `CopyButton` (clipboard with legacy
+  fallback, copied state, `onCopied`/`onCopyError` callbacks — apps own
+  toasts/i18n) and `Breadcrumbs` (router-free: `linkComponent` prop for SPA
+  links); `themes/health.css` now matches health's real blue-600 accent with a
+  `.dark` token block for its class-based dark mode. New `PanelModal`:
+  header (icon/title/actions/close) + scrollable body + sticky footer,
+  full-screen on mobile — the shared shape both career and health used as
+  their hand-rolled `Modal`. `DatePicker` gains `variant="unstyled"` for
+  inline dense usage.
+
+## 0.3.0
+
+### Minor Changes
+
+- [`e8a56d3`](https://github.com/neuronection/assistant-ui/commit/e8a56d33427fc2e8e03784fe7959037f24efb95a) Thanks [@constLiakos](https://github.com/constLiakos)! - Add the six components career-assistant's Phase-2 adoption needs, all shared
+  with health-assistant (catalog T1): `ChipInput`, `ChipList` (superset with
+  variants + clickable chips), `Table` (tokenized, with empty state), `RangeBar`
+  (with optional `label`/`valueLabel`), `ScaleSlider` (+ `scaleColorForValue`),
+  and `DatePicker` (Radix popover calendar with days/months/years views, min/max,
+  allowClear, and a roving-tabindex arrow-key day grid — an a11y upgrade over
+  both app copies). New dependency: `date-fns`.
+
+### Patch Changes
+
+- [`e5252f2`](https://github.com/neuronection/assistant-ui/commit/e5252f26d6f8732a2f5ba4a3fe849b4df50b30c2) Thanks [@constLiakos](https://github.com/constLiakos)! - Ship CHANGELOG.md inside the published package so consuming apps (and their agents) can read what changed without visiting GitHub.
+
+## 0.2.0
+
+### Minor Changes
+
+- [`ec2a8bf`](https://github.com/neuronection/assistant-ui/commit/ec2a8bf7d49bb96435990e9b8cca4d74fc31748b) Thanks [@constLiakos](https://github.com/constLiakos)! - Phase 1: 16 new modules for study-assistant full adoption
+
+  - PopoverButton: self-contained trigger+panel popover on Radix (hover-open, lazy children, closeSignal, controlled mode)
+  - InfoButton + FieldLabel: info affordances with popover help
+  - Menu: Radix DropdownMenu primitives (Menu, MenuItem, MenuContent…) + items-driven ActionMenu
+  - ContextMenu: coordinate-anchored menu with full Radix keyboard/typeahead semantics
+  - Combobox + ComboboxMulti: WAI-ARIA listbox pattern, grouping, async mode (onSearchChange + loading), multi-select, clearable
+  - FormModal: form-in-modal shell (submit/cancel/busy/disabled) on Modal primitives
+  - Wizard + Stepper: wizard state machine with per-step validation gates, modal and drawer variants; dots/labels steppers
+  - Ported from study-assistant ui/: CheckIndicator, SearchInput, ExpandableSearch, SelectionBar, ViewToggle, ErrorBanner, UndoNotice, Marquee (useMarquee/MarqueeBand/MarqueeSurface)
+
+  All components: forwardRef where DOM-emitting, semantic --as-\* tokens only, data-as hooks, English-default label props, keyboard-nav + axe tests.
+
+## 0.1.0
+
+### Minor Changes
+
+- [`a211003`](https://github.com/neuronection/assistant-ui/commit/a211003348a5248f65a7995806500325408b6f92) Thanks [@constLiakos](https://github.com/constLiakos)! - Initial release (Phase 0): Button, Badge, Card, Modal, Popover, Tooltip + InfoTooltip, Input, Spinner, EmptyState, ConfirmationModal, Portal, ThemeScope and `cn()` — CSS-variable design tokens, precompiled `styles.css`, React 18/19 and Tailwind 3/4 compatible.

package/README.md

@@ -65,11 +65,32 @@ without configuration. Do **not** add this package to your Tailwind
 
 ## Components
 
-Button, Badge, Card (+Header/Title/Description/Content/Footer), Modal
-(+Trigger/Header/Title/Description/Footer/Close), Popover, Tooltip +
-InfoTooltip, Input, Spinner, EmptyState, ConfirmationModal, Portal,
-ThemeScope, `cn()`. Full props in the
-[gallery](https://neuronection.github.io/assistant-ui/) (Ladle build).
+Every module has its own entry point (`import { Menu } from
+'@neuronection/assistant-ui/menu'`) and everything is re-exported from the
+package root. Authoritative props for your installed version: the `.d.ts`
+files in the package's `dist/`. Visual reference:
+[gallery](https://neuronection.github.io/assistant-ui/).
+
+| Module | Exports |
+|---|---|
+| `button` / `badge` / `card` | `Button`, `buttonVariants` · `Badge`, `badgeVariants` · `Card`, `CardHeader/Title/Description/Content/Footer` |
+| `modal` / `confirmation-modal` / `form-modal` | `Modal` + parts, `modalContentVariants` · `ConfirmationModal` · `FormModal` (form-in-modal shell) |
+| `popover` / `popover-button` | compound Radix `Popover` + parts · `PopoverButton` (self-contained trigger + panel, hover-open, lazy children, `closeSignal`) |
+| `menu` / `context-menu` | `Menu`, `MenuTrigger/Content/Item/Separator/Label`, `ActionMenu` (items-driven) · `ContextMenu` (coordinate-anchored, `{x, y, items, onClose}`) |
+| `combobox` | `Combobox`, `ComboboxMulti` — async mode (`onSearchChange` + `loading`), grouping, full keyboard nav |
+| `tooltip` | `Tooltip` + parts, `InfoTooltip` |
+| `wizard` | `Wizard` (steps config + `renderStep`, per-step validation gates, modal/drawer variants), `Stepper` (dots/labels) |
+| `input` / `search-input` / `expandable-search` | `Input` (label/hint/error wiring) · `SearchInput` · `ExpandableSearch` |
+| `chip-input` / `chip-list` | `ChipInput` (Enter/comma commit, paste-splits, Backspace-removes) · `ChipList` (variant pills, clickable, removable) |
+| `date-picker` | `DatePicker` (popover calendar: days/months/years views, min/max, `allowClear`, arrow-key day grid) |
+| `range-bar` / `scale-slider` | `RangeBar` (low–high band + value dot) · `ScaleSlider` (+ `scaleColorForValue`) |
+| `table` | `Table` (headers/rows, built-in empty state) |
+| `check-indicator` / `selection-bar` / `view-toggle` | `CheckIndicator` (tri-state) · `SelectionBar` (bulk-select bar) · `ViewToggle` (grid/list) |
+| `error-banner` / `undo-notice` / `empty-state` / `spinner` | presentational feedback: alert banner with `action` slot · undo toast · `EmptyState` · `Spinner` |
+| `info-button` / `field-label` | `InfoButton` (info popover) · `FieldLabel` (label + info affordance) |
+| `copy-button` / `breadcrumbs` | `CopyButton` (clipboard + copied state) · `Breadcrumbs` (SPA links via `linkComponent`) |
+| `marquee` | `useMarquee`, `MarqueeSurface`, `MarqueeBand` (rubber-band selection) |
+| `portal` / `theme-scope` / `tokens` | `Portal` · `ThemeScope` · token name lists + types |
 
 API rules: controlled-first, `className` merges (never replaces), `asChild`
 where it makes sense, refs forwarded everywhere, English label props with

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+}
+interface BreadcrumbLinkProps {
+    href: string;
+    className?: string;
+    title?: string;
+    'aria-label'?: string;
+    children: React.ReactNode;
+}
+interface BreadcrumbsProps extends React.ComponentProps<'nav'> {
+    items?: BreadcrumbItem[];
+    currentLabel?: string;
+    homeHref?: string;
+    homeLabel?: string;
+    linkComponent?: React.ComponentType<BreadcrumbLinkProps>;
+}
+declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+export { type BreadcrumbItem, type BreadcrumbLinkProps, Breadcrumbs, type BreadcrumbsProps };

package/dist/breadcrumbs.js

@@ -0,0 +1,3 @@
+export { Breadcrumbs } from './chunk-TFS2NUET.js';
+//# sourceMappingURL=breadcrumbs.js.map
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

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

package/dist/chip-input.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface ChipInputProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    separators?: string[];
+    inputLabel?: string;
+    removeLabel?: string;
+    disabled?: boolean;
+}
+declare const ChipInput: React.ForwardRefExoticComponent<Omit<ChipInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ChipInput, type ChipInputProps };

package/dist/chip-input.js

@@ -0,0 +1,3 @@
+export { ChipInput } from './chunk-TPLQL62V.js';
+//# sourceMappingURL=chip-input.js.map
+//# sourceMappingURL=chip-input.js.map

package/dist/chip-input.js.map

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

package/dist/chip-list.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+type ChipVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+interface ChipListProps extends React.ComponentProps<'div'> {
+    items: ReadonlyArray<string | null | undefined>;
+    onRemove?: (item: string) => void;
+    onItemClick?: (value: string, index: number) => void;
+    variant?: ChipVariant;
+    emptyText?: string;
+    showChevron?: boolean;
+    removeLabel?: string;
+}
+declare const ChipList: React.ForwardRefExoticComponent<Omit<ChipListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ChipList, type ChipListProps, type ChipVariant };

package/dist/chip-list.js

@@ -0,0 +1,3 @@
+export { ChipList } from './chunk-XLD2BPTT.js';
+//# sourceMappingURL=chip-list.js.map
+//# sourceMappingURL=chip-list.js.map

package/dist/chip-list.js.map

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

package/dist/chunk-5AVBKEDQ.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function pct(value, domainMin, domainMax) {
+  if (domainMax === domainMin) return 0;
+  return (value - domainMin) / (domainMax - domainMin) * 100;
+}
+function fmt(value) {
+  return Number.isInteger(value) ? value.toLocaleString() : value.toFixed(1).replace(/\.0$/, "");
+}
+var RangeBar = React.forwardRef(
+  function RangeBar2({ low, high, min, max, value, unit, label, valueLabel = "You", className, ...props }, ref) {
+    if (!Number.isFinite(low) || !Number.isFinite(high) || high <= low) {
+      return null;
+    }
+    const span = high - low;
+    let domainMin = min ?? low - span;
+    let domainMax = max ?? high + span;
+    if (domainMin < 0 && low >= 0) {
+      const shift = -domainMin;
+      domainMin = 0;
+      domainMax += shift;
+    }
+    if (domainMax <= domainMin) domainMax = domainMin + span;
+    const left = Math.max(0, Math.min(100, pct(low, domainMin, domainMax)));
+    const right = Math.max(0, Math.min(100, pct(high, domainMin, domainMax)));
+    const valuePct = value !== null && value !== void 0 && Number.isFinite(value) ? Math.max(0, Math.min(100, pct(value, domainMin, domainMax))) : null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "range-bar",
+        className: cn("w-full", className),
+        ...props,
+        children: [
+          label ? /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs text-[var(--as-muted-fg)]", children: label }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "relative h-3.5 w-full rounded-full bg-[var(--as-muted)]", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute h-full rounded-full bg-[color-mix(in_srgb,var(--as-primary)_30%,transparent)]",
+                style: { left: `${left}%`, width: `${Math.max(0, right - left)}%` },
+                title: `${label ? `${label}: ` : ""}${fmt(low)} \u2013 ${fmt(high)}${unit ? ` ${unit}` : ""}`
+              }
+            ),
+            valuePct !== null ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]",
+                style: { left: `${valuePct}%` },
+                title: `${valueLabel}: ${fmt(value)}${unit ? ` ${unit}` : ""}`
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex justify-between text-[10px] text-[var(--as-muted-fg)]", children: [
+            /* @__PURE__ */ jsx("span", { children: fmt(domainMin) }),
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              fmt(low),
+              " \u2013 ",
+              fmt(high),
+              unit ? ` ${unit}` : ""
+            ] }),
+            /* @__PURE__ */ jsx("span", { children: fmt(domainMax) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+
+export { RangeBar };
+//# sourceMappingURL=chunk-5AVBKEDQ.js.map
+//# sourceMappingURL=chunk-5AVBKEDQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/range-bar/RangeBar.tsx"],"names":["RangeBar"],"mappings":"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","file":"chunk-5AVBKEDQ.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface RangeBarProps extends React.ComponentProps<'div'> {\n  low: number\n  high: number\n  min?: number\n  max?: number\n  value?: number | null\n  unit?: string\n  label?: string\n  valueLabel?: string\n}\n\nfunction pct(value: number, domainMin: number, domainMax: number): number {\n  if (domainMax === domainMin) return 0\n  return ((value - domainMin) / (domainMax - domainMin)) * 100\n}\n\nfunction fmt(value: number): string {\n  return Number.isInteger(value)\n    ? value.toLocaleString()\n    : value.toFixed(1).replace(/\\.0$/, '')\n}\n\nexport const RangeBar = React.forwardRef<HTMLDivElement, RangeBarProps>(\n  function RangeBar(\n    { low, high, min, max, value, unit, label, valueLabel = 'You', className, ...props },\n    ref,\n  ) {\n    if (!Number.isFinite(low) || !Number.isFinite(high) || high <= low) {\n      return null\n    }\n\n    const span = high - low\n    let domainMin = min ?? low - span\n    let domainMax = max ?? high + span\n    if (domainMin < 0 && low >= 0) {\n      const shift = -domainMin\n      domainMin = 0\n      domainMax += shift\n    }\n    if (domainMax <= domainMin) domainMax = domainMin + span\n\n    const left = Math.max(0, Math.min(100, pct(low, domainMin, domainMax)))\n    const right = Math.max(0, Math.min(100, pct(high, domainMin, domainMax)))\n    const valuePct =\n      value !== null && value !== undefined && Number.isFinite(value)\n        ? Math.max(0, Math.min(100, pct(value, domainMin, domainMax)))\n        : null\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"range-bar\"\n        className={cn('w-full', className)}\n        {...props}\n      >\n        {label ? (\n          <p className=\"mb-1 text-xs text-[var(--as-muted-fg)]\">{label}</p>\n        ) : null}\n        <div className=\"relative h-3.5 w-full rounded-full bg-[var(--as-muted)]\">\n          <div\n            className=\"absolute h-full rounded-full bg-[color-mix(in_srgb,var(--as-primary)_30%,transparent)]\"\n            style={{ left: `${left}%`, width: `${Math.max(0, right - left)}%` }}\n            title={`${label ? `${label}: ` : ''}${fmt(low)} – ${fmt(high)}${unit ? ` ${unit}` : ''}`}\n          />\n          {valuePct !== null ? (\n            <div\n              className=\"absolute top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-[var(--as-surface-raised)] bg-[var(--as-primary)] shadow-[var(--as-shadow-1)]\"\n              style={{ left: `${valuePct}%` }}\n              title={`${valueLabel}: ${fmt(value as number)}${unit ? ` ${unit}` : ''}`}\n            />\n          ) : null}\n        </div>\n        <div className=\"mt-0.5 flex justify-between text-[10px] text-[var(--as-muted-fg)]\">\n          <span>{fmt(domainMin)}</span>\n          <span className=\"font-medium\">\n            {fmt(low)} – {fmt(high)}\n            {unit ? ` ${unit}` : ''}\n          </span>\n          <span>{fmt(domainMax)}</span>\n        </div>\n      </div>\n    )\n  },\n)\n"]}

package/dist/{chunk-GPIN2ITX.js → chunk-5HXDKOBY.js}

@@ -9,6 +9,7 @@ function FormModal({
   title,
   description,
   icon: Icon,
+  headerActions,
   children,
   onSubmit,
   submitting = false,
@@ -18,7 +19,11 @@ function FormModal({
   closeLabel = "Close",
   size = "md",
   contentClassName,
-  footer
+  bodyClassName,
+  footer,
+  hideFooter = false,
+  onReject,
+  rejectLabel = "Reject"
 }) {
   return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsx(ModalContent, { size, closeLabel, "aria-describedby": void 0, children: /* @__PURE__ */ jsxs(
     "form",
@@ -35,12 +40,24 @@ function FormModal({
         /* @__PURE__ */ jsxs(ModalHeader, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
             Icon ? /* @__PURE__ */ jsx("span", { className: "rounded-[var(--as-radius)] bg-[var(--as-secondary)] p-2 text-[var(--as-fg)]", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-5" }) }) : null,
-            /* @__PURE__ */ jsx(ModalTitle, { children: title })
+            /* @__PURE__ */ jsx(ModalTitle, { children: title }),
+            headerActions ? /* @__PURE__ */ jsx("span", { className: "ml-auto flex items-center gap-1.5", children: headerActions }) : null
           ] }),
           description ? /* @__PURE__ */ jsx(ModalDescription, { children: description }) : null
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-6 pb-2", children }),
-        footer ?? /* @__PURE__ */ jsxs(ModalFooter, { children: [
+        /* @__PURE__ */ jsx("div", { className: cn("px-6 pb-2", bodyClassName), children }),
+        footer ?? (hideFooter ? null : /* @__PURE__ */ jsxs(ModalFooter, { children: [
+          onReject ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "destructive",
+              onClick: onReject,
+              disabled: submitting,
+              className: "sm:mr-auto",
+              children: rejectLabel
+            }
+          ) : null,
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -52,12 +69,12 @@ function FormModal({
             }
           ),
           onSubmit ? /* @__PURE__ */ jsx(Button, { type: "submit", disabled: submitDisabled || submitting, loading: submitting, children: submitLabel }) : null
-        ] })
+        ] }))
       ]
     }
   ) }) });
 }
 
 export { FormModal };
-//# sourceMappingURL=chunk-GPIN2ITX.js.map
-//# sourceMappingURL=chunk-GPIN2ITX.js.map
+//# sourceMappingURL=chunk-5HXDKOBY.js.map
+//# sourceMappingURL=chunk-5HXDKOBY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form-modal/FormModal.tsx"],"names":[],"mappings":"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","file":"chunk-5HXDKOBY.js","sourcesContent":["import * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Button } from '../button/Button'\nimport {\n  Modal,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '../modal/Modal'\n\nexport interface FormModalProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: React.ReactNode\n  description?: React.ReactNode\n  icon?: LucideIcon\n  headerActions?: React.ReactNode\n  children: React.ReactNode\n  onSubmit?: () => void\n  submitting?: boolean\n  submitDisabled?: boolean\n  submitLabel?: string\n  cancelLabel?: string\n  closeLabel?: string\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  contentClassName?: string\n  bodyClassName?: string\n  footer?: React.ReactNode\n  hideFooter?: boolean\n  onReject?: () => void\n  rejectLabel?: string\n}\n\nexport function FormModal({\n  open,\n  onOpenChange,\n  title,\n  description,\n  icon: Icon,\n  headerActions,\n  children,\n  onSubmit,\n  submitting = false,\n  submitDisabled = false,\n  submitLabel = 'Save',\n  cancelLabel = 'Cancel',\n  closeLabel = 'Close',\n  size = 'md',\n  contentClassName,\n  bodyClassName,\n  footer,\n  hideFooter = false,\n  onReject,\n  rejectLabel = 'Reject',\n}: FormModalProps) {\n  return (\n    <Modal open={open} onOpenChange={onOpenChange}>\n      <ModalContent size={size} closeLabel={closeLabel} aria-describedby={undefined}>\n        <form\n          data-as=\"form-modal\"\n          className={cn('contents', contentClassName)}\n          onSubmit={(event) => {\n            event.preventDefault()\n            if (!submitting && !submitDisabled) {\n              onSubmit?.()\n            }\n          }}\n        >\n          <ModalHeader>\n            <div className=\"flex items-center gap-3\">\n              {Icon ? (\n                <span className=\"rounded-[var(--as-radius)] bg-[var(--as-secondary)] p-2 text-[var(--as-fg)]\">\n                  <Icon aria-hidden=\"true\" className=\"size-5\" />\n                </span>\n              ) : null}\n              <ModalTitle>{title}</ModalTitle>\n              {headerActions ? (\n                <span className=\"ml-auto flex items-center gap-1.5\">{headerActions}</span>\n              ) : null}\n            </div>\n            {description ? <ModalDescription>{description}</ModalDescription> : null}\n          </ModalHeader>\n          <div className={cn('px-6 pb-2', bodyClassName)}>{children}</div>\n          {footer ?? (hideFooter ? null : (\n            <ModalFooter>\n              {onReject ? (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  onClick={onReject}\n                  disabled={submitting}\n                  className=\"sm:mr-auto\"\n                >\n                  {rejectLabel}\n                </Button>\n              ) : null}\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => onOpenChange(false)}\n                disabled={submitting}\n              >\n                {cancelLabel}\n              </Button>\n              {onSubmit ? (\n                <Button type=\"submit\" disabled={submitDisabled || submitting} loading={submitting}>\n                  {submitLabel}\n                </Button>\n              ) : null}\n            </ModalFooter>\n          ))}\n        </form>\n      </ModalContent>\n    </Modal>\n  )\n}\n"]}

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-CZ2BL2ZL.js

@@ -0,0 +1,89 @@
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { Check, Copy } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+function writeClipboard(value) {
+  if (navigator?.clipboard?.writeText) {
+    return navigator.clipboard.writeText(value);
+  }
+  return new Promise((resolve, reject) => {
+    try {
+      const textarea = document.createElement("textarea");
+      textarea.value = value;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+      resolve();
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+var CopyButton = React.forwardRef(
+  function CopyButton2({
+    value,
+    label = "Copy",
+    size = 14,
+    hideWhenEmpty = true,
+    copiedDuration = 1500,
+    onCopied,
+    onCopyError,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const [copied, setCopied] = React.useState(false);
+    const timer = React.useRef(null);
+    React.useEffect(
+      () => () => {
+        if (timer.current) clearTimeout(timer.current);
+      },
+      []
+    );
+    if (hideWhenEmpty && !value) return null;
+    const Icon = copied ? Check : Copy;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-as": "copy-button",
+        "data-copied": copied || void 0,
+        "aria-label": label,
+        title: label,
+        onClick: (event) => {
+          onClick?.(event);
+          if (event.defaultPrevented || !value) return;
+          event.preventDefault();
+          event.stopPropagation();
+          writeClipboard(value).then(
+            () => {
+              setCopied(true);
+              if (timer.current) clearTimeout(timer.current);
+              timer.current = setTimeout(() => setCopied(false), copiedDuration);
+              onCopied?.();
+            },
+            (error) => {
+              onCopyError?.(error);
+            }
+          );
+        },
+        className: cn(
+          "inline-flex cursor-pointer items-center justify-center rounded-[var(--as-radius-sm)] p-0.5 text-[var(--as-muted-fg)] transition-colors hover:text-[var(--as-primary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
+          copied && "text-[var(--as-success)] hover:text-[var(--as-success)]",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(Icon, { style: { width: size, height: size }, "aria-hidden": true })
+      }
+    );
+  }
+);
+
+export { CopyButton };
+//# sourceMappingURL=chunk-CZ2BL2ZL.js.map
+//# sourceMappingURL=chunk-CZ2BL2ZL.js.map

package/dist/chunk-CZ2BL2ZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/copy-button/CopyButton.tsx"],"names":["CopyButton"],"mappings":"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","file":"chunk-CZ2BL2ZL.js","sourcesContent":["import * as React from 'react'\nimport { Check, Copy } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface CopyButtonProps\n  extends Omit<React.ComponentProps<'button'>, 'value' | 'children'> {\n  value: string\n  label?: string\n  size?: number\n  hideWhenEmpty?: boolean\n  copiedDuration?: number\n  onCopied?: () => void\n  onCopyError?: (error: unknown) => void\n}\n\nfunction writeClipboard(value: string): Promise<void> {\n  if (navigator?.clipboard?.writeText) {\n    return navigator.clipboard.writeText(value)\n  }\n  return new Promise((resolve, reject) => {\n    try {\n      const textarea = document.createElement('textarea')\n      textarea.value = value\n      textarea.style.position = 'fixed'\n      textarea.style.opacity = '0'\n      document.body.appendChild(textarea)\n      textarea.select()\n      document.execCommand('copy')\n      document.body.removeChild(textarea)\n      resolve()\n    } catch (error) {\n      reject(error)\n    }\n  })\n}\n\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    {\n      value,\n      label = 'Copy',\n      size = 14,\n      hideWhenEmpty = true,\n      copiedDuration = 1500,\n      onCopied,\n      onCopyError,\n      className,\n      onClick,\n      ...props\n    },\n    ref,\n  ) {\n    const [copied, setCopied] = React.useState(false)\n    const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    React.useEffect(\n      () => () => {\n        if (timer.current) clearTimeout(timer.current)\n      },\n      [],\n    )\n\n    if (hideWhenEmpty && !value) return null\n\n    const Icon = copied ? Check : Copy\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-as=\"copy-button\"\n        data-copied={copied || undefined}\n        aria-label={label}\n        title={label}\n        onClick={(event) => {\n          onClick?.(event)\n          if (event.defaultPrevented || !value) return\n          event.preventDefault()\n          event.stopPropagation()\n          writeClipboard(value).then(\n            () => {\n              setCopied(true)\n              if (timer.current) clearTimeout(timer.current)\n              timer.current = setTimeout(() => setCopied(false), copiedDuration)\n              onCopied?.()\n            },\n            (error) => {\n              onCopyError?.(error)\n            },\n          )\n        }}\n        className={cn(\n          'inline-flex cursor-pointer items-center justify-center rounded-[var(--as-radius-sm)] p-0.5 text-[var(--as-muted-fg)] transition-colors hover:text-[var(--as-primary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n          copied && 'text-[var(--as-success)] hover:text-[var(--as-success)]',\n          className,\n        )}\n        {...props}\n      >\n        <Icon style={{ width: size, height: size }} aria-hidden />\n      </button>\n    )\n  },\n)\n"]}