@kerfjs/ui 5.0.0-beta.76 → 5.0.0-beta.77

package/dist/select-register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/forms/select/internal/install-select-actions.ts","../src/components/forms/select/internal/animate-select-popup.ts","../src/components/forms/select/internal/install-select-lifecycle.ts","../src/components/forms/select/internal/install-select-multiple.ts","../src/components/forms/select/register/select-register.ts"],"names":["option"],"mappings":"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","file":"select-register.js","sourcesContent":["type SelectAction = 'all' | 'clear';\n\ninterface SelectActionOption extends HTMLElement {\n  disabled: boolean;\n}\n\ninterface SelectActionHost extends HTMLElement {\n  multiple: boolean;\n  disabled: boolean;\n  hasInteracted: boolean;\n  valueHasChanged: boolean;\n  selectedOptions: SelectActionOption[];\n  updateComplete: Promise<unknown>;\n  getAllOptions(): SelectActionOption[];\n  setSelectedOptions(options: SelectActionOption[]): void;\n}\n\n/** Apply one footer action through Web Awesome's ordinary selection path. */\nexport function runSelectAction(\n  host: SelectActionHost,\n  action: SelectAction,\n): boolean {\n  if (host.disabled || !host.multiple) return false;\n  const enabled = host.getAllOptions().filter((option) => !option.disabled);\n  const next = action === 'all' ? enabled : [];\n  const current = host.selectedOptions;\n  if (\n    current.length === next.length &&\n    current.every((option) => next.includes(option))\n  )\n    return false;\n  host.hasInteracted = true;\n  host.valueHasChanged = true;\n  host.setSelectedOptions(next);\n  void host.updateComplete.then(() => {\n    host.dispatchEvent(\n      new InputEvent('input', { bubbles: true, composed: true }),\n    );\n    host.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n  });\n  return true;\n}\n\nconst installedDocuments = new WeakSet<Document>();\n\n/** Wire opt-in multiple-select footer buttons at the registration boundary. */\nexport function installSelectActions(doc: Document = document): void {\n  if (installedDocuments.has(doc)) return;\n  installedDocuments.add(doc);\n  // Web Awesome listens for keydown on document while the popup is open. Its\n  // option shortcuts would otherwise consume Enter/Space from these native\n  // footer buttons before the browser can activate them.\n  doc.addEventListener('keydown', (event) => {\n    if (event.key === 'Escape' || event.key === 'Tab') return;\n    if (!(event.target instanceof Element)) return;\n    const button = event.target.closest('button[data-select-action]');\n    if (button?.closest('wa-select[data-component=\"select\"]'))\n      event.stopImmediatePropagation();\n  });\n  doc.addEventListener('click', (event) => {\n    if (!(event.target instanceof Element)) return;\n    const button = event.target.closest<HTMLElement>(\n      'button[data-select-action]',\n    );\n    if (!button || button.hasAttribute('disabled')) return;\n    const host = button.closest<SelectActionHost>(\n      'wa-select[data-component=\"select\"]',\n    );\n    if (!host) return;\n    const action = button.dataset.selectAction;\n    if (action === 'all' || action === 'clear') runSelectAction(host, action);\n  });\n}\n","/** Run one native Select CSS animation; a reversal owns cancellation and cleanup. */\nexport function animateSelectPopup(\n  popup: HTMLElement,\n  phase: 'show' | 'hide',\n  signal: AbortSignal,\n): Promise<void> {\n  return new Promise((resolve) => {\n    let settled = false;\n    let frame = 0;\n    const finish = () => {\n      if (settled) return;\n      settled = true;\n      window.cancelAnimationFrame(frame);\n      signal.removeEventListener('abort', finish);\n      popup.classList.remove(phase);\n      resolve();\n    };\n    signal.addEventListener('abort', finish, { once: true });\n    popup.classList.add(phase);\n    // Activation renders asynchronously. Check for reduced/absent motion only\n    // after the native popup has had its normal render opportunity.\n    frame = window.requestAnimationFrame(() => {\n      // Observe these exact animations. An old CSS animationcancel event can\n      // arrive after the next phase starts and must not finish that new phase.\n      void Promise.all(\n        popup\n          .getAnimations()\n          .map((animation) => animation.finished.catch(() => undefined)),\n      ).then(finish);\n    });\n    if (signal.aborted) finish();\n  });\n}\n","import type WaSelect from '@awesome.me/webawesome/dist/components/select/select.js';\nimport { WaAfterHideEvent } from '@awesome.me/webawesome/dist/events/after-hide.js';\nimport { WaAfterShowEvent } from '@awesome.me/webawesome/dist/events/after-show.js';\nimport { WaHideEvent } from '@awesome.me/webawesome/dist/events/hide.js';\nimport { WaShowEvent } from '@awesome.me/webawesome/dist/events/show.js';\n\nimport { animateSelectPopup } from './animate-select-popup.js';\n\n// Web Awesome 3.12/3.13 expose the lifecycle method but not these helper types.\n// Keep this integration boundary local: native option selection, dismissal\n// listeners, popup positioning and rendering remain owned by Web Awesome.\ninterface SelectHost extends Pick<\n  WaSelect,\n  | 'open'\n  | 'disabled'\n  | 'isConnected'\n  | 'dataset'\n  | 'popup'\n  | 'listbox'\n  | 'currentOption'\n  | 'selectedOptions'\n  | 'dispatchEvent'\n  | 'handleOpenChange'\n  | 'updateComplete'\n> {\n  getFirstOption(): WaSelect['currentOption'];\n  setCurrentOption(option: WaSelect['currentOption']): void;\n  addOpenListeners(): void;\n  removeOpenListeners(): void;\n}\n\n/** Install once at the explicit registration boundary, only for Kerf Selects. */\nexport function installSelectLifecycle(\n  prototype: Pick<WaSelect, 'handleOpenChange' | 'handleDisabledChange'>,\n): void {\n  const installed = Symbol.for('@kerfjs/ui/select-lifecycle');\n  if (Object.prototype.hasOwnProperty.call(prototype, installed)) return;\n  Object.defineProperty(prototype, installed, { value: true });\n  const original = prototype.handleOpenChange;\n  const originalDisabled = prototype.handleDisabledChange;\n  prototype.handleDisabledChange = function () {\n    const host = this as unknown as SelectHost;\n    const wasOpen = host.open;\n    originalDisabled.call(this);\n    // WA's disabled watcher runs after its open watcher in the same Lit update.\n    // Its open=false mutation otherwise misses the open lifecycle altogether.\n    if (host.dataset.component === 'select' && wasOpen && !host.open) {\n      void host.handleOpenChange();\n    }\n  };\n  const transitions = new WeakMap<SelectHost, AbortController>();\n  const restorations = new WeakMap<SelectHost, { open: boolean }>();\n  prototype.handleOpenChange = async function () {\n    const host = this as unknown as SelectHost;\n    if (host.dataset.component !== 'select') return original.call(this);\n    const restoring = restorations.get(host)?.open === host.open;\n    restorations.delete(host);\n    if (restoring) return;\n    const transition = new AbortController();\n    const opening = host.open && !host.disabled;\n    const current = () =>\n      !transition.signal.aborted &&\n      host.isConnected &&\n      (host.open && !host.disabled) === opening;\n    try {\n      if (!host.isConnected) return;\n      if (opening) {\n        host.setCurrentOption(host.selectedOptions[0] || host.getFirstOption());\n      }\n      const event = opening ? new WaShowEvent() : new WaHideEvent();\n      host.dispatchEvent(event);\n      if (event.defaultPrevented) {\n        // Restore the accepted state without emitting the opposite transition.\n        // Clear at the update checkpoint too: Lit can coalesce a restoration.\n        host.open = !opening;\n        const restoration = { open: host.open };\n        restorations.set(host, restoration);\n        void host.updateComplete.then(() => {\n          if (restorations.get(host) === restoration) restorations.delete(host);\n        });\n        return;\n      }\n      // A consumer can reverse the request synchronously in a lifecycle event.\n      if (!current()) return;\n      // A rejected reversal must not cancel the previously accepted animation.\n      transitions.get(host)?.abort();\n      transitions.set(host, transition);\n      if (opening) {\n        host.addOpenListeners();\n        host.listbox.hidden = false;\n        host.popup.active = true;\n        window.requestAnimationFrame(() => {\n          if (current()) host.setCurrentOption(host.currentOption);\n        });\n      } else {\n        host.removeOpenListeners();\n      }\n      await animateSelectPopup(\n        host.popup.popup,\n        opening ? 'show' : 'hide',\n        transition.signal,\n      );\n      if (!transition.signal.aborted && !host.isConnected) {\n        host.removeOpenListeners();\n        host.listbox.hidden = true;\n        host.popup.active = false;\n      }\n      if (!current()) return;\n      if (opening) {\n        // Match native vertical, immediate option reveal without scrolling an\n        // ancestor page or moving focus after animation completion.\n        const option = host.currentOption;\n        if (option) {\n          const list = host.listbox;\n          const offset = Math.round(\n            option.getBoundingClientRect().top -\n              list.getBoundingClientRect().top,\n          );\n          if (offset < 0)\n            list.scrollTo({ top: list.scrollTop + offset, behavior: 'auto' });\n          else if (offset + option.clientHeight > list.offsetHeight) {\n            list.scrollTo({\n              top:\n                list.scrollTop +\n                offset -\n                list.offsetHeight +\n                option.clientHeight,\n              behavior: 'auto',\n            });\n          }\n        }\n        host.dispatchEvent(new WaAfterShowEvent());\n      } else {\n        host.listbox.hidden = true;\n        host.popup.active = false;\n        host.dispatchEvent(new WaAfterHideEvent());\n      }\n    } finally {\n      if (transitions.get(host) === transition) transitions.delete(host);\n    }\n  };\n}\n","// Web Awesome's multiple select keeps its popup open while choices toggle and\n// closes on an outside press, Escape, or focus leaving; Kerf keeps that\n// behavior. This boundary adapts the rest to Kerf's rendering model, only for\n// Kerf Selects (`data-component=\"select\"`):\n// - the closed control summarizes the chosen labels instead of drawing a\n//   removable tag per choice or a \"N options selected\" count; an icon-only\n//   trigger (whose value text is hidden) ends its accessible name with that\n//   summary instead;\n// - the rendered `selected` attributes are the controlled value, so a\n//   re-render that changes them updates the selection (Web Awesome otherwise\n//   reads them only until the first interaction).\n\ninterface MultipleOption extends HTMLElement {\n  value: string;\n  label: string;\n  selected: boolean;\n  defaultSelected: boolean;\n}\n\ninterface MultipleSelectHost extends HTMLElement {\n  multiple: boolean;\n  hasUpdated: boolean;\n  displayLabel: string;\n  value: string | string[] | null;\n  selectedOptions: MultipleOption[];\n  getAllOptions(): MultipleOption[];\n  selectionChanged(): void;\n}\n\ninterface SelectPrototype {\n  selectionChanged(this: MultipleSelectHost): void;\n}\n\ninterface OptionPrototype {\n  syncDefaultSelected(this: MultipleOption): void;\n}\n\nfunction kerfMultiple(host: Element | null): host is MultipleSelectHost {\n  return (\n    host instanceof HTMLElement &&\n    host.dataset.component === 'select' &&\n    (host as MultipleSelectHost).multiple\n  );\n}\n\nfunction listLocale(host: HTMLElement): string | undefined {\n  const lang = host.closest<HTMLElement>('[lang]')?.lang;\n  return lang || undefined;\n}\n\n/** The closed-control text: chosen labels in choice order, as a short list. */\nfunction summarizeSelection(\n  labels: readonly string[],\n  locale?: string,\n): string {\n  if (labels.length === 0) return '';\n  try {\n    return new Intl.ListFormat(locale, {\n      type: 'unit',\n      style: 'short',\n    }).format(labels);\n  } catch {\n    return labels.join(', ');\n  }\n}\n\n/** Install once at the explicit registration boundary, only for Kerf Selects. */\nexport function installSelectMultiple(\n  selectPrototype: object,\n  optionPrototype: object,\n): void {\n  const installed = Symbol.for('@kerfjs/ui/select-multiple');\n  if (Object.prototype.hasOwnProperty.call(selectPrototype, installed)) return;\n  Object.defineProperty(selectPrototype, installed, { value: true });\n\n  const select = selectPrototype as SelectPrototype;\n  const selectionChanged = select.selectionChanged;\n  select.selectionChanged = function () {\n    selectionChanged.call(this);\n    if (!kerfMultiple(this)) return;\n    const chosen = new Set(this.selectedOptions);\n    const summary = summarizeSelection(\n      this.getAllOptions()\n        .filter((option) => chosen.has(option))\n        .map((option) => option.label),\n      listLocale(this),\n    );\n    const nameSummary = this.querySelector(\n      ':scope > [slot=\"label\"] > .kui-select__name-summary',\n    );\n    if (this.dataset.selectedPresentation === 'icon-only' && nameSummary) {\n      // An icon-only trigger carries the summary in its accessible name, so\n      // the (visually hidden) value stays empty rather than repeating it.\n      nameSummary.textContent = summary ? `: ${summary}` : '';\n      this.displayLabel = '';\n      return;\n    }\n    this.displayLabel = summary;\n  };\n\n  // The summary replaces Web Awesome's per-choice tags.\n  const tags = Object.getOwnPropertyDescriptor(selectPrototype, 'tags');\n  if (tags?.get) {\n    const getTags = tags.get;\n    Object.defineProperty(selectPrototype, 'tags', {\n      configurable: true,\n      get(this: MultipleSelectHost) {\n        return kerfMultiple(this) ? [] : getTags.call(this);\n      },\n    });\n  }\n\n  const option = optionPrototype as OptionPrototype;\n  const syncDefaultSelected = option.syncDefaultSelected;\n  option.syncDefaultSelected = function () {\n    const host: Element | null = this.closest('[data-component=\"select\"]');\n    if (!kerfMultiple(host) || !host.hasUpdated) {\n      syncDefaultSelected.call(this);\n      return;\n    }\n    // A re-render changed which options carry `selected`: that is the new\n    // controlled value, whether or not the person has interacted.\n    host.value = host\n      .getAllOptions()\n      .filter((candidate) => candidate.hasAttribute('selected'))\n      .map((candidate) => candidate.value);\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/dropdown.js';\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';\nimport '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';\n\nimport WaOption from '@awesome.me/webawesome/dist/components/option/option.js';\nimport WaSelect from '@awesome.me/webawesome/dist/components/select/select.js';\n\nimport { installHelpTags } from '../../../../integrations/webawesome/help-tags/install-help-tag.js';\nimport { installSelectActions } from '../internal/install-select-actions.js';\nimport { installSelectLifecycle } from '../internal/install-select-lifecycle.js';\nimport { installSelectMultiple } from '../internal/install-select-multiple.js';\n\ninstallSelectLifecycle(WaSelect.prototype);\ninstallSelectMultiple(WaSelect.prototype, WaOption.prototype);\ninstallSelectActions();\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module performs registration.\n * Registers both the `Select` elements and the `Catalog` related-entries popup-menu\n * elements (`wa-dropdown` / `wa-dropdown-item` / `wa-button`).\n */\nexport const selectElementsRegistered = true;\n"]}
+{"version":3,"sources":["../src/components/forms/select/internal/install-select-actions.ts","../src/components/forms/select/internal/animate-select-popup.ts","../src/components/forms/select/internal/install-select-lifecycle.ts","../src/components/forms/select/internal/install-select-multiple.ts","../src/components/forms/select/register/select-register.ts"],"names":["option"],"mappings":"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","file":"select-register.js","sourcesContent":["type SelectAction = 'all' | 'clear';\n\ninterface SelectActionOption extends HTMLElement {\n  disabled: boolean;\n}\n\ninterface SelectActionHost extends HTMLElement {\n  multiple: boolean;\n  disabled: boolean;\n  hasInteracted: boolean;\n  valueHasChanged: boolean;\n  selectedOptions: SelectActionOption[];\n  updateComplete: Promise<unknown>;\n  getAllOptions(): SelectActionOption[];\n  setSelectedOptions(options: SelectActionOption[]): void;\n}\n\n/** Apply one footer action through Web Awesome's ordinary selection path. */\nexport function runSelectAction(\n  host: SelectActionHost,\n  action: SelectAction,\n): boolean {\n  if (host.disabled || !host.multiple) return false;\n  const enabled = host.getAllOptions().filter((option) => !option.disabled);\n  const next = action === 'all' ? enabled : [];\n  const current = host.selectedOptions;\n  if (\n    current.length === next.length &&\n    current.every((option) => next.includes(option))\n  )\n    return false;\n  host.hasInteracted = true;\n  host.valueHasChanged = true;\n  host.setSelectedOptions(next);\n  void host.updateComplete.then(() => {\n    host.dispatchEvent(\n      new InputEvent('input', { bubbles: true, composed: true }),\n    );\n    host.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n  });\n  return true;\n}\n\nconst installedDocuments = new WeakSet<Document>();\n\n/** Wire opt-in multiple-select footer buttons at the registration boundary. */\nexport function installSelectActions(doc: Document = document): void {\n  if (installedDocuments.has(doc)) return;\n  installedDocuments.add(doc);\n  // Web Awesome listens for keydown on document while the popup is open. Its\n  // option shortcuts would otherwise consume Enter/Space from these native\n  // footer buttons before the browser can activate them.\n  doc.addEventListener('keydown', (event) => {\n    if (event.key === 'Escape' || event.key === 'Tab') return;\n    if (!(event.target instanceof Element)) return;\n    const button = event.target.closest('button[data-select-action]');\n    if (button?.closest('wa-select[data-component=\"select\"]'))\n      event.stopImmediatePropagation();\n  });\n  doc.addEventListener('click', (event) => {\n    if (!(event.target instanceof Element)) return;\n    const button = event.target.closest<HTMLElement>(\n      'button[data-select-action]',\n    );\n    if (!button || button.hasAttribute('disabled')) return;\n    const host = button.closest<SelectActionHost>(\n      'wa-select[data-component=\"select\"]',\n    );\n    if (!host) return;\n    const action = button.dataset.selectAction;\n    if (action === 'all' || action === 'clear') runSelectAction(host, action);\n  });\n}\n","/** Run one native Select CSS animation; a reversal owns cancellation and cleanup. */\nexport function animateSelectPopup(\n  popup: HTMLElement,\n  phase: 'show' | 'hide',\n  signal: AbortSignal,\n): Promise<void> {\n  return new Promise((resolve) => {\n    let settled = false;\n    let frame = 0;\n    const finish = () => {\n      if (settled) return;\n      settled = true;\n      window.cancelAnimationFrame(frame);\n      signal.removeEventListener('abort', finish);\n      popup.classList.remove(phase);\n      resolve();\n    };\n    signal.addEventListener('abort', finish, { once: true });\n    popup.classList.add(phase);\n    // Activation renders asynchronously. Check for reduced/absent motion only\n    // after the native popup has had its normal render opportunity.\n    frame = window.requestAnimationFrame(() => {\n      // Observe these exact animations. An old CSS animationcancel event can\n      // arrive after the next phase starts and must not finish that new phase.\n      void Promise.all(\n        popup\n          .getAnimations()\n          .map((animation) => animation.finished.catch(() => undefined)),\n      ).then(finish);\n    });\n    if (signal.aborted) finish();\n  });\n}\n","import type WaSelect from '@awesome.me/webawesome/dist/components/select/select.js';\nimport { WaAfterHideEvent } from '@awesome.me/webawesome/dist/events/after-hide.js';\nimport { WaAfterShowEvent } from '@awesome.me/webawesome/dist/events/after-show.js';\nimport { WaHideEvent } from '@awesome.me/webawesome/dist/events/hide.js';\nimport { WaShowEvent } from '@awesome.me/webawesome/dist/events/show.js';\n\nimport { animateSelectPopup } from './animate-select-popup.js';\n\n// Web Awesome 3.12/3.13 expose the lifecycle method but not these helper types.\n// Keep this integration boundary local: native option selection, dismissal\n// listeners, popup positioning and rendering remain owned by Web Awesome.\ninterface SelectHost extends Pick<\n  WaSelect,\n  | 'open'\n  | 'disabled'\n  | 'isConnected'\n  | 'dataset'\n  | 'classList'\n  | 'listbox'\n  | 'currentOption'\n  | 'selectedOptions'\n  | 'dispatchEvent'\n  | 'handleOpenChange'\n  | 'updateComplete'\n> {\n  // Native Popup starts with no sync policy; its declaration omits undefined.\n  popup: Omit<WaSelect['popup'], 'sync'> & {\n    sync?: WaSelect['popup']['sync'];\n  };\n  getFirstOption(): WaSelect['currentOption'];\n  setCurrentOption(option: WaSelect['currentOption']): void;\n  addOpenListeners(): void;\n  removeOpenListeners(): void;\n}\n\n/** Install once at the explicit registration boundary, only for Kerf Selects. */\nexport function installSelectLifecycle(\n  prototype: Pick<WaSelect, 'handleOpenChange' | 'handleDisabledChange'>,\n): void {\n  const installed = Symbol.for('@kerfjs/ui/select-lifecycle');\n  if (Object.prototype.hasOwnProperty.call(prototype, installed)) return;\n  Object.defineProperty(prototype, installed, { value: true });\n  const original = prototype.handleOpenChange;\n  const originalDisabled = prototype.handleDisabledChange;\n  prototype.handleDisabledChange = function () {\n    const host = this as unknown as SelectHost;\n    const wasOpen = host.open;\n    originalDisabled.call(this);\n    // WA's disabled watcher runs after its open watcher in the same Lit update.\n    // Its open=false mutation otherwise misses the open lifecycle altogether.\n    if (host.dataset.component === 'select' && wasOpen && !host.open) {\n      void host.handleOpenChange();\n    }\n  };\n  const transitions = new WeakMap<SelectHost, AbortController>();\n  const restorations = new WeakMap<SelectHost, { open: boolean }>();\n  prototype.handleOpenChange = async function () {\n    const host = this as unknown as SelectHost;\n    if (host.dataset.component !== 'select') return original.call(this);\n    const restoring = restorations.get(host)?.open === host.open;\n    restorations.delete(host);\n    if (restoring) return;\n    const transition = new AbortController();\n    const opening = host.open && !host.disabled;\n    const current = () =>\n      !transition.signal.aborted &&\n      host.isConnected &&\n      (host.open && !host.disabled) === opening;\n    try {\n      if (!host.isConnected) return;\n      if (opening) {\n        host.setCurrentOption(host.selectedOptions[0] || host.getFirstOption());\n      }\n      const event = opening ? new WaShowEvent() : new WaHideEvent();\n      host.dispatchEvent(event);\n      if (event.defaultPrevented) {\n        // Restore the accepted state without emitting the opposite transition.\n        // Clear at the update checkpoint too: Lit can coalesce a restoration.\n        host.open = !opening;\n        const restoration = { open: host.open };\n        restorations.set(host, restoration);\n        void host.updateComplete.then(() => {\n          if (restorations.get(host) === restoration) restorations.delete(host);\n        });\n        return;\n      }\n      // A consumer can reverse the request synchronously in a lifecycle event.\n      if (!current()) return;\n      // A rejected reversal must not cancel the previously accepted animation.\n      transitions.get(host)?.abort();\n      transitions.set(host, transition);\n      if (opening) {\n        host.addOpenListeners();\n        host.listbox.hidden = false;\n        // Measure the visible menu rather than a trigger-width wrapper. Native\n        // shift/auto-size can then contain the complete surface at either edge.\n        host.popup.sync = host.classList.contains('kui-select--fit-menu')\n          ? 'width'\n          : undefined;\n        host.popup.autoSize = 'both';\n        host.popup.shiftPadding = 10;\n        host.popup.active = true;\n        window.requestAnimationFrame(() => {\n          if (current()) host.setCurrentOption(host.currentOption);\n        });\n      } else {\n        host.removeOpenListeners();\n      }\n      await animateSelectPopup(\n        host.popup.popup,\n        opening ? 'show' : 'hide',\n        transition.signal,\n      );\n      if (!transition.signal.aborted && !host.isConnected) {\n        host.removeOpenListeners();\n        host.listbox.hidden = true;\n        host.popup.active = false;\n      }\n      if (!current()) return;\n      if (opening) {\n        // Match native vertical, immediate option reveal without scrolling an\n        // ancestor page or moving focus after animation completion.\n        const option = host.currentOption;\n        if (option) {\n          const list = host.listbox;\n          const offset = Math.round(\n            option.getBoundingClientRect().top -\n              list.getBoundingClientRect().top,\n          );\n          if (offset < 0)\n            list.scrollTo({ top: list.scrollTop + offset, behavior: 'auto' });\n          else if (offset + option.clientHeight > list.offsetHeight) {\n            list.scrollTo({\n              top:\n                list.scrollTop +\n                offset -\n                list.offsetHeight +\n                option.clientHeight,\n              behavior: 'auto',\n            });\n          }\n        }\n        host.dispatchEvent(new WaAfterShowEvent());\n      } else {\n        host.listbox.hidden = true;\n        host.popup.active = false;\n        host.dispatchEvent(new WaAfterHideEvent());\n      }\n    } finally {\n      if (transitions.get(host) === transition) transitions.delete(host);\n    }\n  };\n}\n","// Web Awesome's multiple select keeps its popup open while choices toggle and\n// closes on an outside press, Escape, or focus leaving; Kerf keeps that\n// behavior. This boundary adapts the rest to Kerf's rendering model, only for\n// Kerf Selects (`data-component=\"select\"`):\n// - the closed control summarizes the chosen labels instead of drawing a\n//   removable tag per choice or a \"N options selected\" count; an icon-only\n//   trigger (whose value text is hidden) ends its accessible name with that\n//   summary instead;\n// - the rendered `selected` attributes are the controlled value, so a\n//   re-render that changes them updates the selection (Web Awesome otherwise\n//   reads them only until the first interaction).\n\ninterface MultipleOption extends HTMLElement {\n  value: string;\n  label: string;\n  selected: boolean;\n  defaultSelected: boolean;\n}\n\ninterface MultipleSelectHost extends HTMLElement {\n  multiple: boolean;\n  hasUpdated: boolean;\n  displayLabel: string;\n  value: string | string[] | null;\n  selectedOptions: MultipleOption[];\n  getAllOptions(): MultipleOption[];\n  selectionChanged(): void;\n}\n\ninterface SelectPrototype {\n  selectionChanged(this: MultipleSelectHost): void;\n}\n\ninterface OptionPrototype {\n  syncDefaultSelected(this: MultipleOption): void;\n}\n\nfunction kerfMultiple(host: Element | null): host is MultipleSelectHost {\n  return (\n    host instanceof HTMLElement &&\n    host.dataset.component === 'select' &&\n    (host as MultipleSelectHost).multiple\n  );\n}\n\nfunction listLocale(host: HTMLElement): string | undefined {\n  const lang = host.closest<HTMLElement>('[lang]')?.lang;\n  return lang || undefined;\n}\n\n/** The closed-control text: chosen labels in choice order, as a short list. */\nfunction summarizeSelection(\n  labels: readonly string[],\n  locale?: string,\n): string {\n  if (labels.length === 0) return '';\n  try {\n    return new Intl.ListFormat(locale, {\n      type: 'unit',\n      style: 'short',\n    }).format(labels);\n  } catch {\n    return labels.join(', ');\n  }\n}\n\n/** Install once at the explicit registration boundary, only for Kerf Selects. */\nexport function installSelectMultiple(\n  selectPrototype: object,\n  optionPrototype: object,\n): void {\n  const installed = Symbol.for('@kerfjs/ui/select-multiple');\n  if (Object.prototype.hasOwnProperty.call(selectPrototype, installed)) return;\n  Object.defineProperty(selectPrototype, installed, { value: true });\n\n  const select = selectPrototype as SelectPrototype;\n  const selectionChanged = select.selectionChanged;\n  select.selectionChanged = function () {\n    selectionChanged.call(this);\n    if (!kerfMultiple(this)) return;\n    const chosen = new Set(this.selectedOptions);\n    const summary = summarizeSelection(\n      this.getAllOptions()\n        .filter((option) => chosen.has(option))\n        .map((option) => option.label),\n      listLocale(this),\n    );\n    const nameSummary = this.querySelector(\n      ':scope > [slot=\"label\"] > .kui-select__name-summary',\n    );\n    if (this.dataset.selectedPresentation === 'icon-only' && nameSummary) {\n      // An icon-only trigger carries the summary in its accessible name, so\n      // the (visually hidden) value stays empty rather than repeating it.\n      nameSummary.textContent = summary ? `: ${summary}` : '';\n      this.displayLabel = '';\n      return;\n    }\n    this.displayLabel = summary;\n  };\n\n  // The summary replaces Web Awesome's per-choice tags.\n  const tags = Object.getOwnPropertyDescriptor(selectPrototype, 'tags');\n  if (tags?.get) {\n    const getTags = tags.get;\n    Object.defineProperty(selectPrototype, 'tags', {\n      configurable: true,\n      get(this: MultipleSelectHost) {\n        return kerfMultiple(this) ? [] : getTags.call(this);\n      },\n    });\n  }\n\n  const option = optionPrototype as OptionPrototype;\n  const syncDefaultSelected = option.syncDefaultSelected;\n  option.syncDefaultSelected = function () {\n    const host: Element | null = this.closest('[data-component=\"select\"]');\n    if (!kerfMultiple(host) || !host.hasUpdated) {\n      syncDefaultSelected.call(this);\n      return;\n    }\n    // A re-render changed which options carry `selected`: that is the new\n    // controlled value, whether or not the person has interacted.\n    host.value = host\n      .getAllOptions()\n      .filter((candidate) => candidate.hasAttribute('selected'))\n      .map((candidate) => candidate.value);\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/dropdown.js';\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';\nimport '@awesome.me/webawesome/dist/components/tooltip/tooltip.js';\n\nimport WaOption from '@awesome.me/webawesome/dist/components/option/option.js';\nimport WaSelect from '@awesome.me/webawesome/dist/components/select/select.js';\n\nimport { installHelpTags } from '../../../../integrations/webawesome/help-tags/install-help-tag.js';\nimport { installSelectActions } from '../internal/install-select-actions.js';\nimport { installSelectLifecycle } from '../internal/install-select-lifecycle.js';\nimport { installSelectMultiple } from '../internal/install-select-multiple.js';\n\ninstallSelectLifecycle(WaSelect.prototype);\ninstallSelectMultiple(WaSelect.prototype, WaOption.prototype);\ninstallSelectActions();\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module performs registration.\n * Registers both the `Select` elements and the `Catalog` related-entries popup-menu\n * elements (`wa-dropdown` / `wa-dropdown-item` / `wa-button`).\n */\nexport const selectElementsRegistered = true;\n"]}

package/dist/select.d.ts

@@ -50,6 +50,7 @@ interface SelectBaseProps<Value extends string = string> {
     /** Supporting text shown below the control and associated with its combobox. */
     hint?: string;
     disabled?: boolean;
+    /** Match menu width to the trigger; default menus grow to content within viewport gutters. */
     fitMenu?: boolean;
     /** Render as an unanimated loading skeleton: the label above a static, empty control box. */
     placeholder?: boolean;

package/dist/select.js

@@ -1,4 +1,4 @@
-export { Select } from './chunk-72LLWYP2.js';
+export { Select } from './chunk-NVKRZ5DI.js';
 
 
 

package/dist/split-view.js

@@ -1,4 +1,4 @@
-import { NavStack } from './chunk-SJY7KC45.js';
+import { NavStack } from './chunk-Z4EPMX25.js';
 import { ResizableRegion } from './chunk-Y6KT7ZTR.js';
 
 

package/dist/styles/components/actions/toolbar/toolbar.css

@@ -390,3 +390,35 @@
     display: none;
   }
 }
+.kui-toolbar > [data-toolbar-visibility-probe] {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  pointer-events: none;
+  contain: layout paint;
+}
+
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  position: absolute;
+  top: 0;
+  height: 0;
+  min-width: 0;
+  max-width: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+/* A typed sentinel distinguishes invalid/unresolved input from a valid zero. */
+@property --kui-toolbar-visibility-length {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: -1px;
+}
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  left: var(--kui-toolbar-visibility-length);
+  width: var(--kui-toolbar-visibility-length);
+}

package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css

@@ -196,6 +196,10 @@
   ) {
   overflow: visible;
 }
+.kui-toolbar-control-group[data-content="search"][data-expanded="true"][data-expanded-overflow="visible"] {
+  height: auto;
+  overflow: visible;
+}
 .kui-toolbar-control-group[data-content="search"][data-expanded="false"] {
   width: var(--kui-toolbar-group-size, calc(2px + 2.625rem));
   flex: 0 0 auto;
@@ -788,3 +792,50 @@
   background-repeat: no-repeat;
   background-size: contain;
 }
+
+/* Explicit quiet palette only for a lone decorative icon tile. The structural
+   guard keeps interactive, mixed and borderless groups on their existing chrome. */
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="neutral"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-neutral-fill-quiet);
+  border-color: var(--kui-color-neutral-border-quiet);
+  color: var(--kui-color-neutral-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="brand"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-brand-fill-quiet);
+  border-color: var(--kui-color-brand-border-quiet);
+  color: var(--kui-color-brand-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="success"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-success-fill-quiet);
+  border-color: var(--kui-color-success-border-quiet);
+  color: var(--kui-color-success-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="warning"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-warning-fill-quiet);
+  border-color: var(--kui-color-warning-border-quiet);
+  color: var(--kui-color-warning-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="danger"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-danger-fill-quiet);
+  border-color: var(--kui-color-danger-border-quiet);
+  color: var(--kui-color-danger-on-quiet);
+}
+.kui-toolbar-control-group[data-toolbar-width-hidden="true"],
+.kui-toolbar-control-group__busy-status[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/components/actions/toolbar-text/toolbar-text.css

@@ -105,6 +105,14 @@ button.kui-toolbar-text:focus-visible {
   font-size: var(--kui-font-2xs);
 }
 
+.kui-toolbar-text[data-tone="dark"] {
+  color: var(--kui-color-neutral-on-loud);
+}
+
+button.kui-toolbar-text[data-tone="dark"]:hover {
+  background: color-mix(in srgb, var(--kui-color-surface) 28%, transparent);
+}
+
 /* Single line, no ellipsis: hard-clip the overflow instead of showing …. */
 .kui-toolbar-text[data-ellipsis="false"] .kui-toolbar-text__text {
   text-overflow: clip;
@@ -151,3 +159,6 @@ button.kui-toolbar-text:focus-visible {
   line-clamp: none;
   max-height: calc(var(--kui-toolbar-text-max-lines) * 1.25em);
 }
+.kui-toolbar-text[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/components/navigation/nav-stack/nav-stack.css

@@ -37,7 +37,9 @@
   transition: opacity var(--kui-nav-stack-transition-duration, 200ms) ease;
 }
 
+/* Establish the starting opacity instantly; only the release animates. */
 .kui-nav-stack__chrome--entering {
+  transition: none;
   opacity: 0;
 }
 
@@ -156,6 +158,10 @@
   visibility: hidden;
 }
 
+.kui-nav-stack__view[data-nav-revealed="true"] {
+  visibility: visible;
+}
+
 .kui-nav-stack__view[data-nav-exiting="true"] {
   z-index: 1;
   visibility: visible;
@@ -163,6 +169,11 @@
 
 /* Push: the incoming view starts off the trailing edge and slides to rest.
    Pop: the outgoing view starts at rest and slides off the trailing edge. */
+/* Establish the offscreen start without first transitioning toward it. */
+.kui-nav-stack__view--entering {
+  transition: none;
+}
+
 .kui-nav-stack__view--entering,
 .kui-nav-stack__view--exiting {
   transform: translateX(100%);

package/dist/styles/components/typography/text/text.css

@@ -137,3 +137,22 @@ span.kui-text {
 .kui-list-header[data-size="xl"] .kui-list-header__title > .kui-text {
   font-size: var(--kui-font-xl);
 }
+
+/* Exterior control gutters preserve the Text-owned border and padding.
+   These rules follow inline/context resets so an explicit prop also works there. */
+
+.kui-text[data-control-margins*="t"] {
+  margin-top: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="r"] {
+  margin-right: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="b"] {
+  margin-bottom: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="l"] {
+  margin-left: var(--kui-layout-inline-margin, 0.5rem);
+}

package/dist/styles/nav-stack.css

@@ -37,7 +37,9 @@
   transition: opacity var(--kui-nav-stack-transition-duration, 200ms) ease;
 }
 
+/* Establish the starting opacity instantly; only the release animates. */
 .kui-nav-stack__chrome--entering {
+  transition: none;
   opacity: 0;
 }
 
@@ -156,6 +158,10 @@
   visibility: hidden;
 }
 
+.kui-nav-stack__view[data-nav-revealed="true"] {
+  visibility: visible;
+}
+
 .kui-nav-stack__view[data-nav-exiting="true"] {
   z-index: 1;
   visibility: visible;
@@ -163,6 +169,11 @@
 
 /* Push: the incoming view starts off the trailing edge and slides to rest.
    Pop: the outgoing view starts at rest and slides off the trailing edge. */
+/* Establish the offscreen start without first transitioning toward it. */
+.kui-nav-stack__view--entering {
+  transition: none;
+}
+
 .kui-nav-stack__view--entering,
 .kui-nav-stack__view--exiting {
   transform: translateX(100%);

package/dist/styles/text.css

@@ -137,3 +137,22 @@ span.kui-text {
 .kui-list-header[data-size="xl"] .kui-list-header__title > .kui-text {
   font-size: var(--kui-font-xl);
 }
+
+/* Exterior control gutters preserve the Text-owned border and padding.
+   These rules follow inline/context resets so an explicit prop also works there. */
+
+.kui-text[data-control-margins*="t"] {
+  margin-top: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="r"] {
+  margin-right: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="b"] {
+  margin-bottom: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="l"] {
+  margin-left: var(--kui-layout-inline-margin, 0.5rem);
+}

package/dist/styles/toolbar-control-group.css

@@ -196,6 +196,10 @@
   ) {
   overflow: visible;
 }
+.kui-toolbar-control-group[data-content="search"][data-expanded="true"][data-expanded-overflow="visible"] {
+  height: auto;
+  overflow: visible;
+}
 .kui-toolbar-control-group[data-content="search"][data-expanded="false"] {
   width: var(--kui-toolbar-group-size, calc(2px + 2.625rem));
   flex: 0 0 auto;
@@ -788,3 +792,50 @@
   background-repeat: no-repeat;
   background-size: contain;
 }
+
+/* Explicit quiet palette only for a lone decorative icon tile. The structural
+   guard keeps interactive, mixed and borderless groups on their existing chrome. */
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="neutral"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-neutral-fill-quiet);
+  border-color: var(--kui-color-neutral-border-quiet);
+  color: var(--kui-color-neutral-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="brand"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-brand-fill-quiet);
+  border-color: var(--kui-color-brand-border-quiet);
+  color: var(--kui-color-brand-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="success"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-success-fill-quiet);
+  border-color: var(--kui-color-success-border-quiet);
+  color: var(--kui-color-success-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="warning"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-warning-fill-quiet);
+  border-color: var(--kui-color-warning-border-quiet);
+  color: var(--kui-color-warning-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="danger"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-danger-fill-quiet);
+  border-color: var(--kui-color-danger-border-quiet);
+  color: var(--kui-color-danger-on-quiet);
+}
+.kui-toolbar-control-group[data-toolbar-width-hidden="true"],
+.kui-toolbar-control-group__busy-status[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/toolbar-text.css

@@ -105,6 +105,14 @@ button.kui-toolbar-text:focus-visible {
   font-size: var(--kui-font-2xs);
 }
 
+.kui-toolbar-text[data-tone="dark"] {
+  color: var(--kui-color-neutral-on-loud);
+}
+
+button.kui-toolbar-text[data-tone="dark"]:hover {
+  background: color-mix(in srgb, var(--kui-color-surface) 28%, transparent);
+}
+
 /* Single line, no ellipsis: hard-clip the overflow instead of showing …. */
 .kui-toolbar-text[data-ellipsis="false"] .kui-toolbar-text__text {
   text-overflow: clip;
@@ -151,3 +159,6 @@ button.kui-toolbar-text:focus-visible {
   line-clamp: none;
   max-height: calc(var(--kui-toolbar-text-max-lines) * 1.25em);
 }
+.kui-toolbar-text[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/toolbar.css

@@ -390,3 +390,35 @@
     display: none;
   }
 }
+.kui-toolbar > [data-toolbar-visibility-probe] {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  pointer-events: none;
+  contain: layout paint;
+}
+
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  position: absolute;
+  top: 0;
+  height: 0;
+  min-width: 0;
+  max-width: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+/* A typed sentinel distinguishes invalid/unresolved input from a valid zero. */
+@property --kui-toolbar-visibility-length {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: -1px;
+}
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  left: var(--kui-toolbar-visibility-length);
+  width: var(--kui-toolbar-visibility-length);
+}

package/dist/text.d.ts

@@ -1,6 +1,7 @@
 import * as kerfjs from 'kerfjs';
 import { KerfBaseAttrs } from 'kerfjs/jsx-runtime';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { S as Sides } from './sides-BPSWde0A.js';
 import { CssForegroundColor } from './css-values.js';
 
 type FieldLabelProps = Omit<KerfBaseAttrs, 'children' | 'class' | 'className'> & {
@@ -32,6 +33,8 @@ type TextCommonProps = Omit<KerfBaseAttrs, 'children' | 'class' | 'className'> &
     font?: TextFont;
     /** Transparent alignment border or no border when embedded in owner chrome. */
     border?: TextBorder;
+    /** Add the shared control gutter outside selected physical edges. */
+    controlMargins?: Sides;
     /** Remove the block variant's item padding and border in compact content. */
     flush?: boolean;
     /** Use compact leading for short dialog or metadata copy. */
@@ -55,6 +58,6 @@ type TextProps = TextCommonProps & ({
  * content-item padding; `span` adds no box geometry.
  * All ordinary native heading/paragraph attributes pass through to the element.
  */
-declare function Text({ variant: Variant, tone, color, size, font, border, flush, lineHeight, wrap, maxLines, children, class: classValue, className, style, ...attributes }: TextProps): kerfjs.SafeHtml;
+declare function Text({ variant: Variant, tone, color, size, font, border, flush, controlMargins, lineHeight, wrap, maxLines, children, class: classValue, className, style, ...attributes }: TextProps): kerfjs.SafeHtml;
 
-export { FieldLabel, type FieldLabelProps, Text, type TextBorder, type TextContent, type TextFont, type TextLineHeight, type TextProps, type TextSize, type TextTone, type TextVariant, type TextWrap };
+export { FieldLabel, type FieldLabelProps, Sides, Text, type TextBorder, type TextContent, type TextFont, type TextLineHeight, type TextProps, type TextSize, type TextTone, type TextVariant, type TextWrap };

package/dist/text.js

@@ -1,3 +1,3 @@
-export { FieldLabel, Text } from './chunk-ZVYA6TLR.js';
+export { FieldLabel, Text } from './chunk-4Y4L5YEI.js';
 
 //# sourceMappingURL=text.js.map

package/dist/toolbar-control-group.d.ts

@@ -1,8 +1,11 @@
 import * as kerfjs from 'kerfjs';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { CssLength } from './css-values.js';
 
 type ToolbarControlGroupAppearance = 'contained' | 'borderless';
 type ToolbarControlGroupTone = 'default' | 'dark';
+/** Quiet palette for a contained, single decorative icon tile. */
+type ToolbarControlGroupTileTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
 type ToolbarControlGroupButtonAppearance = 'plain' | 'push';
 type ToolbarControlGroupShape = 'pill' | 'rounded';
 type ToolbarControlGroupSize = 'default' | 'compact';
@@ -12,6 +15,7 @@ type ToolbarControlGroupFocusRing = 'control' | 'outline' | 'halo';
 type ToolbarControlGroupSelectedChrome = 'raised' | 'filled' | 'outline';
 type ToolbarControlGroupSelectedTone = 'brand' | 'neutral' | 'pop';
 type ToolbarControlGroupOverflow = 'visible' | 'scroll' | 'wrap';
+type ToolbarControlGroupExpandedOverflow = 'clip' | 'visible';
 type ToolbarControlGroupMenuInset = 'standard' | 'compact' | 'list-zero';
 type ToolbarControlGroupVisibility = 'always' | 'compact-only' | 'hide-collapsed-tiny' | 'yield-to-expanded-sibling';
 type ToolbarControlGroupSizing = 'content' | 'grow' | 'fill';
@@ -40,6 +44,8 @@ interface ToolbarControlGroupProps {
     single?: boolean;
     appearance?: ToolbarControlGroupAppearance;
     tone?: ToolbarControlGroupTone;
+    /** Quiet fill, matching border and foreground for a contained single group whose only child is a decorative SVG. Ignored for interactive or mixed content. */
+    tileTone?: ToolbarControlGroupTileTone;
     buttonAppearance?: ToolbarControlGroupButtonAppearance;
     /** Corner shape: fully round `pill` (default) or a softer `rounded` rectangle. */
     shape?: ToolbarControlGroupShape;
@@ -56,8 +62,14 @@ interface ToolbarControlGroupProps {
     menuInset?: ToolbarControlGroupMenuInset;
     /** Keep an overlong row inside the available width by scrolling or wrapping. */
     overflow?: ToolbarControlGroupOverflow;
+    /** Let app-owned anchored surfaces extend outside an expanded search group. Collapsed searches retain their clipping. */
+    expandedOverflow?: ToolbarControlGroupExpandedOverflow;
     /** Responsive visibility owned by the enclosing Toolbar container. */
     visibility?: ToolbarControlGroupVisibility;
+    /** Hide below this Toolbar content width; requires wireToolbarVisibility. */
+    hideBelow?: CssLength;
+    /** Show only below this Toolbar content width; requires wireToolbarVisibility. */
+    showBelow?: CssLength;
     /** Intrinsic (default), grow from a basis, or occupy a full wrapping row. */
     sizing?: ToolbarControlGroupSizing;
     /** Place this group at the end of its flex row in a wrapping Toolbar zone. */
@@ -80,6 +92,6 @@ interface ToolbarControlGroupProps {
     /** Native named-slot assignment when composed inside a web component. */
     slot?: string;
 }
-declare function ToolbarControlGroup({ children, label, className, expanded, single, appearance, tone, buttonAppearance, shape, size, density, content, focusRing, selectedChrome, selectedTone, nestedDropdown, menuInset, overflow, visibility, sizing, placement, growBasis, relocateOnCollapse, scrim, busy, busyLabel, avatarImage, slot, }: ToolbarControlGroupProps): kerfjs.SafeHtml;
+declare function ToolbarControlGroup({ children, label, className, expanded, single, appearance, tone, tileTone, buttonAppearance, shape, size, density, content, focusRing, selectedChrome, selectedTone, nestedDropdown, menuInset, overflow, expandedOverflow, visibility, hideBelow, showBelow, sizing, placement, growBasis, relocateOnCollapse, scrim, busy, busyLabel, avatarImage, slot, }: ToolbarControlGroupProps): kerfjs.SafeHtml;
 
-export { ToolbarActionLink, type ToolbarActionLinkProps, ToolbarControlGroup, type ToolbarControlGroupAppearance, type ToolbarControlGroupButtonAppearance, type ToolbarControlGroupContent, type ToolbarControlGroupDensity, type ToolbarControlGroupFocusRing, type ToolbarControlGroupMenuInset, type ToolbarControlGroupOverflow, type ToolbarControlGroupPlacement, type ToolbarControlGroupProps, type ToolbarControlGroupSelectedChrome, type ToolbarControlGroupSelectedTone, type ToolbarControlGroupShape, type ToolbarControlGroupSize, type ToolbarControlGroupSizing, type ToolbarControlGroupTone, type ToolbarControlGroupVisibility };
+export { ToolbarActionLink, type ToolbarActionLinkProps, ToolbarControlGroup, type ToolbarControlGroupAppearance, type ToolbarControlGroupButtonAppearance, type ToolbarControlGroupContent, type ToolbarControlGroupDensity, type ToolbarControlGroupExpandedOverflow, type ToolbarControlGroupFocusRing, type ToolbarControlGroupMenuInset, type ToolbarControlGroupOverflow, type ToolbarControlGroupPlacement, type ToolbarControlGroupProps, type ToolbarControlGroupSelectedChrome, type ToolbarControlGroupSelectedTone, type ToolbarControlGroupShape, type ToolbarControlGroupSize, type ToolbarControlGroupSizing, type ToolbarControlGroupTileTone, type ToolbarControlGroupTone, type ToolbarControlGroupVisibility };

package/dist/toolbar-control-group.js

@@ -1,4 +1,4 @@
-export { ToolbarActionLink, ToolbarControlGroup } from './chunk-GO2CZX4M.js';
+export { ToolbarActionLink, ToolbarControlGroup } from './chunk-RRCD3A6G.js';
 
 
 

package/dist/toolbar-text.d.ts

@@ -1,11 +1,19 @@
 import * as kerfjs from 'kerfjs';
+import { CssLength } from './css-values.js';
 
 type ToolbarTextSize = 'xlarge' | 'xlarge-fixed' | 'large' | 'default' | 'small' | 'xsmall';
+type ToolbarTextTone = 'default' | 'dark';
 /** ARIA heading level for a title exposed as a heading landmark. */
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 interface ToolbarTextBaseProps {
     text: string;
     size?: ToolbarTextSize;
+    /** Use dark-toolbar foregrounds on a dark or photo-backed toolbar. */
+    tone?: ToolbarTextTone;
+    /** Hide below this Toolbar content width; requires wireToolbarVisibility. */
+    hideBelow?: CssLength;
+    /** Show only below this Toolbar content width; requires wireToolbarVisibility. */
+    showBelow?: CssLength;
     className?: string;
     /** Optional id, e.g. so a dialog can reference the title via aria-labelledby. */
     id?: string;
@@ -46,6 +54,6 @@ type ToolbarTextProps = ToolbarTextBaseProps & (({
     wrap?: never;
     maxLines?: never;
 });
-declare function ToolbarText({ text, size, className, id, headingLevel, placeholder, wrap, ellipsis, maxLines, fill, slot, action, }: ToolbarTextProps): kerfjs.SafeHtml;
+declare function ToolbarText({ text, size, tone, hideBelow, showBelow, className, id, headingLevel, placeholder, wrap, ellipsis, maxLines, fill, slot, action, }: ToolbarTextProps): kerfjs.SafeHtml;
 
-export { type HeadingLevel, ToolbarText, type ToolbarTextProps, type ToolbarTextSize };
+export { type HeadingLevel, ToolbarText, type ToolbarTextProps, type ToolbarTextSize, type ToolbarTextTone };

package/dist/toolbar-text.js

@@ -1,4 +1,4 @@
-export { ToolbarText } from './chunk-5PAVAR4B.js';
+export { ToolbarText } from './chunk-VHXHLZ6R.js';