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

package/dist/popup-menu-register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/actions/popup-menu/internal/reveal-in-scroller.ts","../src/components/actions/popup-menu/internal/install-dropdown-show-focus.ts","../src/components/actions/popup-menu/internal/install-popup-menu-accessible-name.ts","../src/components/actions/popup-menu/internal/install-popup-menu-keyboard.ts","../src/components/actions/popup-menu/internal/install-popup-menu-lifecycle.ts","../src/components/actions/popup-menu/internal/install-popup-menu-submenu-focus.ts","../src/components/actions/popup-menu/internal/install-popup-menu-submenu-placement.ts","../src/components/actions/popup-menu/register/popup-menu-register.ts"],"names":["installed"],"mappings":"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","file":"popup-menu-register.js","sourcesContent":["/** The flat-tree parent: the assigned slot, the parent, or a shadow host. */\nfunction composedParent(node: Element): Element | null {\n  return (\n    node.assignedSlot ??\n    node.parentElement ??\n    (node.parentNode instanceof ShadowRoot ? node.parentNode.host : null)\n  );\n}\n\n/**\n * The nearest scrolling ancestor of `node` across shadow boundaries,\n * following slot assignment, so a slotted menu item reaches the shadow\n * `[part~=\"submenu\"]` or menu panel that scrolls it.\n */\nfunction scrollerOf(node: Element): HTMLElement | undefined {\n  for (\n    let current = composedParent(node);\n    current;\n    current = composedParent(current)\n  ) {\n    if (\n      current instanceof HTMLElement &&\n      current.scrollHeight > current.clientHeight &&\n      /auto|scroll/.test(globalThis.getComputedStyle(current).overflowY)\n    )\n      return current;\n  }\n  return undefined;\n}\n\n/**\n * Scroll `item`'s own scroll container by the least amount that brings the\n * item fully into its clip, leaving the page and every other ancestor alone.\n * Pairs with `focus({ preventScroll: true })` when a restore refocuses an\n * item whose container a later focus scrolled away from it.\n */\nexport function revealInScroller(item: HTMLElement): void {\n  const scroller = scrollerOf(item);\n  if (!scroller) return;\n  const box = item.getBoundingClientRect();\n  const top = scroller.getBoundingClientRect().top + scroller.clientTop;\n  const bottom = top + scroller.clientHeight;\n  if (box.top < top) scroller.scrollTop -= top - box.top;\n  else if (box.bottom > bottom) scroller.scrollTop += box.bottom - bottom;\n}\n","import { revealInScroller } from './reveal-in-scroller.js';\n\ninterface FocusableDropdownItem extends HTMLElement {\n  active: boolean;\n}\n\ninterface FocusableDropdown extends HTMLElement {\n  open: boolean;\n  popup?: { active: boolean };\n  menu?: HTMLElement;\n  getItems(): FocusableDropdownItem[];\n  showMenu(): Promise<void>;\n}\n\nconst installed = new WeakSet<object>();\nconst showEpoch = new WeakMap<FocusableDropdown, number>();\n\n/** Preserve item navigation that Web Awesome receives during its show animation. */\nexport function installDropdownShowFocus(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as FocusableDropdown;\n  const showMenu = target.showMenu;\n  target.showMenu = async function (this: FocusableDropdown): Promise<void> {\n    const scoped =\n      this.classList.contains('kui-popup-menu') ||\n      this.closest('.kui-popup-surface') !== null;\n    if (!scoped) return showMenu.call(this);\n\n    const epoch = (showEpoch.get(this) ?? 0) + 1;\n    showEpoch.set(this, epoch);\n    let navigatedItem: FocusableDropdownItem | undefined;\n    const rememberFocus = (event: FocusEvent) => {\n      const item = event.target;\n      if (\n        this.menu?.classList.contains('show') &&\n        item instanceof HTMLElement &&\n        item.localName === 'wa-dropdown-item' &&\n        this.contains(item)\n      ) {\n        navigatedItem = item as FocusableDropdownItem;\n      }\n    };\n    this.addEventListener('focusin', rememberFocus);\n    try {\n      await showMenu.call(this);\n    } finally {\n      this.removeEventListener('focusin', rememberFocus);\n    }\n    if (\n      showEpoch.get(this) !== epoch ||\n      !this.open ||\n      !this.popup?.active ||\n      !navigatedItem?.isConnected ||\n      !this.contains(navigatedItem)\n    )\n      return;\n\n    const siblings =\n      navigatedItem.slot === 'submenu'\n        ? Array.from(navigatedItem.parentElement?.children ?? []).filter(\n            (item): item is FocusableDropdownItem =>\n              item.localName === 'wa-dropdown-item',\n          )\n        : this.getItems();\n    siblings.forEach((item) => {\n      item.active = item === navigatedItem;\n    });\n    // Web Awesome's show focus may have scrolled a long menu back to its\n    // first item; reveal the restored item within the menu only.\n    navigatedItem.focus({ preventScroll: true });\n    revealInScroller(navigatedItem);\n  };\n}\n","interface NamedDropdown extends HTMLElement {\n  menu?: HTMLElement | null;\n  firstUpdated(changed: unknown): void;\n  showMenu(): Promise<void>;\n}\n\ninterface NamedDropdownItem extends HTMLElement {\n  submenuElement?: HTMLElement | null;\n  openSubmenu(): Promise<void>;\n}\n\n/** The host attribute `PopupMenu` renders its menu's accessible name into. */\nexport const POPUP_MENU_LABEL_ATTRIBUTE = 'data-menu-label';\n\nconst installed = new WeakSet<object>();\n\n/** Copy the host's rendered name onto Web Awesome's shadow `role=\"menu\"` panel. */\nfunction syncMenuName(dropdown: NamedDropdown): void {\n  const menu = dropdown.menu;\n  if (!menu || !dropdown.classList.contains('kui-popup-menu')) return;\n  const name = dropdown.getAttribute(POPUP_MENU_LABEL_ATTRIBUTE)?.trim();\n  if (name) menu.setAttribute('aria-label', name);\n  else menu.removeAttribute('aria-label');\n}\n\n/**\n * Name a `PopupMenu`'s open menu from its trigger. Web Awesome renders the\n * `role=\"menu\"` panel in the dropdown's shadow root, and the trigger's name\n * lives either on an `aria-hidden` context anchor or inside `wa-button`'s own\n * shadow root, so no ID reference can reach across. `PopupMenu` renders the\n * name it already knows as `data-menu-label`; this copies it to the panel as\n * `aria-label` on first render and on every open, so a re-rendered label is\n * current whenever the menu is shown. Lit only owns the attributes it binds,\n * so the imperative name persists.\n */\nexport function installPopupMenuAccessibleName(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as NamedDropdown;\n  const firstUpdated = target.firstUpdated;\n  const showMenu = target.showMenu;\n  target.firstUpdated = function (this: NamedDropdown, changed): void {\n    firstUpdated.call(this, changed);\n    syncMenuName(this);\n  };\n  target.showMenu = function (this: NamedDropdown): Promise<void> {\n    syncMenuName(this);\n    return showMenu.call(this);\n  };\n}\n\nconst installedItems = new WeakSet<object>();\n\n/**\n * Name each `PopupMenu` submenu from its parent item. The item's `#submenu`\n * (`role=\"menu\"`) and `#label` share one shadow root, so a real\n * `aria-labelledby` reference follows the item's text.\n */\nexport function installPopupMenuSubmenuName(prototype: object): void {\n  if (installedItems.has(prototype)) return;\n  installedItems.add(prototype);\n  const target = prototype as NamedDropdownItem;\n  const openSubmenu = target.openSubmenu;\n  target.openSubmenu = function (this: NamedDropdownItem): Promise<void> {\n    const submenu = this.submenuElement;\n    if (submenu && this.closest('.kui-popup-menu'))\n      submenu.setAttribute('aria-labelledby', 'label');\n    return openSubmenu.call(this);\n  };\n}\n","interface PopupMenuDropdown extends HTMLElement {\n  makeSelection(\n    item: HTMLElement & { disabled?: boolean },\n    event?: Event,\n  ): void;\n}\n\nconst installed = new WeakSet<object>();\n\n/**\n * Route a keyboard choice in a `PopupMenu` through the item's click. Web Awesome\n * selects a pointer choice from the item's click event but a keyboard choice\n * (Enter or Space) directly, so delegated `data-action` click handlers would\n * never run for keyboard users. Clicking the item makes Web Awesome select it\n * exactly as it does for a pointer — one `wa-select`, then close and focus\n * return — while the click reaches the application's delegation. Raw\n * `wa-dropdown`s outside `PopupMenu` are unaffected.\n */\nexport function installPopupMenuKeyboard(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as PopupMenuDropdown;\n  const makeSelection = target.makeSelection;\n  target.makeSelection = function (this: PopupMenuDropdown, item, event): void {\n    if (\n      event instanceof KeyboardEvent &&\n      this.classList.contains('kui-popup-menu') &&\n      !item.disabled\n    ) {\n      item.click();\n      return;\n    }\n    makeSelection.call(this, item, event);\n  };\n}\n","interface PopupMenuDropdown extends HTMLElement {\n  open: boolean;\n  popup?: { active: boolean };\n  showMenu(): Promise<void>;\n  hideMenu(): Promise<void>;\n}\n\nconst installed = new WeakSet<object>();\n\n/** Restore Web Awesome dismissal listeners after a rapid close/reopen. */\nexport function installPopupMenuLifecycle(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as PopupMenuDropdown;\n  const showMenu = target.showMenu;\n  const hideMenu = target.hideMenu;\n  const hiding = new WeakMap<PopupMenuDropdown, { reopened: boolean }>();\n  target.showMenu = function (this: PopupMenuDropdown): Promise<void> {\n    const transition = hiding.get(this);\n    if (\n      transition &&\n      this.open &&\n      this.popup?.active &&\n      this.classList.contains('kui-popup-menu')\n    ) {\n      // Native showMenu would return early while the old popup is active,\n      // leaving its document pointer listener absent during the hide.\n      this.popup.active = false;\n      transition.reopened = true;\n    }\n    return showMenu.call(this);\n  };\n  target.hideMenu = async function (this: PopupMenuDropdown): Promise<void> {\n    const scoped = this.classList.contains('kui-popup-menu');\n    const transition = { reopened: false };\n    if (scoped) hiding.set(this, transition);\n    await hideMenu.call(this);\n    // WA removes its document listeners before awaiting the hide animation.\n    // If Lit coalesces the intervening open request, restore the listeners\n    // after hide; an explicit showMenu above has already done so immediately.\n    if (\n      scoped &&\n      hiding.get(this) === transition &&\n      this.open &&\n      this.isConnected &&\n      this.popup?.active &&\n      !transition.reopened\n    ) {\n      this.popup.active = false;\n      void this.showMenu();\n    }\n    if (hiding.get(this) === transition) hiding.delete(this);\n  };\n}\n","import { revealInScroller } from './reveal-in-scroller.js';\n\ninterface SubmenuItem extends HTMLElement {\n  active: boolean;\n}\n\ninterface PopupMenuParentItem extends HTMLElement {\n  submenuElement?: HTMLElement;\n  submenuOpen: boolean;\n  getSubmenuItems(): SubmenuItem[];\n  openSubmenu(): Promise<void>;\n  closeSubmenu(): Promise<void>;\n}\n\nconst installed = new WeakSet<object>();\nconst inputEvents = ['keydown', 'pointerdown'] as const;\n\n/** Preserve a rapid keyboard move past Web Awesome's late first-item focus. */\nexport function installPopupMenuSubmenuFocus(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as PopupMenuParentItem;\n  const openSubmenu = target.openSubmenu;\n  const closeSubmenu = target.closeSubmenu;\n  const submenuOpen = Object.getOwnPropertyDescriptor(prototype, 'submenuOpen');\n  if (submenuOpen?.set) {\n    Object.defineProperty(prototype, 'submenuOpen', {\n      ...submenuOpen,\n      set(this: PopupMenuParentItem, value: boolean) {\n        const wasOpen = this.submenuOpen;\n        submenuOpen.set!.call(this, value);\n        // Web Awesome's pointer, click, and ArrowRight paths assign true. A\n        // repeated assignment does not schedule updated(), so repair a stale\n        // open flag over a hidden submenu at the point of that user action.\n        if (\n          value &&\n          wasOpen &&\n          this.submenuElement?.hidden &&\n          this.closest('wa-dropdown.kui-popup-menu')\n        )\n          void this.openSubmenu();\n      },\n    });\n  }\n  target.closeSubmenu = async function (\n    this: PopupMenuParentItem,\n  ): Promise<void> {\n    const submenu = this.submenuElement;\n    await closeSubmenu.call(this);\n    // A new open can start while Web Awesome awaits its hide animation. Its\n    // late completion must not leave submenuOpen=true over a hidden submenu.\n    if (\n      this.submenuOpen &&\n      submenu?.hidden &&\n      this.isConnected &&\n      this.closest('wa-dropdown.kui-popup-menu')\n    )\n      void this.openSubmenu();\n  };\n  target.openSubmenu = async function (\n    this: PopupMenuParentItem,\n  ): Promise<void> {\n    const submenu = this.submenuElement;\n    if (!this.closest('wa-dropdown.kui-popup-menu') || !submenu)\n      return openSubmenu.call(this);\n\n    // WA's animation helper never resolves if asked to add an animation class\n    // already on the element. A second open while showing needs no new show;\n    // a stale hidden popup needs the old show canceled before reopening.\n    if (submenu.classList.contains('show')) {\n      if (!submenu.hidden) return;\n      submenu.classList.remove('show');\n    }\n\n    // Web Awesome hands focus to the first submenu item from a timer it queues\n    // once the show animation settles. Browsers may dispatch a keypress\n    // between that timer being queued and running, so the handoff can land\n    // after the user's own choice. Track the choice until a timer queued\n    // behind Web Awesome's runs; a first-item focus outside any key or pointer\n    // dispatch is that handoff, not a choice.\n    let desired: SubmenuItem | undefined;\n    let input: Event | undefined;\n    const trackInput = (event: Event) => {\n      input = event;\n    };\n    const trackFocus = (event: FocusEvent) => {\n      const item = event\n        .composedPath()\n        .find(\n          (node): node is SubmenuItem =>\n            node instanceof HTMLElement &&\n            node.localName === 'wa-dropdown-item' &&\n            node.getAttribute('slot') === 'submenu',\n        );\n      const items = this.getSubmenuItems();\n      if (!item || !items.includes(item)) return;\n      const fromInput = input !== undefined && input.eventPhase !== Event.NONE;\n      if (item !== items[0] || fromInput) desired = item;\n    };\n    for (const type of inputEvents)\n      document.addEventListener(type, trackInput, true);\n    submenu.addEventListener('focusin', trackFocus);\n    try {\n      await openSubmenu.call(this);\n    } finally {\n      // This timer follows Web Awesome's queued first-item focus, restoring a\n      // user's later choice only if that queued focus actually reset it.\n      // Pointer/blur/close paths are left alone.\n      window.setTimeout(() => {\n        for (const type of inputEvents)\n          document.removeEventListener(type, trackInput, true);\n        submenu.removeEventListener('focusin', trackFocus);\n        const items = this.getSubmenuItems();\n        const selected = desired;\n        if (\n          !selected ||\n          selected === items[0] ||\n          !this.isConnected ||\n          !this.submenuOpen ||\n          submenu.hidden ||\n          document.activeElement !== items[0]\n        )\n          return;\n        items.forEach((item) => (item.active = item === selected));\n        // The handoff's focus scrolled the submenu to its first item; bring\n        // the restored choice back into view within the submenu only.\n        selected.focus({ preventScroll: true });\n        revealInScroller(selected);\n      }, 0);\n    }\n  };\n}\n","interface SubmenuItem extends HTMLElement {\n  submenuElement?: HTMLElement;\n  submenuOpen: boolean;\n}\n\ninterface PopupMenuDropdown extends HTMLElement {\n  menu?: HTMLElement;\n  positionSubmenu(item: SubmenuItem): void;\n  updateSafeTriangleCoordinates?(item: SubmenuItem): void;\n}\n\nconst installed = new WeakSet<object>();\nconst phoneWidth = '(max-width: 480px)';\nconst viewportInset = 8;\nconst menuGap = 4;\n\n/** Place a phone-width submenu beside its parent menu in the vertical axis. */\nexport function phoneSubmenuPosition(\n  parent: DOMRect,\n  submenu: DOMRect,\n  viewport: { width: number; height: number },\n  rtl: boolean,\n) {\n  const width = Math.min(submenu.width, viewport.width - 2 * viewportInset);\n  const height = submenu.height;\n  const below = Math.max(\n    0,\n    viewport.height - parent.bottom - menuGap - viewportInset,\n  );\n  const above = Math.max(0, parent.top - menuGap - viewportInset);\n  const useBelow = height <= below || (height > above && below >= above);\n  const availableHeight = useBelow ? below : above;\n  const left = rtl ? parent.right - width : parent.left;\n  return {\n    left: Math.max(\n      viewportInset,\n      Math.min(left, viewport.width - viewportInset - width),\n    ),\n    top: useBelow\n      ? parent.bottom + menuGap\n      : parent.top - menuGap - Math.min(height, availableHeight),\n    maxHeight: availableHeight,\n    maxWidth: viewport.width - 2 * viewportInset,\n  };\n}\n\nfunction clearPhoneStyles(submenu: HTMLElement) {\n  for (const property of [\n    'position',\n    'left',\n    'top',\n    'max-width',\n    'max-height',\n    'box-sizing',\n    'overflow-y',\n  ])\n    submenu.style.removeProperty(property);\n}\n\n/**\n * Web Awesome measures the submenu for its pointer \"safe triangle\" right after\n * starting placement, but its placement resolves asynchronously, so the\n * triangle kept the submenu's pre-placement edge (often 0,0). The fixed,\n * viewport-sized hit region then fanned away from the submenu, over the\n * parent menu's rows, intercepting their hover and clicks while the diagonal\n * path to the submenu stayed uncovered. Re-measure once the placement lands\n * and again once the submenu's show animation settles.\n */\nfunction remeasureSafeTriangle(dropdown: PopupMenuDropdown, item: SubmenuItem) {\n  if (typeof dropdown.updateSafeTriangleCoordinates !== 'function') return;\n  const update = () => {\n    if (dropdown.isConnected && item.submenuOpen)\n      dropdown.updateSafeTriangleCoordinates!(item);\n  };\n  window.requestAnimationFrame(() => {\n    update();\n    // The show animation scales the submenu, so measure its settled box too.\n    const animations = item.submenuElement?.getAnimations?.() ?? [];\n    if (animations.length > 0)\n      void Promise.all(animations.map((animation) => animation.finished)).then(\n        update,\n        () => undefined,\n      );\n  });\n}\n\n/**\n * Web Awesome's horizontal flip can place a submenu over the parent menu on a\n * phone. Its own auto-update loop calls this method on scroll and resize, so\n * override only PopupMenu's narrow placement and leave native menu navigation\n * and selection intact.\n */\nexport function installPopupMenuSubmenuPlacement(prototype: object): void {\n  if (installed.has(prototype)) return;\n  installed.add(prototype);\n  const target = prototype as PopupMenuDropdown;\n  const positionSubmenu = target.positionSubmenu;\n  target.positionSubmenu = function (this: PopupMenuDropdown, item): void {\n    if (!this.classList.contains('kui-popup-menu')) {\n      positionSubmenu.call(this, item);\n      return;\n    }\n    const submenu = item.submenuElement;\n    if (submenu) remeasureSafeTriangle(this, item);\n    if (!window.matchMedia(phoneWidth).matches || !submenu || !this.menu) {\n      if (submenu) clearPhoneStyles(submenu);\n      positionSubmenu.call(this, item);\n      return;\n    }\n\n    // The opening event starts positioning before Web Awesome unhides the\n    // submenu. Measure in the next microtask, after showPopover has run.\n    window.queueMicrotask(() => {\n      if (\n        !this.isConnected ||\n        !item.submenuOpen ||\n        !window.matchMedia(phoneWidth).matches ||\n        !this.menu ||\n        !submenu.isConnected\n      )\n        return;\n      const parentItem =\n        item.parentElement?.localName === 'wa-dropdown-item'\n          ? (item.parentElement as SubmenuItem)\n          : undefined;\n      const parentMenu = parentItem?.submenuElement ?? this.menu;\n      submenu.style.position = 'fixed';\n      submenu.style.maxWidth = `calc(100vw - ${2 * viewportInset}px)`;\n      submenu.style.maxHeight = 'none';\n      submenu.style.boxSizing = 'border-box';\n      submenu.style.overflowY = 'auto';\n      const placement = phoneSubmenuPosition(\n        parentMenu.getBoundingClientRect(),\n        submenu.getBoundingClientRect(),\n        { width: window.innerWidth, height: window.innerHeight },\n        window.getComputedStyle(this).direction === 'rtl',\n      );\n      submenu.style.left = `${placement.left}px`;\n      submenu.style.top = `${placement.top}px`;\n      submenu.style.maxHeight = `${placement.maxHeight}px`;\n      submenu.style.maxWidth = `${placement.maxWidth}px`;\n      submenu.setAttribute(\n        'data-placement',\n        placement.top >= parentMenu.getBoundingClientRect().bottom\n          ? 'bottom-start'\n          : 'top-start',\n      );\n    });\n  };\n}\n","import '@awesome.me/webawesome/dist/components/button/button.js';\nimport '@awesome.me/webawesome/dist/components/divider/divider.js';\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';\nimport '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';\n\nimport WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';\nimport WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';\n\nimport { installHelpTags } from '../../../../integrations/webawesome/help-tags/install-help-tag.js';\nimport { installDropdownShowFocus } from '../internal/install-dropdown-show-focus.js';\nimport {\n  installPopupMenuAccessibleName,\n  installPopupMenuSubmenuName,\n} from '../internal/install-popup-menu-accessible-name.js';\nimport { installPopupMenuKeyboard } from '../internal/install-popup-menu-keyboard.js';\nimport { installPopupMenuLifecycle } from '../internal/install-popup-menu-lifecycle.js';\nimport { installPopupMenuSubmenuFocus } from '../internal/install-popup-menu-submenu-focus.js';\nimport { installPopupMenuSubmenuPlacement } from '../internal/install-popup-menu-submenu-placement.js';\n\ninstallPopupMenuKeyboard(WaDropdown.prototype);\ninstallPopupMenuLifecycle(WaDropdown.prototype);\ninstallDropdownShowFocus(WaDropdown.prototype);\ninstallPopupMenuSubmenuFocus(WaDropdownItem.prototype);\ninstallPopupMenuSubmenuPlacement(WaDropdown.prototype);\ninstallPopupMenuAccessibleName(WaDropdown.prototype);\ninstallPopupMenuSubmenuName(WaDropdownItem.prototype);\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module registers the\n * Web Awesome elements a `PopupMenu` renders (`wa-dropdown`,\n * `wa-dropdown-item`, `wa-button`, and `wa-divider`) and routes a keyboard\n * choice through the item's click so delegated `data-action`s run. It also\n * names each open menu panel from its trigger and each submenu from its item.\n */\nexport const popupMenuElementsRegistered = true;\n"]}
+{"version":3,"sources":["../src/components/actions/popup-menu/register/popup-menu-register.ts"],"names":[],"mappings":";;;;;;AAGA,iBAAA,EAAkB;AAClB,eAAA,EAAgB;AAUT,IAAM,2BAAA,GAA8B","file":"popup-menu-register.js","sourcesContent":["import { installHelpTags } from '../../../../wiring/help-tags.js';\nimport { installPopupMenus } from '../internal/popup-menu-controller.js';\n\ninstallPopupMenus();\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module wires every\n * `PopupMenu` in the document: opening from its trigger and from\n * `openPopupMenu` / `openPopupMenuAt` / `closePopupMenu`, top-layer placement,\n * keyboard navigation and typeahead, hover-opened submenus, the `kui-menu-select`\n * choice event, and focus return. It also registers the help tag an\n * icon-only trigger shows on hover or keyboard focus.\n */\nexport const popupMenuElementsRegistered = true;\n"]}

package/dist/popup-menu.d.ts

@@ -14,9 +14,9 @@ interface PopupMenuItem {
     label: string;
     /** Delegated `data-action` the app handles when the item is chosen. */
     action?: string;
-    /** Native `wa-dropdown-item` value, reported by its `wa-select` event. */
+    /** The item's value, reported in the menu's `kui-menu-select` event. */
     value?: string;
-    /** Leading icon, typically a `LucideIcon`; it is placed in the item's icon slot. */
+    /** Leading icon, typically a `LucideIcon`, before the label. */
     icon?: SafeHtml;
     /** A checkbox choice, including nested choices; omit for a plain command. */
     checked?: boolean;
@@ -46,13 +46,30 @@ type PopupMenuTriggerName = {
     /** Visible trigger text, which is also its accessible name. */
     text: string;
     label?: never;
+    triggerContent?: never;
 } | {
     text?: never;
     /**
      * Accessible name of an icon-only trigger, rendered as visually hidden
-     * slotted text (a Web Awesome button takes its name from its content).
+     * text inside the trigger button.
      */
     label: string;
+    triggerContent?: never;
+} | {
+    text?: never;
+    /**
+     * The trigger's accessible name ("Status: Started"); the visible
+     * content is hidden from assistive technology.
+     */
+    label: string;
+    /**
+     * Visible content that is the whole trigger, such as a `Badge` showing
+     * the current status. Kerf owns the bare button around it (no chrome,
+     * a pill focus ring, the pointer cursor, `aria-haspopup`), and the
+     * caret is off unless `caret` is set.
+     */
+    triggerContent: KerfUiContent;
+    icon?: never;
 };
 /** A context PopupMenu's viewport anchor point. */
 interface PopupMenuAnchor {
@@ -65,6 +82,7 @@ type PopupMenuTrigger = (PopupMenuTriggerName & {
 }) | {
     context: true;
     label: string;
+    triggerContent?: never;
     /**
      * The viewport point (CSS pixels, as in `MouseEvent.clientX/Y`) the
      * menu opens from. Rendered into the menu itself, so it survives
@@ -90,36 +108,36 @@ type PopupMenuProps = PopupMenuTrigger & {
     /** Native named-slot assignment when composed inside a web component. */
     slot?: string;
 };
-/** A rendered context PopupMenu with Web Awesome's controlled open state. */
-type PopupMenuElement = HTMLElement & {
-    open: boolean;
-};
+/** A rendered PopupMenu root, the element the open and close helpers take. */
+type PopupMenuElement = HTMLElement;
 /**
  * Open a PopupMenu at viewport pointer coordinates. A `context` menu rendered
  * without `anchor` moves its invisible anchor there (a menu rendered with
- * `anchor` opens with `openPopupMenu` instead). A button-triggered menu (such as a `ListActionRow`
- * trailing menu) anchors its popup at the point, opening `bottom-start` like a
- * context menu, for this opening only; once the menu has closed it returns to
- * its trigger and placement. Before Web Awesome upgrades it, the menu opens at
- * its trigger.
+ * `anchor` opens with `openPopupMenu` instead). A button-triggered menu (such
+ * as a `ListActionRow` trailing menu) opens `bottom-start` from the point,
+ * like a context menu, for this opening only; its next opening returns to its
+ * trigger and placement. Needs the `/register` entry.
  */
 declare function openPopupMenuAt(menu: PopupMenuElement, x: number, y: number): void;
 /**
- * Open a context PopupMenu at the `anchor` it was rendered with (or the
- * point a previous `openPopupMenuAt` set).
+ * Open a PopupMenu from its trigger, or a context PopupMenu at the `anchor`
+ * it was rendered with (or the point a previous `openPopupMenuAt` set).
+ * Needs the `/register` entry.
  */
 declare function openPopupMenu(menu: PopupMenuElement): void;
-/** Close a programmatically opened PopupMenu. */
+/** Close an open PopupMenu, and any submenu it shows. */
 declare function closePopupMenu(menu: PopupMenuElement): void;
 /**
- * An action menu: a trigger button that opens a list of commands. Renders the
- * `wa-dropdown` root directly, so a `single` `ToolbarControlGroup` (with
- * `nestedDropdown`) or a `PopupSurface` sizes and insets it as usual. Items
- * dispatch through delegated `data-action`s; the app owns the commands and any
- * open-state reaction. Import `@kerfjs/ui/popup-menu/register` once to register
- * the Web Awesome elements. At viewport widths up to 480px, submenus appear
- * above or below their parent menu so their rows do not cover the parent list.
+ * An action menu: a trigger button that opens a list of commands in the top
+ * layer. A `single` `ToolbarControlGroup` (with `nestedDropdown`) or a
+ * `PopupSurface` sizes and insets it as usual. Items dispatch through
+ * delegated `data-action`s, and the root reports each choice as a bubbling
+ * `kui-menu-select` event; the app owns the commands and any open-state reaction.
+ * Import `@kerfjs/ui/popup-menu/register` once to wire opening, keyboard
+ * navigation, submenus, and dismissal. At viewport widths up to 480px,
+ * submenus appear above or below their parent menu so their rows do not cover
+ * the parent list.
  */
-declare function PopupMenu({ text, label, icon, items, placement, caret, disabled, rootAttributes, slot, context, anchor, }: PopupMenuProps): SafeHtml;
+declare function PopupMenu({ text, label, icon, triggerContent, items, placement, caret, disabled, rootAttributes, slot, context, anchor, }: PopupMenuProps): SafeHtml;
 
 export { PopupMenu, type PopupMenuAnchor, type PopupMenuDivider, type PopupMenuElement, type PopupMenuEntry, type PopupMenuHeading, type PopupMenuItem, type PopupMenuPlacement, type PopupMenuProps, closePopupMenu, openPopupMenu, openPopupMenuAt };

package/dist/popup-menu.js

@@ -1,3 +1,7 @@
-export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt } from './chunk-HQZYKJ56.js';
+export { PopupMenu, closePopupMenu, openPopupMenu, openPopupMenuAt } from './chunk-7W3GKMN4.js';
+
+
+
+
 
 //# sourceMappingURL=popup-menu.js.map

package/dist/progress-bar.d.ts

@@ -0,0 +1,52 @@
+import * as kerfjs from 'kerfjs';
+
+/** The fill color: `brand` (default), or a status tone. */
+type ProgressTone = 'brand' | 'success' | 'warning' | 'danger';
+/** `default` is a 6px track; `compact` is 4px, for a row or table cell. */
+type ProgressBarSize = 'default' | 'compact';
+/**
+ * Application `data-*` identity on the ProgressBar root, such as `data-key`;
+ * its own configuration attributes stay protected.
+ */
+type ProgressBarRootAttributes = Readonly<Record<`data-${string}`, string | undefined>>;
+type ProgressBarProps = {
+    /**
+     * Work done so far, from 0 to `max`. Omit it for indeterminate progress
+     * (work whose size is unknown), which animates instead.
+     */
+    value?: number;
+    /** The amount that means done (default 1). */
+    max?: number;
+    /**
+     * Spoken progress in place of the percentage, such as "3 of 12 files". With
+     * `showValue` it is also the visible text.
+     */
+    valueText?: string;
+    /** Show the value (or `valueText`) at the end of the label row. */
+    showValue?: boolean;
+    tone?: ProgressTone;
+    size?: ProgressBarSize;
+    id?: string;
+    rootAttributes?: ProgressBarRootAttributes;
+    className?: string;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+} & ({
+    /** A visible label above the bar that also names it. */
+    label: string;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    /** The bar's accessible name when it shows no visible label. */
+    ariaLabel: string;
+});
+/**
+ * A linear progress indicator on the native `<progress>` element: determinate
+ * (`value` of `max`) or indeterminate (no `value`, an animated sweep), named
+ * by a visible `label` or an `ariaLabel`, toned, and in two track sizes. The
+ * native element carries the progressbar role and its value to assistive
+ * technology; `valueText` replaces the spoken percentage.
+ */
+declare function ProgressBar({ value, max, valueText, showValue, label, ariaLabel, tone, size, id, rootAttributes, className, slot, }: ProgressBarProps): kerfjs.SafeHtml;
+
+export { ProgressBar, type ProgressBarProps, type ProgressBarRootAttributes, type ProgressBarSize, type ProgressTone };

package/dist/progress-bar.js

@@ -0,0 +1,68 @@
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+var PROGRESS_BAR_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-tone",
+  "data-size",
+  "data-indeterminate"
+]);
+function percent(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function ProgressBar({
+  value,
+  max = 1,
+  valueText,
+  showValue = false,
+  label,
+  ariaLabel,
+  tone = "brand",
+  size = "default",
+  id,
+  rootAttributes = {},
+  className = "",
+  slot
+}) {
+  if (!Number.isFinite(max) || max <= 0)
+    throw new RangeError("ProgressBar max must be a positive number.");
+  if (value !== void 0 && (!Number.isFinite(value) || value < 0))
+    throw new RangeError("ProgressBar value must be zero or more.");
+  const clamped = value === void 0 ? void 0 : Math.min(value, max);
+  const labelId = id === void 0 ? void 0 : `${id}-label`;
+  const shownValue = showValue && (valueText ?? (clamped === void 0 ? void 0 : percent(clamped, max)));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...filterDataAttributes(rootAttributes, PROGRESS_BAR_PROTECTED),
+      id,
+      class: `kui-progress-bar ${className}`.trim(),
+      "data-component": "progress-bar",
+      "data-tone": tone,
+      "data-size": size,
+      "data-indeterminate": clamped === void 0 ? "" : void 0,
+      slot,
+      children: [
+        label === void 0 && !shownValue ? null : /* @__PURE__ */ jsxs("div", { class: "kui-progress-bar__header", children: [
+          label === void 0 ? null : /* @__PURE__ */ jsx("span", { class: "kui-progress-bar__label", id: labelId, children: label }),
+          shownValue ? /* @__PURE__ */ jsx("span", { class: "kui-progress-bar__value", "aria-hidden": "true", children: shownValue }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "progress",
+          {
+            class: "kui-progress-bar__track",
+            value: clamped,
+            max,
+            "aria-label": labelId === void 0 ? label ?? ariaLabel : void 0,
+            "aria-labelledby": labelId,
+            "aria-valuetext": valueText
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ProgressBar };
+
+//# sourceMappingURL=progress-bar.js.map

package/dist/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/progress-bar/progress-bar.tsx"],"names":[],"mappings":";;;AAeA,IAAM,sBAAA,uBAA6B,GAAA,CAAI;AAAA,EACrC,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AAqCD,SAAS,OAAA,CAAQ,OAAe,GAAA,EAAqB;AACnD,EAAA,OAAO,GAAG,IAAA,CAAK,KAAA,CAAO,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA,CAAA,CAAA;AAC3C;AASO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,EAAA;AAAA,EACA,iBAAiB,EAAC;AAAA,EAClB,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,GAAG,KAAK,GAAA,IAAO,CAAA;AAClC,IAAA,MAAM,IAAI,WAAW,4CAA4C,CAAA;AACnE,EAAA,IAAI,UAAU,MAAA,KAAc,CAAC,OAAO,QAAA,CAAS,KAAK,KAAK,KAAA,GAAQ,CAAA,CAAA;AAC7D,IAAA,MAAM,IAAI,WAAW,yCAAyC,CAAA;AAChE,EAAA,MAAM,UAAU,KAAA,KAAU,MAAA,GAAY,SAAY,IAAA,CAAK,GAAA,CAAI,OAAO,GAAG,CAAA;AACrE,EAAA,MAAM,OAAA,GAAU,EAAA,KAAO,MAAA,GAAY,MAAA,GAAY,GAAG,EAAE,CAAA,MAAA,CAAA;AACpD,EAAA,MAAM,UAAA,GACJ,cACC,SAAA,KAAc,OAAA,KAAY,SAAY,MAAA,GAAY,OAAA,CAAQ,SAAS,GAAG,CAAA,CAAA,CAAA;AACzE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,oBAAA,CAAqB,cAAA,EAAgB,sBAAsB,CAAA;AAAA,MAC/D,EAAA;AAAA,MACA,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAW,IAAA;AAAA,MACX,WAAA,EAAW,IAAA;AAAA,MACX,oBAAA,EAAoB,OAAA,KAAY,MAAA,GAAY,EAAA,GAAK,MAAA;AAAA,MACjD,IAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,KAAU,UAAa,CAAC,UAAA,GAAa,uBACpC,IAAA,CAAC,KAAA,EAAA,EAAI,OAAM,0BAAA,EACR,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,GAAY,uBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,OAAM,yBAAA,EAA0B,EAAA,EAAI,SACvC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,UAAA,uBACE,MAAA,EAAA,EAAK,KAAA,EAAM,2BAA0B,aAAA,EAAY,MAAA,EAC/C,sBACH,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,yBAAA;AAAA,YACN,KAAA,EAAO,OAAA;AAAA,YACP,GAAA;AAAA,YACA,YAAA,EAAY,OAAA,KAAY,MAAA,GAAa,KAAA,IAAS,SAAA,GAAa,MAAA;AAAA,YAC3D,iBAAA,EAAiB,OAAA;AAAA,YACjB,gBAAA,EAAgB;AAAA;AAAA;AAClB;AAAA;AAAA,GACF;AAEJ","file":"progress-bar.js","sourcesContent":["import { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\n\n/** The fill color: `brand` (default), or a status tone. */\nexport type ProgressTone = 'brand' | 'success' | 'warning' | 'danger';\n/** `default` is a 6px track; `compact` is 4px, for a row or table cell. */\nexport type ProgressBarSize = 'default' | 'compact';\n\n/**\n * Application `data-*` identity on the ProgressBar root, such as `data-key`;\n * its own configuration attributes stay protected.\n */\nexport type ProgressBarRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nconst PROGRESS_BAR_PROTECTED = new Set([\n  'data-component',\n  'data-tone',\n  'data-size',\n  'data-indeterminate',\n]);\n\nexport type ProgressBarProps = {\n  /**\n   * Work done so far, from 0 to `max`. Omit it for indeterminate progress\n   * (work whose size is unknown), which animates instead.\n   */\n  value?: number;\n  /** The amount that means done (default 1). */\n  max?: number;\n  /**\n   * Spoken progress in place of the percentage, such as \"3 of 12 files\". With\n   * `showValue` it is also the visible text.\n   */\n  valueText?: string;\n  /** Show the value (or `valueText`) at the end of the label row. */\n  showValue?: boolean;\n  tone?: ProgressTone;\n  size?: ProgressBarSize;\n  id?: string;\n  rootAttributes?: ProgressBarRootAttributes;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n} & (\n  | {\n      /** A visible label above the bar that also names it. */\n      label: string;\n      ariaLabel?: never;\n    }\n  | {\n      label?: never;\n      /** The bar's accessible name when it shows no visible label. */\n      ariaLabel: string;\n    }\n);\n\nfunction percent(value: number, max: number): string {\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A linear progress indicator on the native `<progress>` element: determinate\n * (`value` of `max`) or indeterminate (no `value`, an animated sweep), named\n * by a visible `label` or an `ariaLabel`, toned, and in two track sizes. The\n * native element carries the progressbar role and its value to assistive\n * technology; `valueText` replaces the spoken percentage.\n */\nexport function ProgressBar({\n  value,\n  max = 1,\n  valueText,\n  showValue = false,\n  label,\n  ariaLabel,\n  tone = 'brand',\n  size = 'default',\n  id,\n  rootAttributes = {},\n  className = '',\n  slot,\n}: ProgressBarProps) {\n  if (!Number.isFinite(max) || max <= 0)\n    throw new RangeError('ProgressBar max must be a positive number.');\n  if (value !== undefined && (!Number.isFinite(value) || value < 0))\n    throw new RangeError('ProgressBar value must be zero or more.');\n  const clamped = value === undefined ? undefined : Math.min(value, max);\n  const labelId = id === undefined ? undefined : `${id}-label`;\n  const shownValue =\n    showValue &&\n    (valueText ?? (clamped === undefined ? undefined : percent(clamped, max)));\n  return (\n    <div\n      {...filterDataAttributes(rootAttributes, PROGRESS_BAR_PROTECTED)}\n      id={id}\n      class={`kui-progress-bar ${className}`.trim()}\n      data-component=\"progress-bar\"\n      data-tone={tone}\n      data-size={size}\n      data-indeterminate={clamped === undefined ? '' : undefined}\n      slot={slot}\n    >\n      {label === undefined && !shownValue ? null : (\n        <div class=\"kui-progress-bar__header\">\n          {label === undefined ? null : (\n            <span class=\"kui-progress-bar__label\" id={labelId}>\n              {label}\n            </span>\n          )}\n          {shownValue ? (\n            <span class=\"kui-progress-bar__value\" aria-hidden=\"true\">\n              {shownValue}\n            </span>\n          ) : null}\n        </div>\n      )}\n      <progress\n        class=\"kui-progress-bar__track\"\n        value={clamped}\n        max={max}\n        aria-label={labelId === undefined ? (label ?? ariaLabel) : undefined}\n        aria-labelledby={labelId}\n        aria-valuetext={valueText}\n      />\n    </div>\n  );\n}\n"]}

package/dist/progress-ring.d.ts

@@ -0,0 +1,44 @@
+import * as kerfjs from 'kerfjs';
+import { ProgressTone } from './progress-bar.js';
+
+/**
+ * The ring's diameter: `small` (16px) sits in a line of text, `medium` (24px,
+ * the default) beside an icon in a row or toolbar, and `large` (40px) on its
+ * own.
+ */
+type ProgressRingSize = 'small' | 'medium' | 'large';
+/**
+ * Application `data-*` identity on the ProgressRing root, such as `data-key`;
+ * its own configuration attributes stay protected.
+ */
+type ProgressRingRootAttributes = Readonly<Record<`data-${string}`, string | undefined>>;
+interface ProgressRingProps {
+    /**
+     * Work done so far, from 0 to `max`. Omit it for indeterminate progress,
+     * which spins a short arc instead.
+     */
+    value?: number;
+    /** The amount that means done (default 1). */
+    max?: number;
+    /** The ring's accessible name, such as "Claim time remaining". */
+    label: string;
+    /** Spoken progress in place of the percentage, such as "12 minutes left". */
+    valueText?: string;
+    tone?: ProgressTone;
+    size?: ProgressRingSize;
+    id?: string;
+    rootAttributes?: ProgressRingRootAttributes;
+    className?: string;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/**
+ * A circular progress indicator: an SVG track and arc, determinate (`value`
+ * of `max`, filling clockwise from the top) or indeterminate (no `value`, a
+ * spinning arc), sized to sit inline in text, a row, or a toolbar. It is a
+ * `role="progressbar"` named by `label`, with `aria-valuenow` (as a
+ * percentage) or `valueText`.
+ */
+declare function ProgressRing({ value, max, label, valueText, tone, size, id, rootAttributes, className, slot, }: ProgressRingProps): kerfjs.SafeHtml;
+
+export { ProgressRing, type ProgressRingProps, type ProgressRingRootAttributes, type ProgressRingSize, ProgressTone };

package/dist/progress-ring.js

@@ -0,0 +1,73 @@
+import { remify } from './chunk-IQSRHXZR.js';
+import { filterDataAttributes } from './chunk-KH4KEMSP.js';
+import { jsx, jsxs } from 'kerfjs/jsx-runtime';
+
+var RING_PIXELS = {
+  small: 16,
+  medium: 24,
+  large: 40
+};
+var PROGRESS_RING_PROTECTED = /* @__PURE__ */ new Set([
+  "data-component",
+  "data-tone",
+  "data-size",
+  "data-indeterminate"
+]);
+var RADIUS = 10.5;
+var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+function ProgressRing({
+  value,
+  max = 1,
+  label,
+  valueText,
+  tone = "brand",
+  size = "medium",
+  id,
+  rootAttributes = {},
+  className = "",
+  slot
+}) {
+  if (!Number.isFinite(max) || max <= 0)
+    throw new RangeError("ProgressRing max must be a positive number.");
+  if (value !== void 0 && (!Number.isFinite(value) || value < 0))
+    throw new RangeError("ProgressRing value must be zero or more.");
+  const fraction = value === void 0 ? void 0 : Math.min(value, max) / max;
+  const dash = fraction === void 0 ? CIRCUMFERENCE * 0.25 : CIRCUMFERENCE * fraction;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...filterDataAttributes(rootAttributes, PROGRESS_RING_PROTECTED),
+      id,
+      class: `kui-progress-ring ${className}`.trim(),
+      "data-component": "progress-ring",
+      "data-tone": tone,
+      "data-size": size,
+      "data-indeterminate": fraction === void 0 ? "" : void 0,
+      role: "progressbar",
+      "aria-label": label,
+      "aria-valuemin": fraction === void 0 ? void 0 : "0",
+      "aria-valuemax": fraction === void 0 ? void 0 : "100",
+      "aria-valuenow": fraction === void 0 ? void 0 : String(Math.round(fraction * 100)),
+      "aria-valuetext": valueText,
+      style: `--_kui-progress-ring-size:${remify(RING_PIXELS[size])}`,
+      slot,
+      children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("circle", { class: "kui-progress-ring__track", cx: "12", cy: "12", r: RADIUS }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            class: "kui-progress-ring__arc",
+            cx: "12",
+            cy: "12",
+            r: RADIUS,
+            "stroke-dasharray": `${dash.toFixed(3)} ${CIRCUMFERENCE.toFixed(3)}`
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { ProgressRing };
+
+//# sourceMappingURL=progress-ring.js.map

package/dist/progress-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/progress-ring/progress-ring.tsx"],"names":[],"mappings":"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","file":"progress-ring.js","sourcesContent":["import { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport { remify } from '../../../shared/styles/css-values.js';\nimport type { ProgressTone } from '../progress-bar/progress-bar.js';\n\nexport type { ProgressTone } from '../progress-bar/progress-bar.js';\n\n/**\n * The ring's diameter: `small` (16px) sits in a line of text, `medium` (24px,\n * the default) beside an icon in a row or toolbar, and `large` (40px) on its\n * own.\n */\nexport type ProgressRingSize = 'small' | 'medium' | 'large';\n\nconst RING_PIXELS: Record<ProgressRingSize, number> = {\n  small: 16,\n  medium: 24,\n  large: 40,\n};\n\n/**\n * Application `data-*` identity on the ProgressRing root, such as `data-key`;\n * its own configuration attributes stay protected.\n */\nexport type ProgressRingRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined>\n>;\n\nconst PROGRESS_RING_PROTECTED = new Set([\n  'data-component',\n  'data-tone',\n  'data-size',\n  'data-indeterminate',\n]);\n\nexport interface ProgressRingProps {\n  /**\n   * Work done so far, from 0 to `max`. Omit it for indeterminate progress,\n   * which spins a short arc instead.\n   */\n  value?: number;\n  /** The amount that means done (default 1). */\n  max?: number;\n  /** The ring's accessible name, such as \"Claim time remaining\". */\n  label: string;\n  /** Spoken progress in place of the percentage, such as \"12 minutes left\". */\n  valueText?: string;\n  tone?: ProgressTone;\n  size?: ProgressRingSize;\n  id?: string;\n  rootAttributes?: ProgressRingRootAttributes;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/** The circle's radius in the 24-unit viewBox, inside a 3-unit stroke. */\nconst RADIUS = 10.5;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\n/**\n * A circular progress indicator: an SVG track and arc, determinate (`value`\n * of `max`, filling clockwise from the top) or indeterminate (no `value`, a\n * spinning arc), sized to sit inline in text, a row, or a toolbar. It is a\n * `role=\"progressbar\"` named by `label`, with `aria-valuenow` (as a\n * percentage) or `valueText`.\n */\nexport function ProgressRing({\n  value,\n  max = 1,\n  label,\n  valueText,\n  tone = 'brand',\n  size = 'medium',\n  id,\n  rootAttributes = {},\n  className = '',\n  slot,\n}: ProgressRingProps) {\n  if (!Number.isFinite(max) || max <= 0)\n    throw new RangeError('ProgressRing max must be a positive number.');\n  if (value !== undefined && (!Number.isFinite(value) || value < 0))\n    throw new RangeError('ProgressRing value must be zero or more.');\n  const fraction = value === undefined ? undefined : Math.min(value, max) / max;\n  const dash =\n    fraction === undefined ? CIRCUMFERENCE * 0.25 : CIRCUMFERENCE * fraction;\n  return (\n    <span\n      {...filterDataAttributes(rootAttributes, PROGRESS_RING_PROTECTED)}\n      id={id}\n      class={`kui-progress-ring ${className}`.trim()}\n      data-component=\"progress-ring\"\n      data-tone={tone}\n      data-size={size}\n      data-indeterminate={fraction === undefined ? '' : undefined}\n      role=\"progressbar\"\n      aria-label={label}\n      aria-valuemin={fraction === undefined ? undefined : '0'}\n      aria-valuemax={fraction === undefined ? undefined : '100'}\n      aria-valuenow={\n        fraction === undefined ? undefined : String(Math.round(fraction * 100))\n      }\n      aria-valuetext={valueText}\n      style={`--_kui-progress-ring-size:${remify(RING_PIXELS[size])}`}\n      slot={slot}\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <circle class=\"kui-progress-ring__track\" cx=\"12\" cy=\"12\" r={RADIUS} />\n        <circle\n          class=\"kui-progress-ring__arc\"\n          cx=\"12\"\n          cy=\"12\"\n          r={RADIUS}\n          stroke-dasharray={`${dash.toFixed(3)} ${CIRCUMFERENCE.toFixed(3)}`}\n        />\n      </svg>\n    </span>\n  );\n}\n"]}

package/dist/radio-group.d.ts

@@ -0,0 +1,62 @@
+import * as kerfjs from 'kerfjs';
+
+/** `default` is a 20px circle beside 16px text; `compact` 18px and 14px. */
+type RadioGroupSize = 'default' | 'compact';
+/** `vertical` stacks the choices; `horizontal` lines them up and wraps. */
+type RadioGroupOrientation = 'vertical' | 'horizontal';
+/** Application `data-*` metadata; the RadioGroup's own markers stay protected. */
+type RadioGroupRootAttributes = Readonly<Record<`data-${string}`, string | undefined>>;
+interface RadioGroupChoice<Value extends string = string> {
+    value: Value;
+    /** Visible label; it is also the radio'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) or by `ariaLabel`. */
+type RadioGroupName = {
+    label: string;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    ariaLabel: string;
+};
+interface RadioGroupOptions<Value extends string = string> {
+    /** Native input `name`: the form field the selected value submits under. */
+    name: string;
+    choices: readonly RadioGroupChoice<Value>[];
+    /** The selected value. Omit for no selection. */
+    value?: 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?: RadioGroupSize;
+    orientation?: RadioGroupOrientation;
+    /** Require a selection for native form validation. */
+    required?: boolean;
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Delegated `data-action` on every radio; listen for `change`. */
+    action?: string;
+    /** Associate the radios with a form outside their ancestor chain. */
+    form?: string;
+    /** The fieldset's id. */
+    id?: string;
+    className?: string;
+    /** Safe `data-*` metadata (a `data-key`). */
+    rootAttributes?: RadioGroupRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+type RadioGroupProps<Value extends string = string> = RadioGroupName & RadioGroupOptions<Value>;
+/**
+ * One exclusive choice among a few visible options: a native fieldset of
+ * radios, each drawn as a Kerf circle beside its label, with the group label
+ * above and hint and error text below. The browser owns the interaction: one
+ * Tab stop, arrow keys move and select, and the checked value submits.
+ */
+declare function RadioGroup<Value extends string>({ label, ariaLabel, name, choices, value, hint, error, size, orientation, required, disabled, action, form, id, className, rootAttributes, slot, }: RadioGroupProps<Value>): kerfjs.SafeHtml;
+
+export { RadioGroup, type RadioGroupChoice, type RadioGroupName, type RadioGroupOptions, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupRootAttributes, type RadioGroupSize };

package/dist/radio-group.js

@@ -0,0 +1,4 @@
+export { RadioGroup } from './chunk-OHPYT2BH.js';
+
+
+//# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

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

package/dist/row.js

@@ -1,4 +1,4 @@
-export { Row } from './chunk-YQ2AC4E2.js';
+export { Row } from './chunk-AMIHGFLP.js';