@neuronection/assistant-ui 0.3.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @neuronection/assistant-ui
 
+## 0.5.0
+
+### Minor Changes
+
+- [`59c5f5a`](https://github.com/neuronection/assistant-ui/commit/59c5f5a545f230c88e11b056088bfbbf991dd5a8) Thanks [@constLiakos](https://github.com/constLiakos)! - Phase-4 assistant patterns: new `AiButton` (sparkles trigger + popover with
+  suggestion chips, typed prompt, loading/error state and an `onResponse` render
+  slot — the app owns the API call) and `AiActionsDropdown` (action list +
+  optional custom prompt, `onAction`/`onPrompt` callbacks). `AiBadge` folds into
+  the existing `Badge variant="ai"` instead of a new component; health's live
+  task-monitor AIBadge stays app-side (store-coupled, ADR-006).
+
+### Patch Changes
+
+- [`8df2f7a`](https://github.com/neuronection/assistant-ui/commit/8df2f7ad0baee8649e73318857a2c9d9baa6354c) Thanks [@constLiakos](https://github.com/constLiakos)! - `ChipList`/`ChipVariant`: add an `info` variant (accent tint) — health's
+  taxonomy chips use it.
+
+- [`2b3da08`](https://github.com/neuronection/assistant-ui/commit/2b3da0894dc56fa6814a083ba0700692a0b70cfb) Thanks [@constLiakos](https://github.com/constLiakos)! - `Table`'s `emptyText` is opt-in now: an empty table renders no filler row
+  unless `emptyText` is provided (health-assistant shows nothing for empty
+  tables; pass `emptyText` to keep the previous default-row behavior).
+
+- [`8cce666`](https://github.com/neuronection/assistant-ui/commit/8cce666585b7a7cb4553c1c34e359d9fdaaa3c82) Thanks [@constLiakos](https://github.com/constLiakos)! - Overlay stacking is token-driven: new `--as-z-modal` and `--as-z-popover`
+  (default 50, see `tokens.css`) replace the hardcoded `z-50` on modal,
+  popover, menu, combobox, tooltip and wizard surfaces. Apps with high-z chrome
+  (health's sidebar at z-950) raise them in `theme.css`. Also: for Tailwind 3
+  apps, import `styles.css` **before** the app's own CSS so app variant
+  utilities (`lg:relative` vs a library `.fixed`) win the cascade.
+
+## 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

package/README.md

@@ -88,6 +88,8 @@ files in the package's `dist/`. Visual reference:
 | `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`) |
+| `ai-button` / `ai-actions-dropdown` | `AiButton` (suggestions + prompt + response slot) · `AiActionsDropdown` (action list + custom prompt) |
 | `marquee` | `useMarquee`, `MarqueeSurface`, `MarqueeBand` (rubber-band selection) |
 | `portal` / `theme-scope` / `tokens` | `Portal` · `ThemeScope` · token name lists + types |
 

package/dist/ai-actions-dropdown.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface AiAction {
+    id: string;
+    label: string;
+    description?: string;
+    icon: LucideIcon;
+}
+interface AiActionsDropdownProps {
+    actions: AiAction[];
+    onAction: (action: AiAction) => void;
+    onPrompt?: (prompt: string) => void;
+    busy?: boolean;
+    error?: string | null;
+    label?: string;
+    title?: string;
+    promptLabel?: string;
+    promptPlaceholder?: string;
+    promptSubmitLabel?: string;
+    disabled?: boolean;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+    panelClassName?: string;
+}
+declare const AiActionsDropdown: React.ForwardRefExoticComponent<AiActionsDropdownProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { type AiAction, AiActionsDropdown, type AiActionsDropdownProps };

package/dist/ai-actions-dropdown.js

@@ -0,0 +1,3 @@
+export { AiActionsDropdown } from './chunk-I37SYHM7.js';
+//# sourceMappingURL=ai-actions-dropdown.js.map
+//# sourceMappingURL=ai-actions-dropdown.js.map

package/dist/ai-actions-dropdown.js.map

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

package/dist/ai-button.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+interface AiButtonProps {
+    onSubmit: (prompt: string) => void;
+    suggestions?: string[];
+    onResponse?: React.ReactNode;
+    loading?: boolean;
+    error?: string | null;
+    label?: string;
+    promptLabel?: string;
+    submitLabel?: string;
+    loadingLabel?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    panelClassName?: string;
+}
+declare const AiButton: React.ForwardRefExoticComponent<AiButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { AiButton, type AiButtonProps };

package/dist/ai-button.js

@@ -0,0 +1,3 @@
+export { AiButton } from './chunk-L56KGPGS.js';
+//# sourceMappingURL=ai-button.js.map
+//# sourceMappingURL=ai-button.js.map

package/dist/ai-button.js.map

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

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-list.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-type ChipVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+type ChipVariant = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 interface ChipListProps extends React.ComponentProps<'div'> {
     items: ReadonlyArray<string | null | undefined>;
     onRemove?: (item: string) => void;

package/dist/chip-list.js

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

package/dist/{chunk-TJGX27YO.js → chunk-34NO2UOB.js}

@@ -1,4 +1,4 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-CI56SSO2.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-SIIY2EGI.js';
 import { cn } from './chunk-BLJWR4ZV.js';
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -16,7 +16,7 @@ var TooltipContent = React.forwardRef(function TooltipContent2({ className, side
       "data-as": "tooltip",
       sideOffset,
       className: cn(
-        "as-anim-fade z-50 max-w-64 rounded-[var(--as-radius)] bg-[var(--as-fg)] px-3 py-1.5 text-xs font-medium text-[var(--as-surface)] shadow-[var(--as-shadow-2)] focus:outline-none",
+        "as-anim-fade z-[var(--as-z-popover)] max-w-64 rounded-[var(--as-radius)] bg-[var(--as-fg)] px-3 py-1.5 text-xs font-medium text-[var(--as-surface)] shadow-[var(--as-shadow-2)] focus:outline-none",
         className
       ),
       ...props,
@@ -56,5 +56,5 @@ function InfoTooltip({
 }
 
 export { InfoTooltip, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=chunk-TJGX27YO.js.map
-//# sourceMappingURL=chunk-TJGX27YO.js.map
+//# sourceMappingURL=chunk-34NO2UOB.js.map
+//# sourceMappingURL=chunk-34NO2UOB.js.map

package/dist/chunk-34NO2UOB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.tsx","../src/components/tooltip/InfoTooltip.tsx"],"names":["TooltipContent","jsx"],"mappings":";;;;;;;AAIO,IAAM,eAAA,GAAmC,gBAAA,CAAA;AACzC,IAAM,OAAA,GAA2B,gBAAA,CAAA;AACjC,IAAM,cAAA,GAAkC,gBAAA,CAAA;AAExC,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA,CAGlC,SAASA,eAAAA,CAAe,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAChF,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAQ,SAAA;AAAA,MACR,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oMAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAC;ACVM,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAM,IAAA,GAAO,IAAA;AAAA,EACb,IAAA,GAAO,KAAA;AAAA,EACP,OAAA,GAAU,OAAA;AAAA,EACV,KAAA,GAAQ,aAAA;AAAA,EACR;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,mBAAA,GAAsB,EAAA;AAAA,IAC1B,uRAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,IAAI,YAAY,OAAA,EAAS;AACvB,IAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,IAAC,cAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAAA,GAAAA,CAAC,YAAO,IAAA,EAAK,QAAA,EAAS,cAAY,KAAA,EAAO,SAAA,EAAW,qBAClD,QAAA,kBAAAA,GAAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,GAC3B,CAAA,EACF,CAAA;AAAA,sBACA,IAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAY,SAAA,EAAU,MAAA,EACnC,QAAA,EAAA;AAAA,QAAA,KAAA,mBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAsD,iBAAM,CAAA,GACvE,IAAA;AAAA,wBACJA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAqD,QAAA,EAAA,OAAA,EAAQ;AAAA,OAAA,EAC9E;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAA,IAAC,cAAA,EAAA,EAAe,OAAA,EAAO,MACrB,QAAA,kBAAAA,GAAAA,CAAC,YAAO,IAAA,EAAK,QAAA,EAAS,cAAY,KAAA,EAAO,SAAA,EAAW,qBAClD,QAAA,kBAAAA,GAAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,GAC3B,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,kBAAe,IAAA,EACb,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sBAAA,EAAwB,iBAAM,CAAA,GAAO,IAAA;AAAA,MAC1D;AAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-34NO2UOB.js","sourcesContent":["import * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '../../lib/utils'\n\nexport const TooltipProvider = TooltipPrimitive.Provider\nexport const Tooltip = TooltipPrimitive.Root\nexport const TooltipTrigger = TooltipPrimitive.Trigger\n\nexport const TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(function TooltipContent({ className, sideOffset = 6, children, ...props }, ref) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        data-as=\"tooltip\"\n        sideOffset={sideOffset}\n        className={cn(\n          'as-anim-fade z-[var(--as-z-popover)] max-w-64 rounded-[var(--as-radius)] bg-[var(--as-fg)] px-3 py-1.5 text-xs font-medium text-[var(--as-surface)] shadow-[var(--as-shadow-2)] focus:outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\n","import * as React from 'react'\nimport { Info } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover/Popover'\nimport { Tooltip, TooltipContent, TooltipTrigger } from './Tooltip'\n\ntype IconType = React.ComponentType<{ className?: string }>\n\nexport interface InfoTooltipProps {\n  content: React.ReactNode\n  title?: string\n  icon?: IconType\n  side?: 'top' | 'bottom' | 'left' | 'right'\n  trigger?: 'hover' | 'click'\n  label?: string\n  className?: string\n}\n\nexport function InfoTooltip({\n  content,\n  title,\n  icon: Icon = Info,\n  side = 'top',\n  trigger = 'hover',\n  label = 'Information',\n  className,\n}: InfoTooltipProps) {\n  const iconButtonClassName = cn(\n    'inline-flex size-6 items-center justify-center rounded-[var(--as-radius-sm)] 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    className,\n  )\n\n  if (trigger === 'click') {\n    return (\n      <Popover>\n        <PopoverTrigger asChild>\n          <button type=\"button\" aria-label={label} className={iconButtonClassName}>\n            <Icon className=\"size-4\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent side={side} className=\"w-72\">\n          {title ? (\n            <p className=\"mb-1 text-xs font-semibold uppercase tracking-wide\">{title}</p>\n          ) : null}\n          <div className=\"text-sm leading-relaxed text-[var(--as-muted-fg)]\">{content}</div>\n        </PopoverContent>\n      </Popover>\n    )\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button type=\"button\" aria-label={label} className={iconButtonClassName}>\n          <Icon className=\"size-4\" />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side={side}>\n        {title ? <p className=\"mb-0.5 font-semibold\">{title}</p> : null}\n        {content}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"]}

package/dist/{chunk-5X3RYDPC.js → chunk-5LRRVD27.js}

@@ -3,7 +3,7 @@ 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) {
+  function Table2({ headers, rows, emptyText, className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -21,7 +21,7 @@ var Table = React.forwardRef(
             },
             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(
+          /* @__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 && emptyText ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
             "td",
             {
               colSpan: headers.length,
@@ -50,5 +50,5 @@ var Table = React.forwardRef(
 );
 
 export { Table };
-//# sourceMappingURL=chunk-5X3RYDPC.js.map
-//# sourceMappingURL=chunk-5X3RYDPC.js.map
+//# sourceMappingURL=chunk-5LRRVD27.js.map
+//# sourceMappingURL=chunk-5LRRVD27.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/Table.tsx"],"names":["Table"],"mappings":";;;;AAUO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EACzB,SAASA,MAAAA,CAAM,EAAE,OAAA,EAAS,IAAA,EAAM,WAAW,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACrE,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,IAAK,SAAA,mBACpB,GAAA,CAAC,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-5LRRVD27.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  /** Rendered as a full-width row when the table is empty. No default. */\n  emptyText?: string\n}\n\nexport const Table = React.forwardRef<HTMLDivElement, TableProps>(\n  function Table({ headers, rows, emptyText, 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 && emptyText ? (\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-LEDQQBVV.js → chunk-75QQR2VT.js}

@@ -116,7 +116,7 @@ function Wizard({
       DialogPrimitive.Overlay,
       {
         "data-as": "wizard-overlay",
-        className: "as-anim-fade fixed inset-0 z-50 bg-[var(--as-overlay)]"
+        className: "as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]"
       }
     ),
     /* @__PURE__ */ jsxs(
@@ -126,7 +126,7 @@ function Wizard({
         "aria-describedby": void 0,
         className: cn(
           "flex flex-col overflow-hidden border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none",
-          variant === "drawer" ? "as-anim-drawer fixed inset-y-0 right-0 z-50 h-full w-4/5 max-w-md border-l" : "as-anim-modal fixed left-1/2 top-1/2 z-50 max-h-[92vh] w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--as-radius-lg)]",
+          variant === "drawer" ? "as-anim-drawer fixed inset-y-0 right-0 z-[var(--as-z-modal)] h-full w-4/5 max-w-md border-l" : "as-anim-modal fixed left-1/2 top-1/2 z-[var(--as-z-modal)] max-h-[92vh] w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--as-radius-lg)]",
           variant === "modal" && cn(
             size === "sm" && "max-w-sm",
             size === "md" && "max-w-md",
@@ -180,5 +180,5 @@ function Wizard({
 }
 
 export { Stepper, Wizard };
-//# sourceMappingURL=chunk-LEDQQBVV.js.map
-//# sourceMappingURL=chunk-LEDQQBVV.js.map
+//# sourceMappingURL=chunk-75QQR2VT.js.map
+//# sourceMappingURL=chunk-75QQR2VT.js.map

package/dist/{chunk-LEDQQBVV.js.map → chunk-75QQR2VT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/wizard/Wizard.tsx"],"names":[],"mappings":"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","file":"chunk-LEDQQBVV.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Sparkles, X, type LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Button } from '../button/Button'\n\nexport interface StepperStep {\n  id: string\n  label?: React.ReactNode\n  icon?: LucideIcon\n}\n\nexport interface StepperProps {\n  steps: StepperStep[]\n  current: number\n  variant?: 'dots' | 'labels'\n  onStepClick?: (index: number) => void\n  className?: string\n}\n\nexport function Stepper({\n  steps,\n  current,\n  variant = 'dots',\n  onStepClick,\n  className,\n}: StepperProps) {\n  if (variant === 'dots') {\n    return (\n      <div className={cn('flex items-center gap-1.5', className)} data-as=\"stepper\">\n        <span className=\"sr-only\">\n          Step {Math.min(current + 1, steps.length)} of {steps.length}\n        </span>\n        <div className=\"flex items-center gap-1.5\" aria-hidden>\n          {steps.map((step, index) => (\n            <span\n              key={step.id}\n              className={cn(\n                'size-2 rounded-full',\n                index === current\n                  ? 'bg-[var(--as-primary)]'\n                  : index < current\n                    ? 'bg-[var(--as-primary)]/50'\n                    : 'bg-[var(--as-border)]',\n              )}\n            />\n          ))}\n        </div>\n      </div>\n    )\n  }\n  return (\n    <ol className={cn('flex items-center gap-1', className)} data-as=\"stepper\">\n      {steps.map((step, index) => {\n        const Icon = step.icon\n        const state = index < current ? 'done' : index === current ? 'current' : 'todo'\n        const disabled = onStepClick === undefined || state === 'current'\n        return (\n          <li key={step.id}>\n            <button\n              type=\"button\"\n              aria-current={state === 'current' ? 'step' : undefined}\n              disabled={disabled}\n              onClick={() => onStepClick?.(index)}\n              className={cn(\n                'flex cursor-pointer items-center gap-1.5 rounded-[var(--as-radius)] px-2.5 py-1.5 text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:cursor-default',\n                state === 'current' && 'bg-[var(--as-primary)]/10 font-medium text-[var(--as-primary)]',\n                state === 'done' && 'text-[var(--as-fg)] hover:bg-[var(--as-secondary)]',\n                state === 'todo' && 'text-[var(--as-muted-fg)] hover:bg-[var(--as-secondary)]',\n              )}\n            >\n              {Icon ? <Icon className=\"size-4\" aria-hidden /> : null}\n              {step.label}\n            </button>\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n\nexport interface WizardStep {\n  id: string\n  icon?: LucideIcon\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  canContinue?: boolean\n  nextLabel?: string\n  hideFooter?: boolean\n}\n\nexport interface WizardContext {\n  id: string\n  index: number\n  step: WizardStep\n  isFirst: boolean\n  isLast: boolean\n  next: () => void\n  back: () => void\n  goTo: (index: number) => void\n}\n\nexport interface WizardProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: React.ReactNode\n  steps: WizardStep[]\n  renderStep: (ctx: WizardContext) => React.ReactNode\n  initialStep?: number\n  step?: number\n  onStepChange?: (index: number) => void\n  onSkip?: () => void\n  skipLabel?: string | null\n  backLabel?: string\n  nextLabel?: string\n  getStartedLabel?: string\n  closeLabel?: string\n  variant?: 'modal' | 'drawer'\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  contentClassName?: string\n}\n\nexport function Wizard({\n  open,\n  onOpenChange,\n  title,\n  steps,\n  renderStep,\n  initialStep = 0,\n  step: stepProp,\n  onStepChange,\n  onSkip,\n  skipLabel = 'Skip',\n  backLabel = 'Back',\n  nextLabel = 'Next',\n  getStartedLabel = 'Get started',\n  closeLabel = 'Close',\n  variant = 'modal',\n  size = 'lg',\n  contentClassName,\n}: WizardProps) {\n  const [internalStep, setInternalStep] = React.useState(initialStep)\n  const isControlled = stepProp !== undefined\n  const step = isControlled ? stepProp : internalStep\n  const lastStep = Math.max(steps.length - 1, 0)\n  const clamped = Math.min(Math.max(step, 0), lastStep)\n  const current: WizardStep | undefined = steps[clamped]\n  const StepIcon = current?.icon ?? Sparkles\n\n  React.useEffect(() => {\n    if (!open && !isControlled) {\n      setInternalStep(initialStep)\n    }\n  }, [open, isControlled, initialStep])\n\n  const goTo = React.useCallback(\n    (index: number) => {\n      const next = Math.min(Math.max(index, 0), lastStep)\n      if (!isControlled) {\n        setInternalStep(next)\n      }\n      onStepChange?.(next)\n    },\n    [isControlled, lastStep, onStepChange],\n  )\n\n  const ctx: WizardContext = {\n    id: current?.id ?? '',\n    index: clamped,\n    step: current ?? { id: 'empty' },\n    isFirst: clamped === 0,\n    isLast: clamped === lastStep,\n    next: () => goTo(clamped + 1),\n    back: () => goTo(clamped - 1),\n    goTo,\n  }\n\n  const skip = onSkip ?? (() => onOpenChange(false))\n  const showFooter = !(current?.hideFooter ?? clamped === lastStep)\n  const canContinue = current?.canContinue !== false\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-as=\"wizard-overlay\"\n          className=\"as-anim-fade fixed inset-0 z-50 bg-[var(--as-overlay)]\"\n        />\n        <DialogPrimitive.Content\n          data-as=\"wizard\"\n          aria-describedby={undefined}\n          className={cn(\n            'flex flex-col overflow-hidden border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n            variant === 'drawer'\n              ? 'as-anim-drawer fixed inset-y-0 right-0 z-50 h-full w-4/5 max-w-md border-l'\n              : 'as-anim-modal fixed left-1/2 top-1/2 z-50 max-h-[92vh] w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--as-radius-lg)]',\n            variant === 'modal' &&\n              cn(\n                size === 'sm' && 'max-w-sm',\n                size === 'md' && 'max-w-md',\n                size === 'lg' && 'max-w-2xl',\n                size === 'xl' && 'max-w-4xl',\n              ),\n            contentClassName,\n          )}\n        >\n          <div className=\"flex items-center gap-3 border-b border-[var(--as-border)] px-5 py-4\">\n            <span className=\"flex size-9 shrink-0 items-center justify-center rounded-[var(--as-radius)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]\">\n              <StepIcon className=\"size-5\" aria-hidden />\n            </span>\n            <div className=\"min-w-0 flex-1\">\n              <DialogPrimitive.Title className=\"truncate text-sm font-semibold\">\n                {title}\n              </DialogPrimitive.Title>\n              {current?.subtitle !== undefined ? (\n                <p className=\"truncate text-xs text-[var(--as-muted-fg)]\">\n                  {current.subtitle}\n                </p>\n              ) : null}\n            </div>\n            <Stepper steps={steps} current={clamped} variant=\"dots\" />\n            <DialogPrimitive.Close asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                title={closeLabel}\n                aria-label={closeLabel}\n                onClick={skip}\n              >\n                <X className=\"size-4\" aria-hidden />\n              </Button>\n            </DialogPrimitive.Close>\n          </div>\n          <div className=\"flex-1 overflow-y-auto px-5 py-4\" data-as=\"wizard-body\">\n            {current?.title !== undefined ? (\n              <h2 className=\"mb-3 text-lg font-semibold\">{current.title}</h2>\n            ) : null}\n            {open ? renderStep(ctx) : null}\n          </div>\n          {showFooter ? (\n            <div className=\"flex items-center gap-2 border-t border-[var(--as-border)] px-5 py-3\">\n              <Button variant=\"ghost\" size=\"sm\" disabled={clamped === 0} onClick={ctx.back}>\n                {backLabel}\n              </Button>\n              <div className=\"flex-1\" />\n              {skipLabel !== null ? (\n                <Button variant=\"ghost\" size=\"sm\" onClick={skip}>\n                  {skipLabel}\n                </Button>\n              ) : null}\n              <Button\n                size=\"sm\"\n                disabled={!canContinue}\n                onClick={ctx.next}\n              >\n                {clamped === 0 ? getStartedLabel : (current?.nextLabel ?? nextLabel)}\n              </Button>\n            </div>\n          ) : null}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/wizard/Wizard.tsx"],"names":[],"mappings":"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","file":"chunk-75QQR2VT.js","sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Sparkles, X, type LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Button } from '../button/Button'\n\nexport interface StepperStep {\n  id: string\n  label?: React.ReactNode\n  icon?: LucideIcon\n}\n\nexport interface StepperProps {\n  steps: StepperStep[]\n  current: number\n  variant?: 'dots' | 'labels'\n  onStepClick?: (index: number) => void\n  className?: string\n}\n\nexport function Stepper({\n  steps,\n  current,\n  variant = 'dots',\n  onStepClick,\n  className,\n}: StepperProps) {\n  if (variant === 'dots') {\n    return (\n      <div className={cn('flex items-center gap-1.5', className)} data-as=\"stepper\">\n        <span className=\"sr-only\">\n          Step {Math.min(current + 1, steps.length)} of {steps.length}\n        </span>\n        <div className=\"flex items-center gap-1.5\" aria-hidden>\n          {steps.map((step, index) => (\n            <span\n              key={step.id}\n              className={cn(\n                'size-2 rounded-full',\n                index === current\n                  ? 'bg-[var(--as-primary)]'\n                  : index < current\n                    ? 'bg-[var(--as-primary)]/50'\n                    : 'bg-[var(--as-border)]',\n              )}\n            />\n          ))}\n        </div>\n      </div>\n    )\n  }\n  return (\n    <ol className={cn('flex items-center gap-1', className)} data-as=\"stepper\">\n      {steps.map((step, index) => {\n        const Icon = step.icon\n        const state = index < current ? 'done' : index === current ? 'current' : 'todo'\n        const disabled = onStepClick === undefined || state === 'current'\n        return (\n          <li key={step.id}>\n            <button\n              type=\"button\"\n              aria-current={state === 'current' ? 'step' : undefined}\n              disabled={disabled}\n              onClick={() => onStepClick?.(index)}\n              className={cn(\n                'flex cursor-pointer items-center gap-1.5 rounded-[var(--as-radius)] px-2.5 py-1.5 text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:cursor-default',\n                state === 'current' && 'bg-[var(--as-primary)]/10 font-medium text-[var(--as-primary)]',\n                state === 'done' && 'text-[var(--as-fg)] hover:bg-[var(--as-secondary)]',\n                state === 'todo' && 'text-[var(--as-muted-fg)] hover:bg-[var(--as-secondary)]',\n              )}\n            >\n              {Icon ? <Icon className=\"size-4\" aria-hidden /> : null}\n              {step.label}\n            </button>\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n\nexport interface WizardStep {\n  id: string\n  icon?: LucideIcon\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  canContinue?: boolean\n  nextLabel?: string\n  hideFooter?: boolean\n}\n\nexport interface WizardContext {\n  id: string\n  index: number\n  step: WizardStep\n  isFirst: boolean\n  isLast: boolean\n  next: () => void\n  back: () => void\n  goTo: (index: number) => void\n}\n\nexport interface WizardProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: React.ReactNode\n  steps: WizardStep[]\n  renderStep: (ctx: WizardContext) => React.ReactNode\n  initialStep?: number\n  step?: number\n  onStepChange?: (index: number) => void\n  onSkip?: () => void\n  skipLabel?: string | null\n  backLabel?: string\n  nextLabel?: string\n  getStartedLabel?: string\n  closeLabel?: string\n  variant?: 'modal' | 'drawer'\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  contentClassName?: string\n}\n\nexport function Wizard({\n  open,\n  onOpenChange,\n  title,\n  steps,\n  renderStep,\n  initialStep = 0,\n  step: stepProp,\n  onStepChange,\n  onSkip,\n  skipLabel = 'Skip',\n  backLabel = 'Back',\n  nextLabel = 'Next',\n  getStartedLabel = 'Get started',\n  closeLabel = 'Close',\n  variant = 'modal',\n  size = 'lg',\n  contentClassName,\n}: WizardProps) {\n  const [internalStep, setInternalStep] = React.useState(initialStep)\n  const isControlled = stepProp !== undefined\n  const step = isControlled ? stepProp : internalStep\n  const lastStep = Math.max(steps.length - 1, 0)\n  const clamped = Math.min(Math.max(step, 0), lastStep)\n  const current: WizardStep | undefined = steps[clamped]\n  const StepIcon = current?.icon ?? Sparkles\n\n  React.useEffect(() => {\n    if (!open && !isControlled) {\n      setInternalStep(initialStep)\n    }\n  }, [open, isControlled, initialStep])\n\n  const goTo = React.useCallback(\n    (index: number) => {\n      const next = Math.min(Math.max(index, 0), lastStep)\n      if (!isControlled) {\n        setInternalStep(next)\n      }\n      onStepChange?.(next)\n    },\n    [isControlled, lastStep, onStepChange],\n  )\n\n  const ctx: WizardContext = {\n    id: current?.id ?? '',\n    index: clamped,\n    step: current ?? { id: 'empty' },\n    isFirst: clamped === 0,\n    isLast: clamped === lastStep,\n    next: () => goTo(clamped + 1),\n    back: () => goTo(clamped - 1),\n    goTo,\n  }\n\n  const skip = onSkip ?? (() => onOpenChange(false))\n  const showFooter = !(current?.hideFooter ?? clamped === lastStep)\n  const canContinue = current?.canContinue !== false\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-as=\"wizard-overlay\"\n          className=\"as-anim-fade fixed inset-0 z-[var(--as-z-modal)] bg-[var(--as-overlay)]\"\n        />\n        <DialogPrimitive.Content\n          data-as=\"wizard\"\n          aria-describedby={undefined}\n          className={cn(\n            'flex flex-col overflow-hidden border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-3)] focus:outline-none',\n            variant === 'drawer'\n              ? 'as-anim-drawer fixed inset-y-0 right-0 z-[var(--as-z-modal)] h-full w-4/5 max-w-md border-l'\n              : 'as-anim-modal fixed left-1/2 top-1/2 z-[var(--as-z-modal)] max-h-[92vh] w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-[var(--as-radius-lg)]',\n            variant === 'modal' &&\n              cn(\n                size === 'sm' && 'max-w-sm',\n                size === 'md' && 'max-w-md',\n                size === 'lg' && 'max-w-2xl',\n                size === 'xl' && 'max-w-4xl',\n              ),\n            contentClassName,\n          )}\n        >\n          <div className=\"flex items-center gap-3 border-b border-[var(--as-border)] px-5 py-4\">\n            <span className=\"flex size-9 shrink-0 items-center justify-center rounded-[var(--as-radius)] bg-[var(--as-primary)]/10 text-[var(--as-primary)]\">\n              <StepIcon className=\"size-5\" aria-hidden />\n            </span>\n            <div className=\"min-w-0 flex-1\">\n              <DialogPrimitive.Title className=\"truncate text-sm font-semibold\">\n                {title}\n              </DialogPrimitive.Title>\n              {current?.subtitle !== undefined ? (\n                <p className=\"truncate text-xs text-[var(--as-muted-fg)]\">\n                  {current.subtitle}\n                </p>\n              ) : null}\n            </div>\n            <Stepper steps={steps} current={clamped} variant=\"dots\" />\n            <DialogPrimitive.Close asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                title={closeLabel}\n                aria-label={closeLabel}\n                onClick={skip}\n              >\n                <X className=\"size-4\" aria-hidden />\n              </Button>\n            </DialogPrimitive.Close>\n          </div>\n          <div className=\"flex-1 overflow-y-auto px-5 py-4\" data-as=\"wizard-body\">\n            {current?.title !== undefined ? (\n              <h2 className=\"mb-3 text-lg font-semibold\">{current.title}</h2>\n            ) : null}\n            {open ? renderStep(ctx) : null}\n          </div>\n          {showFooter ? (\n            <div className=\"flex items-center gap-2 border-t border-[var(--as-border)] px-5 py-3\">\n              <Button variant=\"ghost\" size=\"sm\" disabled={clamped === 0} onClick={ctx.back}>\n                {backLabel}\n              </Button>\n              <div className=\"flex-1\" />\n              {skipLabel !== null ? (\n                <Button variant=\"ghost\" size=\"sm\" onClick={skip}>\n                  {skipLabel}\n                </Button>\n              ) : null}\n              <Button\n                size=\"sm\"\n                disabled={!canContinue}\n                onClick={ctx.next}\n              >\n                {clamped === 0 ? getStartedLabel : (current?.nextLabel ?? nextLabel)}\n              </Button>\n            </div>\n          ) : null}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n"]}

package/dist/{chunk-N5KQRHXU.js → chunk-BE3XFZWU.js}

@@ -93,7 +93,7 @@ function PopoverButton({
           }
         } : void 0,
         className: cn(
-          "as-anim-pop z-50 w-80 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 text-[var(--as-fg)] shadow-[var(--as-shadow-3)] outline-none",
+          "as-anim-pop z-[var(--as-z-popover)] w-80 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 text-[var(--as-fg)] shadow-[var(--as-shadow-3)] outline-none",
           panelClassName
         ),
         children: content
@@ -103,5 +103,5 @@ function PopoverButton({
 }
 
 export { PopoverButton };
-//# sourceMappingURL=chunk-N5KQRHXU.js.map
-//# sourceMappingURL=chunk-N5KQRHXU.js.map
+//# sourceMappingURL=chunk-BE3XFZWU.js.map
+//# sourceMappingURL=chunk-BE3XFZWU.js.map

package/dist/{chunk-N5KQRHXU.js.map → chunk-BE3XFZWU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/popover-button/PopoverButton.tsx"],"names":[],"mappings":"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","file":"chunk-N5KQRHXU.js","sourcesContent":["import * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '../../lib/utils'\n\nexport interface PopoverButtonProps {\n  trigger: React.ReactNode\n  children: React.ReactNode | (() => React.ReactNode)\n  label: string\n  align?: 'start' | 'center' | 'end'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  panelClassName?: string\n  triggerClassName?: string\n  openOnHover?: boolean\n  focusOnOpen?: boolean\n  preserveFocus?: boolean\n  closeSignal?: number\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  disabled?: boolean\n}\n\nexport function PopoverButton({\n  trigger,\n  children,\n  label,\n  align = 'end',\n  side = 'bottom',\n  sideOffset = 8,\n  panelClassName,\n  triggerClassName,\n  openOnHover = false,\n  focusOnOpen = true,\n  preserveFocus = false,\n  closeSignal = 0,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n}: PopoverButtonProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = openProp !== undefined\n  const open = isControlled ? openProp : uncontrolledOpen\n  const contentRef = React.useRef<HTMLDivElement | null>(null)\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  React.useEffect(() => {\n    if (closeSignal > 0) {\n      setOpen(false)\n    }\n  }, [closeSignal, setOpen])\n\n  const content =\n    typeof children === 'function' ? (open ? children() : null) : children\n\n  const hoverProps = openOnHover\n    ? {\n        onMouseEnter: () => setOpen(true),\n        onMouseLeave: (event: React.MouseEvent) => {\n          const related = event.relatedTarget\n          if (related instanceof Node && contentRef.current?.contains(related) === true) {\n            return\n          }\n          setOpen(false)\n        },\n      }\n    : {}\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      <span className=\"relative inline-flex\" data-as=\"popover-button\" {...hoverProps}>\n        <PopoverPrimitive.Trigger\n          type=\"button\"\n          aria-label={label}\n          disabled={disabled}\n          className={cn(\n            'inline-flex items-center justify-center gap-1 rounded-full transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50',\n            triggerClassName ?? 'size-9',\n          )}\n          onMouseDown={preserveFocus ? (event) => event.preventDefault() : undefined}\n          onClick={\n            openOnHover\n              ? (event) => {\n                  event.preventDefault()\n                  setOpen(true)\n                }\n              : undefined\n          }\n        >\n          {trigger}\n        </PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            ref={contentRef}\n            role=\"dialog\"\n            aria-label={label}\n            align={align}\n            side={side}\n            sideOffset={sideOffset}\n            collisionPadding={8}\n            onOpenAutoFocus={(event) => {\n              if (!focusOnOpen) {\n                event.preventDefault()\n              }\n            }}\n            onMouseLeave={\n              openOnHover\n                ? (event) => {\n                    const related = event.relatedTarget\n                    const insideTrigger =\n                      related instanceof Element &&\n                      related.closest('[data-as=\"popover-button\"]') !== null\n                    const insideContent =\n                      related instanceof Node && contentRef.current?.contains(related) === true\n                    if (!insideTrigger && !insideContent) {\n                      setOpen(false)\n                    }\n                  }\n                : undefined\n            }\n            className={cn(\n              'as-anim-pop z-50 w-80 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 text-[var(--as-fg)] shadow-[var(--as-shadow-3)] outline-none',\n              panelClassName,\n            )}\n          >\n            {content}\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </span>\n    </PopoverPrimitive.Root>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/popover-button/PopoverButton.tsx"],"names":[],"mappings":"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","file":"chunk-BE3XFZWU.js","sourcesContent":["import * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '../../lib/utils'\n\nexport interface PopoverButtonProps {\n  trigger: React.ReactNode\n  children: React.ReactNode | (() => React.ReactNode)\n  label: string\n  align?: 'start' | 'center' | 'end'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  panelClassName?: string\n  triggerClassName?: string\n  openOnHover?: boolean\n  focusOnOpen?: boolean\n  preserveFocus?: boolean\n  closeSignal?: number\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  disabled?: boolean\n}\n\nexport function PopoverButton({\n  trigger,\n  children,\n  label,\n  align = 'end',\n  side = 'bottom',\n  sideOffset = 8,\n  panelClassName,\n  triggerClassName,\n  openOnHover = false,\n  focusOnOpen = true,\n  preserveFocus = false,\n  closeSignal = 0,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n}: PopoverButtonProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = openProp !== undefined\n  const open = isControlled ? openProp : uncontrolledOpen\n  const contentRef = React.useRef<HTMLDivElement | null>(null)\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  React.useEffect(() => {\n    if (closeSignal > 0) {\n      setOpen(false)\n    }\n  }, [closeSignal, setOpen])\n\n  const content =\n    typeof children === 'function' ? (open ? children() : null) : children\n\n  const hoverProps = openOnHover\n    ? {\n        onMouseEnter: () => setOpen(true),\n        onMouseLeave: (event: React.MouseEvent) => {\n          const related = event.relatedTarget\n          if (related instanceof Node && contentRef.current?.contains(related) === true) {\n            return\n          }\n          setOpen(false)\n        },\n      }\n    : {}\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      <span className=\"relative inline-flex\" data-as=\"popover-button\" {...hoverProps}>\n        <PopoverPrimitive.Trigger\n          type=\"button\"\n          aria-label={label}\n          disabled={disabled}\n          className={cn(\n            'inline-flex items-center justify-center gap-1 rounded-full transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50',\n            triggerClassName ?? 'size-9',\n          )}\n          onMouseDown={preserveFocus ? (event) => event.preventDefault() : undefined}\n          onClick={\n            openOnHover\n              ? (event) => {\n                  event.preventDefault()\n                  setOpen(true)\n                }\n              : undefined\n          }\n        >\n          {trigger}\n        </PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            ref={contentRef}\n            role=\"dialog\"\n            aria-label={label}\n            align={align}\n            side={side}\n            sideOffset={sideOffset}\n            collisionPadding={8}\n            onOpenAutoFocus={(event) => {\n              if (!focusOnOpen) {\n                event.preventDefault()\n              }\n            }}\n            onMouseLeave={\n              openOnHover\n                ? (event) => {\n                    const related = event.relatedTarget\n                    const insideTrigger =\n                      related instanceof Element &&\n                      related.closest('[data-as=\"popover-button\"]') !== null\n                    const insideContent =\n                      related instanceof Node && contentRef.current?.contains(related) === true\n                    if (!insideTrigger && !insideContent) {\n                      setOpen(false)\n                    }\n                  }\n                : undefined\n            }\n            className={cn(\n              'as-anim-pop z-[var(--as-z-popover)] w-80 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 text-[var(--as-fg)] shadow-[var(--as-shadow-3)] outline-none',\n              panelClassName,\n            )}\n          >\n            {content}\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </span>\n    </PopoverPrimitive.Root>\n  )\n}\n"]}

package/dist/{chunk-XLD2BPTT.js → chunk-BN3YHYYL.js}

@@ -5,6 +5,7 @@ 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)]",
+  info: "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)]"
@@ -78,5 +79,5 @@ var ChipList = React.forwardRef(
 );
 
 export { ChipList };
-//# sourceMappingURL=chunk-XLD2BPTT.js.map
-//# sourceMappingURL=chunk-XLD2BPTT.js.map
+//# sourceMappingURL=chunk-BN3YHYYL.js.map
+//# sourceMappingURL=chunk-BN3YHYYL.js.map

package/dist/chunk-BN3YHYYL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chip-list/ChipList.tsx"],"names":["ChipList"],"mappings":";;;;;AAsBA,IAAM,SAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,oFAAA;AAAA,EACT,IAAA,EAAM,oFAAA;AAAA,EACN,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-BN3YHYYL.js","sourcesContent":["import * as React from 'react'\nimport { ChevronRight, X } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport type ChipVariant =\n  | 'neutral'\n  | 'primary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | '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  info: '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/{chunk-GPIN2ITX.js → chunk-BUPMDOVL.js}

@@ -1,4 +1,4 @@
-import { Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter } from './chunk-RHBQ3GZE.js';
+import { Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter } from './chunk-SXVOJ7WE.js';
 import { Button } from './chunk-GTXGTQ6F.js';
 import { cn } from './chunk-BLJWR4ZV.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -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-BUPMDOVL.js.map
+//# sourceMappingURL=chunk-BUPMDOVL.js.map

package/dist/chunk-BUPMDOVL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form-modal/FormModal.tsx"],"names":[],"mappings":"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","file":"chunk-BUPMDOVL.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"]}