admin-ui-starter-kit 0.6.9 → 0.7.1

package/INTEGRATION.md

@@ -46,10 +46,12 @@ import { ChartContainer } from 'admin-ui-starter-kit/base/display/chart';
 import { MetadataList } from 'admin-ui-starter-kit/composed/data-display';
 import { ChartCard } from 'admin-ui-starter-kit/composed/analytics';
 import { ActionList, ApiTokenManager } from 'admin-ui-starter-kit/composed/admin';
+import { SeoListingCard } from 'admin-ui-starter-kit/composed/commerce';
 import { ResourceSelectorCard } from 'admin-ui-starter-kit/composed/data-display';
 import { Comments } from 'admin-ui-starter-kit/features/comments';
 import { mergeFilterQuery, parseFiltersFromQuery, serializeFiltersToQuery } from 'admin-ui-starter-kit/features/filters';
 import { MediaLibraryDialog } from 'admin-ui-starter-kit/features/media-library';
+import { ProductVariantsManager } from 'admin-ui-starter-kit/features/products';
 import { SchemaForm } from 'admin-ui-starter-kit/features/schema-form';
 import { AuthShell } from 'admin-ui-starter-kit/layout/auth';
 import { PageHeader } from 'admin-ui-starter-kit/layout/page';
@@ -108,6 +110,14 @@ Common primitive choices:
   `ApiTokenManager` for selected-resource, settings, security, and token
   management surfaces. Persistence and confirmation behavior stay callback
   driven.
+- Use `SeoListingCard` from `admin-ui-starter-kit/composed/commerce` for
+  search-engine listing previews and scoring. The package owns the title,
+  description, permalink, and keyword checks; the app owns field editing,
+  persistence, routes, and translations.
+- Use `ProductVariantsManager` from
+  `admin-ui-starter-kit/features/products` for product option and variant
+  editors. Use `ProductOptionsMatrix` and `ProductVariantsBulkTable` directly
+  only when the app owns the surrounding layout.
 - Use `SchemaForm` from `admin-ui-starter-kit/features/schema-form` when the
   app already has backend-provided field definitions, tenant settings, or
   integration configuration that should render as a cohesive form or section
@@ -171,8 +181,9 @@ layers. Keep the split clear when overriding them:
 
 For product-wide scale changes, override `--text-scale`, `--space-scale`, and
 `--density-scale` first. Use public structural variables such as
-`--control-height`, `--control-x`, `--row-y`, `--surface-x`, `--icon`,
-`--avatar`, and `--shell-sidebar-width` only when the scale knobs are too broad.
+`--height-control`, `--height-action`, `--control-x`, `--row-y`,
+`--surface-x`, `--icon`, `--avatar`, and `--shell-sidebar-width` only when the
+scale knobs are too broad.
 Use the package utilities (`h-control`, `px-control`, `gap-space-md`,
 `py-row-y`, `px-surface`, `size-icon`, `size-avatar`) instead of arbitrary
 `text-[...]`, `gap-[...]`, `px-[...]`, or `size-[...]` values for ordinary
@@ -199,6 +210,34 @@ token layers. Import
 overrides. Use `source.css` only when the app intentionally rebuilds Tailwind
 instead of importing `admin-ui-starter-kit/style.css`.
 
+### Additional themes and dark scopes
+
+Define extra brand themes by scoping shadcn-compatible variables and structural
+tokens on an app-owned selector:
+
+```css
+[data-theme='acme'] {
+	--primary: oklch(0.48 0.14 165);
+	--primary-foreground: oklch(0.99 0 0);
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.24 0 0);
+	--surface-x: calc(1rem * var(--space-scale));
+	--shell-sidebar-width: 17rem;
+}
+
+[data-theme='acme'].dark,
+.dark [data-theme='acme'] {
+	--background: oklch(0.22 0 0);
+	--foreground: oklch(0.98 0 0);
+	--card: oklch(0.18 0 0);
+	--border: oklch(1 0 0 / 12%);
+}
+```
+
+If the app relies on package `dark:` utilities, place `.dark` on or above the
+theme scope. A `data-theme='dark'` attribute changes variables but does not
+activate Tailwind's `.dark *` selectors by itself.
+
 ## 4. Wire frameworks at the call site
 
 The library never imports routing, query, backend, or i18n integrations.

package/MIGRATION.md

@@ -39,11 +39,11 @@ the consuming app already has copied CSS variables, replace local
 component-family aliases with the package structural tokens:
 
 - Theme/color overrides go to shadcn-compatible variables from
-  `src/css/themes/default.css`.
-- Structure overrides go to the compact contract from `src/css/defaults.css`:
+  `src/css/themes/shadcn.default.css`.
+- Structure overrides go to the compact contract from `src/css/tokens/*`:
   `--text-scale`, `--space-scale`, `--density-scale`, `--space-*`,
-  `--control-*`, `--row-*`, `--surface-*`, `--icon*`, `--avatar*`, and shell
-  dimensions.
+  `--height-action`, `--height-control`, `--control-*`, `--row-*`,
+  `--surface-*`, `--icon*`, `--avatar*`, and shell dimensions.
 - Remove local component-family aliases for action controls, cards, tables,
   headers, app shells, and component-specific text roles instead of carrying
   them forward.
@@ -83,7 +83,7 @@ call-site imports directly.
 Use package components for shapes that repeat across the app:
 
 ```tsx
-import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
+import { MetadataList } from 'admin-ui-starter-kit/composed/data-display';
 import { Item, ItemContent, ItemMedia, ItemTitle } from 'admin-ui-starter-kit/base/item';
 ```
 
@@ -247,7 +247,7 @@ Use exact public exports:
 ```tsx
 import { Button } from 'admin-ui-starter-kit/base/buttons';
 import { Text } from 'admin-ui-starter-kit/typography';
-import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
+import { MetadataList } from 'admin-ui-starter-kit/composed/data-display';
 ```
 
 Do not use:
@@ -255,7 +255,7 @@ Do not use:
 ```tsx
 import { Button } from '@/components/ui/base/buttons';
 import { Button } from 'admin-ui-starter-kit/base';
-import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata/metadata-list';
+import { MetadataList } from 'admin-ui-starter-kit/composed/data-display/metadata-list';
 ```
 
 Run the package audit in a consumer app:

package/README.md

@@ -180,8 +180,9 @@ import { UIProvider } from 'admin-ui-starter-kit/ui-provider';
 
 The provider is locked at first mount; pass everything once at the root.
 For sizing and spacing, prefer the calibrated package scale (`default` /
-`small`) plus structural CSS variables such as `--control-height`,
-`--control-x`, `--row-y`, `--surface-x`, and `--space-scale` over repeated
+`small`) plus structural CSS variables such as `--height-control`,
+`--height-action`, `--control-x`, `--row-y`,
+`--surface-x`, and `--space-scale` over repeated
 per-component size props.
 
 Structural scale is intentionally small. Tune global UI shape with
@@ -468,10 +469,12 @@ import { Carousel, CarouselContent, CarouselItem } from 'admin-ui-starter-kit/ba
 import { ChartContainer } from 'admin-ui-starter-kit/base/display/chart';
 import { ActionList, ApiTokenManager } from 'admin-ui-starter-kit/composed/admin';
 import { ContactCard } from 'admin-ui-starter-kit/composed/cards';
+import { SeoListingCard } from 'admin-ui-starter-kit/composed/commerce';
 import { ResourceSelectorCard } from 'admin-ui-starter-kit/composed/data-display';
 import { ChartCard } from 'admin-ui-starter-kit/composed/analytics';
 import { Comments } from 'admin-ui-starter-kit/features/comments';
 import { parseFiltersFromQuery, serializeFiltersToQuery } from 'admin-ui-starter-kit/features/filters';
+import { ProductVariantsManager } from 'admin-ui-starter-kit/features/products';
 import { Container, Section } from 'admin-ui-starter-kit/layout/containers';
 import { Dialog, Drawer } from 'admin-ui-starter-kit/features/overlays';
 import { SchemaForm } from 'admin-ui-starter-kit/features/schema-form';
@@ -502,8 +505,9 @@ Safe public entrypoint shapes:
 - `admin-ui-starter-kit/base/combobox`
 - `admin-ui-starter-kit/composed/data-display`
 - `admin-ui-starter-kit/base/display/chart`
-- `admin-ui-starter-kit/composed/cards`, `admin-ui-starter-kit/composed/analytics`, `admin-ui-starter-kit/composed/admin`, etc.
+- `admin-ui-starter-kit/composed/cards`, `admin-ui-starter-kit/composed/analytics`, `admin-ui-starter-kit/composed/admin`, `admin-ui-starter-kit/composed/commerce`, etc.
 - `admin-ui-starter-kit/features/comments`, `admin-ui-starter-kit/features/filters`, `admin-ui-starter-kit/features/schema-form`, etc.
+- `admin-ui-starter-kit/features/products`
 - `admin-ui-starter-kit/layout` and exact layout families such as `admin-ui-starter-kit/layout/page`, `admin-ui-starter-kit/features/resource`, `admin-ui-starter-kit/layout/settings`
 - `admin-ui-starter-kit/services/actions`
 - `admin-ui-starter-kit/lib/strings`

package/dist/_shared/accordion-CSRRDWVZ.js

@@ -0,0 +1,135 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { s as n } from "./typography-C_kCoR1d.js";
+import { t as r } from "./icon-badge-dZQPvuas.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ChevronDownIcon as s, ChevronUpIcon as c } from "lucide-react";
+import { Accordion as l } from "@base-ui/react/accordion";
+//#region src/components/ui/accordion.tsx
+function u({ className: e, ...n }) {
+	return /* @__PURE__ */ a(l.Root, {
+		"data-slot": "accordion",
+		className: t("flex w-full flex-col overflow-hidden rounded-2xl border", e),
+		...n
+	});
+}
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ a(l.Item, {
+		"data-slot": "accordion-item",
+		className: t("not-last:border-b data-open:bg-muted/50", e),
+		...n
+	});
+}
+function f({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ a(l.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ o(l.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: t("group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", e),
+			...r,
+			children: [
+				n,
+				/* @__PURE__ */ a(s, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ a(c, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function p({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ a(l.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...r,
+		children: /* @__PURE__ */ a("div", {
+			className: t("h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", e),
+			children: n
+		})
+	});
+}
+//#endregion
+//#region src/components/base/accordion/accordion-variants.ts
+var m = {
+	card: "space-y-2 border-0 rounded-none overflow-visible",
+	bordered: "rounded-lg border border-border bg-card overflow-hidden",
+	flat: "border-0 rounded-none bg-transparent overflow-visible"
+}, h = {
+	card: "border border-border bg-card rounded-md data-open:bg-card",
+	bordered: "bg-transparent not-last:border-b border-border data-open:bg-muted/40",
+	flat: "border-0 bg-transparent data-open:bg-muted/30 rounded-md"
+}, g = "items-center gap-3 px-3 py-row-y text-left hover:no-underline", _ = {
+	withMedallion: "pl-10 pr-0 pt-0",
+	withInline: "pl-6 pr-0 pt-0",
+	withoutIcon: "pl-0 pr-0 pt-0"
+}, v = { regionAriaLabel: void 0 }, y = i(function({ items: r, multiple: i = !1, defaultValue: s, value: c, onValueChange: l, variant: y = "card", iconStyle: x = "medallion", className: S, itemClassName: C, triggerClassName: w, contentClassName: T, strings: E }, D) {
+	let O = e(v, E), k = x === "medallion" ? _.withMedallion : x === "inline" ? _.withInline : _.withoutIcon, A = x === "medallion" ? "grid-cols-[var(--avatar)_minmax(0,1fr)]" : x === "inline" ? "grid-cols-[var(--icon-lg)_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
+	return /* @__PURE__ */ a(u, {
+		ref: D,
+		multiple: i,
+		defaultValue: s,
+		value: c,
+		onValueChange: l ? (e) => l(e) : void 0,
+		"aria-label": O.regionAriaLabel,
+		className: t("smart-accordion--component", m[y], S),
+		children: r.map((e) => /* @__PURE__ */ o(d, {
+			value: e.value,
+			className: t(h[y], C),
+			children: [/* @__PURE__ */ a(f, {
+				className: t(g, w),
+				disabled: e.disabled,
+				children: /* @__PURE__ */ o("div", {
+					className: t("grid min-w-0 flex-1 items-center gap-x-3", A),
+					children: [/* @__PURE__ */ a(b, {
+						iconStyle: x,
+						icon: e.icon
+					}), /* @__PURE__ */ o("span", {
+						className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1",
+						children: [/* @__PURE__ */ a(n, {
+							tag: "span",
+							weight: "semibold",
+							className: "min-w-0",
+							children: e.title
+						}), !!e.badge && /* @__PURE__ */ a("span", {
+							className: "inline-flex shrink-0",
+							children: e.badge
+						})]
+					})]
+				})
+			}), /* @__PURE__ */ a(p, {
+				className: t(k, T),
+				children: /* @__PURE__ */ a(n, {
+					type: "secondary",
+					className: "leading-relaxed",
+					children: e.content
+				})
+			})]
+		}, e.value))
+	});
+});
+y.displayName = "SmartAccordion";
+function b({ iconStyle: e, icon: n }) {
+	return e === "none" ? null : n ? e === "inline" ? /* @__PURE__ */ a("span", {
+		className: "inline-flex shrink-0 self-center text-muted-foreground",
+		children: n
+	}) : /* @__PURE__ */ a(r, {
+		size: "default",
+		tone: "muted",
+		shape: "circle",
+		"aria-hidden": "true",
+		className: "self-center",
+		children: n
+	}) : /* @__PURE__ */ a("span", {
+		"aria-hidden": "true",
+		className: t("inline-flex shrink-0", e === "inline" ? "size-icon-lg" : "size-avatar")
+	});
+}
+//#endregion
+export { m as a, p as c, h as i, d as l, v as n, g as o, _ as r, u as s, y as t, f as u };
+
+//# sourceMappingURL=accordion-CSRRDWVZ.js.map

package/dist/_shared/accordion-CSRRDWVZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-CSRRDWVZ.js","names":[],"sources":["../../src/components/ui/accordion.tsx","../../src/components/base/accordion/accordion-variants.ts","../../src/components/base/accordion/accordion.strings.ts","../../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-2xl border\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b data-open:bg-muted/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any composed surface that builds on `base/accordion` directly\n * (e.g. `composed/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-3 px-3 py-row-y` — density-driven, `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the primitive panel's own `px-4`.\n *   Medallion rows add `pl-10`, inline-icon rows add `pl-6`, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nexport type AccordionShellVariant = 'card' | 'bordered' | 'flat';\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'space-y-2 border-0 rounded-none overflow-visible',\n\tbordered: 'rounded-lg border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-md data-open:bg-card',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/40',\n\tflat: 'border-0 bg-transparent data-open:bg-muted/30 rounded-md',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-3 px-3 py-row-y text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * (size-8 = 32px) plus `gap-3` (12px) so body text aligns under the\n * title.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-10 pr-0 pt-0',\n\twithInline: 'pl-6 pr-0 pt-0',\n\twithoutIcon: 'pl-0 pr-0 pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — composed-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '@/components/base/accordion';\n */\nimport { forwardRef } from 'react';\n\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'card',\n\ticonStyle = 'medallion',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst contentPadding =\n\t\ticonStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? ACCORDION_CONTENT_PADDING.withInline\n\t\t\t\t: ACCORDION_CONTENT_PADDING.withoutIcon;\n\tconst triggerGridClass =\n\t\ticonStyle === 'medallion'\n\t\t\t? 'grid-cols-[var(--avatar)_minmax(0,1fr)]'\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? 'grid-cols-[var(--icon-lg)_minmax(0,1fr)]'\n\t\t\t\t: 'grid-cols-[minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-3', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon iconStyle={iconStyle} icon={item.icon} />\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: React.ReactNode;\n}) {\n\tif (iconStyle === 'none') return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn <span className=\"inline-flex shrink-0 self-center text-muted-foreground\">{icon}</span>;\n\t}\n\treturn (\n\t\t<IconBadge size=\"default\" tone=\"muted\" shape=\"circle\" aria-hidden=\"true\" className=\"self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}

package/dist/_shared/accordion-ClVkIaCy.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-sXFd02zl.cjs"),r=require("./icon-badge-CU6ZkcER.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("@base-ui/react/accordion");function c({className:e,...n}){return(0,a.jsx)(s.Accordion.Root,{"data-slot":`accordion`,className:t.cn(`flex w-full flex-col overflow-hidden rounded-2xl border`,e),...n})}function l({className:e,...n}){return(0,a.jsx)(s.Accordion.Item,{"data-slot":`accordion-item`,className:t.cn(`not-last:border-b data-open:bg-muted/50`,e),...n})}function u({className:e,children:n,...r}){return(0,a.jsx)(s.Accordion.Header,{className:`flex`,children:(0,a.jsxs)(s.Accordion.Trigger,{"data-slot":`accordion-trigger`,className:t.cn(`group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...r,children:[n,(0,a.jsx)(o.ChevronDownIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,a.jsx)(o.ChevronUpIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function d({className:e,children:n,...r}){return(0,a.jsx)(s.Accordion.Panel,{"data-slot":`accordion-content`,className:`overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...r,children:(0,a.jsx)(`div`,{className:t.cn(`h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:n})})}var f={card:`space-y-2 border-0 rounded-none overflow-visible`,bordered:`rounded-lg border border-border bg-card overflow-hidden`,flat:`border-0 rounded-none bg-transparent overflow-visible`},p={card:`border border-border bg-card rounded-md data-open:bg-card`,bordered:`bg-transparent not-last:border-b border-border data-open:bg-muted/40`,flat:`border-0 bg-transparent data-open:bg-muted/30 rounded-md`},m=`items-center gap-3 px-3 py-row-y text-left hover:no-underline`,h={withMedallion:`pl-10 pr-0 pt-0`,withInline:`pl-6 pr-0 pt-0`,withoutIcon:`pl-0 pr-0 pt-0`},g={regionAriaLabel:void 0},_=(0,i.forwardRef)(function({items:r,multiple:i=!1,defaultValue:o,value:s,onValueChange:_,variant:y=`card`,iconStyle:b=`medallion`,className:x,itemClassName:S,triggerClassName:C,contentClassName:w,strings:T},E){let D=e.useStrings(g,T),O=b===`medallion`?h.withMedallion:b===`inline`?h.withInline:h.withoutIcon,k=b===`medallion`?`grid-cols-[var(--avatar)_minmax(0,1fr)]`:b===`inline`?`grid-cols-[var(--icon-lg)_minmax(0,1fr)]`:`grid-cols-[minmax(0,1fr)]`;return(0,a.jsx)(c,{ref:E,multiple:i,defaultValue:o,value:s,onValueChange:_?e=>_(e):void 0,"aria-label":D.regionAriaLabel,className:t.cn(`smart-accordion--component`,f[y],x),children:r.map(e=>(0,a.jsxs)(l,{value:e.value,className:t.cn(p[y],S),children:[(0,a.jsx)(u,{className:t.cn(m,C),disabled:e.disabled,children:(0,a.jsxs)(`div`,{className:t.cn(`grid min-w-0 flex-1 items-center gap-x-3`,k),children:[(0,a.jsx)(v,{iconStyle:b,icon:e.icon}),(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,a.jsx)(n.s,{tag:`span`,weight:`semibold`,className:`min-w-0`,children:e.title}),!!e.badge&&(0,a.jsx)(`span`,{className:`inline-flex shrink-0`,children:e.badge})]})]})}),(0,a.jsx)(d,{className:t.cn(O,w),children:(0,a.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});_.displayName=`SmartAccordion`;function v({iconStyle:e,icon:n}){return e===`none`?null:n?e===`inline`?(0,a.jsx)(`span`,{className:`inline-flex shrink-0 self-center text-muted-foreground`,children:n}):(0,a.jsx)(r.t,{size:`default`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,className:`self-center`,children:n}):(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`inline-flex shrink-0`,e===`inline`?`size-icon-lg`:`size-avatar`)})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=accordion-ClVkIaCy.cjs.map

package/dist/_shared/accordion-ClVkIaCy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-ClVkIaCy.cjs","names":[],"sources":["../../src/components/ui/accordion.tsx","../../src/components/base/accordion/accordion-variants.ts","../../src/components/base/accordion/accordion.strings.ts","../../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-2xl border\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b data-open:bg-muted/50\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any composed surface that builds on `base/accordion` directly\n * (e.g. `composed/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-3 px-3 py-row-y` — density-driven, `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the primitive panel's own `px-4`.\n *   Medallion rows add `pl-10`, inline-icon rows add `pl-6`, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nexport type AccordionShellVariant = 'card' | 'bordered' | 'flat';\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'space-y-2 border-0 rounded-none overflow-visible',\n\tbordered: 'rounded-lg border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-md data-open:bg-card',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/40',\n\tflat: 'border-0 bg-transparent data-open:bg-muted/30 rounded-md',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-3 px-3 py-row-y text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * (size-8 = 32px) plus `gap-3` (12px) so body text aligns under the\n * title.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-10 pr-0 pt-0',\n\twithInline: 'pl-6 pr-0 pt-0',\n\twithoutIcon: 'pl-0 pr-0 pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — composed-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '@/components/base/accordion';\n */\nimport { forwardRef } from 'react';\n\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'card',\n\ticonStyle = 'medallion',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst contentPadding =\n\t\ticonStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? ACCORDION_CONTENT_PADDING.withInline\n\t\t\t\t: ACCORDION_CONTENT_PADDING.withoutIcon;\n\tconst triggerGridClass =\n\t\ticonStyle === 'medallion'\n\t\t\t? 'grid-cols-[var(--avatar)_minmax(0,1fr)]'\n\t\t\t: iconStyle === 'inline'\n\t\t\t\t? 'grid-cols-[var(--icon-lg)_minmax(0,1fr)]'\n\t\t\t\t: 'grid-cols-[minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-3', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon iconStyle={iconStyle} icon={item.icon} />\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: React.ReactNode;\n}) {\n\tif (iconStyle === 'none') return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn <span className=\"inline-flex shrink-0 self-center text-muted-foreground\">{icon}</span>;\n\t}\n\treturn (\n\t\t<IconBadge size=\"default\" tone=\"muted\" shape=\"circle\" aria-hidden=\"true\" className=\"self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}

package/dist/_shared/action-menu-8RN2_Jdr.js

@@ -0,0 +1,96 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./button-CNEMqDHK.js";
+import { a as n, g as r, r as i, s as a, t as o } from "./dropdown-menu-5fFMhKo4.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MoreVertical as d } from "lucide-react";
+//#region src/components/base/navigation/action-menu.tsx
+var f = ({ label: n, icon: a = d, srText: f = "Open menu", buttonProps: p, align: m = "center", children: h, contentClassName: g = "", width: _ = "w-auto", closeOnSelect: v = !1, density: y = "default" }) => {
+	let [b, x] = s.useState(!1), S = s.useMemo(() => {
+		let e = s.Children.toArray(h).map((e) => {
+			if (!s.isValidElement(e) || e.type.displayName !== "MenuAction") return e;
+			let t = e, n = t.props.onClick;
+			return s.cloneElement(t, {
+				onClick: () => {
+					n && n(), v && x(!1);
+				},
+				density: t.props.density ?? y
+			});
+		}), t = e.filter((e) => s.isValidElement(e) ? e.props.variant !== "error" : !1), n = e.filter((e) => s.isValidElement(e) ? e.props.variant === "error" : !1);
+		return [...t, ...n];
+	}, [
+		h,
+		v,
+		y
+	]), C = {
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon",
+		className: "size-control p-0"
+	}, { variant: w = "secondary", buttonStyle: T = "ghost", size: E = "icon", className: D, ...O } = {
+		...C,
+		...p,
+		className: e(C.className, p?.className)
+	}, k = n ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "mr-space-sm size-icon-sm" }), n] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { className: "size-icon-sm" }), /* @__PURE__ */ l("span", {
+		className: "sr-only",
+		children: f
+	})] });
+	return /* @__PURE__ */ u(o, {
+		open: b,
+		onOpenChange: x,
+		children: [/* @__PURE__ */ l(r, { render: (n) => /* @__PURE__ */ l(t, {
+			...O,
+			...n,
+			type: "button",
+			variant: w,
+			buttonStyle: T,
+			size: E,
+			className: e("action-menu--component", D, n.className),
+			children: k
+		}) }), /* @__PURE__ */ l(i, {
+			align: m,
+			className: e(_, "min-w-36 p-space-xs", y === "table" && "text-pxs leading-5", g),
+			children: S
+		})]
+	});
+};
+f.displayName = "ActionMenu";
+var p = s.forwardRef(({ onClick: t, href: r, prefetch: i, disabled: o = !1, icon: s, label: c, variant: d = "secondary", className: f = "", children: p, density: m = "default" }, h) => {
+	let g = r && !o, _ = g ? (t) => /* @__PURE__ */ l("a", {
+		...t,
+		href: r,
+		className: e(t.className)
+	}) : void 0;
+	return p ? g ? /* @__PURE__ */ l(a, {
+		href: r,
+		onClick: t,
+		render: _,
+		className: e("gap-space-sm px-control-sm py-space-xs text-pxs", m === "table" && "text-inherit leading-5", f),
+		children: p
+	}) : /* @__PURE__ */ l(n, {
+		ref: h,
+		disabled: o,
+		onClick: t,
+		className: e("gap-space-sm px-control-sm py-space-xs text-pxs", m === "table" && "text-inherit leading-5", f),
+		children: p
+	}) : g ? /* @__PURE__ */ u(a, {
+		href: r,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		render: _,
+		className: e("gap-space-sm px-control-sm py-space-xs text-pxs", m === "table" && "leading-5", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "size-icon-sm" }), c]
+	}) : /* @__PURE__ */ u(n, {
+		ref: h,
+		disabled: o,
+		variant: d === "error" ? "destructive" : "default",
+		onClick: t,
+		className: e("gap-space-sm px-control-sm py-space-xs text-pxs", m === "table" && "leading-5", f),
+		children: [!!s && /* @__PURE__ */ l(s, { className: "size-icon-sm" }), c]
+	});
+});
+p.displayName = "MenuAction";
+//#endregion
+export { p as n, f as t };
+
+//# sourceMappingURL=action-menu-8RN2_Jdr.js.map

package/dist/_shared/action-menu-8RN2_Jdr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-8RN2_Jdr.js","names":[],"sources":["../../src/components/base/navigation/action-menu.tsx"],"sourcesContent":["/**\n * ActionMenu — dropdown trigger + grouped menu items. Use `MenuAction`\n * children to define each menu entry; `variant=\"error\"` actions are\n * automatically grouped at the bottom for visual separation. Optional\n * `closeOnSelect` closes the menu after each selection. The `density=\"table\"`\n * variant tightens type and spacing for use inside DataTable rows.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { type ReactElement } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>>;\ntype ActionMenuDensity = 'default' | 'table';\n\nexport interface ActionMenuProps {\n\tlabel?: string;\n\ticon?: LucideIcon;\n\tsrText?: string;\n\tbuttonProps?: ActionMenuButtonProps;\n\talign?: 'center' | 'start' | 'end';\n\tchildren?: React.ReactNode;\n\tcontentClassName?: string;\n\twidth?: string;\n\tcloseOnSelect?: boolean;\n\tdensity?: ActionMenuDensity;\n}\n\nexport interface MenuActionProps {\n\tonClick?: () => void;\n\thref?: string;\n\tprefetch?: boolean;\n\tdisabled?: boolean;\n\ticon?: LucideIcon;\n\tlabel?: string;\n\tvariant?: 'primary' | 'secondary' | 'error';\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tdensity?: ActionMenuDensity;\n}\n\nexport const ActionMenu = ({\n\tlabel,\n\ticon: IconComponent = MoreVertical,\n\tsrText = 'Open menu',\n\tbuttonProps,\n\talign = 'center',\n\tchildren,\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = false,\n\tdensity = 'default',\n}: ActionMenuProps) => {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst processedChildren = React.useMemo(() => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\n\t\tconst clonedChildren = childrenArray.map((child) => {\n\t\t\tif (!React.isValidElement(child)) return child;\n\n\t\t\tconst childType = child.type as React.ComponentType & { displayName?: string };\n\t\t\tif (childType.displayName !== 'MenuAction') return child;\n\n\t\t\tconst menuActionChild = child as React.ReactElement<MenuActionProps>;\n\t\t\tconst onClick = menuActionChild.props.onClick;\n\n\t\t\treturn React.cloneElement(menuActionChild, {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tif (onClick) onClick();\n\t\t\t\t\tif (closeOnSelect) setOpen(false);\n\t\t\t\t},\n\t\t\t\tdensity: menuActionChild.props.density ?? density,\n\t\t\t});\n\t\t});\n\n\t\tconst standardActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant !== 'error';\n\t\t});\n\n\t\tconst destructiveActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant === 'error';\n\t\t});\n\n\t\treturn [...standardActions, ...destructiveActions];\n\t}, [children, closeOnSelect, density]);\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\tvariant: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: 'icon',\n\t\tclassName: 'size-control p-0',\n\t};\n\n\tconst mergedButtonProps = {\n\t\t...defaultButtonProps,\n\t\t...buttonProps,\n\t\tclassName: cn(defaultButtonProps.className, buttonProps?.className),\n\t};\n\n\tconst {\n\t\tvariant = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'icon',\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t<IconComponent className=\"mr-space-sm size-icon-sm\" />\n\t\t\t{label}\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t<IconComponent className=\"size-icon-sm\" />\n\t\t\t<span className=\"sr-only\">{srText}</span>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\trender={(dropdownTriggerProps) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\ttriggerClassName,\n\n\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-36 p-space-xs',\n\t\t\t\t\tdensity === 'table' && 'text-pxs leading-5',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{processedChildren}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const MenuAction = React.forwardRef<HTMLDivElement, MenuActionProps>(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\thref,\n\t\t\tprefetch,\n\t\t\tdisabled = false,\n\t\t\ticon: IconComponent,\n\t\t\tlabel,\n\t\t\tvariant = 'secondary',\n\t\t\tclassName = '',\n\t\t\tchildren,\n\t\t\tdensity = 'default',\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst renderLink = href && !disabled;\n\t\tvoid prefetch;\n\t\tconst linkRenderer = renderLink\n\t\t\t? (renderProps: React.ComponentPropsWithoutRef<'a'>) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\t{...renderProps}\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tclassName={cn(renderProps.className)}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t: undefined;\n\n\t\tif (children) {\n\t\t\tif (renderLink) {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuItem>\n\t\t\t);\n\t\t}\n\n\t\tif (renderLink) {\n\t\t\treturn (\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\thref={href}\n\t\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t\t{label}\n\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\tonClick={onClick}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t{label}\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t},\n);\n\nMenuAction.displayName = 'MenuAction';\n"],"mappings":"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"}

package/dist/_shared/action-menu-Cx2xaBjN.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./button-CB8e7fui.cjs"),r=require("./dropdown-menu-B_SCGRL2.cjs");let i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("lucide-react");var s=({label:e,icon:s=o.MoreVertical,srText:c=`Open menu`,buttonProps:l,align:u=`center`,children:d,contentClassName:f=``,width:p=`w-auto`,closeOnSelect:m=!1,density:h=`default`})=>{let[g,_]=i.default.useState(!1),v=i.default.useMemo(()=>{let e=i.default.Children.toArray(d).map(e=>{if(!i.default.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return i.default.cloneElement(t,{onClick:()=>{n&&n(),m&&_(!1)},density:t.props.density??h})}),t=e.filter(e=>i.default.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>i.default.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[d,m,h]),y={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`size-control p-0`},{variant:b=`secondary`,buttonStyle:x=`ghost`,size:S=`icon`,className:C,...w}={...y,...l,className:t.cn(y.className,l?.className)},T=e?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{className:`mr-space-sm size-icon-sm`}),e]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{className:`size-icon-sm`}),(0,a.jsx)(`span`,{className:`sr-only`,children:c})]});return(0,a.jsxs)(r.t,{open:g,onOpenChange:_,children:[(0,a.jsx)(r.g,{render:e=>(0,a.jsx)(n.t,{...w,...e,type:`button`,variant:b,buttonStyle:x,size:S,className:t.cn(`action-menu--component`,C,e.className),children:T})}),(0,a.jsx)(r.r,{align:u,className:t.cn(p,`min-w-36 p-space-xs`,h===`table`&&`text-pxs leading-5`,f),children:v})]})};s.displayName=`ActionMenu`;var c=i.default.forwardRef(({onClick:e,href:n,prefetch:i,disabled:o=!1,icon:s,label:c,variant:l=`secondary`,className:u=``,children:d,density:f=`default`},p)=>{let m=n&&!o,h=m?e=>(0,a.jsx)(`a`,{...e,href:n,className:t.cn(e.className)}):void 0;return d?m?(0,a.jsx)(r.s,{href:n,onClick:e,render:h,className:t.cn(`gap-space-sm px-control-sm py-space-xs text-pxs`,f===`table`&&`text-inherit leading-5`,u),children:d}):(0,a.jsx)(r.a,{ref:p,disabled:o,onClick:e,className:t.cn(`gap-space-sm px-control-sm py-space-xs text-pxs`,f===`table`&&`text-inherit leading-5`,u),children:d}):m?(0,a.jsxs)(r.s,{href:n,variant:l===`error`?`destructive`:`default`,onClick:e,render:h,className:t.cn(`gap-space-sm px-control-sm py-space-xs text-pxs`,f===`table`&&`leading-5`,u),children:[!!s&&(0,a.jsx)(s,{className:`size-icon-sm`}),c]}):(0,a.jsxs)(r.a,{ref:p,disabled:o,variant:l===`error`?`destructive`:`default`,onClick:e,className:t.cn(`gap-space-sm px-control-sm py-space-xs text-pxs`,f===`table`&&`leading-5`,u),children:[!!s&&(0,a.jsx)(s,{className:`size-icon-sm`}),c]})});c.displayName=`MenuAction`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=action-menu-Cx2xaBjN.cjs.map

package/dist/_shared/action-menu-Cx2xaBjN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-menu-Cx2xaBjN.cjs","names":[],"sources":["../../src/components/base/navigation/action-menu.tsx"],"sourcesContent":["/**\n * ActionMenu — dropdown trigger + grouped menu items. Use `MenuAction`\n * children to define each menu entry; `variant=\"error\"` actions are\n * automatically grouped at the bottom for visual separation. Optional\n * `closeOnSelect` closes the menu after each selection. The `density=\"table\"`\n * variant tightens type and spacing for use inside DataTable rows.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport { MoreVertical } from 'lucide-react';\nimport React, { type ReactElement } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\ntype ActionMenuButtonProps = Partial<React.ComponentPropsWithoutRef<typeof Button>>;\ntype ActionMenuDensity = 'default' | 'table';\n\nexport interface ActionMenuProps {\n\tlabel?: string;\n\ticon?: LucideIcon;\n\tsrText?: string;\n\tbuttonProps?: ActionMenuButtonProps;\n\talign?: 'center' | 'start' | 'end';\n\tchildren?: React.ReactNode;\n\tcontentClassName?: string;\n\twidth?: string;\n\tcloseOnSelect?: boolean;\n\tdensity?: ActionMenuDensity;\n}\n\nexport interface MenuActionProps {\n\tonClick?: () => void;\n\thref?: string;\n\tprefetch?: boolean;\n\tdisabled?: boolean;\n\ticon?: LucideIcon;\n\tlabel?: string;\n\tvariant?: 'primary' | 'secondary' | 'error';\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tdensity?: ActionMenuDensity;\n}\n\nexport const ActionMenu = ({\n\tlabel,\n\ticon: IconComponent = MoreVertical,\n\tsrText = 'Open menu',\n\tbuttonProps,\n\talign = 'center',\n\tchildren,\n\tcontentClassName = '',\n\twidth = 'w-auto',\n\tcloseOnSelect = false,\n\tdensity = 'default',\n}: ActionMenuProps) => {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst processedChildren = React.useMemo(() => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\n\t\tconst clonedChildren = childrenArray.map((child) => {\n\t\t\tif (!React.isValidElement(child)) return child;\n\n\t\t\tconst childType = child.type as React.ComponentType & { displayName?: string };\n\t\t\tif (childType.displayName !== 'MenuAction') return child;\n\n\t\t\tconst menuActionChild = child as React.ReactElement<MenuActionProps>;\n\t\t\tconst onClick = menuActionChild.props.onClick;\n\n\t\t\treturn React.cloneElement(menuActionChild, {\n\t\t\t\tonClick: () => {\n\t\t\t\t\tif (onClick) onClick();\n\t\t\t\t\tif (closeOnSelect) setOpen(false);\n\t\t\t\t},\n\t\t\t\tdensity: menuActionChild.props.density ?? density,\n\t\t\t});\n\t\t});\n\n\t\tconst standardActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant !== 'error';\n\t\t});\n\n\t\tconst destructiveActions = clonedChildren.filter((child): child is ReactElement<MenuActionProps> => {\n\t\t\tif (!React.isValidElement(child)) return false;\n\t\t\treturn (child.props as MenuActionProps).variant === 'error';\n\t\t});\n\n\t\treturn [...standardActions, ...destructiveActions];\n\t}, [children, closeOnSelect, density]);\n\n\tconst defaultButtonProps: ActionMenuButtonProps = {\n\t\tvariant: 'secondary',\n\t\tbuttonStyle: 'ghost',\n\t\tsize: 'icon',\n\t\tclassName: 'size-control p-0',\n\t};\n\n\tconst mergedButtonProps = {\n\t\t...defaultButtonProps,\n\t\t...buttonProps,\n\t\tclassName: cn(defaultButtonProps.className, buttonProps?.className),\n\t};\n\n\tconst {\n\t\tvariant = 'secondary',\n\t\tbuttonStyle = 'ghost',\n\t\tsize = 'icon',\n\t\tclassName: triggerClassName,\n\t\t...triggerProps\n\t} = mergedButtonProps;\n\n\tconst buttonContent = label ? (\n\t\t<>\n\t\t\t<IconComponent className=\"mr-space-sm size-icon-sm\" />\n\t\t\t{label}\n\t\t</>\n\t) : (\n\t\t<>\n\t\t\t<IconComponent className=\"size-icon-sm\" />\n\t\t\t<span className=\"sr-only\">{srText}</span>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<DropdownMenu open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\trender={(dropdownTriggerProps) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t{...dropdownTriggerProps}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tbuttonStyle={buttonStyle}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'action-menu--component',\n\t\t\t\t\t\t\ttriggerClassName,\n\n\t\t\t\t\t\t\t(dropdownTriggerProps as { className?: string }).className,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{buttonContent}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\n\t\t\t\t\twidth,\n\t\t\t\t\t'min-w-36 p-space-xs',\n\t\t\t\t\tdensity === 'table' && 'text-pxs leading-5',\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{processedChildren}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n\nActionMenu.displayName = 'ActionMenu';\n\nexport const MenuAction = React.forwardRef<HTMLDivElement, MenuActionProps>(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\thref,\n\t\t\tprefetch,\n\t\t\tdisabled = false,\n\t\t\ticon: IconComponent,\n\t\t\tlabel,\n\t\t\tvariant = 'secondary',\n\t\t\tclassName = '',\n\t\t\tchildren,\n\t\t\tdensity = 'default',\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst renderLink = href && !disabled;\n\t\tvoid prefetch;\n\t\tconst linkRenderer = renderLink\n\t\t\t? (renderProps: React.ComponentPropsWithoutRef<'a'>) => (\n\t\t\t\t\t<a\n\t\t\t\t\t\t{...renderProps}\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tclassName={cn(renderProps.className)}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t: undefined;\n\n\t\tif (children) {\n\t\t\tif (renderLink) {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<DropdownMenuItem\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\tdensity === 'table' && 'text-inherit leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuItem>\n\t\t\t);\n\t\t}\n\n\t\tif (renderLink) {\n\t\t\treturn (\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\thref={href}\n\t\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\t\tonClick={onClick}\n\t\t\t\t\trender={linkRenderer}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t\t{label}\n\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant === 'error' ? 'destructive' : 'default'}\n\t\t\t\tonClick={onClick}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\t\t\tdensity === 'table' && 'leading-5',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!IconComponent && <IconComponent className=\"size-icon-sm\" />}\n\t\t\t\t{label}\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t},\n);\n\nMenuAction.displayName = 'MenuAction';\n"],"mappings":"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"}

package/dist/_shared/ai-artifact-BO0XGFHz.cjs

@@ -0,0 +1,3 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./button-CB8e7fui.cjs"),r=require("./typography-sXFd02zl.cjs"),i=require("./icon-badge-CU6ZkcER.cjs"),a=require("./badge-B0Ashqkn.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("lucide-react");var l={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},u={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},d={assistant:c.Bot,user:c.User,system:c.Bot};function f({role:i=`assistant`,avatar:a,avatarLabel:f,authorName:p,timestamp:m,children:h,plainText:g,loading:_=!1,onCopy:v,onRegenerate:y,className:b,strings:x}){let S=e.useStrings(l,x),[C,w]=(0,o.useState)(!1),T=u[i],E=d[i],D=()=>{let e=g??(typeof h==`string`?h:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),w(!0),v?.(),window.setTimeout(()=>w(!1),1500)},O=a??(0,s.jsx)(`span`,{"aria-label":f,className:t.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,T.avatar),children:(0,s.jsx)(E,{className:`size-3.5`})});return(0,s.jsxs)(`div`,{className:t.cn(`ai-message-bubble--component`,`flex w-full items-start gap-2`,T.wrap,b),children:[O,(0,s.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(p||m)&&(0,s.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!p&&(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,children:p}),!!m&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:m})]}),(0,s.jsx)(`div`,{className:t.cn(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,T.bubble,_&&`animate-pulse`),children:h}),(v!==void 0||g||y)&&i===`assistant`&&(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":S.copyAria,onClick:D,children:(0,s.jsx)(c.Copy,{className:`size-3.5`})}),C&&(0,s.jsx)(r.s,{size:`xs`,type:`success`,children:S.copied}),!!y&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":S.regenerateAria,onClick:y,children:(0,s.jsx)(c.RotateCcw,{className:`size-3.5`})})]})]})]})}f.displayName=`AiMessageBubble`;var p={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},m={pending:{variant:`secondary`,icon:c.CircleDot},running:{variant:`primary`,icon:c.Loader2},success:{variant:`success`},error:{variant:`error`,icon:c.AlertCircle}};function h(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function g({name:l,status:u,icon:d=c.Wrench,args:f,result:g,error:v,durationMs:y,defaultExpanded:b=!1,className:x,strings:S}){let C=e.useStrings(p,S),[w,T]=(0,o.useState)(b),E={pending:C.pending,running:C.running,success:C.success,error:C.error},D=m[u].icon,O=!!(f||g||v);return(0,s.jsxs)(`div`,{className:t.cn(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,u===`error`&&`border-destructive/40 bg-destructive/5`,x),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>O&&T(e=>!e),className:t.cn(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,O?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":O?w:void 0,"aria-label":O?w?C.collapse:C.expand:void 0,children:[(0,s.jsx)(i.t,{icon:d,tone:`muted`,size:`default`,shape:`square`}),(0,s.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,s.jsx)(r.s,{weight:`medium`,className:`truncate font-mono`,children:l})}),(0,s.jsxs)(a.t,{variant:m[u].variant,className:`gap-1`,children:[!!D&&(0,s.jsx)(D,{className:t.cn(`size-3`,u===`running`&&`animate-spin`)}),E[u]]}),!!y&&(0,s.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[C.durationLabel,` `,h(y)]}),O&&(w?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`}))]}),!!w&&O&&(0,s.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!f&&(0,s.jsx)(_,{label:C.args,children:f}),u===`error`&&v?(0,s.jsx)(_,{label:C.error,tone:`error`,children:v}):!!g&&(0,s.jsx)(_,{label:C.result,children:g})]})]})}g.displayName=`AiToolCall`;function _({label:e,children:n,tone:i=`neutral`}){return(0,s.jsxs)(`div`,{className:`space-y-1`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,s.jsx)(`pre`,{tabIndex:0,className:t.cn(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,i===`error`&&`text-destructive bg-destructive/5`),children:n})]})}function v({children:e=`Thinking…`,paused:n=!1,duration:i=2.4,className:a}){if(n)return(0,s.jsx)(r.s,{type:`secondary`,className:t.cn(`ai-shimmer--component`,a),children:e});let o={"--ai-shimmer-duration":`${i}s`};return(0,s.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:t.cn(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,a),style:o,children:e})}v.displayName=`AiShimmer`;var y={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function b({code:i,language:a,filename:l,showLineNumbers:u=!1,highlightLines:d,hideHeader:f=!1,maxHeight:p,headerActions:m,onCopy:h,className:g,strings:_}){let v=e.useStrings(y,_),[b,x]=(0,o.useState)(!1),S=(0,o.useMemo)(()=>i.split(`
+`),[i]),C=(0,o.useMemo)(()=>new Set(d??[]),[d]),w=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(i),x(!0),h?.(),window.setTimeout(()=>x(!1),1500)},T=l||a||v.defaultLanguageLabel;return(0,s.jsxs)(`div`,{className:t.cn(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,g),children:[!f&&(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:T}),!!l&&!!a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,s.jsx)(r.s,{size:`xs`,type:`discrete`,className:`font-mono lowercase`,children:a})]}),(0,s.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[m,(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":v.copyAria,onClick:w,children:b?(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}):(0,s.jsx)(c.Copy,{className:`size-3.5`})})]})]}),(0,s.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,tabIndex:0,style:p===void 0?void 0:{maxHeight:typeof p==`number`?`${p}px`:p},children:(0,s.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:u?(0,s.jsx)(`table`,{className:`w-full border-collapse`,children:(0,s.jsx)(`tbody`,{children:S.map((e,n)=>{let r=n+1;return(0,s.jsxs)(`tr`,{className:t.cn(C.has(r)&&`bg-primary/10`),children:[(0,s.jsx)(`td`,{className:t.cn(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-9 min-w-9`),children:r}),(0,s.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},n)})})}):(0,s.jsx)(`code`,{className:`block whitespace-pre`,children:i})})})]})}b.displayName=`AiCodeBlock`;var x={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},S={image:c.ImageIcon,document:c.FileText,audio:c.AudioLines,video:c.Video,code:c.FileCode,archive:c.Archive,generic:c.FileText};function C({name:i,meta:a,kind:o=`generic`,icon:l,thumbnailUrl:u,progress:d,errored:f=!1,onOpen:p,onRemove:m,className:h,strings:g}){let _=e.useStrings(x,g),v=l??S[o],y=!f&&typeof d==`number`&&d>=0&&d<1,b=(0,s.jsxs)(s.Fragment,{children:[u?(0,s.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${u})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,f?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:f?(0,s.jsx)(c.AlertCircle,{className:`size-4`}):(0,s.jsx)(v,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`medium`,className:`block truncate`,children:i}),!!a&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`block truncate tabular-nums`,children:a}),y&&(0,s.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":_.uploadProgressAria,children:(0,s.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((d??0)*100)}%`}})})]})]});return(0,s.jsxs)(`div`,{className:t.cn(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,f&&`border-destructive/40 bg-destructive/5`,h),children:[p?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:p,"aria-label":_.openAria,className:t.cn(`h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left`),children:b}):(0,s.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:b}),!!m&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.removeAria,onClick:m,className:`opacity-60 group-hover:opacity-100`,children:(0,s.jsx)(c.X,{className:`size-3.5`})})]})}C.displayName=`AiAttachment`;var w={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},T={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},E={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function D({name:n,icon:i,avatar:o,subtitle:l,tone:u=`primary`,status:d,variant:f=`inline`,trailing:p,className:m,strings:h}){let g=e.useStrings(w,h),_=i??c.Bot,v=f===`card`?`size-9`:`size-7`,y=f===`card`?`size-4`:`size-3.5`,b=o??(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-flex shrink-0 items-center justify-center rounded-full`,v,T[u]),children:(0,s.jsx)(_,{className:y})}),x=!!d&&(0,s.jsxs)(a.t,{variant:E[d],className:`gap-1`,children:[(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`inline-block size-1.5 rounded-full`,d===`thinking`||d===`working`?`animate-pulse bg-current`:`bg-current`)}),g.statusLabels[d]]});return f===`card`?(0,s.jsxs)(`div`,{className:t.cn(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,m),children:[b,(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:n}),x]}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:l})]}),!!p&&(0,s.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:p})]}):(0,s.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-2`,m),children:[b,(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,className:`truncate`,children:n}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:l}),x]}),!!p&&(0,s.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:p})]})}D.displayName=`AiAgent`;var O={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},k={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function A({title:a,description:o,icon:l,tone:u=`neutral`,status:d=`pending`,onApprove:f,onReject:p,approveLabel:m,rejectLabel:h,details:g,className:_,strings:v}){let y=e.useStrings(O,v),b=l??c.ShieldCheck,x=k[u];return(0,s.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:t.cn(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,x.ring,_),children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,s.jsx)(i.t,{icon:b,tone:x.icon,size:`default`,shape:`square`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`semibold`,children:a}),!!o&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1`,children:o}),!!g&&(0,s.jsx)(`div`,{className:`mt-2`,children:g})]})]}),d===`pending`?(0,s.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,children:y.pending}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:p,children:[(0,s.jsx)(c.X,{className:`size-3.5`}),h??y.reject]}),(0,s.jsxs)(n.t,{type:`button`,variant:u===`destructive`?`error`:`primary`,onClick:f,children:[(0,s.jsx)(c.Check,{className:`size-3.5`}),m??y.approve]})]})]}):(0,s.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:d===`approved`?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}),(0,s.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:y.approved})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.X,{className:`size-3.5 text-muted-foreground`}),(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,children:y.rejected})]})})]})}A.displayName=`AiConfirmation`;var j={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function M(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function N({sources:i,variant:a=`list`,maxAvatars:l=5,defaultExpanded:u=!1,onSelect:d,className:f,strings:p}){let m=e.mergeStrings(j,p),[h,g]=(0,o.useState)(u),_=M(m.title,{count:i.length});if(a===`avatars`)return(0,s.jsx)(P,{sources:i,max:l,title:_,onSelect:d,className:t.cn(`ai-sources--component`,f)});let v=h?i:i.slice(0,0);return(0,s.jsxs)(`div`,{className:t.cn(`ai-sources--component rounded-lg border border-border/60 bg-card`,f),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>g(e=>!e),"aria-expanded":h,"aria-label":h?m.collapse:m.expand,className:t.cn(`ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`),children:[(0,s.jsx)(F,{sources:i.slice(0,4)}),(0,s.jsx)(r.s,{size:`xs`,weight:`medium`,className:`flex-1`,children:_}),h?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`})]}),h&&(0,s.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:v.map((e,t)=>(0,s.jsx)(L,{source:e,index:t+1,onSelect:d?()=>d(e,t):void 0,visitLabel:m.visit},e.id))})]})}N.displayName=`AiSources`;function P({sources:e,max:n,title:i,onSelect:a,className:o}){let c=e.slice(0,n),l=e.length-c.length;return(0,s.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-2`,o),children:[(0,s.jsx)(F,{sources:c,onSelect:a}),(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,children:i}),l>0&&(0,s.jsxs)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`+`,l]})]})}function F({sources:e,onSelect:t}){return(0,s.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,r)=>{let i=(0,s.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60`,children:(0,s.jsx)(I,{src:e.faviconUrl})},e.id);return t?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>t(e,r),className:`size-5 rounded-full p-0`,children:i},e.id):i})})}function I({src:e}){let[t,n]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{n(!1)},[e]),!e||t?(0,s.jsx)(c.Globe,{className:`size-3`}):(0,s.jsx)(`img`,{src:e,alt:``,className:`size-full object-cover`,onError:()=>n(!0)})}function L({source:e,index:n,onSelect:i,visitLabel:a}){return(0,s.jsx)(`li`,{children:(0,s.jsxs)(e.url&&!i?`a`:i?`button`:`span`,{...e.url&&!i?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:i?{type:`button`,onClick:i}:{},className:t.cn(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||i)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?a:void 0,children:[(0,s.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(r.s,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,s.jsx)(c.ExternalLink,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var R={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function z(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function B({children:i,streaming:a=!1,durationSeconds:l,expandWhileStreaming:u=!0,defaultExpanded:d=!1,expanded:f,onExpandedChange:p,className:m,strings:h}){let g=e.useStrings(R,h),[_,y]=(0,o.useState)(d),b=f??_,x=e=>{f===void 0&&y(e),p?.(e)};(0,o.useEffect)(()=>{a&&u&&!b&&x(!0),!a&&u&&b&&!d&&f===void 0&&x(!1)},[a]);let S=a?(0,s.jsx)(v,{children:g.thinking}):l===void 0?(0,s.jsx)(r.s,{weight:`medium`,children:g.thoughtDone}):(0,s.jsx)(r.s,{weight:`medium`,children:z(g.thoughtFor,{seconds:l.toFixed(1)})});return(0,s.jsxs)(`div`,{className:t.cn(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,m),children:[(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>x(!b),"aria-expanded":b,"aria-label":b?g.collapseAria:g.expandAria,className:t.cn(`ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,`hover:bg-muted/30`),children:[(0,s.jsx)(c.Brain,{className:`size-3.5 text-muted-foreground`}),(0,s.jsx)(`div`,{className:`flex-1`,children:S}),b?(0,s.jsx)(c.ChevronDown,{className:`size-3.5 text-muted-foreground`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5 text-muted-foreground`})]}),b&&(0,s.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof i==`string`?(0,s.jsx)(r.s,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:i}):(0,s.jsx)(`div`,{className:`whitespace-pre-wrap`,children:i})})]})}B.displayName=`AiReasoning`;var V={title:`Reasoning`,streamingHint:`Working through the steps…`},H={pending:{icon:c.Circle,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:c.Loader2,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:c.Check,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:c.AlertCircle,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function U({steps:n,hideHeader:i=!1,streaming:a=!1,className:o,strings:c}){let l=e.useStrings(V,c);return(0,s.jsxs)(`div`,{className:t.cn(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,o),children:[!i&&(0,s.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:l.title}),a&&(0,s.jsx)(v,{className:`ml-auto !text-xs`,children:l.streamingHint})]}),(0,s.jsx)(`ol`,{className:`relative px-3 py-3`,children:n.map((e,i)=>{let a=e.status??`pending`,o=H[a],c=e.icon??o.icon;return(0,s.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[i!==n.length-1&&(0,s.jsx)(`span`,{"aria-hidden":!0,className:`absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60`}),(0,s.jsx)(`span`,{"aria-hidden":!0,className:t.cn(`relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border`,o.ring),children:(0,s.jsx)(c,{className:t.cn(`size-3`,o.iconCls,o.spin&&`animate-spin`)})}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:a===`active`?`semibold`:`medium`,className:t.cn(a===`pending`&&`text-muted-foreground`),children:e.title}),!!e.description&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.body&&(0,s.jsx)(`div`,{className:`mt-2`,children:e.body})]})]},e.id)})})]})}U.displayName=`AiChainOfThought`;var W={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`},collapseSubtasks:`Collapse subtasks`,expandSubtasks:`Expand subtasks`},G={queued:{icon:c.Circle,cls:`text-muted-foreground/60`},running:{icon:c.Loader2,cls:`text-primary`,spin:!0},completed:{icon:c.Check,cls:`text-success`},failed:{icon:c.AlertCircle,cls:`text-destructive`},cancelled:{icon:c.XCircle,cls:`text-muted-foreground`},skipped:{icon:c.MinusCircle,cls:`text-muted-foreground`}},K={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function q({task:n,density:r=`compact`,indent:i=18,className:a,strings:o}){let c=e.useStrings(W,o);return(0,s.jsx)(`div`,{className:t.cn(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,a),children:(0,s.jsx)(J,{item:n,depth:0,density:r,indent:i,strings:c})})}q.displayName=`AiTask`;function J({item:e,depth:i,density:l,indent:u,strings:d}){let f=e.status??`queued`,p=G[f],m=e.icon??p.icon,h=!!e.children?.length,[g,_]=(0,o.useState)(l===`expanded`||i===0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:t.cn(`flex items-start gap-2 px-3 py-2`,i>0&&`border-t border-border/60`),style:{paddingLeft:12+i*u},children:[h?(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>_(e=>!e),"aria-expanded":g,"aria-label":g?d.collapseSubtasks:d.expandSubtasks,className:`-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground`,children:g?(0,s.jsx)(c.ChevronDown,{className:`size-3.5`}):(0,s.jsx)(c.ChevronRight,{className:`size-3.5`})}):(0,s.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,s.jsx)(m,{className:t.cn(`mt-[3px] size-3.5 shrink-0`,p.cls,p.spin&&`animate-spin`)}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(r.s,{weight:f===`running`?`semibold`:`medium`,className:t.cn(`flex-1 truncate`,f===`queued`&&`text-muted-foreground`,f===`cancelled`&&`line-through text-muted-foreground`,f===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,s.jsx)(a.t,{variant:K[f],children:d.statusLabels[f]}),!!e.rightSlot&&(0,s.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,s.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),h&&g&&(0,s.jsx)(`div`,{children:e.children.map(e=>(0,s.jsx)(J,{item:e,depth:i+1,density:l,indent:u,strings:d},e.id))})]})}var Y={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function X({title:a,subtitle:l,icon:u,copyText:d,children:f,collapsed:p=!1,onOpen:m,actions:h,onDownload:g,className:_,strings:v}){let y=e.useStrings(Y,v),b=u??c.FileText,[x,S]=(0,o.useState)(!1);return(0,s.jsxs)(`div`,{className:t.cn(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,_),children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,s.jsx)(i.t,{icon:b,tone:`muted`,size:`default`,shape:`square`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:a}),!!l&&(0,s.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:l})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-1`,children:[h?.map(e=>{let t=e.icon;return(0,s.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,s.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!d&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.copyAria,onClick:()=>{d&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(d),S(!0),window.setTimeout(()=>S(!1),1500))},children:x?(0,s.jsx)(c.Check,{className:`size-3.5 text-success`}):(0,s.jsx)(c.Copy,{className:`size-3.5`})}),!!g&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.downloadAria,onClick:g,children:(0,s.jsx)(c.Download,{className:`size-3.5`})}),!!m&&(0,s.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":y.openAria,onClick:m,children:(0,s.jsx)(c.ExternalLink,{className:`size-3.5`})})]})]}),!p&&!!f&&(0,s.jsx)(`div`,{className:`bg-card`,children:f})]})}X.displayName=`AiArtifact`,Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return v}});
+//# sourceMappingURL=ai-artifact-BO0XGFHz.cjs.map