themelia-react-ui 1.0.2 → 2.0.0

package/CHANGELOG.md

@@ -1,6 +1,286 @@
 # Changelog
 
-## Unreleased
+## 2.0.0 — 2026-10-16
+
+A major release. Untouched defaults now give a screen one deliberate primary
+command, neutral surfaces where colour only states status, and the overlay
+family for every dialog-like surface. Public exports and props are retained (the
+contract check keeps every public symbol); what changes is defaults, appearance,
+a few DOM hooks and some semantics.
+
+### Upgrading from 1.x
+
+- **Buttons.** An untoned `Button` is the neutral outline. Give each screen's
+  main command `tone="primary"`, run
+  `docs/consumer-skill/scripts/pin-button-defaults.mjs` (dry run by default,
+  `--write` to apply) to keep existing screens' look, or restore the old default
+  app-wide with `UIProvider` `button: { defaultTone: 'primary',
+  defaultButtonStyle: 'solid' }`.
+- **Brand colour.** The default primary is near-black. Import
+  `themelia-react-ui/themes/green.css` after `style.css` to keep the green brand.
+- **Badges.** An untoned `Badge` is neutral; `UIProvider`
+  `badge.defaultTone: 'primary'` restores the old default.
+- **Page titles** are the route's `h1` at 20px; pass `headingTag="h2"` for a page
+  nested inside another titled page.
+- **Overlays.** Replace the deprecated base `Sheet` exports with `ActionDrawer`
+  from `features/overlays`. `ConfirmDialog` shows its tone icon only with
+  `showIcon`. Scrims no longer blur, and dialog regions draw no header or footer
+  rules.
+- **Formatted text.** Negative numbers print with a true minus (U+2212) instead
+  of a hyphen; update tests, snapshots or parsers that match formatted output.
+- **Decorative icons and dividers** are gone from the library's own blocks,
+  features and templates. Public `icon`/media props and Card `headerDivider`/
+  `footerDivider` remain for products that need them; `adminStarterUIDefaults`
+  no longer turns card dividers on.
+- **DOM hooks.** `InventorySectionCard` exposes card hooks instead of
+  `content-block--*`, and `seo-listing-card--score-icon` is removed.
+
+### Changes
+
+- **Breaking (visual): overlays have no blur and no static rules, and they are
+  the only dialog API.** The modal scrim is a plain `--overlay-backdrop` tint.
+  Dialog, alert-dialog and drawer regions draw no header/footer rules or tinted
+  footer: the shell owns a 20px outer inset and 16px between regions, and a
+  scrolling body shows a rule only on an edge that hides content. Surfaces use
+  one border on `bg-popover`; drawers draw one rule on their open edge. The
+  close button is centred on the first title line and comes last in the DOM, so
+  opening focuses the first field or action. `ConfirmDialog` matches
+  `ActionDialog` widths, supports `surfaceStyle` and shows no tone icon unless
+  `showIcon`; emphasis no longer tints the border; a non-modal `ActionDrawer`
+  stays open on page presses; `initialFocusRef` accepts nullable React 19 refs;
+  a string `trigger` renders a Button. The base `Sheet` exports are deprecated
+  in favour of `ActionDrawer`. DataTable's in-place `fullscreen` mode stays the
+  one modal surface outside the overlays: the table's own region is maximised,
+  so its scroll position, focus and column state survive, and the contract
+  check (`modal-owner`) rejects any other hand-built modal or borrowed
+  Dialog/Sheet in library source. The consumer skill (house rule 9 and a dialogs
+  section) and the checker (`raw-overlay-primitive` for `role="dialog"`,
+  `aria-modal`, `fixed inset-0` layers and modal libraries; `deprecated-owner`
+  from the public index) enforce the overlay owners. Nothing in the library uses
+  `backdrop-filter` any more: sticky table headers and toolbars, the form
+  actions bar, carousel controls and upload overlays are opaque.
+- **Inline values follow running text.** Inside `Text`, `Heading`, `Label`,
+  `TextLink`, `ItemTitle`/`ItemDescription` and `CardDescription`, value
+  primitives (`Value`, `MonoValue`, `Money`, `Number`, `Percent`, `Duration`,
+  `FileSize`, `Dimensions`, dates, links) take the sentence's size, colour,
+  weight and leading unless a prop says otherwise; standalone use is unchanged.
+  `Initials` inherits by default. Text `type`/`weight`/`lineHeight` accept
+  `'inherit'`. Empty values share the `EmptyValue` treatment.
+- Negative numbers print with a true minus (U+2212) in every formatter and
+  number primitive (`formatWithMinusSign` in `lib/format`).
+- Form controls share one geometry and state contract: every field and
+  field-shaped trigger is the same height, radius, `--input` border, text size
+  (16px on touch) and 2px focus ring; a keyboard-focused invalid field shows a
+  full-strength destructive ring; select-like chevrons share
+  `selectToggleRecipes` (16px glyph centred where the Select draws it);
+  Textarea's first line aligns with an Input's text; field triggers no longer
+  take a button hover fill; disabled inputs lose the read-only fill. Checkbox
+  shows a dash when indeterminate; choice cards mark selection with the border
+  only; pill radios get roving arrow-key focus; DecimalInput steps with arrow
+  keys and keeps uncontrolled values; DatePicker gains `id`/`invalid` and no
+  longer reddens its label; DateTimeInput passes `stepMinutes` correctly;
+  Cascader gets an inline clear; Combobox Escape on a closed field keeps the
+  value and reaches the surrounding overlay. A Combobox reserves its whole
+  toggle (and clear) target plus the copy gap, so a long value never runs under
+  a target at any density. A one-line text button is exactly its action height
+  at every spacing and density (its block inset is capped); wrapped labels
+  still grow the button.
+- Display and navigation: Badge follows its parent's alignment (no
+  `self-center`); flat/`padding="none"` Cards use the 16px header-to-body gap;
+  the default outline button border is visible in dark; `TextButton` md is
+  `text-sm`; ButtonGroup seams and corners are fixed; untoned ActionButtons are
+  neutral; menu group captions use the xs secondary role; OverflowTabBar gets
+  arrow/Home/End keys and the shared 36px recipe; active tabs read above the
+  track in dark; pagination links are 36px squares; accordion focus is inset
+  with no open tint; toaster status icons reach 5:1; code diffs use tints;
+  StackedAvatars fallbacks are neutral; tables render rules without preflight
+  and are a tab stop only while they overflow. `PageHeading` `withSeparator`
+  defaults to `false`.
+- Typography: Heading `tracking-tight` from xl and `leading-tight` from 2xl;
+  link focus rings hug the text and follow wrapped lines; text, headings and
+  money align with logical start/end so they mirror in RTL.
+- Scoped density: arbitrary values no longer read derived `--spacing-*` aliases
+  (resolved once on `:root`), so tracks, insets and offsets follow a
+  `data-density` scope.
+
+- **Breaking (visual): visual restraint pass.** Icons now carry information
+  or are omitted, colour only states status, and spacing, not rules, separates
+  sections. Public `icon`/media props remain for consumers; the library's own
+  compositions stop passing decorative ones.
+  - Rows: a plain `Item` (default variant, no inline padding) in an `ItemGroup`
+    sits flush with the group's top and bottom edges, plain rows touch so their
+    density padding is the row spacing, and the default variant drops its
+    transparent 1px border so row text aligns with headings and labels above
+    it. Boxed `outline`/`muted` rows keep their gap. This fixes uneven space
+    around dividers and at card bottoms (8px above a rule against 17px below
+    it, 30px at a card's bottom against 20px at its top on the order page).
+  - Blocks and features no longer hard-code decorative icons on card titles
+    (address, payment method, order/refund status, tax breakdown, subscription,
+    voucher, coupon, cart, inventory, SEO listing, every product section, sensitive
+    actions, AI confirmation/tool call/package info/citation), on metadata and
+    list rows, inside inputs and badges, or on ordinary text buttons. Kept:
+    icon-only buttons, menu and navigation icons, affordances, search glyphs,
+    `+` on add commands, state glyphs, event-type markers and real media.
+  - Colour states status: kinds, categories and counts are neutral; live and
+    in-progress states use `info` instead of the near-black primary;
+    `LoyaltyPoints` `tierTone` defaults to `neutral` (was `warning`); activity
+    events without a status tone are neutral; product rows render
+    `tone="primary"` neutral; micro-grid single-series charts use `--chart-1`.
+  - No boxes inside cards and no section rules: tinted or bordered inset panels,
+    stat tiles and per-section dividers are gone across commerce, data-display,
+    AI, admin, product, activity, resource-assignment, schema-form, sync and
+    media-library compositions. One rule stays above financial grand totals.
+    Status chips sit beside their title (`titleSuffix`).
+  - Amounts and dates use the UI font with tabular figures; monospace stays for
+    identifiers and codes.
+  - Sentence-case default strings across commerce, admin, AI and dense-info
+    blocks (for example `Refund status`, `Tax breakdown`, `Redeem points`,
+    `View details`, `Edit role`, `Next step`). `DenseInfoStrings` gains an
+    optional `priority`.
+  - `ActivityLog` shows a category chip only when an entry passes `label` (it no
+    longer falls back to the raw `kind`), and date groups read `Yesterday` and
+    `October 14, 2026` instead of uppercase eyebrows with ordinals.
+  - `DateCell` and `DateMetaCell` `showIcon` default to `false`;
+    `GlobalSearchIdleState` headings have no default icons; `PageHeader` has no
+    separator after the back button; `AppSidebar` groups are separated by space
+    instead of rules; navigation count badges stay neutral when active.
+  - `OrderStatus` drops the facts that repeated its badge and timeline;
+    `LoyaltyPoints` shows Redeem only with `onRedeem`; vouchers show a balance
+    only when one is given; `InventorySectionCard` renders through `Card`, so its
+    `content-block--*` hooks become card hooks, and `seo-listing-card--score-icon`
+    is removed.
+  - Base fixes: `ActionMenu`'s icon-only trigger follows `buttonProps.size`;
+    Card `contentTop`/`contentBottom` share the content gap (`lg`, or
+    `contentGap`) instead of touching the body.
+  - Templates: `adminStarterUIDefaults` no longer turns on card header/footer
+    dividers; facts, line items, KPIs and commands lose decorative icons;
+    count/kind badges, repeated identity rows and repeated facts are removed.
+  - Guidance: house rule 7 and the Card anatomy reference cover decorative
+    icons and dividers; the composition checker warns (`decorative-icon`) on a
+    Card title icon or an icon on more than one MetadataList fact; AGENTS.md
+    records the visual restraint rules.
+
+- **Breaking (visual): an untoned Button is now the neutral outline**
+  (`tone="secondary"`, `buttonStyle="outline"`), so a screen gets one deliberate
+  primary instead of a primary on every button. Give the main command
+  `tone="primary"`. A Button with a `tone` and no `buttonStyle` is now always
+  solid: `UIProvider` `button.defaultButtonStyle` applies only to buttons without
+  a tone. Run `docs/consumer-skill/scripts/pin-button-defaults.mjs` (dry run by
+  default, `--write` to apply, `--solid-only` to let untoned outline and ghost
+  buttons turn neutral) to keep existing screens' look, or restore the previous
+  default app-wide with `button: { defaultTone: 'primary', defaultButtonStyle:
+  'solid' }`. The library's own components keep their primary commands
+  explicitly; their untoned outline and ghost buttons (cascader, signature pad,
+  questionnaire navigation) are now neutral instead of brand-colored, and
+  `SubmitStateButton` keeps the primary role for submit.
+- Add a 32px `3xl` structural gap step (`gap-space-3xl`, `gap-x-space-3xl`,
+  `gap-y-space-3xl`; `--spacing-space-3xl` scales with `--space-scale`) for page
+  rhythm. Page now separates its header from its body with `3xl` (was 24px), and
+  Stack/Grid/Section accept `gap="3xl"` between major sections. The utility
+  budget grows from 393 to 396 spellings for this one shared responsibility.
+- **Breaking (visual): the default primary is neutral.** `--primary` is
+  near-black in light (`oklch(0.205 0 0)`) and near-white in dark, so the brand
+  no longer sits next to the success green (they were ΔE_OK 0.074 apart). The
+  previous green is the opt-in brand theme `themelia-react-ui/themes/green.css`:
+  import it after `style.css` to keep the old look. It sets primary, its
+  foreground, the dark primary accent and the first chart series, and passes
+  the same contrast contract. `--primary-accent` now follows `--primary` in
+  dark too.
+- Form-control boundaries reach 3:1 contrast (WCAG 1.4.11): `--input` is
+  `oklch(0.62 0 0)` in light (was the divider color, 1.26:1) and white at 40% in
+  dark (was 15%), so inputs, selects, checkboxes, radios and switch tracks are
+  visible on every surface. `--border` stays the lighter divider color. The
+  contrast contract now checks `--input` at 3:1 on background, card, popover,
+  muted, accent and secondary surfaces. The repeater's empty placeholder uses
+  the divider border.
+- Button labels wrap inside the available width instead of overflowing: the
+  action height is now a minimum for text buttons (icon-only buttons stay fixed
+  squares), and buttons cap at their container's width. Pass `truncate` to keep
+  one line with an ellipsis where a button cannot grow, such as a joined group
+  or dense toolbar. Components that size a button themselves (`h-auto`,
+  `h-full`) now also reset the minimum height, and the header search trigger
+  uses `size="sm"` instead of a height override.
+- Add role-based page commands to PageHeader and `Page header`:
+  `primaryAction` (one solid primary command, trailing and always visible) and
+  ordered `secondaryActions` (two outline buttons, then a More actions menu).
+  Destructive secondary commands always move into that menu; below `sm` every
+  secondary command collapses into it through CSS. Commands carry no tone or
+  button style. `moreActionsLabel` names the menu; the new `PageHeaderAction`
+  type is exported from `layout/page` and `layout`. Existing `actions` and
+  `slots.actions` are unchanged: `actions` renders before the commands, and
+  `slots.actions` still replaces the whole region.
+- Move the admin templates, consumer recipes and Page catalogue examples to the
+  role-based commands. Header buttons now share one size, and the stacked shell
+  recipe no longer repeats the page's Create record command in its navigation.
+- The optional consumer checker warns (`page-command-roles`) when Page or
+  PageHeader `actions` hold command buttons, pointing to `primaryAction` and
+  `secondaryActions`. The analytics template's period filter is now a labelled
+  Select instead of a toggle button.
+- Nested `UIProvider`s no longer throw. A nested provider inherits the nearest
+  provider's resolved defaults and overrides only the keys it sets, so
+  `AdminUIThemeProvider` works inside an application's root provider.
+- Metric surfaces format currency, numbers and percentages with the same
+  formatter and UIProvider policy as `Money` (locale, default currency and
+  `formatMode`). A currency metric without a currency now uses the provider
+  default (`USD` by default) instead of EUR, and prints like Money
+  (`1,840.00 USD` by default) instead of `USD 1,840.00`. `formatMetricValue`
+  accepts optional `FormatMetricValueOptions`.
+- Add `useMoneyFormatter()` to `primitives` for money in strings (labels,
+  toasts, activity text) with the Money rules; the templates use it instead of
+  hand-built `$x.xx USD` strings, and their tables use the Date primitive.
+- `toTableAction` keeps running actions disabled and hidden actions hidden in
+  DataTable rows; `toMenuAction` carries `id`, `visible` and `group`.
+- Themes declare `color-scheme`, so native scrollbars and form controls follow
+  dark mode. Light `--primary-accent` now follows `--primary`, so a rebrand
+  needs one root.
+- Unit tests resolve the package's own imports from source, so `npm test` no
+  longer needs (or silently uses) a previous build.
+- Page titles are the route's `h1` by default (was `h3`) and use the 20px
+  `text-xl` role (was 18px), so page and card titles (16px) read as distinct
+  levels. Pass `headingTag="h2"` for a page nested inside another titled page.
+- Card and MediaLibrary plain-text titles are exposed as level-2 headings, so
+  assistive technology can move between surfaces. Title-suffix badges stay out
+  of the heading's name; custom title nodes keep their own semantics.
+- An untoned Badge is now neutral (was primary), so only a deliberate tone
+  signals state. Set `UIProvider` `badge.defaultTone: 'primary'` to keep the
+  previous look. The Default address and payment-method badges are neutral too.
+- `useMoneyFormatter(defaults)` binds screen defaults such as `currency` once;
+  each call can still override them. `MoneyFormatterOptions` is exported.
+- The consumer skill opens with eight house rules (provider, Page, command
+  roles, Stack/Grid, typography and value primitives, semantic color, neutral
+  badges, Card slots). The checker adds review warnings for raw palette color
+  classes, native `<button>` and `<h1>`–`<h6>` elements, and pages with more
+  than one solid primary command. The orders and staff templates now have one
+  primary command each.
+- The consumer skill's public index lists each family's deprecated names with
+  their replacements (`SmartCard`: "Use Card.", `SmartCardProps`: "Use
+  CardProps."), derived from `@deprecated` JSDoc. The finder leaves them out of
+  task recommendations and flags them when a query names one.
+- Event calendar markers in narrow day cells keep the compact action height
+  (28px), so they meet the WCAG 2.2 24px target size instead of a 12px sliver.
+- Regenerate `package-lock.json`: it pinned lightningcss 1.32.0 where the
+  package and Vite require `^1.33.0`, so `npm ci`, and with it CI, failed
+  before running any check.
+
+## 1.0.3 — 2026-10-15
+
+- Document layout-block ownership, horizontal Stack rows, responsive tracks and
+  parent adaptation; ship a typed region-composition recipe and route common
+  layout queries to the corresponding owners and focused guidance.
+
+- Align template peer Card stacks with Page/TwoColumnLayout’s existing `2xl`
+  rhythm: 24px in both axes at default scale, including stacked mobile regions.
+
+- Let AddressCard, PaymentMethod, SeoListingCard and ProductVariantsManager own
+  their framed Card anatomy through existing surface/padding/divider props.
+  Preserve unframed defaults and suppress inherited embedded header rules;
+  replace redundant template wrappers with one full-width Card boundary.
+- Audit the admin templates: isolate overlay drafts, preserve staff save/discard
+  baselines, close mobile navigation, honor shell presets/density and repair
+  variant duplication/options persistence. Include templates in design lint and
+  installed-package typechecks; correct their documented scope and discovery.
+- Keep long MetadataList row labels from squeezing monetary values out of narrow
+  panels, and use the semantic copy-gap recipe for label/value rhythm.
 
 - Increase the shared surface-x/y defaults to 1.25rem: ordinary Card insets are
   20px, compact surfaces 10px and large surfaces/page gutters 36px at default

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: **`1.0.2`** · MIT licensed.
+Package: **`themelia-react-ui`** · current version: **`2.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
@@ -15,7 +15,7 @@ Commerce blocks include `Receipt` and `ReceiptItems` from `themelia-react-ui/blo
 
 ## Development
 
-For repository development and verification, use Node 24.12+ within the Node 24 line, or Node 26, and npm. CI pins 24.12.0; local checks ran on 26.3.1. The package consumer engine contract remains `>=22.12.0`, separate from the verification toolchain:
+For repository development and verification, use Node 24.12+ within the Node 24 line, or Node 26, and npm. 24.12.0 is the minimum; local checks ran on 26.3.1. The package consumer engine contract remains `>=22.12.0`, separate from the verification toolchain:
 
 ```sh
 npm ci
@@ -64,7 +64,7 @@ export function Example() {
         <Card title="Account">
           <Stack gap="lg">
             <Input aria-label="Name" />
-            <Button onClick={() => {}}>Save</Button>
+            <Button tone="primary" onClick={() => {}}>Save</Button>
           </Stack>
         </Card>
       </ThemeScope>
@@ -75,6 +75,8 @@ export function Example() {
 
 `UIProvider` is isolated and mount-once; configuration resolves explicit prop → provider default → fallback. Use direct props for per-instance state. It supports formatting, money, dates, comments, typography, density, items, buttons, badges, cards, toasts and spinners. `ThemeScope` is a CSS inheritance host; portaled menus, tooltips and overlays stay inside the nearest scope. Explicit Base UI portal containers take precedence.
 
+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. Your app supplies its reset. Load library CSS before app overrides. A Tailwind v4 application can additionally import `theme.css` after Tailwind to use the same mappings in its own classes; this editable file contains Tailwind directives and needs processing.
 
 React component chunks preserve `"use client"` boundaries for frameworks such as Next App Router. Pure utilities remain server-usable. Navigation uses native links, callbacks and render composition supplied by the consuming app.
@@ -203,6 +205,9 @@ Use `titleSuffix` for card status, count and version badges. `headerStart` is fu
 
 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.
 
+Page header commands are role-based: one `primaryAction` and ordered
+`secondaryActions`, with overflow, destructive commands and narrow widths moved
+into a More actions menu. Keep `actions` for non-command controls.
 Page owns inline and block padding, defaulting to the large surface role;
 PageViewport owns scrolling and supplies no inset. Use `Page narrow` for a
 centered single resource; explicit `maxWidth` wins. Page headers use dense copy
@@ -271,9 +276,9 @@ purpose from its name or read every document before starting a screen.
 
 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/1.0.2/` 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/2.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. See the [release guide](docs/releasing.md), [draft changelog](CHANGELOG.md) and [future GitHub Actions template](.github/workflows/ci.yml) for browser installation and explicit cold-cache handling. These commands verify locally; publication and deployment remain separate actions.
+`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.
 
 This package uses the [MIT license](LICENSE). Adapted shadcn/ui scaffolding retains its MIT attribution in [third-party notices](THIRD_PARTY_NOTICES.md). Package repository and issue metadata follow the configured Git remote. Repository-only links above describe checkout tooling; the complete consumer skill is shipped in the npm payload.
 

package/dist/{accordion-BRTcsp8J.js → accordion-CQXVcd7Q.js}

@@ -1,11 +1,11 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BvH9PSmq.js";
-import { a as n } from "./typography-BxQgiZyw.js";
+import { t } from "./utils-Cospvlj1.js";
+import { s as n } from "./typography-CAr3dQhX.js";
 import { t as r } from "./motion-recipes-B6jKXEcN.js";
-import { t as i } from "./structure-CRdqVawd.js";
+import { t as i } from "./structure-hzCW-XsV.js";
 import { t as a } from "./disclosure-panel-B0HFNZ9x.js";
-import { t as o } from "./icon-badge-Btc6pQrp.js";
+import { t as o } from "./icon-badge-DKlaKXoo.js";
 import * as s from "react";
 import { forwardRef as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -67,7 +67,7 @@ _.displayName = "Accordion";
 var v = s.forwardRef(function({ className: e, ...n }, r) {
 	return /* @__PURE__ */ l(m, {
 		ref: r,
-		className: t("accordion-item--component border-border data-open:bg-muted/30", e),
+		className: t("accordion-item--component border-border", e),
 		...n
 	});
 });
@@ -76,7 +76,7 @@ var y = s.forwardRef(function({ className: e, children: r, ...i }, a) {
 	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
 	return /* @__PURE__ */ l(h, {
 		ref: a,
-		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", "text-left text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline", "focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring", e),
+		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", "text-start text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline", "focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", e),
 		...i,
 		children: o ? /* @__PURE__ */ l(n, {
 			tag: "span",
@@ -112,12 +112,12 @@ var x = {
 	bordered: "rounded-radius border border-border bg-card overflow-hidden",
 	flat: "border-0 rounded-none bg-transparent overflow-visible"
 }, S = {
-	card: "border border-border bg-card rounded-radius data-open:bg-muted/25",
-	bordered: "bg-transparent not-last:border-b border-border data-open:bg-muted/30",
-	flat: "border-0 not-last:border-b-0 bg-transparent data-open:bg-muted/30 rounded-radius"
-}, C = "items-center gap-space-lg px-row-x py-row-y text-left hover:no-underline", w = {
-	withMedallion: "pl-[calc(var(--spacing-row-x)+var(--spacing-avatar)+var(--spacing-space-lg))] pr-row-x pt-0",
-	withInline: "pl-[calc(var(--spacing-row-x)+var(--spacing-icon-lg)+var(--spacing-space-lg))] pr-row-x pt-0",
+	card: "border border-border bg-card rounded-radius overflow-hidden",
+	bordered: "bg-transparent not-last:border-b border-border",
+	flat: "border-0 not-last:border-b-0 bg-transparent rounded-radius overflow-hidden"
+}, C = "items-center gap-space-lg px-row-x py-row-y text-start hover:no-underline", w = {
+	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"
 }, T = { regionAriaLabel: void 0 }, E = c(function({ items: r, multiple: a = !1, defaultValue: o, value: s, onValueChange: c, variant: d = "bordered", iconStyle: f = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: E }, k) {
 	let A = e(T, E), j = f !== "none" && r.some((e) => e.icon != null), M = j ? f === "medallion" ? w.withMedallion : w.withInline : w.withoutIcon, N = j ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
@@ -202,4 +202,4 @@ function O({ iconStyle: e, icon: n, reserveSpace: r }) {
 //#endregion
 export { x as a, b as c, S as i, v as l, T as n, C as o, w as r, _ as s, E as t, y as u };
 
-//# sourceMappingURL=accordion-BRTcsp8J.js.map
+//# sourceMappingURL=accordion-CQXVcd7Q.js.map

package/dist/accordion-CQXVcd7Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-CQXVcd7Q.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","Accordion","React","PrimitiveAccordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","motionRecipes","Stack","DisclosurePanelElement","IconBadge","React$1","Accordion$2","props","Accordion","cn","className","AccordionItem$1","AccordionTrigger$1","children","ChevronDownIcon","AccordionContent$1","panelProps","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-foreground 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';\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';\n\nexport type AccordionProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordion>;\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionItem>;\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionTrigger>;\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionContent>;\n\nconst Accordion = React.forwardRef<React.ElementRef<typeof PrimitiveAccordion>, AccordionProps>(\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-radius border-border bg-card',\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);\nAccordion.displayName = 'Accordion';\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-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline',\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 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\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\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'gap-space-md border-0 rounded-none bg-transparent overflow-visible',\n\tbordered: 'rounded-radius border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent 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 rounded-radius overflow-hidden',\n\tbordered: 'bg-transparent not-last:border-b border-border',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent rounded-radius 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\" 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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"}