@kerfjs/ui 5.0.0-beta.7 → 5.0.0-beta.70

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/install-dropdown-show-focus.ts","../src/install-popup-menu-keyboard.ts","../src/install-popup-menu-lifecycle.ts","../src/install-popup-menu-submenu-focus.ts","../src/install-popup-menu-submenu-placement.ts","../src/popup-menu-register.ts"],"names":["installed"],"mappings":"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","file":"popup-menu-register.js","sourcesContent":["interface 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    navigatedItem.focus({ preventScroll: true });\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","interface 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>();\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    let desired: SubmenuItem | undefined;\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      if (item && this.getSubmenuItems().includes(item)) desired = item;\n    };\n    submenu.addEventListener('focusin', trackFocus);\n    try {\n      await openSubmenu.call(this);\n    } finally {\n      submenu.removeEventListener('focusin', trackFocus);\n    }\n\n    const items = this.getSubmenuItems();\n    if (!desired || desired === items[0]) return;\n    const selected = desired;\n    // Web Awesome queues its first-item focus after the show animation. This\n    // timer follows that one, restoring a user's later arrow choice only if\n    // the queued focus actually reset it. Pointer/blur/close paths are left alone.\n    window.setTimeout(() => {\n      if (\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      selected.focus({ preventScroll: true });\n    }, 0);\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}\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'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 (!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 { installDropdownShowFocus } from './install-dropdown-show-focus.js';\nimport { installHelpTags } from './install-help-tag.js';\nimport { installPopupMenuKeyboard } from './install-popup-menu-keyboard.js';\nimport { installPopupMenuLifecycle } from './install-popup-menu-lifecycle.js';\nimport { installPopupMenuSubmenuFocus } from './install-popup-menu-submenu-focus.js';\nimport { installPopupMenuSubmenuPlacement } from './install-popup-menu-submenu-placement.js';\n\ninstallPopupMenuKeyboard(WaDropdown.prototype);\ninstallPopupMenuLifecycle(WaDropdown.prototype);\ninstallDropdownShowFocus(WaDropdown.prototype);\ninstallPopupMenuSubmenuFocus(WaDropdownItem.prototype);\ninstallPopupMenuSubmenuPlacement(WaDropdown.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.\n */\nexport const popupMenuElementsRegistered = true;\n"]}

package/dist/popup-menu.d.ts

@@ -0,0 +1,100 @@
+import { SafeHtml } from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+
+type PopupMenuPlacement = 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
+type PopupMenuDataAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-action'?: never;
+    'data-component'?: never;
+    'data-key'?: never;
+    'data-morph-skip-children'?: never;
+}>;
+/** One command in the menu. */
+interface PopupMenuItem {
+    kind?: 'item';
+    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. */
+    value?: string;
+    /** Leading icon, typically a `LucideIcon`; it is placed in the item's icon slot. */
+    icon?: SafeHtml;
+    /** A checkbox choice, including nested choices; omit for a plain command. */
+    checked?: boolean;
+    /** Trailing safe content, such as secondary status. */
+    details?: SafeHtml;
+    /** Destructive command styling. */
+    tone?: 'default' | 'danger';
+    disabled?: boolean;
+    /** Native tooltip text for a disabled command. */
+    disabledReason?: string;
+    /** Application `data-*` metadata such as a record id. */
+    attributes?: PopupMenuDataAttributes;
+    /** Child commands, headings, and dividers opened by hover or keyboard navigation. */
+    submenu?: readonly PopupMenuEntry[];
+}
+/** A labeled group heading; items that follow it belong to the group. */
+interface PopupMenuHeading {
+    kind: 'heading';
+    label: string;
+}
+/** A separator between groups of items. */
+interface PopupMenuDivider {
+    kind: 'divider';
+}
+type PopupMenuEntry = PopupMenuItem | PopupMenuHeading | PopupMenuDivider;
+type PopupMenuTriggerName = {
+    /** Visible trigger text, which is also its accessible name. */
+    text: string;
+    label?: 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).
+     */
+    label: string;
+};
+type PopupMenuTrigger = (PopupMenuTriggerName & {
+    context?: false;
+}) | {
+    context: true;
+    label: string;
+    text?: never;
+    icon?: never;
+    caret?: never;
+    disabled?: never;
+};
+type PopupMenuProps = PopupMenuTrigger & {
+    /** Trigger icon, typically a `LucideIcon`, before any visible text. */
+    icon?: KerfUiContent;
+    items: readonly PopupMenuEntry[];
+    /** Where the menu opens relative to its trigger. Defaults to `bottom-start`. */
+    placement?: PopupMenuPlacement;
+    /** Show the disclosure caret after the trigger content. Defaults to true. */
+    caret?: boolean;
+    disabled?: boolean;
+    /** Application `data-*` metadata on the menu root. */
+    rootAttributes?: PopupMenuDataAttributes;
+    /** 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;
+};
+/** Open a context PopupMenu at viewport pointer coordinates. */
+declare function openPopupMenuAt(menu: PopupMenuElement, x: number, y: number): void;
+/** Close a programmatically opened PopupMenu. */
+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.
+ */
+declare function PopupMenu({ text, label, icon, items, placement, caret, disabled, rootAttributes, slot, context, }: PopupMenuProps): SafeHtml;
+
+export { PopupMenu, type PopupMenuDivider, type PopupMenuElement, type PopupMenuEntry, type PopupMenuHeading, type PopupMenuItem, type PopupMenuPlacement, type PopupMenuProps, closePopupMenu, openPopupMenuAt };

package/dist/popup-menu.js

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

package/dist/popup-menu.js.map

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

package/dist/resizable-region.d.ts

@@ -1,7 +1,15 @@
 import { SafeHtml } from 'kerfjs';
+import { CssLength } from './css-values.js';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 
 type ResizableRegionAxis = 'horizontal' | 'vertical';
 type ResizableRegionEdge = 'start' | 'end';
+type ResizableRegionSeparator = 'auto' | 'hidden';
+type ResizableRegionCollapseMotion = 'none' | 'slide' | 'fade-slide';
+type ResizableRegionContentOverflow = 'clip' | 'auto' | 'visible';
+type ResizableRegionPresentation = 'inline' | 'overlay' | 'hidden';
+type ResizableRegionRestorePosition = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type ResizableRegionResponsiveFillAt = 'compact' | 'narrow';
 interface ResizableRegionProps {
     id: string;
     label: string;
@@ -10,14 +18,35 @@ interface ResizableRegionProps {
     max: number;
     axis?: ResizableRegionAxis;
     edge?: ResizableRegionEdge;
+    /** Snap the track to zero. The region renders `inert` and `aria-hidden`
+     * while collapsed, so neither Tab nor assistive technology reaches it or
+     * lands on an empty landmark; `restoreControl` renders outside the region. */
     collapsed?: boolean;
     transitioning?: boolean;
+    /** Whether the separator line is painted. The resize hit target remains available. */
+    separator?: ResizableRegionSeparator;
+    /** Keep the track change instant while optionally sliding the fixed-size content. */
+    collapseMotion?: ResizableRegionCollapseMotion;
+    /** Use `visible` while an anchored popup must escape the content box; it raises the region to the popup layer. */
+    contentOverflow?: ResizableRegionContentOverflow;
+    /** Inline layout, an edge overlay, or a responsive replacement that removes the region. */
+    presentation?: ResizableRegionPresentation;
+    /** Always-available control rendered while collapsed, outside the clipped region. */
+    restoreControl?: SafeHtml;
+    /** Safe-area-aware corner of the region's container (not the viewport) for `restoreControl`. */
+    restorePosition?: ResizableRegionRestorePosition;
+    /** Position a restore control in its container corner or leave it in normal flow. */
+    restorePlacement?: 'corner' | 'inline';
+    /** Corner distance before the container's safe-area inset. */
+    restoreInset?: CssLength;
+    /** Fill the available inline track and hide the separator below a container breakpoint. */
+    responsiveFillAt?: ResizableRegionResponsiveFillAt;
     /** Decorative dormant content for the separator handle. Must not contain interactive descendants. */
     handleIcon?: SafeHtml;
-    children: SafeHtml | SafeHtml[];
+    children: KerfUiContent;
 }
 declare const clampRegionSize: (size: number, min: number, max: number) => number;
 declare const resizeRegionFromPointer: (startSize: number, delta: number, edge: ResizableRegionEdge) => number;
-declare function ResizableRegion({ id, label, size, min, max, axis, edge, collapsed, transitioning, handleIcon, children }: ResizableRegionProps): SafeHtml;
+declare function ResizableRegion({ id, label, size, min, max, axis, edge, collapsed, transitioning, separator, collapseMotion, contentOverflow, presentation, restoreControl, restorePosition, restorePlacement, restoreInset, responsiveFillAt, handleIcon, children, }: ResizableRegionProps): SafeHtml;
 
-export { ResizableRegion, type ResizableRegionAxis, type ResizableRegionEdge, type ResizableRegionProps, clampRegionSize, resizeRegionFromPointer };
+export { ResizableRegion, type ResizableRegionAxis, type ResizableRegionCollapseMotion, type ResizableRegionContentOverflow, type ResizableRegionEdge, type ResizableRegionPresentation, type ResizableRegionProps, type ResizableRegionResponsiveFillAt, type ResizableRegionRestorePosition, type ResizableRegionSeparator, clampRegionSize, resizeRegionFromPointer };

package/dist/resizable-region.js

@@ -1,3 +1,3 @@
-export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-M5JRI6MN.js';
+export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-KLJKU6ZL.js';
 
 //# sourceMappingURL=resizable-region.js.map

package/dist/row.d.ts

@@ -0,0 +1,48 @@
+import * as kerfjs from 'kerfjs';
+import { UiSpaceName, CssLength, CssFlexKeyword, CssFlex } from './css-values.js';
+import { H as HorizontalAlignment, V as VerticalAlignment } from './flex-alignment-4ms8ZbV8.js';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { S as Sides } from './sides-BPSWde0A.js';
+
+type RowRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
+    'data-component'?: never;
+    'data-h-align'?: never;
+    'data-v-align'?: never;
+    'data-flex'?: never;
+    'data-fill'?: never;
+    'data-wrap'?: never;
+    'data-text-insets'?: never;
+    'data-control-insets'?: never;
+}>;
+interface RowProps {
+    children?: KerfUiContent;
+    /** Horizontal distribution. Defaults to left. */
+    hAlign?: HorizontalAlignment;
+    /** Vertical alignment and wrapped-line distribution. Defaults to full. */
+    vAlign?: VerticalAlignment;
+    /** A named UI spacing token or typed CSS length. Defaults to xs. */
+    gap?: UiSpaceName | CssLength;
+    /** Allow this row to grow/shrink, use a keyword, or supply a typed CSS flex shorthand. */
+    flex?: boolean | CssFlexKeyword | CssFlex;
+    /**
+     * Fill the height of a parent with a definite height, such as an app root or
+     * a fixed-height frame, when this row is that parent's layout root. Inside a
+     * flex layout use `flex` instead. Defaults to false.
+     */
+    fill?: boolean;
+    /** Allow children to wrap onto additional lines. */
+    wrap?: boolean;
+    /** Physical sides that receive the standard 17px text inset. */
+    textInsets?: Sides;
+    /** Physical sides that receive the standard 8px control inset. Text insets win on overlap. */
+    controlInsets?: Sides;
+    className?: string;
+    /** Safe `data-*` metadata; Row-owned structural attributes remain protected. */
+    rootAttributes?: RowRootAttributes;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
+}
+/** A horizontal flex row with explicit physical-axis alignment and spacing. */
+declare function Row({ children, hAlign, vAlign, gap, flex, fill, wrap, textInsets, controlInsets, className, rootAttributes, slot, }: RowProps): kerfjs.SafeHtml;
+
+export { CssFlex, CssFlexKeyword, CssLength, HorizontalAlignment, Row, type RowProps, Sides, UiSpaceName, VerticalAlignment };

package/dist/row.js

@@ -0,0 +1,6 @@
+export { Row } from './chunk-VZOFZPSO.js';
+
+
+
+
+//# sourceMappingURL=row.js.map

package/dist/row.js.map

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

package/dist/segmented-control.d.ts

@@ -1,30 +1,33 @@
-import { SafeHtml } from 'kerfjs';
+import * as kerfjs from 'kerfjs';
+import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 
 type SegmentedControlAppearance = 'filled' | 'outlined' | 'toolbar';
 type SegmentedControlShape = 'rounded' | 'pill';
 type SegmentedControlSize = 'small' | 'default';
 type SegmentedControlLayout = 'content' | 'equal';
-interface SegmentedControlChoice {
-    value: string;
+interface SegmentedControlChoice<Value extends string = string> {
+    value: Value;
     label: string;
-    content?: SafeHtml;
+    content?: KerfUiContent;
     title?: string;
     disabled?: boolean;
 }
-interface SegmentedControlProps {
+interface SegmentedControlProps<Value extends string = string> {
     id: string;
     label: string;
-    value: string;
-    choices: readonly SegmentedControlChoice[];
+    value: NoInfer<Value>;
+    choices: readonly SegmentedControlChoice<Value>[];
     action?: string;
     appearance?: SegmentedControlAppearance;
     shape?: SegmentedControlShape;
     size?: SegmentedControlSize;
     layout?: SegmentedControlLayout;
     className?: string;
-    /** Render as an unanimated loading skeleton, disabling every segment. */
+    /** Render as a loading placeholder: every choice keeps its live label or icon, none is selected, and every segment is disabled. */
     placeholder?: boolean;
+    /** Native named-slot assignment when composed inside a web component. */
+    slot?: string;
 }
-declare function SegmentedControl({ id, label, value, choices, action, appearance, shape, size, layout, className, placeholder, }: SegmentedControlProps): SafeHtml;
+declare function SegmentedControl<Value extends string>({ id, label, value, choices, action, appearance, shape, size, layout, className, placeholder, slot, }: SegmentedControlProps<Value>): kerfjs.SafeHtml;
 
 export { SegmentedControl, type SegmentedControlAppearance, type SegmentedControlChoice, type SegmentedControlLayout, type SegmentedControlProps, type SegmentedControlShape, type SegmentedControlSize };

package/dist/segmented-control.js

@@ -1,4 +1,3 @@
-export { SegmentedControl } from './chunk-YGN7OMLT.js';
-
+export { SegmentedControl } from './chunk-X5QSICJ3.js';
 
 //# sourceMappingURL=segmented-control.js.map

package/dist/select-register.d.ts

@@ -1,4 +1,8 @@
-/** Marker export for tests and tooling; importing this module performs registration. */
+/**
+ * Marker export for tests and tooling; importing this module performs registration.
+ * Registers both the `Select` elements and the `Catalog` related-entries popup-menu
+ * elements (`wa-dropdown` / `wa-dropdown-item` / `wa-button`).
+ */
 declare const selectElementsRegistered = true;
 
 export { selectElementsRegistered };

package/dist/select-register.js

@@ -1,8 +1,249 @@
+import { installHelpTags } from './chunk-BFPBS5Y4.js';
+import '@awesome.me/webawesome/dist/components/button/button.js';
 import '@awesome.me/webawesome/dist/components/divider/divider.js';
-import '@awesome.me/webawesome/dist/components/option/option.js';
-import '@awesome.me/webawesome/dist/components/select/select.js';
+import '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';
+import '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';
+import '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';
+import WaOption from '@awesome.me/webawesome/dist/components/option/option.js';
+import WaSelect from '@awesome.me/webawesome/dist/components/select/select.js';
+import { WaAfterHideEvent } from '@awesome.me/webawesome/dist/events/after-hide.js';
+import { WaAfterShowEvent } from '@awesome.me/webawesome/dist/events/after-show.js';
+import { WaHideEvent } from '@awesome.me/webawesome/dist/events/hide.js';
+import { WaShowEvent } from '@awesome.me/webawesome/dist/events/show.js';
+
+// src/install-select-actions.ts
+function runSelectAction(host, action) {
+  if (host.disabled || !host.multiple) return false;
+  const enabled = host.getAllOptions().filter((option) => !option.disabled);
+  const next = action === "all" ? enabled : [];
+  const current = host.selectedOptions;
+  if (current.length === next.length && current.every((option) => next.includes(option)))
+    return false;
+  host.hasInteracted = true;
+  host.valueHasChanged = true;
+  host.setSelectedOptions(next);
+  void host.updateComplete.then(() => {
+    host.dispatchEvent(
+      new InputEvent("input", { bubbles: true, composed: true })
+    );
+    host.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+  });
+  return true;
+}
+var installedDocuments = /* @__PURE__ */ new WeakSet();
+function installSelectActions(doc = document) {
+  if (installedDocuments.has(doc)) return;
+  installedDocuments.add(doc);
+  doc.addEventListener("keydown", (event) => {
+    if (event.key === "Escape" || event.key === "Tab") return;
+    if (!(event.target instanceof Element)) return;
+    const button = event.target.closest("button[data-select-action]");
+    if (button?.closest('wa-select[data-component="select"]'))
+      event.stopImmediatePropagation();
+  });
+  doc.addEventListener("click", (event) => {
+    if (!(event.target instanceof Element)) return;
+    const button = event.target.closest(
+      "button[data-select-action]"
+    );
+    if (!button || button.hasAttribute("disabled")) return;
+    const host = button.closest(
+      'wa-select[data-component="select"]'
+    );
+    if (!host) return;
+    const action = button.dataset.selectAction;
+    if (action === "all" || action === "clear") runSelectAction(host, action);
+  });
+}
+
+// src/animate-select-popup.ts
+function animateSelectPopup(popup, phase, signal) {
+  return new Promise((resolve) => {
+    let settled = false;
+    let frame = 0;
+    const finish = () => {
+      if (settled) return;
+      settled = true;
+      window.cancelAnimationFrame(frame);
+      signal.removeEventListener("abort", finish);
+      popup.classList.remove(phase);
+      resolve();
+    };
+    signal.addEventListener("abort", finish, { once: true });
+    popup.classList.add(phase);
+    frame = window.requestAnimationFrame(() => {
+      void Promise.all(
+        popup.getAnimations().map((animation) => animation.finished.catch(() => void 0))
+      ).then(finish);
+    });
+    if (signal.aborted) finish();
+  });
+}
+
+// src/install-select-lifecycle.ts
+function installSelectLifecycle(prototype) {
+  const installed = /* @__PURE__ */ Symbol.for("@kerfjs/ui/select-lifecycle");
+  if (Object.prototype.hasOwnProperty.call(prototype, installed)) return;
+  Object.defineProperty(prototype, installed, { value: true });
+  const original = prototype.handleOpenChange;
+  const originalDisabled = prototype.handleDisabledChange;
+  prototype.handleDisabledChange = function() {
+    const host = this;
+    const wasOpen = host.open;
+    originalDisabled.call(this);
+    if (host.dataset.component === "select" && wasOpen && !host.open) {
+      void host.handleOpenChange();
+    }
+  };
+  const transitions = /* @__PURE__ */ new WeakMap();
+  const restorations = /* @__PURE__ */ new WeakMap();
+  prototype.handleOpenChange = async function() {
+    const host = this;
+    if (host.dataset.component !== "select") return original.call(this);
+    const restoring = restorations.get(host)?.open === host.open;
+    restorations.delete(host);
+    if (restoring) return;
+    const transition = new AbortController();
+    const opening = host.open && !host.disabled;
+    const current = () => !transition.signal.aborted && host.isConnected && (host.open && !host.disabled) === opening;
+    try {
+      if (!host.isConnected) return;
+      if (opening) {
+        host.setCurrentOption(host.selectedOptions[0] || host.getFirstOption());
+      }
+      const event = opening ? new WaShowEvent() : new WaHideEvent();
+      host.dispatchEvent(event);
+      if (event.defaultPrevented) {
+        host.open = !opening;
+        const restoration = { open: host.open };
+        restorations.set(host, restoration);
+        void host.updateComplete.then(() => {
+          if (restorations.get(host) === restoration) restorations.delete(host);
+        });
+        return;
+      }
+      if (!current()) return;
+      transitions.get(host)?.abort();
+      transitions.set(host, transition);
+      if (opening) {
+        host.addOpenListeners();
+        host.listbox.hidden = false;
+        host.popup.active = true;
+        window.requestAnimationFrame(() => {
+          if (current()) host.setCurrentOption(host.currentOption);
+        });
+      } else {
+        host.removeOpenListeners();
+      }
+      await animateSelectPopup(
+        host.popup.popup,
+        opening ? "show" : "hide",
+        transition.signal
+      );
+      if (!transition.signal.aborted && !host.isConnected) {
+        host.removeOpenListeners();
+        host.listbox.hidden = true;
+        host.popup.active = false;
+      }
+      if (!current()) return;
+      if (opening) {
+        const option = host.currentOption;
+        if (option) {
+          const list = host.listbox;
+          const offset = Math.round(
+            option.getBoundingClientRect().top - list.getBoundingClientRect().top
+          );
+          if (offset < 0)
+            list.scrollTo({ top: list.scrollTop + offset, behavior: "auto" });
+          else if (offset + option.clientHeight > list.offsetHeight) {
+            list.scrollTo({
+              top: list.scrollTop + offset - list.offsetHeight + option.clientHeight,
+              behavior: "auto"
+            });
+          }
+        }
+        host.dispatchEvent(new WaAfterShowEvent());
+      } else {
+        host.listbox.hidden = true;
+        host.popup.active = false;
+        host.dispatchEvent(new WaAfterHideEvent());
+      }
+    } finally {
+      if (transitions.get(host) === transition) transitions.delete(host);
+    }
+  };
+}
+
+// src/install-select-multiple.ts
+function kerfMultiple(host) {
+  return host instanceof HTMLElement && host.dataset.component === "select" && host.multiple;
+}
+function listLocale(host) {
+  const lang = host.closest("[lang]")?.lang;
+  return lang || void 0;
+}
+function summarizeSelection(labels, locale) {
+  if (labels.length === 0) return "";
+  try {
+    return new Intl.ListFormat(locale, {
+      type: "unit",
+      style: "short"
+    }).format(labels);
+  } catch {
+    return labels.join(", ");
+  }
+}
+function installSelectMultiple(selectPrototype, optionPrototype) {
+  const installed = /* @__PURE__ */ Symbol.for("@kerfjs/ui/select-multiple");
+  if (Object.prototype.hasOwnProperty.call(selectPrototype, installed)) return;
+  Object.defineProperty(selectPrototype, installed, { value: true });
+  const select = selectPrototype;
+  const selectionChanged = select.selectionChanged;
+  select.selectionChanged = function() {
+    selectionChanged.call(this);
+    if (!kerfMultiple(this)) return;
+    const chosen = new Set(this.selectedOptions);
+    const summary = summarizeSelection(
+      this.getAllOptions().filter((option2) => chosen.has(option2)).map((option2) => option2.label),
+      listLocale(this)
+    );
+    const nameSummary = this.querySelector(
+      ':scope > [slot="label"] > .kui-select__name-summary'
+    );
+    if (this.dataset.selectedPresentation === "icon-only" && nameSummary) {
+      nameSummary.textContent = summary ? `: ${summary}` : "";
+      this.displayLabel = "";
+      return;
+    }
+    this.displayLabel = summary;
+  };
+  const tags = Object.getOwnPropertyDescriptor(selectPrototype, "tags");
+  if (tags?.get) {
+    const getTags = tags.get;
+    Object.defineProperty(selectPrototype, "tags", {
+      configurable: true,
+      get() {
+        return kerfMultiple(this) ? [] : getTags.call(this);
+      }
+    });
+  }
+  const option = optionPrototype;
+  const syncDefaultSelected = option.syncDefaultSelected;
+  option.syncDefaultSelected = function() {
+    const host = this.closest('[data-component="select"]');
+    if (!kerfMultiple(host) || !host.hasUpdated) {
+      syncDefaultSelected.call(this);
+      return;
+    }
+    host.value = host.getAllOptions().filter((candidate) => candidate.hasAttribute("selected")).map((candidate) => candidate.value);
+  };
+}
 
 // src/select-register.ts
+installSelectLifecycle(WaSelect.prototype);
+installSelectMultiple(WaSelect.prototype, WaOption.prototype);
+installSelectActions();
+installHelpTags();
 var selectElementsRegistered = true;
 
 export { selectElementsRegistered };