@kerfjs/ui 5.0.0-beta.106 → 5.0.0-beta.108

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.106` 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.108` 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/browser/checkbox-group.js

@@ -0,0 +1,5 @@
+import '../styles/foundation.css';
+import '../styles/lucide-icon.css';
+import '../styles/checkbox.css';
+import '../styles/checkbox-group.css';
+export * from '../checkbox-group.js';

package/dist/button.d.ts

@@ -4,8 +4,8 @@ import { BadgeTone } from './badge.js';
 import './css-values.js';
 import './semantic-tone-CdW013KF.js';
 
-/** The color family: `neutral` (default), `brand` for the main action, `danger` for a destructive one. */
-type ButtonTone = 'neutral' | 'brand' | 'danger';
+/** The color family: `neutral` (default), `brand` for the main action, `success` for a positive one, `danger` for a destructive one. */
+type ButtonTone = 'neutral' | 'brand' | 'success' | 'danger';
 /**
  * How loudly it asks: `primary` (default) fills the button, `secondary`
  * outlines it, and `plain` shows only its text until hovered.
@@ -45,6 +45,12 @@ interface ButtonOptions {
     size?: ButtonSize;
     /** Corner shape (default `rounded`). */
     shape?: ButtonShape;
+    /**
+     * Span the full width of the parent instead of sizing to the label, as on
+     * `SplitButton`. The label stays centered and ellipsizes when it no longer
+     * fits.
+     */
+    fill?: boolean;
     /**
      * Make it a toggle: `aria-pressed` reports the state, and a pressed look is
      * drawn on top of the tone and emphasis. The application owns the state and
@@ -70,6 +76,12 @@ interface ButtonOptions {
     target?: '_self' | '_blank' | '_parent' | '_top';
     /** Delegated `data-action` the application handles. */
     action?: string;
+    /**
+     * Keep the button's focus ring inside its box when an ancestor clips
+     * overflow. The inset ring is two-tone, a surface-colored line inside the
+     * ring color, so it stays visible on a loud fill of the ring's own hue.
+     */
+    focusRingInset?: boolean;
     /**
      * A count, short text, or `true` for a text-free dot over the button's
      * top-trailing corner, such as how many items a filter hides. It stays out
@@ -96,13 +108,14 @@ interface ButtonOptions {
 }
 /**
  * A standalone action button: a native `<button>` (or a link with `href`)
- * in one of three tones and three emphases, at the 44px control height or
+ * 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,
- * and optionally a `pressed` toggle. Inside a
+ * sized to its label or filling its parent's width, and optionally a
+ * `pressed` toggle. 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, pressed, icon, loading, disabled, type, name, value, form, href, target, action, badge, badgeLabel, badgeTone, ariaLabel, title, id, className, rootAttributes, slot, }: ButtonProps): kerfjs.SafeHtml;
+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;
 
 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-UTCAOOXU.js';
+export { Button } from './chunk-KPINJHIC.js';
 
 
 

package/dist/catalog.js

@@ -1,34 +1,34 @@
-import { Workbench } from './chunk-DDSCVEO5.js';
+import { Workbench } from './chunk-CPSGUGAY.js';
 import { uxReviewCaptureUrl } from './chunk-6C6DLP3W.js';
 export { UX_REVIEW_PROJECT_PATH, loadUxReviewProject, uxReviewCaptureUrl } from './chunk-6C6DLP3W.js';
 
+
 import { Switch } from './chunk-LTBVP6VN.js';
 import { Row } from './chunk-AMIHGFLP.js';
 import { SearchField } from './chunk-VEME3D7K.js';
-import { ListHeader } from './chunk-ECFCAKWE.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 { Text } from './chunk-7K6U6FCN.js';
-
-import { PopupMenu } from './chunk-7W3GKMN4.js';
 
+import { PopupMenu } from './chunk-OQP3PFKQ.js';
 
 
 
-import { ToolbarText } from './chunk-EKHDLBRP.js';
-
 
 
 
 
-import { ToolbarControlGroup, ToolbarActionLink } from './chunk-2PXZBFEC.js';
+import { ToolbarControlGroup, ToolbarActionLink } from './chunk-5J6Z4BWY.js';
+import { Toolbar } from './chunk-ZN7KUMPY.js';
 
 
 import { ensureSunkenTexture } from './chunk-IKS72C6P.js';
-import { List } from './chunk-OY2MXIBB.js';
+import { List } from './chunk-NB6POCFH.js';
 
-import { Toolbar } from './chunk-CMLPFIC5.js';
 
 
 
@@ -680,6 +680,7 @@ function CatalogExample({
           {
             label,
             width: "content",
+            wrap: true,
             rootAttributes: { "data-catalog-example-label": "" }
           }
         ) : null,

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          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/checkbox-group.d.ts

@@ -0,0 +1,70 @@
+import * as kerfjs from 'kerfjs';
+
+/** `default` is a 20px box beside 16px text; `compact` 18px and 14px. */
+type CheckboxGroupSize = 'default' | 'compact';
+/** `vertical` stacks the choices; `horizontal` lines them up and wraps. */
+type CheckboxGroupOrientation = 'vertical' | 'horizontal';
+/** Application `data-*` metadata; the CheckboxGroup's own markers stay protected. */
+type CheckboxGroupRootAttributes = Readonly<Record<`data-${string}`, string | undefined>>;
+interface CheckboxGroupChoice<Value extends string = string> {
+    value: Value;
+    /** Visible label; it is also the checkbox's accessible name. */
+    label: string;
+    /** Supporting text under this choice's label, also its description. */
+    hint?: string;
+    disabled?: boolean;
+}
+/**
+ * A group is named by a visible `label` (its legend), by `ariaLabel`, or by
+ * `labelledBy`, the id of a visible heading elsewhere that names it.
+ */
+type CheckboxGroupName = {
+    label: string;
+    ariaLabel?: never;
+    labelledBy?: never;
+} | {
+    label?: never;
+    ariaLabel: string;
+    labelledBy?: never;
+} | {
+    label?: never;
+    ariaLabel?: never;
+    labelledBy: string;
+};
+interface CheckboxGroupOptions<Value extends string = string> {
+    /** Native input `name`: the form field every checked value submits under. */
+    name: string;
+    choices: readonly CheckboxGroupChoice<Value>[];
+    /** The checked values. Omit for none. */
+    value?: readonly NoInfer<Value>[];
+    /** Supporting text below the choices, also the group's description. */
+    hint?: string;
+    /** A validation message: shown in the danger color and marking it invalid. */
+    error?: string;
+    size?: CheckboxGroupSize;
+    orientation?: CheckboxGroupOrientation;
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Delegated `data-action` on every checkbox; listen for `change`. */
+    action?: string;
+    /** Associate the checkboxes with a form outside their ancestor chain. */
+    form?: string;
+    /** The fieldset's id. */
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata (a `data-key`). */
+    rootAttributes?: CheckboxGroupRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+type CheckboxGroupProps<Value extends string = string> = CheckboxGroupName & CheckboxGroupOptions<Value>;
+/**
+ * Any number of related options among a few visible choices: a native
+ * fieldset of `Checkbox`es with the group label above and hint and error text
+ * below, laid out like a `RadioGroup` so stacked checkboxes and radios share
+ * one control column and one 28px pitch. Every checked value submits under
+ * `name`.
+ */
+declare function CheckboxGroup<Value extends string>({ label, ariaLabel, labelledBy, name, choices, value, hint, error, size, orientation, disabled, action, form, id, className, rootAttributes, slot, }: CheckboxGroupProps<Value>): kerfjs.SafeHtml;
+
+export { CheckboxGroup, type CheckboxGroupChoice, type CheckboxGroupName, type CheckboxGroupOptions, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxGroupRootAttributes, type CheckboxGroupSize };

package/dist/checkbox-group.js

@@ -0,0 +1,7 @@
+export { CheckboxGroup } from './chunk-HU5IHXCI.js';
+
+
+
+
+
+//# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

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

package/dist/chip.d.ts

@@ -9,6 +9,19 @@ import './css-values.js';
  * and derives its fill, border, and focus ring from `currentColor`.
  */
 type ChipTone = SemanticTone | 'inherit';
+/** Safe `data-*` identity on a Chip root; Chip-owned attributes are protected. */
+type ChipRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-tone'?: never;
+    'data-appearance'?: never;
+    'data-shape'?: never;
+    'data-size'?: never;
+    'data-disabled'?: never;
+    'data-truncate'?: never;
+    'data-item-id'?: never;
+    'data-link'?: never;
+    'data-action'?: never;
+}>;
 interface ChipCommonProps {
     /** Decorative leading icon, normally an unsized LucideIcon. */
     icon?: SafeHtml;
@@ -19,6 +32,11 @@ interface ChipCommonProps {
     disabled?: boolean;
     /** Record identifier available to an application delegated action handler. */
     itemId?: string;
+    /**
+     * Safe `data-*` identity on the chip root (a plain, link, or action chip),
+     * for tests and delegated handlers; use `itemId` for the record id.
+     */
+    rootAttributes?: ChipRootAttributes;
     className?: string;
     /** Native named-slot assignment when composed inside a web component. */
     slot?: string;
@@ -94,6 +112,6 @@ type ChipProps = ChipCommonProps & ChipLabelProps & (({
  * `href` is set, or a native button when `action` is set. The application
  * owns removal, the link destination, and the action handler.
  */
-declare function Chip({ children, icon, truncate, tone, appearance, shape, size, disabled, itemId, className, slot, href, download, external, removeAction, removeLabel, action, actionLabel, }: ChipProps): SafeHtml;
+declare function Chip({ children, icon, truncate, tone, appearance, shape, size, disabled, itemId, rootAttributes, className, slot, href, download, external, removeAction, removeLabel, action, actionLabel, }: ChipProps): SafeHtml;
 
-export { Chip, type ChipProps, type ChipTone };
+export { Chip, type ChipProps, type ChipRootAttributes, type ChipTone };

package/dist/chip.js

@@ -1,3 +1,4 @@
-export { Chip } from './chunk-N7MBGONH.js';
+export { Chip } from './chunk-LMHN2TJL.js';
+
 
 //# sourceMappingURL=chip.js.map

package/dist/{chunk-SQ2Q3OQI.js → chunk-2LM3PYHA.js}

@@ -1,4 +1,4 @@
-import { followAnchor, positionPopup } from './chunk-PE2KPZDW.js';
+import { followAnchor, positionPopup } from './chunk-HDXUHLTQ.js';
 
 // src/wiring/help-tags.ts
 var HELP_TAG_SHOW_DELAY = 500;
@@ -297,4 +297,4 @@ function installHelpTags(doc = document, { focusVisible = isFocusVisible } = {})
 
 export { installHelpTags };
 
-//# sourceMappingURL=chunk-SQ2Q3OQI.js.map
+//# sourceMappingURL=chunk-2LM3PYHA.js.map