@kerfjs/ui 5.0.0-beta.110 → 5.0.0-beta.112

package/ai/skill.md

@@ -101,6 +101,19 @@ color, set `tint={{ color, scheme }}` on the same components (and
 text, link, fills, and chrome material from it with lightness clamped to keep
 text at WCAG AA. Add `accent` to re-derive the brand ramp (loud fills, links, focus ring) from the artwork's vivid color with the same AA clamps. Never restyle tokens by hand inside a tinted region.
 
+For many image-led `ContentItem` cards in one feed, opt into
+`media.deferOffscreen` to skip offscreen hero painting while retaining the
+card's reserved height and the shared scroll owner. `BackdropImage` exposes
+the same `deferOffscreen` option directly; leave it off for a single page hero.
+
+`SummaryRow` is an option in a labeled listbox by default. For a diagnostic
+row with a nested recovery action, use `semanticRole="group"` and a required
+`ariaLabel`; only the nested native button takes focus and activates, while
+the row/card surface, rail, and selected visual fill remain available.
+An option SummaryRow accepts `draggable` on its root in either row or card
+presentation; the application owns dragstart/drop behavior, while the same
+option keeps its keyboard selection target and delegated `data-*` identity.
+
 ## Components own their styles; configure, never override
 
 This is the rule every Kerf UI surface follows, and applications and
@@ -521,6 +534,8 @@ Common mistakes:
 
 For prominent content text, use `Text size="large"`; use `size="xlarge"` for display copy. Both sizes work with semantic `variant`, `tone`, and `font`, so keep heading levels based on the document outline.
 
+For a setup or progress sequence, use `Button currentStep` on its current step. The native button or link reports `aria-current="step"`, including when disabled; the app owns the label and which step is current. See `docs/button.md`.
+
 For an exclusive choice among several visible options that must wrap (a labeled color palette), use `ChoiceChips` from `@kerfjs/ui/choice-chips`: separate pills backed by native radios, so the group is one Tab stop, arrow keys select, and the checked radio submits under `name`. Name it with `label` or `labelledBy` (a visible `FieldLabel`), lead choices with `swatch` (a `CssColor` such as `fillColor('#3b82f6')`, or `'transparent'` for the struck-through no-color dot) or `icon`, and handle the delegated `action` on `change`. Never wrap a `SegmentedControl` or button-appearance `wa-radio` set instead. When any number of the options may be on, give `value` a `readonly Value[]` and pick a model. `multiple: 'toggle'` (label filters, annotation intents) makes the pills native checkboxes in a `role="group"`: each its own Tab stop, a click or Space toggles it alone, and every checked value submits under `name` (read the checked boxes by name in the change handler). `multiple: true` is the desktop multi-select: an `aria-multiselectable` listbox where a click selects one chip, Cmd (Apple) or Ctrl (elsewhere) toggles one, and Shift extends a range; it is one Tab stop with arrow, Shift+arrow, Space, and Cmd/Ctrl+A selection, and hidden inputs submit under `name`. It requires `wireChoiceChips(root)` from `@kerfjs/ui/wire-choice-chips`, which fires `change` on the group (the group carries the `action`); read the set with `readChoiceChips(group)`. A multiple group takes no `required`. On dark inverse chrome, put the chips in a dark appearance scope (`.wa-dark` or any `color-scheme: dark` ancestor) instead of restyling them.
 
 For removable tags use `Chip`, with `removeAction` for delegated handling and a specific `removeLabel` for the native button. `itemId` identifies the tag; the app owns removal. `size="compact"` and `disabled` replace app styling of raw `wa-tag` internals. Use `Badge` for non-interactive metadata. For a downloadable file or a short link, give `Chip` an `href` (optional `download`, `true` or a file name, and `external`) instead of styling an `<a>`: it renders a native link with chip geometry, icon, truncation, focus ring, and hover feedback, and cannot also carry a remove button. Inside a `brand-loud` or `neutral` ContentItem bubble set `tone="inherit"`, which follows the bubble's foreground with a currentColor border and no fill. For a short value the user activates once (a filter token in a search help popover that inserts itself into the query), give `Chip` an `action` and `itemId`: the whole chip becomes a native `<button type="button" data-action data-item-id>` with hover, press, focus-ring, and disabled states, and an optional `actionLabel` that contains the visible label. It cannot also take `href` or `removeAction`. A compact rounded action chip keeps a compact `Badge`'s height in a compact `ValueTable` cell, so use it there instead of a `Badge` the app makes clickable.
@@ -577,4 +592,6 @@ Give sibling `DialogSurface`s that render conditionally a stable `rootAttributes
 
 Render a modal dialog as `DialogSurface` itself, a native `<dialog>` (set `alert` for a confirmation before a destructive action, which renders `role="alertdialog"`; pair it with `describedBy` on the message and leave `lightDismiss` off): `label` (or `labelledBy` with a `heading`, such as an xl `ToolbarText` with a description) names it, `describedBy` (the heading ToolbarText's `descriptionId`, or app-owned summary copy) describes it as `aria-describedby`, `children` is its body, `footer` holds its buttons, and `headerActions` sit before its close button (`withoutHeader` drops the header for content that owns its heading and close control). Open it with `openDialog(dialog)` and close it with `closeDialog(dialog)` from `@kerfjs/ui/surface-scaffold`; never toggle its `open` attribute. The close button, any `data-dialog-close` element inside (a Cancel button), Escape, and, with `lightDismiss`, a backdrop press dispatch a cancelable `kui-request-close` (`detail.source`: `close-button`, `escape`, or `backdrop`); cancel it to keep the dialog open (the panel pulses). The native `close` event fires once it closes. `openDialog` installs the listeners and, while the dialog is open, measures its floating header/footer, follows a bottom sheet's keyboard and grabber, and keeps that state across re-renders; import `@kerfjs/ui/surface-scaffold/register` only when a dialog may open some other way. Do not write `wa-dialog` inside a `DialogSurface`.
 
+Set `DialogSurface closeEmphasis="quiet"` when its built-in close control should recede. It keeps the native 40px button target, `closeLabel`, focus ring, and `kui-request-close` behavior. See `docs/surface-scaffold.md`.
+
 Toolbar visibility measurement probes and invisible state children are helper-owned and survive Kerf rerenders through `data-morph-preserve`. Actual CSS visibility stays stable while rendering removes transient parent markers, preventing geometry-driven render feedback and repeated probe recreation. Toolbar replacement, explicit internal-node removal and disposal retain their existing behavior.

package/ai/webawesome-jsx-signatures-v1.md

@@ -1,6 +1,6 @@
 # Web Awesome JSX signatures for the UI authoring corpus
 
-Generated from the emitted `@kerfjs/ui@5.0.0-beta.110` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
+Generated from the emitted `@kerfjs/ui@5.0.0-beta.112` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
 
 ```ts
 import { KerfCustomElement } from 'kerfjs/jsx-runtime';

package/dist/backdrop-image.d.ts

@@ -50,6 +50,9 @@ type BackdropImageRootAttributes = StructuralRootAttributes & Readonly<{
     'data-fade'?: never;
     'data-repeat'?: never;
     'data-under-chrome'?: never;
+    'data-aspect-ratio'?: never;
+    'data-inline-bleed'?: never;
+    'data-defer-offscreen'?: never;
 }>;
 interface BackdropImageCommonProps {
     /** Image URL. */
@@ -63,6 +66,12 @@ interface BackdropImageCommonProps {
     position?: BackdropImagePosition;
     /** Height of the image block. Default 320px (`remify(320)`). */
     height?: CssLength;
+    /** Reserve image height from its width, useful for an inline card. Cannot be combined with `height`. */
+    aspectRatio?: number;
+    /** Native image loading behavior. Omit for the browser default. */
+    loading?: 'eager' | 'lazy';
+    /** Bleed to a Pane's inline content edges. Set false when embedded in a card. Defaults to true. */
+    bleedInline?: boolean;
     /** How far the image lags the scroll. Default `none`. */
     parallax?: BackdropImageParallax;
     /**
@@ -76,6 +85,8 @@ interface BackdropImageCommonProps {
      * statically blurred copy. Static (unblurred) wherever parallax is.
      */
     blur?: BackdropImageBlur;
+    /** Skip painting the image hero while it is off screen in a long feed. */
+    deferOffscreen?: boolean;
     /**
      * Run the image up beneath the scroller's block-start inset: an overlay or
      * clear Pane header, NavStack chrome handed to a view's Pane, and the top

package/dist/backdrop-image.js

@@ -1,4 +1,4 @@
-export { BackdropImage } from './chunk-SCDWURBO.js';
+export { BackdropImage } from './chunk-5CLMV5YU.js';
 
 
 

package/dist/browser/content-item.js

@@ -1,3 +1,4 @@
 import '../styles/foundation.css';
+import '../styles/backdrop-image.css';
 import '../styles/content-item.css';
 export * from '../content-item.js';

package/dist/browser/editor-frame.js

@@ -0,0 +1,3 @@
+import '../styles/foundation.css';
+import '../styles/editor-frame.css';
+export * from '../editor-frame.js';

package/dist/browser/value-preview.js

@@ -0,0 +1,3 @@
+import '../styles/foundation.css';
+import '../styles/value-preview.css';
+export * from '../value-preview.js';

package/dist/button.d.ts

@@ -57,6 +57,8 @@ interface ButtonOptions {
      * flips it in its `action` handler. A link (`href`) cannot be a toggle.
      */
     pressed?: boolean;
+    /** Mark the current step in a sequence with `aria-current="step"`. */
+    currentStep?: boolean;
     /**
      * Busy: a spinner replaces the label (which still names it) and the button
      * reports `aria-busy`. Presses still reach it; the application decides
@@ -111,11 +113,11 @@ interface ButtonOptions {
  * in one of four tones and three emphases, at the 44px control height or
  * compact, with a label or as an icon-only square, rounded or pill-shaped,
  * sized to its label or filling its parent's width, and optionally a
- * `pressed` toggle. Inside a
+ * `pressed` toggle or `currentStep` marker. Inside a
  * `ToolbarControlGroup`, use a plain `<button>`, which the group styles; use
  * Button for a dialog footer, a form, or a standalone action beside other
  * content.
  */
-declare function Button({ children, tone, emphasis, size, shape, fill, pressed, icon, loading, disabled, type, name, value, form, href, target, action, focusRingInset, badge, badgeLabel, badgeTone, ariaLabel, title, id, className, rootAttributes, slot, }: ButtonProps): kerfjs.SafeHtml;
+declare function Button({ children, tone, emphasis, size, shape, fill, pressed, currentStep, icon, loading, disabled, type, name, value, form, href, target, action, focusRingInset, badge, badgeLabel, badgeTone, ariaLabel, title, id, className, rootAttributes, slot, }: ButtonProps): kerfjs.SafeHtml;
 
 export { Button, type ButtonContent, type ButtonEmphasis, type ButtonLabel, type ButtonOptions, type ButtonProps, type ButtonRootAttributes, type ButtonShape, type ButtonSize, type ButtonTone, type ButtonType };

package/dist/button.js

@@ -1,4 +1,4 @@
-export { Button } from './chunk-KPINJHIC.js';
+export { Button } from './chunk-PS24PVR6.js';
 
 
 

package/dist/catalog-resources.d.ts

@@ -6,8 +6,9 @@ import './sides-BPSWde0A.js';
 import './pane.js';
 import './scroll-clearance-BikHljTc.js';
 import './css-values.js';
+import './surface-tint-DQgYCaP9.js';
 import './workbench.js';
-import './nav-stack-CU_0dKtI.js';
+import './nav-stack-CrZF95VO.js';
 import './list.js';
 import './extension-attributes-mu8MFUl0.js';
 import './flex-alignment-4ms8ZbV8.js';

package/dist/catalog.d.ts

@@ -8,8 +8,9 @@ import './sides-BPSWde0A.js';
 import './pane.js';
 import './scroll-clearance-BikHljTc.js';
 import './css-values.js';
+import './surface-tint-DQgYCaP9.js';
 import './workbench.js';
-import './nav-stack-CU_0dKtI.js';
+import './nav-stack-CrZF95VO.js';
 import './list.js';
 import './extension-attributes-mu8MFUl0.js';
 import './flex-alignment-4ms8ZbV8.js';

package/dist/catalog.js

@@ -1,4 +1,4 @@
-import { Workbench } from './chunk-CPSGUGAY.js';
+import { Workbench } from './chunk-YPAQFBMN.js';
 import { uxReviewCaptureUrl } from './chunk-6C6DLP3W.js';
 export { UX_REVIEW_PROJECT_PATH, loadUxReviewProject, uxReviewCaptureUrl } from './chunk-6C6DLP3W.js';
 
@@ -6,15 +6,16 @@ export { UX_REVIEW_PROJECT_PATH, loadUxReviewProject, uxReviewCaptureUrl } from
 import { Switch } from './chunk-LTBVP6VN.js';
 import { Row } from './chunk-AMIHGFLP.js';
 import { SearchField } from './chunk-VEME3D7K.js';
+import { PopupMenu } from './chunk-OQP3PFKQ.js';
+
+
 
 import { ToolbarText } from './chunk-EKHDLBRP.js';
 import { ListHeader } from './chunk-NR6O74ST.js';
 import { Text } from './chunk-7K6U6FCN.js';
 import { ListInsetControl } from './chunk-AN5IWMTM.js';
 import { ListInsetText } from './chunk-S4Y3YTAI.js';
-import { ListItem } from './chunk-3GLYIIFR.js';
-
-import { PopupMenu } from './chunk-OQP3PFKQ.js';
+import { ListItem } from './chunk-3WWX2O4G.js';
 
 
 
@@ -32,6 +33,7 @@ import { List } from './chunk-NB6POCFH.js';
 
 
 
+
 import { LucideIcon } from './chunk-HJXVVFBT.js';
 
 import { filterDataAttributes } from './chunk-KH4KEMSP.js';

package/dist/catalog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/catalog/components/catalog-resource-footer.tsx","../src/catalog/components/catalog-section-entries.tsx","../src/catalog/components/catalog-secondary-sections.tsx","../src/catalog/components/catalog-section-list.tsx","../src/catalog/components/catalog-sidebar.tsx","../src/catalog/components/catalog-stage.tsx","../src/catalog/components/catalog-ux-review-link.tsx","../src/catalog/components/catalog.tsx","../src/catalog/components/catalog-example.tsx","../src/catalog/components/catalog-example-stack.tsx"],"names":["jsxs","jsx","Fragment","protectedAttributes"],"mappings":"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","file":"catalog.js","sourcesContent":["import { ExternalLink, Waypoints } from 'lucide';\n\nimport {\n  PopupMenu,\n  type PopupMenuEntry,\n} from '../../components/actions/popup-menu/popup-menu.js';\nimport {\n  Toolbar,\n  type ToolbarConfig,\n} from '../../components/actions/toolbar/toolbar.js';\nimport {\n  ToolbarActionLink,\n  ToolbarControlGroup,\n} from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { Row } from '../../components/layout/row/row.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport type { CatalogRelated, CatalogResource } from '../types.js';\n\ninterface CatalogResourceFooterProps {\n  name: string;\n  resources: readonly CatalogResource[];\n  related: readonly CatalogRelated[];\n  status?: KerfUiContent;\n  selectAction: string;\n  toolbar?: ToolbarConfig;\n}\n\nfunction relatedMenuItems(\n  related: readonly CatalogRelated[],\n  selectAction: string,\n): PopupMenuEntry[] {\n  const groups: string[] = [];\n  for (const entry of related)\n    if (!groups.includes(entry.group)) groups.push(entry.group);\n\n  const items: PopupMenuEntry[] = [];\n  groups.forEach((group, index) => {\n    if (index > 0) items.push({ kind: 'divider' });\n    items.push({ kind: 'heading', label: group });\n    for (const entry of related)\n      if (entry.group === group)\n        items.push({\n          label: entry.name,\n          action: selectAction,\n          attributes: { 'data-item-id': entry.id },\n        });\n  });\n  return items;\n}\n\n/** Status, resources, and related-entry navigation for the active specimen. */\nexport function CatalogResourceFooter({\n  name,\n  resources,\n  related,\n  status,\n  selectAction,\n  toolbar,\n}: CatalogResourceFooterProps) {\n  return (\n    <>\n      {status ? (\n        <Row\n          hAlign=\"space-between\"\n          vAlign=\"baseline\"\n          gap=\"xs\"\n          wrap\n          textInsets=\"trl\"\n        >\n          {status}\n        </Row>\n      ) : null}\n      <Toolbar\n        position=\"footer\"\n        label={`${name} Resources`}\n        density={toolbar?.density}\n        dividerSides={toolbar?.dividerSides}\n        centerAlign={toolbar?.centerAlign}\n        responsive={toolbar?.responsive ?? 'stack'}\n        responsiveAt={toolbar?.responsiveAt ?? 'narrow'}\n        safeAreaEdges={toolbar?.safeAreaEdges}\n        leading={\n          resources.length > 0 ? (\n            <ToolbarControlGroup\n              label={`${name} Resources`}\n              content=\"mixed\"\n              size=\"compact\"\n              overflow=\"wrap\"\n            >\n              {resources.map((resource) => (\n                <ToolbarActionLink\n                  href={resource.href}\n                  label={resource.label}\n                  detail={resource.detail}\n                  ariaLabel={`${name}: ${resource.label} (opens in new tab)`}\n                  external\n                  icon={<LucideIcon icon={ExternalLink} name=\"external-link\" />}\n                />\n              ))}\n            </ToolbarControlGroup>\n          ) : null\n        }\n        trailing={\n          related.length > 0 ? (\n            <ToolbarControlGroup\n              single\n              content=\"mixed\"\n              nestedDropdown\n              menuInset=\"compact\"\n              size=\"compact\"\n              label=\"Related Entries\"\n            >\n              <PopupMenu\n                text=\"Components\"\n                icon={<LucideIcon icon={Waypoints} name=\"waypoints\" />}\n                placement=\"top-end\"\n                items={relatedMenuItems(related, selectAction)}\n                rootAttributes={{ 'data-catalog-related': '' }}\n              />\n            </ToolbarControlGroup>\n          ) : null\n        }\n      />\n    </>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { ListItem } from '../../components/collections/list-item/list-item.js';\nimport type { CatalogEntry, CatalogSection } from '../types.js';\n\n/** One labeled section of catalog entries. */\nexport function CatalogSectionEntries({\n  section,\n  active,\n  selectAction,\n}: {\n  section: CatalogSection;\n  active: string;\n  selectAction: string;\n}) {\n  return (\n    <List rootAttributes={{ 'data-catalog-section': section.category }}>\n      <ListHeader label={section.category} />\n      <List gap=\"2xs\">\n        {section.entries.map((entry: CatalogEntry) => (\n          <ListItem\n            action={selectAction}\n            itemId={entry.id}\n            label={entry.name}\n            status={entry.tags?.join(' · ')}\n            selected={active === entry.id}\n            title={entry.description}\n            multiline\n            rootAttributes={{ 'data-catalog-entry-name': entry.name }}\n          />\n        ))}\n      </List>\n    </List>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { Switch } from '../../components/forms/switch/switch.js';\nimport type { CatalogSecondaryGroup, CatalogSection } from '../types.js';\nimport { CatalogSectionEntries } from './catalog-section-entries.js';\n\ninterface CatalogSecondarySectionsProps {\n  group: CatalogSecondaryGroup;\n  active: string;\n  selectAction: string;\n  toggleAction: string;\n  filterAction: string;\n}\n\n/** Drop entries the tag filter hides (never the active one) and any emptied section. */\nfunction visibleSections(\n  group: CatalogSecondaryGroup,\n  active: string,\n): readonly CatalogSection[] {\n  const filter = group.tagFilter;\n  if (!filter || filter.show) return group.sections;\n  return group.sections\n    .map((section) => ({\n      ...section,\n      entries: section.entries.filter(\n        (entry) => entry.id === active || !entry.tags?.includes(filter.tag),\n      ),\n    }))\n    .filter((section) => section.entries.length > 0);\n}\n\n/** The quieter, optionally collapsible navigation below primary sections. */\nexport function CatalogSecondarySections({\n  group,\n  active,\n  selectAction,\n  toggleAction,\n  filterAction,\n}: CatalogSecondarySectionsProps) {\n  const open = !group.collapsible || Boolean(group.expanded);\n  return (\n    <List\n      dividerSides=\"t\"\n      controlInsets=\"t\"\n      rootAttributes={{ 'data-catalog-secondary-group': group.label }}\n    >\n      {group.collapsible ? (\n        <ListHeader\n          label={group.label}\n          toggle\n          expanded={open}\n          action={toggleAction}\n        />\n      ) : (\n        <ListHeader label={group.label} />\n      )}\n      <List\n        gap=\"m\"\n        rootAttributes={{\n          'data-catalog-secondary': '',\n          'data-catalog-secondary-collapsed': String(!open),\n        }}\n      >\n        {group.tagFilter ? (\n          <List textInsets=\"rl\">\n            <Switch\n              label={group.tagFilter.label}\n              checked={group.tagFilter.show}\n              size=\"compact\"\n              action={filterAction}\n              rootAttributes={{ 'data-catalog-secondary-filter': '' }}\n            />\n          </List>\n        ) : null}\n        {visibleSections(group, active).map((section) => (\n          <CatalogSectionEntries\n            section={section}\n            active={active}\n            selectAction={selectAction}\n          />\n        ))}\n      </List>\n    </List>\n  );\n}\n","import type { CatalogSection } from '../types.js';\nimport { CatalogSectionEntries } from './catalog-section-entries.js';\n\n/** The primary category sections in the catalog navigation. */\nexport function CatalogSectionList({\n  sections,\n  active,\n  selectAction,\n}: {\n  sections: readonly CatalogSection[];\n  active: string;\n  selectAction: string;\n}) {\n  return (\n    <>\n      {sections.map((section) => (\n        <CatalogSectionEntries\n          section={section}\n          active={active}\n          selectAction={selectAction}\n        />\n      ))}\n    </>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport type {\n  CatalogBrand,\n  CatalogSecondaryGroup,\n  CatalogSection,\n} from '../types.js';\nimport { CatalogSecondarySections } from './catalog-secondary-sections.js';\nimport { CatalogSectionList } from './catalog-section-list.js';\n\ninterface CatalogSidebarProps {\n  brand: CatalogBrand;\n  sections: readonly CatalogSection[];\n  active: string;\n  secondarySections?: CatalogSecondaryGroup;\n  footer?: KerfUiContent;\n  selectAction: string;\n  toggleSecondaryAction: string;\n  toggleSecondaryFilterAction: string;\n}\n\n/** The catalog navigation: brand subtitle, entry sections, and footer. */\nexport function CatalogSidebar({\n  brand,\n  sections,\n  active,\n  secondarySections,\n  footer,\n  selectAction,\n  toggleSecondaryAction,\n  toggleSecondaryFilterAction,\n}: CatalogSidebarProps) {\n  return (\n    <nav aria-label={`${brand.title} Components`} data-catalog-sidebar>\n      <List gap=\"m\" controlInsets=\"b\">\n        {brand.subtitle ? (\n          <ListInsetText sides=\"rl\">\n            <Text variant=\"span\" size=\"compact\" tone=\"quiet\">\n              {brand.subtitle}\n            </Text>\n          </ListInsetText>\n        ) : null}\n        <CatalogSectionList\n          sections={sections}\n          active={active}\n          selectAction={selectAction}\n        />\n        {secondarySections ? (\n          <CatalogSecondarySections\n            group={secondarySections}\n            active={active}\n            selectAction={selectAction}\n            toggleAction={toggleSecondaryAction}\n            filterAction={toggleSecondaryFilterAction}\n          />\n        ) : null}\n        <ListInsetText\n          sides=\"rl\"\n          rootAttributes={{ 'data-catalog-filter-empty': '' }}\n        >\n          <Text variant=\"span\" tone=\"quiet\">\n            No matching items\n          </Text>\n        </ListInsetText>\n        {footer}\n      </List>\n    </nav>\n  );\n}\n","import type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\nimport type {\n  CatalogBackgroundStyle,\n  CatalogStageRootAttributes,\n} from '../types.js';\n\nconst protectedAttributes = new Set([\n  'data-catalog-stage',\n  'data-background-style',\n]);\n\ninterface CatalogStageProps {\n  name: string;\n  content: KerfUiContent;\n  backgroundStyle?: CatalogBackgroundStyle;\n  rootAttributes?: CatalogStageRootAttributes;\n}\n\n/** The preview canvas for an active Catalog entry. */\nexport function CatalogStage({\n  name,\n  content,\n  backgroundStyle = 'checkerboard',\n  rootAttributes = {},\n}: CatalogStageProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n  return (\n    <section\n      {...safeRootAttributes}\n      class=\"kui-catalog__stage\"\n      data-catalog-stage\n      data-background-style={backgroundStyle}\n      aria-label={`${name} Preview`}\n    >\n      <div class=\"kui-catalog__canvas\">{content}</div>\n    </section>\n  );\n}\n","import { Scan } from 'lucide';\n\nimport {\n  ToolbarActionLink,\n  ToolbarControlGroup,\n} from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport type { CatalogEntry, CatalogUxReview } from '../types.js';\nimport { uxReviewCaptureUrl } from '../ux-review.js';\n\n/**\n * The \"Capture region\" header link for the active entry. `wireCatalog` adds\n * the page URL to its context when it is followed, since the URL can change\n * after this render (`urlParam`).\n */\nexport function CatalogUxReviewLink({\n  uxReview: { projectDirectory, name },\n  entry,\n  category,\n}: {\n  uxReview: CatalogUxReview & { name: string };\n  entry: CatalogEntry;\n  category: string;\n}) {\n  return (\n    <ToolbarControlGroup\n      appearance=\"borderless\"\n      single\n      size=\"compact\"\n      content=\"mixed\"\n      buttonAppearance=\"push\"\n    >\n      <ToolbarActionLink\n        href={uxReviewCaptureUrl({\n          projectDirectory,\n          title: `${name}: ${entry.name}`,\n          context: `${name} catalog\\nSelected ${category}: ${entry.name} (${entry.id})`,\n        })}\n        label=\"Capture Region\"\n        ariaLabel={`Capture ${entry.name} in UX Review`}\n        icon={<LucideIcon icon={Scan} name=\"scan\" />}\n      />\n    </ToolbarControlGroup>\n  );\n}\n","import { Contrast, Moon, Sun, X, ZapOff } from 'lucide';\n\nimport { PopupMenu } from '../../components/actions/popup-menu/popup-menu.js';\nimport { ToolbarControlGroup } from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { ToolbarText } from '../../components/actions/toolbar-text/toolbar-text.js';\nimport { ListInsetControl } from '../../components/collections/list-inset-control/list-inset-control.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { SearchField } from '../../components/forms/search-field/search-field.js';\nimport { Workbench } from '../../components/layout/workbench/workbench.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { CatalogEntry, CatalogProps, CatalogSection } from '../types.js';\nimport { CatalogResourceFooter } from './catalog-resource-footer.js';\nimport { CatalogSidebar } from './catalog-sidebar.js';\nimport { CatalogStage } from './catalog-stage.js';\nimport { CatalogUxReviewLink } from './catalog-ux-review-link.js';\n\nfunction findEntry(\n  sections: readonly CatalogSection[],\n  id: string,\n): { entry: CatalogEntry; category: string } | undefined {\n  for (const section of sections) {\n    for (const entry of section.entries)\n      if (entry.id === id) return { entry, category: section.category };\n  }\n  return undefined;\n}\n\n/**\n * Controlled, stateless component-catalog shell: a `Workbench` whose left rail\n * is the catalog navigation and whose work area is the active entry — its\n * toolbar, description, preview stage, and resource footer. The sidebar's\n * standard toggle moves into the entry toolbar while it is collapsed, and on\n * a small screen the sidebar overlays the stage like any Workbench rail.\n * An entry's `settings` render in a right-rail settings pane beside the stage,\n * with the same toggle relocation and small-screen overlay.\n */\nexport function Catalog({\n  id = 'kui-catalog',\n  brand,\n  sections,\n  active,\n  content,\n  collapsed = false,\n  theme,\n  increasedContrast,\n  reducedMotion,\n  backgroundControl = false,\n  headerActions,\n  settings,\n  settingsCollapsed = false,\n  settingsPanel = {},\n  uxReview,\n  secondarySections,\n  sidebarFooter,\n  status,\n  backgroundStyle,\n  stageRootAttributes,\n  selectAction = 'catalog-select',\n  toggleSidebarAction = 'catalog-toggle-sidebar',\n  toggleThemeAction = 'catalog-toggle-theme',\n  toggleContrastAction = 'catalog-toggle-contrast',\n  toggleMotionAction = 'catalog-toggle-motion',\n  selectBackgroundAction = 'catalog-select-background',\n  toggleSecondaryAction = 'catalog-toggle-secondary',\n  toggleSecondaryFilterAction = 'catalog-toggle-secondary-filter',\n  toggleSettingsAction = 'catalog-toggle-settings',\n  headerPlacement = 'auto',\n  footerPlacement = 'auto',\n  sidebar = {},\n  mainToolbar,\n  footerToolbar,\n  className = '',\n  slot,\n}: CatalogProps) {\n  const found =\n    findEntry(sections, active) ??\n    (secondarySections\n      ? findEntry(secondarySections.sections, active)\n      : undefined);\n  const selected = found?.entry;\n  const name = selected?.name ?? '';\n  const nextTheme = theme === 'dark' ? 'light' : 'dark';\n  const catalogName = `${brand.title} Catalog`;\n  const displayControls =\n    increasedContrast !== undefined ||\n    reducedMotion !== undefined ||\n    backgroundControl ||\n    theme !== undefined;\n  const hasSettings =\n    settings !== undefined && settings !== null && settings !== false;\n  const settingsTitle = settingsPanel.title ?? 'Settings';\n\n  return (\n    <main\n      class={`kui-catalog ${className}`.trim()}\n      data-component=\"catalog\"\n      data-sidebar-collapsed={String(collapsed)}\n      data-settings-collapsed={\n        hasSettings ? String(settingsCollapsed) : undefined\n      }\n      slot={slot}\n    >\n      <Workbench\n        id={id}\n        label={catalogName}\n        leftRail={{\n          label: catalogName,\n          size: sidebar.size ?? 288,\n          resizable: sidebar.resizable,\n          separator: sidebar.separator,\n          collapseMotion: sidebar.collapseMotion,\n          presentation: sidebar.presentation,\n          responsiveOverlayAt: sidebar.responsiveOverlayAt,\n          compactOverlay: sidebar.compactOverlay,\n          collapsed,\n          toolbar: {\n            ...sidebar.toolbar,\n            label: `${catalogName} Header`,\n            title: (\n              <>\n                {brand.logoUrl ? (\n                  <ToolbarControlGroup\n                    appearance=\"borderless\"\n                    content=\"avatar\"\n                    shape=\"rounded\"\n                    single\n                    avatarImage={brand.logoUrl}\n                  >\n                    {null}\n                  </ToolbarControlGroup>\n                ) : null}\n                <ToolbarText text={brand.title} size=\"large\" headingLevel={1} />\n              </>\n            ),\n            toggle: { action: toggleSidebarAction, name: catalogName },\n          },\n          header: (\n            <ListInsetControl sides=\"rbl\">\n              <SearchField\n                id={`${id}-filter`}\n                label=\"Filter Catalog\"\n                placeholder=\"Filter items or headings\"\n                editorAttributes={{ 'data-catalog-filter': '' }}\n                trailingAction={{\n                  icon: <LucideIcon icon={X} name=\"x\" />,\n                  label: 'Clear Filter',\n                  action: 'catalog-clear-filter',\n                }}\n              />\n            </ListInsetControl>\n          ),\n          content: (\n            <CatalogSidebar\n              brand={brand}\n              sections={sections}\n              active={active}\n              secondarySections={secondarySections}\n              footer={sidebarFooter}\n              selectAction={selectAction}\n              toggleSecondaryAction={toggleSecondaryAction}\n              toggleSecondaryFilterAction={toggleSecondaryFilterAction}\n            />\n          ),\n        }}\n        rightRail={\n          hasSettings\n            ? {\n                label: name ? `${name} ${settingsTitle}` : settingsTitle,\n                size: settingsPanel.size ?? 288,\n                resizable: settingsPanel.resizable,\n                separator: settingsPanel.separator,\n                collapseMotion: settingsPanel.collapseMotion,\n                presentation: settingsPanel.presentation,\n                responsiveOverlayAt: settingsPanel.responsiveOverlayAt,\n                compactOverlay: settingsPanel.compactOverlay,\n                collapsed: settingsCollapsed,\n                toolbar: {\n                  ...settingsPanel.toolbar,\n                  label: `${settingsTitle} Header`,\n                  // A peripheral rail beside the xl entry title takes the\n                  // default title size, so it never truncates at 288px.\n                  title: <ToolbarText text={settingsTitle} headingLevel={2} />,\n                  toggle: {\n                    action: toggleSettingsAction,\n                    name: settingsTitle,\n                  },\n                },\n                content: settings,\n              }\n            : undefined\n        }\n        mainToolbar={{\n          ...mainToolbar,\n          label: `${name} Header`,\n          // The entry title stays whole; actions wrap below it when narrow.\n          responsive: mainToolbar?.responsive ?? 'wrap',\n          title: <ToolbarText text={name} size=\"xlarge\" headingLevel={2} />,\n          trailing: (\n            <>\n              {headerActions}\n              {uxReview && found ? (\n                <CatalogUxReviewLink\n                  uxReview={{ ...uxReview, name: uxReview.name ?? brand.title }}\n                  entry={found.entry}\n                  category={found.category}\n                />\n              ) : null}\n              {displayControls ? (\n                <ToolbarControlGroup\n                  appearance=\"borderless\"\n                  content=\"mixed\"\n                  size=\"compact\"\n                  overflow=\"wrap\"\n                  buttonAppearance=\"push\"\n                  label=\"Catalog Display Settings\"\n                >\n                  {increasedContrast !== undefined ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleContrastAction}\n                      aria-pressed={String(increasedContrast)}\n                    >\n                      <LucideIcon icon={Contrast} name=\"contrast\" />\n                      <span>Contrast</span>\n                    </button>\n                  ) : null}\n                  {reducedMotion !== undefined ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleMotionAction}\n                      aria-pressed={String(reducedMotion)}\n                    >\n                      <LucideIcon icon={ZapOff} name=\"zap-off\" />\n                      <span>Reduce Motion</span>\n                    </button>\n                  ) : null}\n                  {backgroundControl ? (\n                    <PopupMenu\n                      text=\"Background\"\n                      rootAttributes={{ 'data-catalog-background-menu': '' }}\n                      items={[\n                        { value: 'checkerboard', label: 'Checkerboard' },\n                        {\n                          value: 'vertical-stripes',\n                          label: 'Vertical Stripes',\n                        },\n                        { value: 'layout-guide', label: 'Layout Guide' },\n                        { value: 'surface', label: 'Surface' },\n                        { value: 'sunken', label: 'Sunken' },\n                      ].map(({ value, label }) => ({\n                        label,\n                        action: selectBackgroundAction,\n                        checked: (backgroundStyle ?? 'checkerboard') === value,\n                        attributes: { 'data-background-choice': value },\n                      }))}\n                    />\n                  ) : null}\n                  {theme ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleThemeAction}\n                      aria-label={`Use ${nextTheme === 'dark' ? 'Dark' : 'Light'} Theme`}\n                      data-theme-preview={theme}\n                    >\n                      {nextTheme === 'dark' ? (\n                        <LucideIcon icon={Moon} name=\"moon\" />\n                      ) : (\n                        <LucideIcon icon={Sun} name=\"sun\" />\n                      )}\n                      <span>{nextTheme === 'dark' ? 'Dark' : 'Light'}</span>\n                    </button>\n                  ) : null}\n                </ToolbarControlGroup>\n              ) : null}\n            </>\n          ),\n        }}\n        mainPane={{ appearance: 'sunken' }}\n        mainFooter={\n          <CatalogResourceFooter\n            name={name}\n            resources={selected?.resources ?? []}\n            related={selected?.related ?? []}\n            status={status}\n            selectAction={selectAction}\n            toolbar={footerToolbar}\n          />\n        }\n        mainHeader={\n          selected?.description ? (\n            <ListInsetText\n              sides=\"trbl\"\n              rootAttributes={{ 'data-catalog-description': '' }}\n            >\n              <Text variant=\"span\">{selected.description}</Text>\n            </ListInsetText>\n          ) : null\n        }\n        mainHeaderPlacement={headerPlacement}\n        mainFooterPlacement={footerPlacement}\n        main={\n          <CatalogStage\n            name={name}\n            content={content}\n            backgroundStyle={backgroundStyle}\n            rootAttributes={stageRootAttributes}\n          />\n        }\n      />\n    </main>\n  );\n}\n","import type { SafeHtml } from 'kerfjs';\n\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\nimport { ensureSunkenTexture } from '../../shared/styles/sunken-texture.js';\n\n/** How a specimen aligns its visible edge with its `ListHeader` label. */\nexport type CatalogExampleAlign =\n  'glyph' | 'inline-control' | 'text-trigger' | 'none';\n\nexport interface CatalogExampleViewport {\n  layout?: 'grid' | 'flex' | 'flex-column';\n  /** Specimen width. `sidebar` (272px, capped at the stage) shows a sidebar\n   *  pane's content at a production rail's width. */\n  width?:\n    'full' | 'sidebar' | 'compact' | 'medium' | 'wide' | 'text' | 'control';\n  /** Fixed specimen height; `app` frames an application-sized recipe or layout.\n   *  A fixed height is definite, so a child that fills with `height: 100%`\n   *  (a horizontal `ResizableRegion`, say) spans the whole frame. */\n  height?: 'short' | 'reduced' | 'medium' | 'tall' | 'app';\n  /** A minimum the frame may grow past. It is not a definite height: a child\n   *  sized with `height: 100%` falls back to its content height, so use\n   *  `height` when the specimen must fill the frame. `app` (592px) is the\n   *  application frame's height as a floor, for a stage that hosts a\n   *  frame-anchored top-layer specimen above in-flow content. */\n  minHeight?: 'short' | 'medium' | 'app';\n  /** Names the frame as a CSS anchor (`anchor-name`), so a top-layer\n   *  specimen whose own CSS sets `position-anchor` to this dashed-ident\n   *  positions against the frame as it would against its production anchor.\n   *  Anchor names are document-wide: give each frame on a page its own. */\n  anchorName?: `--${string}`;\n  /** Caps each in-flow child at a centered-or-start content column:\n   *  `compact` (440px), `medium` (640px), or `wide` (864px), each capped at\n   *  the frame. `[popover]` children keep their own geometry. Applies to\n   *  block, `grid`, and `flex-column` flows. */\n  contentWidth?: 'compact' | 'medium' | 'wide';\n  /** Where a `contentWidth` column sits in the frame; default `start`. */\n  contentAlign?: 'start' | 'center';\n  frame?: 'solid' | 'dashed';\n  surface?: 'default' | 'lowered';\n  overflow?: 'hidden' | 'auto-x';\n  responsive?: 'roomy-only';\n  shadow?: boolean;\n  /** Public component custom properties applied to the specimen viewport. */\n  tokens?: Readonly<Record<`--${string}`, string>>;\n}\n\n// A CSS dashed-ident: `--` and at least one name code point.\nconst dashedIdent = /^--[\\w\\-\\u0080-\\u{10FFFF}]+$/u;\n\nfunction viewportStyleOf(\n  viewport: CatalogExampleViewport | undefined,\n): string | undefined {\n  if (viewport === undefined) return undefined;\n  const declarations = Object.entries(viewport.tokens ?? {}).map(\n    ([name, value]) => `${name}:${value}`,\n  );\n  const { anchorName } = viewport;\n  if (anchorName !== undefined) {\n    if (!dashedIdent.test(anchorName))\n      throw new TypeError(\n        `CatalogExample viewport.anchorName must be a CSS dashed-ident such as \"--app-shell-main\"; received ${JSON.stringify(anchorName)}`,\n      );\n    declarations.push(`anchor-name:${anchorName}`);\n  }\n  return declarations.length > 0 ? declarations.join(';') : undefined;\n}\n\nconst protectedAttributes = new Set([\n  'data-catalog-example',\n  'data-catalog-example-stack',\n  'data-catalog-example-label',\n  'data-catalog-example-note',\n  'data-align',\n]);\n\ntype CatalogExampleRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-catalog-example'?: never;\n    'data-catalog-example-stack'?: never;\n    'data-catalog-example-label'?: never;\n    'data-catalog-example-note'?: never;\n    'data-align'?: never;\n  }\n>;\n\nexport interface CatalogExampleProps {\n  label?: string;\n  note?: SafeHtml | string;\n  align?: CatalogExampleAlign;\n  /** Optional catalog-owned constraints for demonstrating layout components. */\n  viewport?: CatalogExampleViewport;\n  /** Replacement guidance shown when a roomy-only viewport is hidden. */\n  compactFallback?: SafeHtml | string;\n  rootAttributes?: CatalogExampleRootAttributes;\n  className?: string;\n  children?: KerfUiContent;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A labeled catalog specimen with optional explanatory text and alignment. A\n * supplied `label` also names the rendered `section`, so each specimen is an\n * addressable region; an unlabeled example stays an ordinary grouping.\n */\nexport function CatalogExample({\n  label,\n  note,\n  align = 'none',\n  viewport,\n  compactFallback,\n  rootAttributes = {},\n  className = '',\n  children,\n  slot,\n}: CatalogExampleProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n  const viewportStyle = viewportStyleOf(viewport);\n  if (viewport?.surface === 'lowered') ensureSunkenTexture();\n  const specimen = viewport ? (\n    <div\n      class=\"kui-catalog-example__viewport\"\n      data-catalog-example-viewport\n      data-layout={viewport.layout}\n      data-width={viewport.width}\n      data-height={viewport.height}\n      data-min-height={viewport.minHeight}\n      data-frame={viewport.frame}\n      data-surface={viewport.surface}\n      data-overflow={viewport.overflow}\n      data-responsive={viewport.responsive}\n      data-shadow={viewport.shadow ? 'true' : undefined}\n      data-content-width={viewport.contentWidth}\n      data-content-align={\n        viewport.contentWidth === undefined ? undefined : viewport.contentAlign\n      }\n      style={viewportStyle}\n    >\n      {children}\n    </div>\n  ) : (\n    children\n  );\n\n  return (\n    <section\n      {...safeRootAttributes}\n      class={`kui-catalog-example ${className}`.trim()}\n      data-catalog-example\n      data-align={align}\n      aria-label={label}\n      slot={slot}\n    >\n      {label !== undefined ? (\n        <ListHeader\n          label={label}\n          width=\"content\"\n          wrap\n          rootAttributes={{ 'data-catalog-example-label': '' }}\n        />\n      ) : null}\n      {note !== undefined ? (\n        <ListInsetText\n          sides=\"rl\"\n          className=\"kui-catalog-example__note\"\n          rootAttributes={{ 'data-catalog-example-note': '' }}\n        >\n          <Text variant=\"span\" size=\"compact\" tone=\"quiet\">\n            {note}\n          </Text>\n        </ListInsetText>\n      ) : null}\n      {compactFallback !== undefined ? (\n        <Text tone=\"quiet\" className=\"kui-catalog-example__compact-fallback\">\n          {compactFallback}\n        </Text>\n      ) : null}\n      {specimen}\n    </section>\n  );\n}\n","import type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\n\nconst protectedAttributes = new Set([\n  'data-catalog-example',\n  'data-catalog-example-stack',\n  'data-catalog-example-label',\n  'data-catalog-example-note',\n  'data-align',\n  'data-width',\n]);\n\ntype CatalogExampleStackRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-catalog-example'?: never;\n    'data-catalog-example-stack'?: never;\n    'data-catalog-example-label'?: never;\n    'data-catalog-example-note'?: never;\n    'data-align'?: never;\n    'data-width'?: never;\n  }\n>;\n\n/**\n * How wide a stack may grow: `reading` (default) caps it at a 736px reading\n * measure for component specimens; `full` lets it span the stage for\n * application-width compositions such as boards, app shells, drawers, and\n * split views.\n */\nexport type CatalogExampleStackWidth = 'reading' | 'full';\n\nexport interface CatalogExampleStackProps {\n  label?: string;\n  /** Maximum width of the stack (default `reading`). */\n  width?: CatalogExampleStackWidth;\n  rootAttributes?: CatalogExampleStackRootAttributes;\n  className?: string;\n  children?: KerfUiContent;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** A vertically stacked group of catalog examples. */\nexport function CatalogExampleStack({\n  label,\n  width = 'reading',\n  rootAttributes = {},\n  className = '',\n  children,\n  slot,\n}: CatalogExampleStackProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n\n  return (\n    <section\n      {...safeRootAttributes}\n      class={`kui-catalog-example-stack ${className}`.trim()}\n      data-catalog-example-stack\n      data-width={width === 'full' ? 'full' : undefined}\n      aria-label={label}\n      slot={slot}\n    >\n      {children}\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../src/catalog/components/catalog-resource-footer.tsx","../src/catalog/components/catalog-section-entries.tsx","../src/catalog/components/catalog-secondary-sections.tsx","../src/catalog/components/catalog-section-list.tsx","../src/catalog/components/catalog-sidebar.tsx","../src/catalog/components/catalog-stage.tsx","../src/catalog/components/catalog-ux-review-link.tsx","../src/catalog/components/catalog.tsx","../src/catalog/components/catalog-example.tsx","../src/catalog/components/catalog-example-stack.tsx"],"names":["jsxs","jsx","Fragment","protectedAttributes"],"mappings":"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","file":"catalog.js","sourcesContent":["import { ExternalLink, Waypoints } from 'lucide';\n\nimport {\n  PopupMenu,\n  type PopupMenuEntry,\n} from '../../components/actions/popup-menu/popup-menu.js';\nimport {\n  Toolbar,\n  type ToolbarConfig,\n} from '../../components/actions/toolbar/toolbar.js';\nimport {\n  ToolbarActionLink,\n  ToolbarControlGroup,\n} from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { Row } from '../../components/layout/row/row.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport type { CatalogRelated, CatalogResource } from '../types.js';\n\ninterface CatalogResourceFooterProps {\n  name: string;\n  resources: readonly CatalogResource[];\n  related: readonly CatalogRelated[];\n  status?: KerfUiContent;\n  selectAction: string;\n  toolbar?: ToolbarConfig;\n}\n\nfunction relatedMenuItems(\n  related: readonly CatalogRelated[],\n  selectAction: string,\n): PopupMenuEntry[] {\n  const groups: string[] = [];\n  for (const entry of related)\n    if (!groups.includes(entry.group)) groups.push(entry.group);\n\n  const items: PopupMenuEntry[] = [];\n  groups.forEach((group, index) => {\n    if (index > 0) items.push({ kind: 'divider' });\n    items.push({ kind: 'heading', label: group });\n    for (const entry of related)\n      if (entry.group === group)\n        items.push({\n          label: entry.name,\n          action: selectAction,\n          attributes: { 'data-item-id': entry.id },\n        });\n  });\n  return items;\n}\n\n/** Status, resources, and related-entry navigation for the active specimen. */\nexport function CatalogResourceFooter({\n  name,\n  resources,\n  related,\n  status,\n  selectAction,\n  toolbar,\n}: CatalogResourceFooterProps) {\n  return (\n    <>\n      {status ? (\n        <Row\n          hAlign=\"space-between\"\n          vAlign=\"baseline\"\n          gap=\"xs\"\n          wrap\n          textInsets=\"trl\"\n        >\n          {status}\n        </Row>\n      ) : null}\n      <Toolbar\n        position=\"footer\"\n        label={`${name} Resources`}\n        density={toolbar?.density}\n        dividerSides={toolbar?.dividerSides}\n        centerAlign={toolbar?.centerAlign}\n        responsive={toolbar?.responsive ?? 'stack'}\n        responsiveAt={toolbar?.responsiveAt ?? 'narrow'}\n        safeAreaEdges={toolbar?.safeAreaEdges}\n        leading={\n          resources.length > 0 ? (\n            <ToolbarControlGroup\n              label={`${name} Resources`}\n              content=\"mixed\"\n              size=\"compact\"\n              overflow=\"wrap\"\n            >\n              {resources.map((resource) => (\n                <ToolbarActionLink\n                  href={resource.href}\n                  label={resource.label}\n                  detail={resource.detail}\n                  ariaLabel={`${name}: ${resource.label} (opens in new tab)`}\n                  external\n                  icon={<LucideIcon icon={ExternalLink} name=\"external-link\" />}\n                />\n              ))}\n            </ToolbarControlGroup>\n          ) : null\n        }\n        trailing={\n          related.length > 0 ? (\n            <ToolbarControlGroup\n              single\n              content=\"mixed\"\n              nestedDropdown\n              menuInset=\"compact\"\n              size=\"compact\"\n              label=\"Related Entries\"\n            >\n              <PopupMenu\n                text=\"Components\"\n                icon={<LucideIcon icon={Waypoints} name=\"waypoints\" />}\n                placement=\"top-end\"\n                items={relatedMenuItems(related, selectAction)}\n                rootAttributes={{ 'data-catalog-related': '' }}\n              />\n            </ToolbarControlGroup>\n          ) : null\n        }\n      />\n    </>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { ListItem } from '../../components/collections/list-item/list-item.js';\nimport type { CatalogEntry, CatalogSection } from '../types.js';\n\n/** One labeled section of catalog entries. */\nexport function CatalogSectionEntries({\n  section,\n  active,\n  selectAction,\n}: {\n  section: CatalogSection;\n  active: string;\n  selectAction: string;\n}) {\n  return (\n    <List rootAttributes={{ 'data-catalog-section': section.category }}>\n      <ListHeader label={section.category} />\n      <List gap=\"2xs\">\n        {section.entries.map((entry: CatalogEntry) => (\n          <ListItem\n            action={selectAction}\n            itemId={entry.id}\n            label={entry.name}\n            status={entry.tags?.join(' · ')}\n            selected={active === entry.id}\n            title={entry.description}\n            multiline\n            rootAttributes={{ 'data-catalog-entry-name': entry.name }}\n          />\n        ))}\n      </List>\n    </List>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { Switch } from '../../components/forms/switch/switch.js';\nimport type { CatalogSecondaryGroup, CatalogSection } from '../types.js';\nimport { CatalogSectionEntries } from './catalog-section-entries.js';\n\ninterface CatalogSecondarySectionsProps {\n  group: CatalogSecondaryGroup;\n  active: string;\n  selectAction: string;\n  toggleAction: string;\n  filterAction: string;\n}\n\n/** Drop entries the tag filter hides (never the active one) and any emptied section. */\nfunction visibleSections(\n  group: CatalogSecondaryGroup,\n  active: string,\n): readonly CatalogSection[] {\n  const filter = group.tagFilter;\n  if (!filter || filter.show) return group.sections;\n  return group.sections\n    .map((section) => ({\n      ...section,\n      entries: section.entries.filter(\n        (entry) => entry.id === active || !entry.tags?.includes(filter.tag),\n      ),\n    }))\n    .filter((section) => section.entries.length > 0);\n}\n\n/** The quieter, optionally collapsible navigation below primary sections. */\nexport function CatalogSecondarySections({\n  group,\n  active,\n  selectAction,\n  toggleAction,\n  filterAction,\n}: CatalogSecondarySectionsProps) {\n  const open = !group.collapsible || Boolean(group.expanded);\n  return (\n    <List\n      dividerSides=\"t\"\n      controlInsets=\"t\"\n      rootAttributes={{ 'data-catalog-secondary-group': group.label }}\n    >\n      {group.collapsible ? (\n        <ListHeader\n          label={group.label}\n          toggle\n          expanded={open}\n          action={toggleAction}\n        />\n      ) : (\n        <ListHeader label={group.label} />\n      )}\n      <List\n        gap=\"m\"\n        rootAttributes={{\n          'data-catalog-secondary': '',\n          'data-catalog-secondary-collapsed': String(!open),\n        }}\n      >\n        {group.tagFilter ? (\n          <List textInsets=\"rl\">\n            <Switch\n              label={group.tagFilter.label}\n              checked={group.tagFilter.show}\n              size=\"compact\"\n              action={filterAction}\n              rootAttributes={{ 'data-catalog-secondary-filter': '' }}\n            />\n          </List>\n        ) : null}\n        {visibleSections(group, active).map((section) => (\n          <CatalogSectionEntries\n            section={section}\n            active={active}\n            selectAction={selectAction}\n          />\n        ))}\n      </List>\n    </List>\n  );\n}\n","import type { CatalogSection } from '../types.js';\nimport { CatalogSectionEntries } from './catalog-section-entries.js';\n\n/** The primary category sections in the catalog navigation. */\nexport function CatalogSectionList({\n  sections,\n  active,\n  selectAction,\n}: {\n  sections: readonly CatalogSection[];\n  active: string;\n  selectAction: string;\n}) {\n  return (\n    <>\n      {sections.map((section) => (\n        <CatalogSectionEntries\n          section={section}\n          active={active}\n          selectAction={selectAction}\n        />\n      ))}\n    </>\n  );\n}\n","import { List } from '../../components/collections/list/list.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport type {\n  CatalogBrand,\n  CatalogSecondaryGroup,\n  CatalogSection,\n} from '../types.js';\nimport { CatalogSecondarySections } from './catalog-secondary-sections.js';\nimport { CatalogSectionList } from './catalog-section-list.js';\n\ninterface CatalogSidebarProps {\n  brand: CatalogBrand;\n  sections: readonly CatalogSection[];\n  active: string;\n  secondarySections?: CatalogSecondaryGroup;\n  footer?: KerfUiContent;\n  selectAction: string;\n  toggleSecondaryAction: string;\n  toggleSecondaryFilterAction: string;\n}\n\n/** The catalog navigation: brand subtitle, entry sections, and footer. */\nexport function CatalogSidebar({\n  brand,\n  sections,\n  active,\n  secondarySections,\n  footer,\n  selectAction,\n  toggleSecondaryAction,\n  toggleSecondaryFilterAction,\n}: CatalogSidebarProps) {\n  return (\n    <nav aria-label={`${brand.title} Components`} data-catalog-sidebar>\n      <List gap=\"m\" controlInsets=\"b\">\n        {brand.subtitle ? (\n          <ListInsetText sides=\"rl\">\n            <Text variant=\"span\" size=\"compact\" tone=\"quiet\">\n              {brand.subtitle}\n            </Text>\n          </ListInsetText>\n        ) : null}\n        <CatalogSectionList\n          sections={sections}\n          active={active}\n          selectAction={selectAction}\n        />\n        {secondarySections ? (\n          <CatalogSecondarySections\n            group={secondarySections}\n            active={active}\n            selectAction={selectAction}\n            toggleAction={toggleSecondaryAction}\n            filterAction={toggleSecondaryFilterAction}\n          />\n        ) : null}\n        <ListInsetText\n          sides=\"rl\"\n          rootAttributes={{ 'data-catalog-filter-empty': '' }}\n        >\n          <Text variant=\"span\" tone=\"quiet\">\n            No matching items\n          </Text>\n        </ListInsetText>\n        {footer}\n      </List>\n    </nav>\n  );\n}\n","import type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\nimport type {\n  CatalogBackgroundStyle,\n  CatalogStageRootAttributes,\n} from '../types.js';\n\nconst protectedAttributes = new Set([\n  'data-catalog-stage',\n  'data-background-style',\n]);\n\ninterface CatalogStageProps {\n  name: string;\n  content: KerfUiContent;\n  backgroundStyle?: CatalogBackgroundStyle;\n  rootAttributes?: CatalogStageRootAttributes;\n}\n\n/** The preview canvas for an active Catalog entry. */\nexport function CatalogStage({\n  name,\n  content,\n  backgroundStyle = 'checkerboard',\n  rootAttributes = {},\n}: CatalogStageProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n  return (\n    <section\n      {...safeRootAttributes}\n      class=\"kui-catalog__stage\"\n      data-catalog-stage\n      data-background-style={backgroundStyle}\n      aria-label={`${name} Preview`}\n    >\n      <div class=\"kui-catalog__canvas\">{content}</div>\n    </section>\n  );\n}\n","import { Scan } from 'lucide';\n\nimport {\n  ToolbarActionLink,\n  ToolbarControlGroup,\n} from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport type { CatalogEntry, CatalogUxReview } from '../types.js';\nimport { uxReviewCaptureUrl } from '../ux-review.js';\n\n/**\n * The \"Capture region\" header link for the active entry. `wireCatalog` adds\n * the page URL to its context when it is followed, since the URL can change\n * after this render (`urlParam`).\n */\nexport function CatalogUxReviewLink({\n  uxReview: { projectDirectory, name },\n  entry,\n  category,\n}: {\n  uxReview: CatalogUxReview & { name: string };\n  entry: CatalogEntry;\n  category: string;\n}) {\n  return (\n    <ToolbarControlGroup\n      appearance=\"borderless\"\n      single\n      size=\"compact\"\n      content=\"mixed\"\n      buttonAppearance=\"push\"\n    >\n      <ToolbarActionLink\n        href={uxReviewCaptureUrl({\n          projectDirectory,\n          title: `${name}: ${entry.name}`,\n          context: `${name} catalog\\nSelected ${category}: ${entry.name} (${entry.id})`,\n        })}\n        label=\"Capture Region\"\n        ariaLabel={`Capture ${entry.name} in UX Review`}\n        icon={<LucideIcon icon={Scan} name=\"scan\" />}\n      />\n    </ToolbarControlGroup>\n  );\n}\n","import { Contrast, Moon, Sun, X, ZapOff } from 'lucide';\n\nimport { PopupMenu } from '../../components/actions/popup-menu/popup-menu.js';\nimport { ToolbarControlGroup } from '../../components/actions/toolbar-control-group/toolbar-control-group.js';\nimport { ToolbarText } from '../../components/actions/toolbar-text/toolbar-text.js';\nimport { ListInsetControl } from '../../components/collections/list-inset-control/list-inset-control.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { SearchField } from '../../components/forms/search-field/search-field.js';\nimport { Workbench } from '../../components/layout/workbench/workbench.js';\nimport { LucideIcon } from '../../components/media/lucide-icon/lucide-icon.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { CatalogEntry, CatalogProps, CatalogSection } from '../types.js';\nimport { CatalogResourceFooter } from './catalog-resource-footer.js';\nimport { CatalogSidebar } from './catalog-sidebar.js';\nimport { CatalogStage } from './catalog-stage.js';\nimport { CatalogUxReviewLink } from './catalog-ux-review-link.js';\n\nfunction findEntry(\n  sections: readonly CatalogSection[],\n  id: string,\n): { entry: CatalogEntry; category: string } | undefined {\n  for (const section of sections) {\n    for (const entry of section.entries)\n      if (entry.id === id) return { entry, category: section.category };\n  }\n  return undefined;\n}\n\n/**\n * Controlled, stateless component-catalog shell: a `Workbench` whose left rail\n * is the catalog navigation and whose work area is the active entry — its\n * toolbar, description, preview stage, and resource footer. The sidebar's\n * standard toggle moves into the entry toolbar while it is collapsed, and on\n * a small screen the sidebar overlays the stage like any Workbench rail.\n * An entry's `settings` render in a right-rail settings pane beside the stage,\n * with the same toggle relocation and small-screen overlay.\n */\nexport function Catalog({\n  id = 'kui-catalog',\n  brand,\n  sections,\n  active,\n  content,\n  collapsed = false,\n  theme,\n  increasedContrast,\n  reducedMotion,\n  backgroundControl = false,\n  headerActions,\n  settings,\n  settingsCollapsed = false,\n  settingsPanel = {},\n  uxReview,\n  secondarySections,\n  sidebarFooter,\n  status,\n  backgroundStyle,\n  stageRootAttributes,\n  selectAction = 'catalog-select',\n  toggleSidebarAction = 'catalog-toggle-sidebar',\n  toggleThemeAction = 'catalog-toggle-theme',\n  toggleContrastAction = 'catalog-toggle-contrast',\n  toggleMotionAction = 'catalog-toggle-motion',\n  selectBackgroundAction = 'catalog-select-background',\n  toggleSecondaryAction = 'catalog-toggle-secondary',\n  toggleSecondaryFilterAction = 'catalog-toggle-secondary-filter',\n  toggleSettingsAction = 'catalog-toggle-settings',\n  headerPlacement = 'auto',\n  footerPlacement = 'auto',\n  sidebar = {},\n  mainToolbar,\n  footerToolbar,\n  className = '',\n  slot,\n}: CatalogProps) {\n  const found =\n    findEntry(sections, active) ??\n    (secondarySections\n      ? findEntry(secondarySections.sections, active)\n      : undefined);\n  const selected = found?.entry;\n  const name = selected?.name ?? '';\n  const nextTheme = theme === 'dark' ? 'light' : 'dark';\n  const catalogName = `${brand.title} Catalog`;\n  const displayControls =\n    increasedContrast !== undefined ||\n    reducedMotion !== undefined ||\n    backgroundControl ||\n    theme !== undefined;\n  const hasSettings =\n    settings !== undefined && settings !== null && settings !== false;\n  const settingsTitle = settingsPanel.title ?? 'Settings';\n\n  return (\n    <main\n      class={`kui-catalog ${className}`.trim()}\n      data-component=\"catalog\"\n      data-sidebar-collapsed={String(collapsed)}\n      data-settings-collapsed={\n        hasSettings ? String(settingsCollapsed) : undefined\n      }\n      slot={slot}\n    >\n      <Workbench\n        id={id}\n        label={catalogName}\n        leftRail={{\n          label: catalogName,\n          size: sidebar.size ?? 288,\n          resizable: sidebar.resizable,\n          separator: sidebar.separator,\n          collapseMotion: sidebar.collapseMotion,\n          presentation: sidebar.presentation,\n          responsiveOverlayAt: sidebar.responsiveOverlayAt,\n          compactOverlay: sidebar.compactOverlay,\n          collapsed,\n          toolbar: {\n            ...sidebar.toolbar,\n            label: `${catalogName} Header`,\n            title: (\n              <>\n                {brand.logoUrl ? (\n                  <ToolbarControlGroup\n                    appearance=\"borderless\"\n                    content=\"avatar\"\n                    shape=\"rounded\"\n                    single\n                    avatarImage={brand.logoUrl}\n                  >\n                    {null}\n                  </ToolbarControlGroup>\n                ) : null}\n                <ToolbarText text={brand.title} size=\"large\" headingLevel={1} />\n              </>\n            ),\n            toggle: { action: toggleSidebarAction, name: catalogName },\n          },\n          header: (\n            <ListInsetControl sides=\"rbl\">\n              <SearchField\n                id={`${id}-filter`}\n                label=\"Filter Catalog\"\n                placeholder=\"Filter items or headings\"\n                editorAttributes={{ 'data-catalog-filter': '' }}\n                trailingAction={{\n                  icon: <LucideIcon icon={X} name=\"x\" />,\n                  label: 'Clear Filter',\n                  action: 'catalog-clear-filter',\n                }}\n              />\n            </ListInsetControl>\n          ),\n          content: (\n            <CatalogSidebar\n              brand={brand}\n              sections={sections}\n              active={active}\n              secondarySections={secondarySections}\n              footer={sidebarFooter}\n              selectAction={selectAction}\n              toggleSecondaryAction={toggleSecondaryAction}\n              toggleSecondaryFilterAction={toggleSecondaryFilterAction}\n            />\n          ),\n        }}\n        rightRail={\n          hasSettings\n            ? {\n                label: name ? `${name} ${settingsTitle}` : settingsTitle,\n                size: settingsPanel.size ?? 288,\n                resizable: settingsPanel.resizable,\n                separator: settingsPanel.separator,\n                collapseMotion: settingsPanel.collapseMotion,\n                presentation: settingsPanel.presentation,\n                responsiveOverlayAt: settingsPanel.responsiveOverlayAt,\n                compactOverlay: settingsPanel.compactOverlay,\n                collapsed: settingsCollapsed,\n                toolbar: {\n                  ...settingsPanel.toolbar,\n                  label: `${settingsTitle} Header`,\n                  // A peripheral rail beside the xl entry title takes the\n                  // default title size, so it never truncates at 288px.\n                  title: <ToolbarText text={settingsTitle} headingLevel={2} />,\n                  toggle: {\n                    action: toggleSettingsAction,\n                    name: settingsTitle,\n                  },\n                },\n                content: settings,\n              }\n            : undefined\n        }\n        mainToolbar={{\n          ...mainToolbar,\n          label: `${name} Header`,\n          // The entry title stays whole; actions wrap below it when narrow.\n          responsive: mainToolbar?.responsive ?? 'wrap',\n          title: <ToolbarText text={name} size=\"xlarge\" headingLevel={2} />,\n          trailing: (\n            <>\n              {headerActions}\n              {uxReview && found ? (\n                <CatalogUxReviewLink\n                  uxReview={{ ...uxReview, name: uxReview.name ?? brand.title }}\n                  entry={found.entry}\n                  category={found.category}\n                />\n              ) : null}\n              {displayControls ? (\n                <ToolbarControlGroup\n                  appearance=\"borderless\"\n                  content=\"mixed\"\n                  size=\"compact\"\n                  overflow=\"wrap\"\n                  buttonAppearance=\"push\"\n                  label=\"Catalog Display Settings\"\n                >\n                  {increasedContrast !== undefined ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleContrastAction}\n                      aria-pressed={String(increasedContrast)}\n                    >\n                      <LucideIcon icon={Contrast} name=\"contrast\" />\n                      <span>Contrast</span>\n                    </button>\n                  ) : null}\n                  {reducedMotion !== undefined ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleMotionAction}\n                      aria-pressed={String(reducedMotion)}\n                    >\n                      <LucideIcon icon={ZapOff} name=\"zap-off\" />\n                      <span>Reduce Motion</span>\n                    </button>\n                  ) : null}\n                  {backgroundControl ? (\n                    <PopupMenu\n                      text=\"Background\"\n                      rootAttributes={{ 'data-catalog-background-menu': '' }}\n                      items={[\n                        { value: 'checkerboard', label: 'Checkerboard' },\n                        {\n                          value: 'vertical-stripes',\n                          label: 'Vertical Stripes',\n                        },\n                        { value: 'layout-guide', label: 'Layout Guide' },\n                        { value: 'surface', label: 'Surface' },\n                        { value: 'sunken', label: 'Sunken' },\n                      ].map(({ value, label }) => ({\n                        label,\n                        action: selectBackgroundAction,\n                        checked: (backgroundStyle ?? 'checkerboard') === value,\n                        attributes: { 'data-background-choice': value },\n                      }))}\n                    />\n                  ) : null}\n                  {theme ? (\n                    <button\n                      type=\"button\"\n                      data-action={toggleThemeAction}\n                      aria-label={`Use ${nextTheme === 'dark' ? 'Dark' : 'Light'} Theme`}\n                      data-theme-preview={theme}\n                    >\n                      {nextTheme === 'dark' ? (\n                        <LucideIcon icon={Moon} name=\"moon\" />\n                      ) : (\n                        <LucideIcon icon={Sun} name=\"sun\" />\n                      )}\n                      <span>{nextTheme === 'dark' ? 'Dark' : 'Light'}</span>\n                    </button>\n                  ) : null}\n                </ToolbarControlGroup>\n              ) : null}\n            </>\n          ),\n        }}\n        mainPane={{ appearance: 'sunken' }}\n        mainFooter={\n          <CatalogResourceFooter\n            name={name}\n            resources={selected?.resources ?? []}\n            related={selected?.related ?? []}\n            status={status}\n            selectAction={selectAction}\n            toolbar={footerToolbar}\n          />\n        }\n        mainHeader={\n          selected?.description ? (\n            <ListInsetText\n              sides=\"trbl\"\n              rootAttributes={{ 'data-catalog-description': '' }}\n            >\n              <Text variant=\"span\">{selected.description}</Text>\n            </ListInsetText>\n          ) : null\n        }\n        mainHeaderPlacement={headerPlacement}\n        mainFooterPlacement={footerPlacement}\n        main={\n          <CatalogStage\n            name={name}\n            content={content}\n            backgroundStyle={backgroundStyle}\n            rootAttributes={stageRootAttributes}\n          />\n        }\n      />\n    </main>\n  );\n}\n","import type { SafeHtml } from 'kerfjs';\n\nimport { ListHeader } from '../../components/collections/list-header/list-header.js';\nimport { ListInsetText } from '../../components/collections/list-inset-text/list-inset-text.js';\nimport { Text } from '../../components/typography/text/text.js';\nimport type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\nimport { ensureSunkenTexture } from '../../shared/styles/sunken-texture.js';\n\n/** How a specimen aligns its visible edge with its `ListHeader` label. */\nexport type CatalogExampleAlign =\n  'glyph' | 'inline-control' | 'text-trigger' | 'none';\n\nexport interface CatalogExampleViewport {\n  layout?: 'grid' | 'flex' | 'flex-column';\n  /** Specimen width. `sidebar` (272px, capped at the stage) shows a sidebar\n   *  pane's content at a production rail's width. */\n  width?:\n    'full' | 'sidebar' | 'compact' | 'medium' | 'wide' | 'text' | 'control';\n  /** Fixed specimen height; `app` frames an application-sized recipe or layout.\n   *  A fixed height is definite, so a child that fills with `height: 100%`\n   *  (a horizontal `ResizableRegion`, say) spans the whole frame. */\n  height?: 'short' | 'reduced' | 'medium' | 'tall' | 'app';\n  /** A minimum the frame may grow past. It is not a definite height: a child\n   *  sized with `height: 100%` falls back to its content height, so use\n   *  `height` when the specimen must fill the frame. `app` (592px) is the\n   *  application frame's height as a floor, for a stage that hosts a\n   *  frame-anchored top-layer specimen above in-flow content. */\n  minHeight?: 'short' | 'medium' | 'app';\n  /** Names the frame as a CSS anchor (`anchor-name`), so a top-layer\n   *  specimen whose own CSS sets `position-anchor` to this dashed-ident\n   *  positions against the frame as it would against its production anchor.\n   *  Anchor names are document-wide: give each frame on a page its own. */\n  anchorName?: `--${string}`;\n  /** Caps each in-flow child at a centered-or-start content column:\n   *  `compact` (440px), `medium` (640px), or `wide` (864px), each capped at\n   *  the frame. `[popover]` children keep their own geometry. Applies to\n   *  block, `grid`, and `flex-column` flows. */\n  contentWidth?: 'compact' | 'medium' | 'wide';\n  /** Where a `contentWidth` column sits in the frame; default `start`. */\n  contentAlign?: 'start' | 'center';\n  frame?: 'solid' | 'dashed';\n  surface?: 'default' | 'lowered';\n  overflow?: 'hidden' | 'auto-x';\n  responsive?: 'roomy-only';\n  shadow?: boolean;\n  /** Public component custom properties applied to the specimen viewport. */\n  tokens?: Readonly<Record<`--${string}`, string>>;\n}\n\n// A CSS dashed-ident: `--` and at least one name code point.\nconst dashedIdent = /^--[\\w\\-\\u0080-\\u{10FFFF}]+$/u;\n\nfunction viewportStyleOf(\n  viewport: CatalogExampleViewport | undefined,\n): string | undefined {\n  if (viewport === undefined) return undefined;\n  const declarations = Object.entries(viewport.tokens ?? {}).map(\n    ([name, value]) => `${name}:${value}`,\n  );\n  const { anchorName } = viewport;\n  if (anchorName !== undefined) {\n    if (!dashedIdent.test(anchorName))\n      throw new TypeError(\n        `CatalogExample viewport.anchorName must be a CSS dashed-ident such as \"--app-shell-main\"; received ${JSON.stringify(anchorName)}`,\n      );\n    declarations.push(`anchor-name:${anchorName}`);\n  }\n  return declarations.length > 0 ? declarations.join(';') : undefined;\n}\n\nconst protectedAttributes = new Set([\n  'data-catalog-example',\n  'data-catalog-example-stack',\n  'data-catalog-example-label',\n  'data-catalog-example-note',\n  'data-align',\n]);\n\ntype CatalogExampleRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-catalog-example'?: never;\n    'data-catalog-example-stack'?: never;\n    'data-catalog-example-label'?: never;\n    'data-catalog-example-note'?: never;\n    'data-align'?: never;\n  }\n>;\n\nexport interface CatalogExampleProps {\n  label?: string;\n  note?: SafeHtml | string;\n  align?: CatalogExampleAlign;\n  /** Optional catalog-owned constraints for demonstrating layout components. */\n  viewport?: CatalogExampleViewport;\n  /** Replacement guidance shown when a roomy-only viewport is hidden. */\n  compactFallback?: SafeHtml | string;\n  rootAttributes?: CatalogExampleRootAttributes;\n  className?: string;\n  children?: KerfUiContent;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A labeled catalog specimen with optional explanatory text and alignment. A\n * supplied `label` also names the rendered `section`, so each specimen is an\n * addressable region; an unlabeled example stays an ordinary grouping.\n */\nexport function CatalogExample({\n  label,\n  note,\n  align = 'none',\n  viewport,\n  compactFallback,\n  rootAttributes = {},\n  className = '',\n  children,\n  slot,\n}: CatalogExampleProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n  const viewportStyle = viewportStyleOf(viewport);\n  if (viewport?.surface === 'lowered') ensureSunkenTexture();\n  const specimen = viewport ? (\n    <div\n      class=\"kui-catalog-example__viewport\"\n      data-catalog-example-viewport\n      data-layout={viewport.layout}\n      data-width={viewport.width}\n      data-height={viewport.height}\n      data-min-height={viewport.minHeight}\n      data-frame={viewport.frame}\n      data-surface={viewport.surface}\n      data-overflow={viewport.overflow}\n      data-responsive={viewport.responsive}\n      data-shadow={viewport.shadow ? 'true' : undefined}\n      data-content-width={viewport.contentWidth}\n      data-content-align={\n        viewport.contentWidth === undefined ? undefined : viewport.contentAlign\n      }\n      style={viewportStyle}\n    >\n      {children}\n    </div>\n  ) : (\n    children\n  );\n\n  return (\n    <section\n      {...safeRootAttributes}\n      class={`kui-catalog-example ${className}`.trim()}\n      data-catalog-example\n      data-align={align}\n      aria-label={label}\n      slot={slot}\n    >\n      {label !== undefined ? (\n        <ListHeader\n          label={label}\n          width=\"content\"\n          wrap\n          rootAttributes={{ 'data-catalog-example-label': '' }}\n        />\n      ) : null}\n      {note !== undefined ? (\n        <ListInsetText\n          sides=\"rl\"\n          className=\"kui-catalog-example__note\"\n          rootAttributes={{ 'data-catalog-example-note': '' }}\n        >\n          <Text variant=\"span\" size=\"compact\" tone=\"quiet\">\n            {note}\n          </Text>\n        </ListInsetText>\n      ) : null}\n      {compactFallback !== undefined ? (\n        <Text tone=\"quiet\" className=\"kui-catalog-example__compact-fallback\">\n          {compactFallback}\n        </Text>\n      ) : null}\n      {specimen}\n    </section>\n  );\n}\n","import type { KerfUiContent } from '../../shared/content/semantic-content.js';\nimport { filterDataAttributes } from '../../shared/dom/extension-attributes.js';\n\nconst protectedAttributes = new Set([\n  'data-catalog-example',\n  'data-catalog-example-stack',\n  'data-catalog-example-label',\n  'data-catalog-example-note',\n  'data-align',\n  'data-width',\n]);\n\ntype CatalogExampleStackRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-catalog-example'?: never;\n    'data-catalog-example-stack'?: never;\n    'data-catalog-example-label'?: never;\n    'data-catalog-example-note'?: never;\n    'data-align'?: never;\n    'data-width'?: never;\n  }\n>;\n\n/**\n * How wide a stack may grow: `reading` (default) caps it at a 736px reading\n * measure for component specimens; `full` lets it span the stage for\n * application-width compositions such as boards, app shells, drawers, and\n * split views.\n */\nexport type CatalogExampleStackWidth = 'reading' | 'full';\n\nexport interface CatalogExampleStackProps {\n  label?: string;\n  /** Maximum width of the stack (default `reading`). */\n  width?: CatalogExampleStackWidth;\n  rootAttributes?: CatalogExampleStackRootAttributes;\n  className?: string;\n  children?: KerfUiContent;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** A vertically stacked group of catalog examples. */\nexport function CatalogExampleStack({\n  label,\n  width = 'reading',\n  rootAttributes = {},\n  className = '',\n  children,\n  slot,\n}: CatalogExampleStackProps) {\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    protectedAttributes,\n  );\n\n  return (\n    <section\n      {...safeRootAttributes}\n      class={`kui-catalog-example-stack ${className}`.trim()}\n      data-catalog-example-stack\n      data-width={width === 'full' ? 'full' : undefined}\n      aria-label={label}\n      slot={slot}\n    >\n      {children}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-JCCN3U6X.js → chunk-2J7XKAZX.js}

@@ -1,5 +1,6 @@
 import { PopupMenu } from './chunk-OQP3PFKQ.js';
-import { listIconTilePresentation, withWordBreaks, nativeDraggable } from './chunk-ZNROKDSZ.js';
+import { listIconTilePresentation, withWordBreaks } from './chunk-3V4OCDTL.js';
+import { nativeDraggable } from './chunk-OK7FUK7U.js';
 import { Skeleton } from './chunk-CVD5IZGB.js';
 import { LoadingSpinner } from './chunk-WVS6CUCT.js';
 import { remify, em } from './chunk-IQSRHXZR.js';
@@ -173,4 +174,4 @@ function ListActionRow({
 
 export { ListActionRow };
 
-//# sourceMappingURL=chunk-JCCN3U6X.js.map
+//# sourceMappingURL=chunk-2J7XKAZX.js.map

package/dist/chunk-2J7XKAZX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collections/list-action-row/list-action-row.tsx"],"names":[],"mappings":"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","file":"chunk-2J7XKAZX.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport {\n  type ListIconTile,\n  listIconTilePresentation,\n} from '../../../shared/content/list-icon-tile.js';\nimport { nativeDraggable } from '../../../shared/dom/draggable.js';\nimport {\n  filterControlAttributes,\n  filterDataAttributes,\n} from '../../../shared/dom/extension-attributes.js';\nimport { em, remify } from '../../../shared/styles/css-values.js';\nimport { withWordBreaks } from '../../../shared/text/word-breaks.js';\nimport {\n  PopupMenu,\n  type PopupMenuEntry,\n  type PopupMenuPlacement,\n} from '../../actions/popup-menu/popup-menu.js';\nimport { LoadingSpinner } from '../../feedback/loading-spinner/loading-spinner.js';\nimport { Skeleton } from '../../feedback/skeleton/skeleton.js';\n\nexport type {\n  ListIconTile,\n  ListIconTileColor,\n  ListIconTileTone,\n} from '../../../shared/content/list-icon-tile.js';\n\nconst PROTECTED_ROOT_DATA_ATTRIBUTES = new Set([\n  'data-component',\n  'data-action',\n  'data-item-id',\n  'data-has-icon',\n  'data-icon-tile',\n  'data-icon-tile-tone',\n  'data-multiline',\n  'data-density',\n  'data-divider',\n  'data-busy',\n  'data-trailing-visibility',\n  'data-state',\n  'data-selected',\n  'data-pressed',\n  'data-dragging',\n  'data-drop-position',\n]);\nconst PROTECTED_TRAILING_DATA_ATTRIBUTES = new Set([\n  'data-component',\n  'data-action',\n  'data-item-id',\n  'data-kui-disabled',\n]);\n\ntype ListActionRowRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-item-id'?: never;\n    'data-has-icon'?: never;\n    'data-icon-tile'?: never;\n    'data-icon-tile-tone'?: never;\n    'data-multiline'?: never;\n    'data-density'?: never;\n    'data-divider'?: never;\n    'data-busy'?: never;\n    'data-trailing-visibility'?: never;\n    'data-state'?: never;\n    'data-selected'?: never;\n    'data-pressed'?: never;\n    'data-dragging'?: never;\n    'data-drop-position'?: never;\n  }\n>;\n\ntype ListActionRowTrailingAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-item-id'?: never;\n    'data-kui-disabled'?: never;\n    popoverTarget?: string;\n    popoverTargetAction?: 'toggle' | 'show' | 'hide';\n    'aria-controls'?: string;\n    'aria-haspopup'?: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | 'true';\n  }\n>;\n\n/** A trailing overflow `PopupMenu` rendered as the row's sibling trailing control. */\nexport interface ListActionRowTrailingMenu {\n  /** Accessible name of the icon-only menu trigger, such as `Actions for report.json`. */\n  label: string;\n  /** Decorative trigger icon, typically a `MoreHorizontal` `LucideIcon`. */\n  icon: SafeHtml;\n  /** The menu's commands, headings, and dividers; items dispatch their own `data-action`s. */\n  items: readonly PopupMenuEntry[];\n  /** Where the menu opens relative to its trigger. Defaults to `bottom-end`. */\n  placement?: PopupMenuPlacement;\n  disabled?: boolean;\n}\n\ninterface ListActionRowTrailingButtonProps {\n  trailingAction: string;\n  trailingActionLabel: string;\n  /** Decorative dormant content for the trailing button. Must not contain interactive descendants. */\n  trailingActionIcon: SafeHtml;\n  trailingActionDisabled?: boolean;\n  trailingActionTitle?: string;\n  trailingActionAttributes?: ListActionRowTrailingAttributes;\n  trailingMenu?: never;\n}\n\ninterface ListActionRowTrailingMenuProps {\n  /** A trailing overflow menu in place of the trailing button. Import `@kerfjs/ui/popup-menu/register` once. */\n  trailingMenu: ListActionRowTrailingMenu;\n  trailingAction?: never;\n  trailingActionLabel?: never;\n  trailingActionIcon?: never;\n  trailingActionDisabled?: never;\n  trailingActionTitle?: never;\n  trailingActionAttributes?: never;\n}\n\ninterface ListActionRowCommonProps {\n  /** Visible dormant content for the primary button. Must not contain interactive descendants. */\n  label: string | SafeHtml;\n  description?: string | SafeHtml;\n  status?: string | SafeHtml;\n  busy?: boolean;\n  /** Row height: `standard` is 44px; `compact` is 36px (42px with `iconTile`), the height of a compact `ListItem`. */\n  density?: 'standard' | 'compact';\n  divider?: 'none' | 'before' | 'after' | 'both';\n  /** Decorative dormant content for the primary button. Must not contain interactive descendants. */\n  icon?: SafeHtml;\n  /** Present `icon` in a filled 32px rounded tile with an 18px glyph: a quiet tone preset, or `{ color, foreground? }` for an application color. */\n  iconTile?: ListIconTile;\n  action: string;\n  itemId?: string;\n  selected?: boolean;\n  pressed?: boolean;\n  accessibleLabel?: string;\n  title?: string;\n  multiline?: boolean;\n  state?: string;\n  disabled?: boolean;\n  tabIndex?: number;\n  /** Render as an unanimated loading skeleton, disabling both actions: label, description, icon, and status text become skeletons; the `busy` indicator stays live. */\n  placeholder?: boolean;\n  /** Native HTML drag source (`draggable=\"true\"` on the row root); a placeholder is never draggable. Pair with `wireListReorder` for pointer and keyboard reordering. */\n  draggable?: boolean;\n  /** Dim this row as one of the rows being dragged. */\n  dragging?: boolean;\n  /** Draw the insertion line at this row's leading (`before`) or trailing (`after`) block edge. */\n  dropPosition?: 'before' | 'after';\n  trailingActionVisibility?: 'always' | 'interaction';\n  className?: string;\n  rootAttributes?: ListActionRowRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** Exactly one trailing control: a native button (`trailingAction*`) or an overflow menu (`trailingMenu`). */\nexport type ListActionRowProps = ListActionRowCommonProps &\n  (ListActionRowTrailingButtonProps | ListActionRowTrailingMenuProps);\n\nexport function ListActionRow({\n  label,\n  description,\n  status,\n  busy = false,\n  density = 'standard',\n  divider = 'none',\n  icon,\n  iconTile,\n  action,\n  itemId,\n  selected = false,\n  pressed,\n  accessibleLabel,\n  title,\n  multiline = false,\n  state,\n  disabled = false,\n  tabIndex,\n  placeholder = false,\n  draggable,\n  dragging = false,\n  dropPosition,\n  trailingAction,\n  trailingActionLabel,\n  trailingActionIcon,\n  trailingActionDisabled = false,\n  trailingActionTitle,\n  trailingActionVisibility = 'always',\n  trailingMenu,\n  className = '',\n  rootAttributes = {},\n  trailingActionAttributes = {},\n  slot,\n}: ListActionRowProps) {\n  const extensionRootAttributes = filterDataAttributes(\n    rootAttributes,\n    PROTECTED_ROOT_DATA_ATTRIBUTES,\n  );\n  const extensionTrailingAttributes = filterControlAttributes(\n    trailingActionAttributes,\n    PROTECTED_TRAILING_DATA_ATTRIBUTES,\n  );\n  const tile = icon\n    ? listIconTilePresentation(iconTile, 'list-action-row')\n    : null;\n  const iconSize = tile?.tile ? 32 : 18;\n\n  return (\n    <div\n      {...extensionRootAttributes}\n      class={`kui-list-action-row ${className}`.trim()}\n      data-component=\"list-action-row\"\n      data-item-id={itemId}\n      data-has-icon={String(Boolean(icon))}\n      data-icon-tile={tile?.tile}\n      data-icon-tile-tone={tile?.tone}\n      data-multiline={multiline ? 'true' : undefined}\n      data-density={density}\n      data-divider={divider}\n      data-busy={busy ? 'true' : undefined}\n      data-trailing-visibility={trailingActionVisibility}\n      data-state={state}\n      data-selected={String(selected)}\n      data-pressed={pressed === undefined ? undefined : String(pressed)}\n      data-placeholder={placeholder ? 'true' : undefined}\n      draggable={nativeDraggable(draggable, placeholder)}\n      data-dragging={dragging ? 'true' : undefined}\n      data-drop-position={dropPosition}\n      aria-busy={placeholder || busy ? 'true' : undefined}\n      slot={slot}\n    >\n      <button\n        type=\"button\"\n        class=\"kui-list-action-row__primary\"\n        title={placeholder ? undefined : title}\n        disabled={disabled || placeholder}\n        tabindex={placeholder ? -1 : tabIndex}\n        data-kui-disabled={disabled ? 'true' : undefined}\n        data-action={placeholder ? undefined : action}\n        data-item-id={itemId}\n        aria-label={accessibleLabel}\n        aria-current={selected ? 'page' : undefined}\n        aria-pressed={pressed === undefined ? undefined : String(pressed)}\n      >\n        {icon && (\n          <span\n            class=\"kui-list-action-row__icon\"\n            style={placeholder ? undefined : tile?.style}\n          >\n            {placeholder ? (\n              <Skeleton\n                block\n                width={remify(iconSize)}\n                height={remify(iconSize)}\n              />\n            ) : (\n              icon\n            )}\n          </span>\n        )}\n        <span class=\"kui-list-action-row__label\">\n          <span class=\"kui-list-action-row__primary-label\">\n            {placeholder ? (\n              <Skeleton width={em(9)} />\n            ) : multiline ? (\n              withWordBreaks(label)\n            ) : (\n              label\n            )}\n          </span>\n          {description && (\n            <span class=\"kui-list-action-row__description\">\n              {placeholder ? <Skeleton width={em(11)} /> : description}\n            </span>\n          )}\n          {(busy || status) && (\n            <span class=\"kui-list-action-row__status\">\n              {/* The busy spinner is component-owned chrome drawn from a\n                  known prop, so a placeholder keeps it live; only the status\n                  text is a value and becomes a skeleton. */}\n              {busy && <LoadingSpinner />}\n              {status && (placeholder ? <Skeleton width={em(6)} /> : status)}\n            </span>\n          )}\n        </span>\n      </button>\n      {trailingMenu ? (\n        <PopupMenu\n          label={trailingMenu.label}\n          icon={trailingMenu.icon}\n          items={trailingMenu.items}\n          placement={trailingMenu.placement ?? 'bottom-end'}\n          caret={false}\n          disabled={Boolean(trailingMenu.disabled) || placeholder}\n        />\n      ) : (\n        <button\n          {...extensionTrailingAttributes}\n          type=\"button\"\n          class=\"kui-list-action-row__trailing-action\"\n          data-action={placeholder ? undefined : trailingAction}\n          data-item-id={itemId}\n          aria-label={trailingActionLabel}\n          title={trailingActionTitle ?? trailingActionLabel}\n          disabled={trailingActionDisabled || placeholder || undefined}\n          data-kui-disabled={trailingActionDisabled ? 'true' : undefined}\n        >\n          {trailingActionIcon}\n        </button>\n      )}\n    </div>\n  );\n}\n"]}