themelia-react-ui 2.0.5 → 3.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 A publishable React UI package built on Base UI and Tailwind, with shadcn-compatible themes and Themelia's public APIs. Routing, persistence, permissions and translations remain consumer-owned.
 
-Package: **`themelia-react-ui`** · current version: **`2.0.5`** · MIT licensed.
+Package: **`themelia-react-ui`** · current version: **`3.0.0`** · MIT licensed.
 The GitHub repository is `themelia-react-ui`; npm imports use `themelia-react-ui`.
 
 Consuming apps start with [consumer setup](#consumer-setup) and the packaged
@@ -20,7 +20,9 @@ For repository development and verification, use Node 24.12+ within the Node 24
 ```sh
 npm ci
 npm run dev
-npm run check:all
+npm run check:quick         # everyday gate: contract, lint, types, unit tests, build
+npm run test:browser:quick  # one width and theme per browser case
+npm run check:all           # full gate with the whole browser matrix, before a release
 ```
 
 The Vite React playground has foundations, a complete searchable catalogue, and an interactive products workspace. The catalogue groups Foundations (including semantic primitives and composition structures), Base components, Layouts, Blocks, and domain Features. Layouts includes five composed AppLayout presets (light header, dark header, sidebar, inset canvas and stacked navigation), plus a responsive composition guide for viewport grids, parent-driven grids, wrapping actions and stable content order. Navigation uses actual package families, static domain headings above Features, padded disclosures and a single Skeletons family page. Expansion persists across page changes and mobile drawer closure; search shows the same group context. `/` opens the full catalogue with preview-only hash navigation (`/?page=catalog` also works); `/?page=products` exercises options, generation, validation, async save/retry and bulk actions. React Router is not a dependency.
@@ -35,9 +37,9 @@ the three catalogue structures.
 
 `build` emits ESM entrypoints, TypeScript declarations, compiled component CSS, editable Tailwind theme source and optional map styles. Playground files stay outside the tarball. `check:contract` enforces exact exports, retained source symbols, component layers, dependencies and token ownership. `check:preview` verifies ready routes, example files, exact current public symbols, published imports and public family coverage. `check:docs` verifies local props for source-origin-qualified public callable owners, including all static displayed PropsTables. `check:package` requires a fresh `npm run build`. It installs the tarball into an isolated consumer, checks strict declarations for every family and matches installed declaration exports to the source-backed skill index. Its installed basic fixture checks SSR/hydration and executes provider defaults, controlled Input/Select/Checkbox state, form submission/validation/reset, scoped overlay portals and async confirmation/retry. Native links retain a separate strict typecheck and Vite-build smoke. The optional fixture exercises controlled table sorting/selection/visibility and client module initialization for specialist peers. Initialization does not establish specialist workflow or server-rendering support. It uses the configured npm cache, or `THEMELIA_NPM_CACHE`; a fresh `npm ci` cache may lack fixture registry metadata. Use `THEMELIA_FIXTURE_INSTALL=online` explicitly for cold temporary consumers, or supply a prepared cache for the default offline install. See [release readiness](docs/releasing.md).
 
-`lint` runs development-only `@shadcn/lint` through Oxlint: semantic colors across components, shared recipes and preview TSX and fixed typography contracts in preview examples. `check:design-lint` proves rule recognition, package stylesheet discovery and permitted customization. Both run inside `check`; `.oxlintrc.json` owns the staged policy. See [typography and lint guidance](docs/typography-and-design-lint.md).
+`lint` runs development-only `@shadcn/lint` through Oxlint: semantic colors across components, shared recipes and preview TSX and fixed typography contracts in preview examples. The same run applies Oxlint's React hook rules and `jsx-a11y` accessibility rules to that source. `check:design-lint` proves rule recognition, package stylesheet discovery and permitted customization. Both run inside `check`; `.oxlintrc.json` owns the staged policy. See [typography and lint guidance](docs/typography-and-design-lint.md).
 
-`check` runs source/documentation checks, lint/design/types/unit checks, one library build, built declaration/skill and source-map checks, the installed package harness, then one preview build, in order. `check:all` adds the curated browser regression suite against that fresh static output, with zero retries. `test:browser` rebuilds the preview and runs those regressions independently. Exactly `deep-visual-audit.spec.ts` and `deep-audit-slices.spec.ts` are evidence collectors: `collect:browser` runs them separately, and their successful collection does not establish visual acceptance. Regression screenshots use per-test Playwright output paths. Set `THEMELIA_EVIDENCE_OUTPUT` to an explicit durable directory only when preserving a review; collectors also accept `AUDIT_OUTPUT`.
+`check:quick` is the everyday gate: the unit tests run beside the design lint, and the contract, lint, type and build checks follow the design lint in parallel (`scripts/run-gate.mjs`). `check` is the same plan with the source/documentation checks, the built declaration/skill and source-map checks, the installed package harness and one preview build added. Every step runs even when an earlier one fails, and the output of each failed step is printed at the end. `npm test` runs the unit suite as two Vitest processes: files that share one module graph, and files that mock modules, globals or timers, which get a context each (`vitest.config.ts` assigns them from the source). `check:all` adds the curated browser regression suite against that fresh static output, with zero retries. `test:browser` rebuilds the preview and runs those regressions independently. Exactly `deep-visual-audit.spec.ts` and `deep-audit-slices.spec.ts` are evidence collectors: `collect:browser` runs them separately, and their successful collection does not establish visual acceptance. Ordinary browser runs skip the screenshots that specs only save for review, because capturing them was about a third of the suite's run time; a screenshot whose pixels a test reads is always taken. Pass `--evidence` to `scripts/run-browser.mjs`, or set `THEMELIA_EVIDENCE_OUTPUT` to an explicit durable directory, to keep the files when preserving a review; the collectors always keep them and also accept `AUDIT_OUTPUT`.
 
 For quality reviews, reproduce each finding, repair its shared owner, inspect the
 rendered result and execute the relevant behavior. Record those results in a
@@ -49,6 +51,8 @@ Browser verification requires Playwright Chromium. An existing executable can be
 
 ## Consumer setup
 
+Upgrading from `themelia-react-ui` 2.x, or moving an app from `admin-ui-starter-kit`? See the [migration guide](MIGRATION.md): it lists every 3.0 removal with its replacement.
+
 Install a built tarball; use a registry release when available. React 19, React DOM 19, the declared Base UI peer and Lucide React 1 are required peers. Import exact family paths; there is no aggregate component barrel or public raw UI entrypoint.
 
 Nested light/dark utilities use custom-property container style queries. Use
@@ -56,14 +60,14 @@ Chromium 111+, Safari 18.1+ or Firefox 151+ for this theme behavior. The nearest
 mode class governs nested components and their scoped portals; see the
 [theme guide](docs/consumer-skill/references/theming.md) for partial overrides.
 
-Version 2.0.5 uses official `@base-ui/react ^1.9.0` from npm. Themelia's
+Version 3.0.0 uses official `@base-ui/react ^1.9.0` from npm. Themelia's
 `ComboboxRoot.dismissLabel` and feature `strings.dismiss` name both screen-reader
 dismissal controls. Shared popup owners preserve focus restored to a child
 trigger during deferred parent recovery. These behaviors are library-owned;
 consumers install the unmodified official Base UI package.
 
 ```sh
-npm install ./themelia-react-ui-2.0.5.tgz '@base-ui/react@^1.9.0' lucide-react
+npm install ./themelia-react-ui-3.0.0.tgz '@base-ui/react@^1.9.0' lucide-react
 ```
 
 For a registry release, install into a React 19 application with:
@@ -101,9 +105,14 @@ export function Example() {
 The default primary is near-black, so status colors never compete with it. For the Themelia green brand, also import `themelia-react-ui/themes/green.css` after `style.css`. For your own brand, set `--primary` and `--primary-foreground` (light and `.dark`) at the root or a `ThemeScope`; `--primary-accent` follows `--primary`.
 
 Compiled `style.css` requires no source scanning and includes no global preflight.
+It includes static utility classes used by documented catalogue examples and
+shipped recipes/templates. Arbitrary app classes still need app CSS or Tailwind.
 Components own their essential font and box model; the host may supply a reset
 for its own markup. Keep resets in a lower-priority CSS layer and load deliberate
-app overrides after library CSS. A Tailwind v4 application can additionally
+app overrides after library CSS. The application owns the page canvas and inherited
+copy: set the document font to `var(--font-sans)` and the body background/color to
+`var(--background)` / `var(--foreground)`. See the [host CSS setup](docs/consumer-skill/references/installation.md#set-the-application-canvas).
+A Tailwind v4 application can additionally
 import `theme.css` after Tailwind to generate app-owned utilities from the same
 mappings; this editable file contains Tailwind directives and needs processing.
 
@@ -141,7 +150,7 @@ The shipped stylesheet follows `prefers-reduced-motion` automatically for these
 | Base | `base/<family>` — controls, forms, buttons, cards, structure, navigation, menus, feedback, display, tables, uploads and specialist controls |
 | Layout | `layout`, `layout/<family>` — application shell, authentication, containers, page, settings, header, navigation, sidebar, workspace and hooks |
 | Blocks | `blocks/admin`, `ai`, `analytics`, `commerce`, `data-display`, `onboarding`, `timelines` (each prefixed `blocks/`) |
-| Features | `features/activities`, `ai-chat`, `appointment-calendar`, `async-preview`, `combobox`, `comments`, `data-view`, `email-composer`, `event-calendar`, `filters`, `global-search`, `kanban`, `map`, `media-library`, `mentions`, `overlays`, `products`, `resource`, `resource-assignment`, `rich-text-editor`, `schema-form`, `suggestions`, `sync` (deprecated), `table`, `theme-tweaker` (each prefixed `features/`) |
+| Features | `features/activities`, `ai-chat`, `appointment-calendar`, `async-preview`, `combobox`, `comments`, `data-view`, `email-composer`, `event-calendar`, `filters`, `global-search`, `kanban`, `map`, `media-library`, `mentions`, `overlays`, `products`, `resource`, `resource-assignment`, `rich-text-editor`, `schema-form`, `suggestions`, `table`, `theme-tweaker` (each prefixed `features/`) |
 
 The complete machine-readable entry inventory is `scripts/entries.json`. Dialogs and confirmations use `ActionDialog`, `ActionDrawer`, `ConfirmDialog` and visibility/action hooks from `features/overlays`.
 
@@ -191,9 +200,9 @@ The common geometry controls are:
   --density-scale: 1;
   --gap-normal: 0.25rem;
   --gap-dense: 0.125rem;
-  --height-action: 2.25rem;
-  --height-control: 2.25rem;
-  --control-x: 0.75rem;
+  --height-action: 2.125rem;
+  --height-control: 2.125rem;
+  --control-x: 0.875rem;
   --row-x: 0.75rem;
   --row-y: 0.5rem;
   --surface-x: 1.5rem;
@@ -228,7 +237,7 @@ previous independent row tint. Existing explicit `indent` values are supported.
 - CSS modules, Radix Slot, cmdk and unused Vaul/OTP internals are replaced or removed. Command uses Base UI; numeric custom filter scores control ranking. Its default fuzzy matching scores can differ from cmdk; supply `filter` when exact application-specific ranking matters.
 - Children override `Text.content`, including zero. Inverse text uses the inverse foreground pair across themes; primary text uses the readable brand accent.
 - Primary button labels use the shared `text-sm` role across control sizes. Secondary buttons use the shadcn secondary surface/foreground pair.
-- Filter presets and saved views retain the `FilterTabs`/`SavedViewTabs` APIs but expose pressed buttons rather than tabs without panels. Arrow/Home/End navigation selects presets; use `aria-pressed` instead of `aria-selected` when querying this control.
+- Filter presets and saved views retain the `FilterTabs`/`SavedViewTabs` APIs but expose pressed buttons rather than tabs without panels. Arrow/Home/End move focus between presets, and Enter, Space or a click applies one; use `aria-pressed` instead of `aria-selected` when querying this control.
 - Framed surfaces use their shared semantic border and outer-ring recipe; the `framed` variant and provider defaults remain available. Card headers wrap naturally when their title/copy and actions need more space, including inside differently named containers. Translated titles and suffix badges wrap within the leading region.
 - PopoverMenu matches plain labels/descriptions by default, preserves explicit `searchValue` overrides, and accepts `contentLabel`/`contentLabelledBy` for its popup name. Custom rows receive actual highlight state and own their structured markup.
 - AI copy feedback waits for a successful write. `onCopyError` and optional `strings.copyError` expose denied/unavailable writes; `onCopy` fires after success.
@@ -241,7 +250,7 @@ Consumer callbacks own feature data and backend effects. The examples demonstrat
 
 ### Blocks import migration
 
-The presentation layer is now named `blocks`. Replace `themelia-react-ui/composed/<family>` with `themelia-react-ui/blocks/<family>` for admin, AI, analytics, commerce, data-display, onboarding, and timelines. Component names and props are unchanged. The source folder and catalogue routes follow the same rename.
+The presentation layer is now named `blocks`. Replace `admin-ui-starter-kit/composed/<family>` with `themelia-react-ui/blocks/<family>` for admin, AI, analytics, commerce, data-display, onboarding, and timelines. The source folder and catalogue routes follow the same rename.
 
 The default development URL opens the full component catalogue. The focused foundation playground remains at `/?page=foundations`, and the products workspace remains at `/?page=products`.
 
@@ -249,17 +258,18 @@ The default development URL opens the full component catalogue. The focused foun
 
 `Button` separates `tone` from `buttonStyle` (`solid`, `outline`, `ghost`); the catalogue shows their matrix, sizes and loading/disabled states. Icon-only controls may omit children when an accessible label or tooltip is supplied. Badges use compact typography and insets rather than inheriting action geometry.
 
-Use `titleSuffix` for card status, count and version badges. `headerStart` is full-width pre-title context, and `headerAction`/`actions` own controls. Card owns token-spaced title/suffix wrapping for all surface modes. Give a card one quick control in `headerAction`, a command list in `actions` (its More actions menu) and the commit action in `footerSlot`; a framed card keeps its footer rule by default. Reserve body actions for a specific content step. Card owns aligned card insets, frames and expand/collapse behavior; Use `Card surface="flat" padding="none"` for card-free content hierarchy. ChartCard exposes `titleSuffix` too. Use `headerPlacement="frame"` for a header above an inset body. SmartCard and ContentBlock remain deprecated migration adapters; new code uses Card.
+Use `titleSuffix` for card status, count and version badges. `headerStart` is full-width pre-title context, and `headerAction`/`actions` own controls. Card owns token-spaced title/suffix wrapping for all surface modes. Give a card one quick control in `headerAction`, a command list in `actions` (its More actions menu) and the commit action in `footerSlot`; a framed card keeps its footer rule by default. Reserve body actions for a specific content step. Card owns aligned card insets, frames and expand/collapse behavior; Use `Card surface="flat" padding="none"` for card-free content hierarchy. ChartCard exposes `titleSuffix` too. Use `headerPlacement="frame"` for a header above an inset body. SmartCard and ContentBlock were removed in 3.0; use Card.
 
-Application drawers use `ActionDrawer` and `useOverlayVisibility` from `themelia-react-ui/features/overlays`. Sheet is the structural foundation and remains available for lower-layer infrastructure and compatibility.
+Application drawers use `ActionDrawer` and `useOverlayVisibility` from `themelia-react-ui/features/overlays`. Sheet is internal anatomy for ActionDrawer and the AppSidebar mobile drawer; the `themelia-react-ui/base/sheet` entry was removed in 3.0.
 
 Header commands are role-based: one `primaryAction` and ordered
 `secondaryActions` render as `[secondary…] [primary] [⋯]`, with overflow
 and destructive commands moved into the More actions menu that ends the row.
 Below 40rem of actual header width, one More actions trigger contains all commands,
-including primary. Page, PageHeader, PageHeading, the resource shells,
-WorkspaceRecordHeader and SettingsShell share that row; keep `actions` for
-non-command controls. Use `header.tabs` for separately selected or routed record
+including primary. Page, PageHeader, PageHeading, WorkspaceRecordHeader and
+AsideNavShell share that row. Non-command controls go in the Page `toolbar`;
+WorkspaceRecordHeader and AsideNavShell keep `actions` for them. Use
+`header.tabs` for separately selected or routed record
 sections, with counts when useful. Continuous detail documents keep their
 sections in the body.
 
@@ -279,10 +289,11 @@ and `actions`: pass React content or a callback receiving `{ renderLink, default
 Compose Badge or MetadataList in those slots; the header adds no avatar or automatic
 metadata shape. `slots.actions` can wrap or return its default responsive command
 row through `defaultContent`; replacing it makes command behavior caller-owned.
-Legacy `slots.back`, `titleBadges`, `titleIcon` and direct `actions` remain supported.
+`slots.back`, `titleBadges`, `titleIcon` and the direct header `actions` prop
+were removed in 3.0: use `backHref`/`onBack`, a Badge in `slots.titleSuffix`
+and the Page `toolbar` for non-command controls.
 ResourceHeader, ResourceIndexShell, ResourceShowShell and TabbedResourceShell
-are deprecated; replace them with Page rather than nesting route owners. Their
-existing embedded geometry remains supported. Page headers use dense copy
+were removed in 3.0; use Page. Page headers use dense copy
 gaps. Ordinary cards default to `surface="card"` and `md` padding (24px), with
 an unruled header and a ruled footer. Explicit divider props override provider
 defaults. Use `surface="framed"` for grouped emphasis and `surface="flat"`
@@ -322,7 +333,7 @@ rail stays pinned; resizing does not silently minimize navigation.
 Both header-first and sidebar-first shells expose `mobileSidebarMode`; choose
 `inline` for this persistent cluster, or retain the default drawer policy.
 Sidebar shells accept
-`slots.sidebar` (primary) and `slots.secondarySidebar` (contextual), with named
+`sidebar` (primary) and `slots.secondarySidebar` (contextual), with named
 state inherited under one LayoutSidebarProvider. `openPanels` controls expansion and
 `mobilePanel` selects one shared undocked drawer while preserving desktop state.
 `navigationPanel` selects the untargeted trigger/shortcut destination. Existing
@@ -366,7 +377,7 @@ brand; titles name the subject. `headerPlacement` chooses inside/frame
 composition independently. Independent framed peers use `gap="2xl"`, matching
 Page and TwoColumnLayout's rhythm, since outer rings consume a smaller DOM gap.
 Card body children use the related (`xl`, 16px) gap by default; explicit
-`contentGap` remains authoritative. SettingsShell spaces direct sections by the
+`contentGap` remains authoritative. AsideNavShell spaces direct sections by the
 subjects (`2xl`, 24px) role. MetadataList (`themelia-react-ui/base/metadata-list`)
 keeps semibold labels and normal primary values in both densities. It now adapts
 to its own container by default, with 22/28/38/52/64rem thresholds; pass
@@ -437,7 +448,7 @@ visual review remain separate.
 
 Maintainers run `npm run docs:sync-skill` after changes to exports, types, selection guidance, peers or tokens. `npm run check:skill` requires a fresh library build and rejects stale source-backed references, built declaration exports and broken reference links. `prepack` checks source-backed references without rebuilding; `prepublishOnly` builds fresh assets and verifies built guidance. `check:package` verifies the complete shipped skill, strictly compiles the basic recipes without optional peers and every recipe with its required peers, and executes installed shell/resource-page and workflow checks.
 
-Build portable consumer documentation with `npm run build` followed by `npm run build:docs`. The generated [static entry](dist-docs/index.html) links to `dist-docs/2.0.5/` for the current version. Each version preserves the complete skill and all declaration files, supports search with the same finder, and uses relative links under any hosting subdirectory. Serve the entire artifact over HTTP; it needs no external CDN. Run `npm run check:static-docs` to check generated asset paths. The future hosting destination remains pending.
+Build portable consumer documentation with `npm run build` followed by `npm run build:docs`. The generated [static entry](dist-docs/index.html) links to `dist-docs/3.0.0/` for the current version. Each version preserves the complete skill and all declaration files, supports search with the same finder, and uses relative links under any hosting subdirectory. Serve the entire artifact over HTTP; it needs no external CDN. Run `npm run check:static-docs` to check generated asset paths. The future hosting destination remains pending.
 
 `npm run check:agent` runs focused agent-consumption fixtures and built skill alignment. `npm run check:release` performs the real serial local build/package/browser/agent/static-documentation gate; it does not publish or deploy. `npm run check:quick` runs the everyday core (contract, lint, design lint, typecheck, unit tests, build). See the [release guide](docs/releasing.md) and [draft changelog](CHANGELOG.md). There is no hosted CI; every check runs locally, when you choose. These commands verify locally; publication and deployment remain separate actions.
 

package/dist/{accordion-B9MHG0cT.js → accordion-DNVqwEIC.js}

@@ -1,13 +1,13 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-B6kKb8jB.js";
-import { c as n } from "./typography-BQnine1k.js";
-import { t as r } from "./focus-recipes-B653VaLq.js";
-import { t as i } from "./motion-recipes-DitYv6P2.js";
-import { t as a } from "./structure-DuxKl954.js";
-import { t as o } from "./interaction-recipes-XR9ZpVYL.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n } from "./typography-C0dELqYV.js";
+import { t as r } from "./focus-recipes-DSkiUvUp.js";
+import { t as i } from "./motion-recipes-CUc_aHuG.js";
+import { t as a } from "./structure-DElaQwwN.js";
+import { t as o } from "./interaction-recipes-DmuS1ase.js";
 import { t as s } from "./disclosure-panel-B0HFNZ9x.js";
-import { t as c } from "./icon-badge-DZF-YjQp.js";
+import { t as c } from "./icon-badge-B0Kq7wom.js";
 import * as l from "react";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -66,19 +66,19 @@ var y = l.forwardRef(function({ className: e, ...n }, r) {
 	});
 });
 y.displayName = "Accordion";
-var b = l.forwardRef(function({ className: e, ...n }, r) {
+var b = y, x = l.forwardRef(function({ className: e, ...n }, r) {
 	return /* @__PURE__ */ d(g, {
 		ref: r,
 		className: t("accordion-item--component border-border", e),
 		...n
 	});
 });
-b.displayName = "AccordionItem";
-var x = l.forwardRef(function({ className: e, children: i, ...a }, s) {
+x.displayName = "AccordionItem";
+var S = l.forwardRef(function({ className: e, children: i, ...a }, s) {
 	let c = typeof i == "string" || typeof i == "number" || typeof i == "bigint";
 	return /* @__PURE__ */ d(_, {
 		ref: s,
-		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", `text-start text-inherit text-sm font-medium transition-colors ${o.rowHover} hover:no-underline`, `focus-visible:z-10 ${r.inset}`, e),
+		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", `text-start text-inherit text-sm font-medium transition-colors ${o.rowHover} hover:no-underline`, "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50", `focus-visible:z-10 ${r.inset}`, e),
 		...a,
 		children: c ? /* @__PURE__ */ d(n, {
 			tag: "span",
@@ -90,8 +90,8 @@ var x = l.forwardRef(function({ className: e, children: i, ...a }, s) {
 		}) : i
 	});
 });
-x.displayName = "AccordionTrigger";
-var S = l.forwardRef(function({ className: e, children: r, ...i }, a) {
+S.displayName = "AccordionTrigger";
+var C = l.forwardRef(function({ className: e, children: r, ...i }, a) {
 	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
 	return /* @__PURE__ */ d(v, {
 		ref: a,
@@ -106,52 +106,52 @@ var S = l.forwardRef(function({ className: e, children: r, ...i }, a) {
 		}) : r
 	});
 });
-S.displayName = "AccordionContent";
+C.displayName = "AccordionContent";
 //#endregion
 //#region src/components/base/accordion/accordion-variants.ts
-var C = {
+var w = {
 	card: "gap-space-md border-0 rounded-none bg-transparent text-inherit overflow-visible",
 	bordered: "rounded-surface border border-border bg-card text-card-foreground overflow-hidden",
 	flat: "-mx-row-x w-auto border-0 rounded-none bg-transparent text-inherit overflow-visible"
-}, w = {
+}, T = {
 	card: "border border-border bg-card text-card-foreground rounded-surface overflow-hidden",
 	bordered: "bg-transparent not-last:border-b border-border",
 	flat: "border-0 not-last:border-b-0 bg-transparent rounded-surface overflow-hidden"
-}, T = "items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline", E = {
+}, E = "items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline", D = {
 	withMedallion: "ps-[calc(var(--row-x)*var(--space-scale)+var(--avatar)+0.75rem*var(--space-scale))] pe-row-x pt-0",
 	withInline: "ps-[calc(var(--row-x)*var(--space-scale)+var(--icon)*1.25+0.75rem*var(--space-scale))] pe-row-x pt-0",
 	withoutIcon: "px-row-x pt-0"
-}, D = { regionAriaLabel: void 0 }, O = u(function({ items: r, multiple: i = !1, defaultValue: o, value: s, onValueChange: c, variant: l = "bordered", iconStyle: u = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: _ }, v) {
-	let O = e(D, _), j = u !== "none" && r.some((e) => e.icon != null), M = j ? u === "medallion" ? E.withMedallion : E.withInline : E.withoutIcon, N = j ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
-	return /* @__PURE__ */ d(y, {
+}, O = { regionAriaLabel: void 0 }, k = u(function({ items: r, multiple: i = !1, defaultValue: o, value: s, onValueChange: c, variant: l = "bordered", iconStyle: u = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: _ }, v) {
+	let y = e(O, _), k = u !== "none" && r.some((e) => e.icon != null), M = k ? u === "medallion" ? D.withMedallion : D.withInline : D.withoutIcon, N = k ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
+	return /* @__PURE__ */ d(b, {
 		ref: v,
 		multiple: i,
 		defaultValue: o,
 		value: s,
 		onValueChange: c ? (e) => c(e) : void 0,
-		"aria-label": O.regionAriaLabel,
+		"aria-label": y.regionAriaLabel,
 		"data-variant": l,
 		"data-icon-style": u,
-		className: t("smart-accordion--component", C[l], p),
-		children: r.map((e) => /* @__PURE__ */ f(b, {
+		className: t("smart-accordion--component", w[l], p),
+		children: r.map((e) => /* @__PURE__ */ f(x, {
 			value: e.value,
-			className: t("smart-accordion--item", w[l], m),
-			children: [/* @__PURE__ */ d(x, {
-				className: t("smart-accordion--trigger", T, h),
+			className: t("smart-accordion--item", T[l], m),
+			children: [/* @__PURE__ */ d(S, {
+				className: t("smart-accordion--trigger", E, h),
 				disabled: e.disabled,
 				children: /* @__PURE__ */ f("div", {
 					className: t("grid min-w-0 flex-1 items-center gap-x-space-lg", N),
-					children: [/* @__PURE__ */ d(A, {
+					children: [/* @__PURE__ */ d(j, {
 						iconStyle: u,
 						icon: e.icon,
-						reserveSpace: j
+						reserveSpace: k
 					}), /* @__PURE__ */ f(a, {
 						render: /* @__PURE__ */ d("span", {}),
 						gap: "dense",
 						className: "smart-accordion--heading flex-1",
 						children: [/* @__PURE__ */ f("span", {
 							className: "flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs",
-							children: [k(e.title) ? /* @__PURE__ */ d(n, {
+							children: [A(e.title) ? /* @__PURE__ */ d(n, {
 								tag: "span",
 								type: "inherit",
 								weight: "semibold",
@@ -161,7 +161,7 @@ var C = {
 								className: "smart-accordion--badge inline-flex shrink-0",
 								children: e.badge
 							})]
-						}), !!e.description && (k(e.description) ? /* @__PURE__ */ d(n, {
+						}), !!e.description && (A(e.description) ? /* @__PURE__ */ d(n, {
 							tag: "span",
 							type: "secondary",
 							className: "smart-accordion--description min-w-0",
@@ -169,9 +169,9 @@ var C = {
 						}) : e.description)]
 					})]
 				})
-			}), /* @__PURE__ */ d(S, {
+			}), /* @__PURE__ */ d(C, {
 				className: t("smart-accordion--content", M, g),
-				children: k(e.content) ? /* @__PURE__ */ d(n, {
+				children: A(e.content) ? /* @__PURE__ */ d(n, {
 					tag: "div",
 					type: "secondary",
 					lineHeight: "relaxed",
@@ -181,11 +181,11 @@ var C = {
 		}, e.value))
 	});
 });
-O.displayName = "SmartAccordion";
-function k(e) {
+k.displayName = "SmartAccordion";
+function A(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function A({ iconStyle: e, icon: n, reserveSpace: r }) {
+function j({ iconStyle: e, icon: n, reserveSpace: r }) {
 	return e === "none" || !r ? null : n ? e === "inline" ? /* @__PURE__ */ d("span", {
 		"aria-hidden": "true",
 		className: "smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon",
@@ -203,6 +203,6 @@ function A({ iconStyle: e, icon: n, reserveSpace: r }) {
 	});
 }
 //#endregion
-export { C as a, S as c, w as i, b as l, D as n, T as o, E as r, y as s, O as t, x as u };
+export { w as a, C as c, T as i, x as l, O as n, E as o, D as r, b as s, k as t, S as u };
 
-//# sourceMappingURL=accordion-B9MHG0cT.js.map
+//# sourceMappingURL=accordion-DNVqwEIC.js.map

package/dist/accordion-DNVqwEIC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-DNVqwEIC.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","React","PrimitiveAccordion","Accordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","focusRecipes","motionRecipes","Stack","interactionRecipes","DisclosurePanelElement","IconBadge","React$1","Accordion$2","props","Accordion","cn","className","AccordionItem$1","AccordionTrigger$1","children","ChevronDownIcon","AccordionContent$1","panelProps","AccordionRoot","Accordion$1","AccordionItem","AccordionTrigger","isSimpleText","AccordionContent","ACCORDION_ROOT_VARIANT_CLASS","ACCORDION_ITEM_VARIANT_CLASS","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","defaultSmartAccordionStrings","SmartAccordion","forwardRef","stringsProp","strings","useStrings","hasIconColumn","iconStyle","items","item","contentPadding","triggerGridClass","onValueChange","next","variant","itemClassName","triggerClassName","SmartAccordionIcon","isSimpleContent","contentClassName","content","reserveSpace","icon"],"sources":["../src/components/ui/accordion.tsx","../src/components/base/accordion/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 { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"border-border accordion--component flex w-full flex-col border box-border overflow-hidden\", className)}\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(\"border-border accordion-item--component border-b last:border-b-0\", 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=\"accordion-header m-0\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\"accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border\", className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className={cn(\"accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180\", motionRecipes.chevron)} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  render,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\"accordion-content--component box-border text-inherit h-(--accordion-panel-height)\", motionRecipes.disclosure, className)}\n      {...props}\n      render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--accordion-panel-height\" />}\n    >\n      {children}\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n\n","/**\n * Accordion — tokenized base wrapper around the shadcn/Base UI primitive.\n *\n * The internal primitive intentionally keeps shadcn's roomy defaults. This\n * public layer calibrates them for admin surfaces: radius tokens, 12px row\n * insets, density-aware vertical rhythm, quiet hover/focus treatments, and\n * matching trigger/content columns. Consumers retain the complete compound\n * API and can override any treatment with `className`.\n */\nimport * as React from 'react';\nimport type { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\n\nimport {\n\tAccordion as PrimitiveAccordion,\n\tAccordionContent as PrimitiveAccordionContent,\n\tAccordionItem as PrimitiveAccordionItem,\n\tAccordionTrigger as PrimitiveAccordionTrigger,\n} from '../../ui/accordion';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\n/**\n * `Value` is the type of the items' values. It is inferred from `value`,\n * `defaultValue` or a typed `onValueChange`, and is `string` otherwise.\n */\nexport type AccordionProps<Value = string> = Omit<AccordionPrimitive.Root.Props<Value>, 'ref'>;\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionItem>;\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionTrigger>;\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionContent>;\n\nconst AccordionRoot = React.forwardRef<React.ElementRef<typeof PrimitiveAccordion>, AccordionProps<unknown>>(\n\tfunction Accordion({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordion\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion--component rounded-surface border-border bg-card text-card-foreground',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordionRoot.displayName = 'Accordion';\n\n/** forwardRef erases type parameters; this signature keeps the items' value type. */\nconst Accordion = AccordionRoot as (<Value = string>(\n\tprops: AccordionProps<Value> & React.RefAttributes<HTMLDivElement>,\n) => React.ReactElement | null) & { displayName?: string };\n\nconst AccordionItem = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionItem>, AccordionItemProps>(\n\tfunction AccordionItem({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordionItem\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-item--component border-border',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionTrigger>, AccordionTriggerProps>(\n\tfunction AccordionTrigger({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionTrigger\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y',\n\t\t\t\t\t`text-start text-inherit text-sm font-medium transition-colors ${interactionRecipes.rowHover} hover:no-underline`,\n\t\t\t\t\t// Disabled governs expanding/collapsing. Dim only this trigger;\n\t\t\t\t\t// slotted panel controls and nested accordions own their own state.\n\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n\t\t\t\t\t// Inset: the shell clips its rounded corners, so an outer ring was cut off.\n\t\t\t\t\t`focus-visible:z-10 ${focusRecipes.inset}`,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionTrigger>\n\t\t);\n\t},\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionContent>, AccordionContentProps>(\n\tfunction AccordionContent({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-content--component px-row-x pb-space-lg text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"div\" size=\"inherit\" lineHeight=\"relaxed\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionContent>\n\t\t);\n\t},\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport {\n\tAccordion,\n\tAccordionItem,\n\tAccordionTrigger,\n\tAccordionContent,\n};\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any blocks surface that builds on `base/accordion` directly\n * (e.g. `blocks/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-space-lg px-row-x py-row-y` — density-driven,\n *   `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the base panel's `px-row-x`.\n *   Medallion and inline rows use shared media/spacing tokens, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nimport type { DisclosureSurface } from '../../../lib/component-vocabulary';\n\nexport type AccordionShellVariant = DisclosureSurface;\n\n// Flat sits inside a surface that already owns the inset. It outdents by the row\n// inset, so trigger and panel text align with that surface's content edge while\n// the hover fill and focus edge keep their room in the surface gutter.\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'gap-space-md border-0 rounded-none bg-transparent text-inherit overflow-visible',\n\tbordered: 'rounded-surface border border-border bg-card text-card-foreground overflow-hidden',\n\tflat: '-mx-row-x w-auto border-0 rounded-none bg-transparent text-inherit overflow-visible',\n};\n\n// The chevron and the revealed panel carry the open state; an open item is not\n// tinted into a box. Rounded items clip their trigger so its inset focus ring and\n// hover fill follow the item's corners.\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card text-card-foreground rounded-surface overflow-hidden',\n\tbordered: 'bg-transparent not-last:border-b border-border',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent rounded-surface overflow-hidden',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-space-lg px-row-x py-row-y text-start 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 * plus the shared row gap so body text aligns under the title at every\n * consumer density.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\t// Composed from root tokens so a scoped density/space boundary applies (the\n\t// `--spacing-*` aliases resolve once at :root inside arbitrary values).\n\twithMedallion: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--avatar)+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithInline: 'ps-[calc(var(--row-x)*var(--space-scale)+var(--icon)*1.25+0.75rem*var(--space-scale))] pe-row-x pt-0',\n\twithoutIcon: 'px-row-x 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 — blocks-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 '.';\n */\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconBadge } from '../display/icon-badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../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\n/**\n * Bounded accordion composition for repeated icon, title, description, badge,\n * and body sections. Use the compound Accordion parts when row structure or\n * per-item presentation differs.\n */\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'bordered',\n\ticonStyle = 'inline',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst hasIconColumn = iconStyle !== 'none' && items.some((item) => item.icon != null);\n\tconst contentPadding =\n\t\t!hasIconColumn\n\t\t\t? ACCORDION_CONTENT_PADDING.withoutIcon\n\t\t\t: iconStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: ACCORDION_CONTENT_PADDING.withInline;\n\tconst triggerGridClass = !hasIconColumn\n\t\t? 'grid-cols-[minmax(0,1fr)]'\n\t\t: 'grid-cols-[auto_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\tdata-variant={variant}\n\t\t\tdata-icon-style={iconStyle}\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('smart-accordion--item', 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('smart-accordion--trigger', 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-space-lg', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon\n\t\t\t\t\t\t\t\ticonStyle={iconStyle}\n\t\t\t\t\t\t\t\ticon={item.icon}\n\t\t\t\t\t\t\t\treserveSpace={hasIconColumn}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"smart-accordion--heading flex-1\">\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs\">\n\t\t\t\t\t\t\t\t\t{isSimpleContent(item.title) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"semibold\" className=\"smart-accordion--title min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.title}\n\t\t\t\t\t\t\t\t\t{item.badge != null && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"smart-accordion--badge inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\tisSimpleContent(item.description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className=\"smart-accordion--description min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.description\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\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\t'smart-accordion--content',\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{isSimpleContent(item.content) ? (\n\t\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : item.content}\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 isSimpleContent(content: ReactNode): content is string | number | bigint {\n\treturn typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n}\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n\treserveSpace,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: ReactNode;\n\treserveSpace: boolean;\n}) {\n\tif (iconStyle === 'none' || !reserveSpace) 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'smart-accordion--icon 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 (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon\"\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<IconBadge size=\"md\" tone=\"neutral\" shape=\"circle\" aria-hidden=\"true\" className=\"smart-accordion--icon self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":"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"}