@k2b/ui 0.21.0 → 0.23.0

package/dist/browser/actions/ContextMenu.js

@@ -165,7 +165,9 @@ export function ContextMenu(props) {
     _el$.$$keydown = event => {
       if (props.disabled || event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) return;
       event.preventDefault();
-      const rect = host?.getBoundingClientRect();
+      // Beside the focused element, such as a row of a composite widget, rather than the corner of the whole host.
+      const focused = document.activeElement;
+      const rect = (focused instanceof HTMLElement && host?.contains(focused) ? focused : host)?.getBoundingClientRect();
       if (rect) open(rect.left + 12, rect.top + 12);
     };
     _el$.$$contextmenu = event => {

package/dist/browser/actions/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/ContextMenu.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type DropdownItem, DropdownItems, type DropdownPosition, dropdownPosition, focusRowSegment } from \"./Dropdown\";\n\nexport type ContextMenuProps = {\n  items: readonly DropdownItem[];\n  children: JSX.Element;\n  class?: string | ((isOpen: boolean) => string);\n  /** Tab order of the context-menu host. Descendant-focused composite widgets use -1. */\n  tabIndex?: number;\n  disabled?: boolean;\n  onClose?: () => void;\n  onOpen?: () => void;\n  id?: string;\n  label?: string;\n};\n\nlet closeActiveContextMenu: (() => void) | undefined;\n\nconst focusableItems = (menu: HTMLElement | undefined): HTMLElement[] =>\n  menu\n    ? Array.from(\n        menu.querySelectorAll<HTMLElement>(\n          [\n            \"[role='menuitem']:not([aria-disabled='true'])\",\n            \"[role='menuitemcheckbox']:not([aria-disabled='true'])\",\n            \"[role='menuitemradio']:not([aria-disabled='true'])\",\n          ].join(\", \"),\n        ),\n      )\n    : [];\n\n/** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n  const messages = useUiMessages();\n  const generatedId = `k2b-context-${createUniqueId()}`;\n  const menuId = `${generatedId}-menu`;\n  const [position, setPosition] = createSignal<{ x: number; y: number }>();\n  let host: HTMLDivElement | undefined;\n  let menu: HTMLDivElement | undefined;\n  let listenersAttached = false;\n  let hostRing = true;\n  /** The element inside the host that had focus as the menu opened, such as a row or a day of a composite widget. */\n  let opener: HTMLElement | undefined;\n  let anchor = { x: 0, y: 0 };\n  let viewport = { width: 0, height: 0 };\n  let resizeObserver: ResizeObserver | undefined;\n\n  const isOpen = () => position() !== undefined;\n  const hostClass = createMemo(() => (typeof props.class === \"function\" ? props.class(isOpen()) : props.class));\n  const items = createMemo<readonly DropdownItem[]>(() => props.items);\n\n  const dismiss = (event: PointerEvent) => {\n    if (menu?.contains(event.target as Node)) return;\n    close();\n  };\n  const closeOnScroll = (event: Event) => {\n    const target = event.target;\n    if (target instanceof Node && menu?.contains(target)) return;\n    close();\n  };\n  // A resize event may leave the viewport's size unchanged; headless Chromium\n  // was seen to fire one on a fresh page. The clamped menu is still in place.\n  const closeOnResize = () => {\n    if (window.innerWidth === viewport.width && window.innerHeight === viewport.height) return;\n    close();\n  };\n  const attachOpenListeners = () => {\n    if (listenersAttached) return;\n    listenersAttached = true;\n    document.addEventListener(\"pointerdown\", dismiss);\n    document.addEventListener(\"keydown\", keyDown);\n    window.addEventListener(\"resize\", closeOnResize);\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n  };\n  const detachOpenListeners = () => {\n    if (!listenersAttached) return;\n    listenersAttached = false;\n    document.removeEventListener(\"pointerdown\", dismiss);\n    document.removeEventListener(\"keydown\", keyDown);\n    window.removeEventListener(\"resize\", closeOnResize);\n    window.removeEventListener(\"scroll\", closeOnScroll, true);\n    resizeObserver?.disconnect();\n  };\n  /** Clamps the rendered menu into the viewport beside the point that opened it. */\n  const place = () => {\n    if (!isOpen() || !menu?.isConnected) return;\n    const point = dropdownPosition(\n      new DOMRect(anchor.x, anchor.y, 0, 0),\n      menu.getBoundingClientRect(),\n      \"bottom-right\" satisfies DropdownPosition,\n      { width: window.innerWidth, height: window.innerHeight },\n      0,\n    );\n    setPosition({ x: point.left, y: point.top });\n  };\n  const close = () => {\n    detachOpenListeners();\n    if (!isOpen()) return;\n    setPosition();\n    if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n    props.onClose?.();\n  };\n  const focusItem = (index: number) => {\n    const items = focusableItems(menu);\n    if (items.length === 0) return;\n    items[(index + items.length) % items.length]?.focus();\n  };\n  const open = (x: number, y: number) => {\n    if (props.disabled) return;\n    closeActiveContextMenu?.();\n    // Focus may sit on a descendant of the host, as in composite widgets; Escape returns it there.\n    const focused = document.activeElement;\n    opener = focused instanceof HTMLElement && focused !== host && host?.contains(focused) ? focused : undefined;\n    hostRing = ringOnReturn(focused);\n    anchor = { x, y };\n    viewport = { width: window.innerWidth, height: window.innerHeight };\n    setPosition({ x, y });\n    closeActiveContextMenu = close;\n    attachOpenListeners();\n    props.onOpen?.();\n    // The menu sizes to its entries, so it is measured once rendered and\n    // clamped into the viewport before the next paint, and again whenever its\n    // entries change its size while it is open.\n    queueMicrotask(() => {\n      if (!isOpen() || !menu?.isConnected) return;\n      place();\n      if (typeof ResizeObserver !== \"undefined\") {\n        resizeObserver ??= new ResizeObserver(place);\n        resizeObserver.observe(menu);\n      }\n      focusItem(0);\n    });\n  };\n  const keyDown = (event: KeyboardEvent) => {\n    if (!isOpen()) return;\n    const items = focusableItems(menu);\n    const current = items.indexOf(document.activeElement as HTMLElement);\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focusItem(current + (event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (focusRowSegment(items, event.key)) {\n      event.preventDefault();\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      focusItem(event.key === \"Home\" ? 0 : -1);\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n      returnFocus(opener?.isConnected ? opener : host, hostRing);\n    } else if (event.key === \"Tab\") {\n      close();\n    }\n  };\n\n  onMount(() => {\n    onCleanup(() => {\n      detachOpenListeners();\n      if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n    });\n  });\n\n  return (\n    <>\n      {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: the named group owns the context-menu relationship without pretending arbitrary children form one button. */}\n      <div\n        ref={host}\n        id={props.id ?? generatedId}\n        class={hostClass()}\n        role=\"group\"\n        tabIndex={props.disabled ? undefined : (props.tabIndex ?? 0)}\n        aria-label={props.label ?? messages().contextMenu}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen()}\n        aria-controls={isOpen() ? menuId : undefined}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n        onContextMenu={(event) => {\n          if (props.disabled) return;\n          event.preventDefault();\n          event.stopPropagation();\n          open(event.clientX, event.clientY);\n        }}\n        onKeyDown={(event) => {\n          if (props.disabled || (event.key !== \"ContextMenu\" && !(event.shiftKey && event.key === \"F10\"))) return;\n          event.preventDefault();\n          const rect = host?.getBoundingClientRect();\n          if (rect) open(rect.left + 12, rect.top + 12);\n        }}\n      >\n        {props.children}\n      </div>\n      <Show when={position()}>\n        {(point) => (\n          <Portal>\n            <div\n              ref={menu}\n              id={menuId}\n              class=\"k2b-ui k2b-context-menu\"\n              role=\"menu\"\n              aria-label={props.label ?? messages().contextMenu}\n              style={{ left: `${point().x}px`, top: `${point().y}px` }}\n              onPointerDown={(event) => event.stopPropagation()}\n            >\n              <DropdownItems items={items()} close={close} />\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  );\n}\n\nexport default ContextMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/ContextMenu.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type DropdownItem, DropdownItems, type DropdownPosition, dropdownPosition, focusRowSegment } from \"./Dropdown\";\n\nexport type ContextMenuProps = {\n  items: readonly DropdownItem[];\n  children: JSX.Element;\n  class?: string | ((isOpen: boolean) => string);\n  /** Tab order of the context-menu host. Descendant-focused composite widgets use -1. */\n  tabIndex?: number;\n  disabled?: boolean;\n  onClose?: () => void;\n  onOpen?: () => void;\n  id?: string;\n  label?: string;\n};\n\nlet closeActiveContextMenu: (() => void) | undefined;\n\nconst focusableItems = (menu: HTMLElement | undefined): HTMLElement[] =>\n  menu\n    ? Array.from(\n        menu.querySelectorAll<HTMLElement>(\n          [\n            \"[role='menuitem']:not([aria-disabled='true'])\",\n            \"[role='menuitemcheckbox']:not([aria-disabled='true'])\",\n            \"[role='menuitemradio']:not([aria-disabled='true'])\",\n          ].join(\", \"),\n        ),\n      )\n    : [];\n\n/** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n  const messages = useUiMessages();\n  const generatedId = `k2b-context-${createUniqueId()}`;\n  const menuId = `${generatedId}-menu`;\n  const [position, setPosition] = createSignal<{ x: number; y: number }>();\n  let host: HTMLDivElement | undefined;\n  let menu: HTMLDivElement | undefined;\n  let listenersAttached = false;\n  let hostRing = true;\n  /** The element inside the host that had focus as the menu opened, such as a row or a day of a composite widget. */\n  let opener: HTMLElement | undefined;\n  let anchor = { x: 0, y: 0 };\n  let viewport = { width: 0, height: 0 };\n  let resizeObserver: ResizeObserver | undefined;\n\n  const isOpen = () => position() !== undefined;\n  const hostClass = createMemo(() => (typeof props.class === \"function\" ? props.class(isOpen()) : props.class));\n  const items = createMemo<readonly DropdownItem[]>(() => props.items);\n\n  const dismiss = (event: PointerEvent) => {\n    if (menu?.contains(event.target as Node)) return;\n    close();\n  };\n  const closeOnScroll = (event: Event) => {\n    const target = event.target;\n    if (target instanceof Node && menu?.contains(target)) return;\n    close();\n  };\n  // A resize event may leave the viewport's size unchanged; headless Chromium\n  // was seen to fire one on a fresh page. The clamped menu is still in place.\n  const closeOnResize = () => {\n    if (window.innerWidth === viewport.width && window.innerHeight === viewport.height) return;\n    close();\n  };\n  const attachOpenListeners = () => {\n    if (listenersAttached) return;\n    listenersAttached = true;\n    document.addEventListener(\"pointerdown\", dismiss);\n    document.addEventListener(\"keydown\", keyDown);\n    window.addEventListener(\"resize\", closeOnResize);\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n  };\n  const detachOpenListeners = () => {\n    if (!listenersAttached) return;\n    listenersAttached = false;\n    document.removeEventListener(\"pointerdown\", dismiss);\n    document.removeEventListener(\"keydown\", keyDown);\n    window.removeEventListener(\"resize\", closeOnResize);\n    window.removeEventListener(\"scroll\", closeOnScroll, true);\n    resizeObserver?.disconnect();\n  };\n  /** Clamps the rendered menu into the viewport beside the point that opened it. */\n  const place = () => {\n    if (!isOpen() || !menu?.isConnected) return;\n    const point = dropdownPosition(\n      new DOMRect(anchor.x, anchor.y, 0, 0),\n      menu.getBoundingClientRect(),\n      \"bottom-right\" satisfies DropdownPosition,\n      { width: window.innerWidth, height: window.innerHeight },\n      0,\n    );\n    setPosition({ x: point.left, y: point.top });\n  };\n  const close = () => {\n    detachOpenListeners();\n    if (!isOpen()) return;\n    setPosition();\n    if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n    props.onClose?.();\n  };\n  const focusItem = (index: number) => {\n    const items = focusableItems(menu);\n    if (items.length === 0) return;\n    items[(index + items.length) % items.length]?.focus();\n  };\n  const open = (x: number, y: number) => {\n    if (props.disabled) return;\n    closeActiveContextMenu?.();\n    // Focus may sit on a descendant of the host, as in composite widgets; Escape returns it there.\n    const focused = document.activeElement;\n    opener = focused instanceof HTMLElement && focused !== host && host?.contains(focused) ? focused : undefined;\n    hostRing = ringOnReturn(focused);\n    anchor = { x, y };\n    viewport = { width: window.innerWidth, height: window.innerHeight };\n    setPosition({ x, y });\n    closeActiveContextMenu = close;\n    attachOpenListeners();\n    props.onOpen?.();\n    // The menu sizes to its entries, so it is measured once rendered and\n    // clamped into the viewport before the next paint, and again whenever its\n    // entries change its size while it is open.\n    queueMicrotask(() => {\n      if (!isOpen() || !menu?.isConnected) return;\n      place();\n      if (typeof ResizeObserver !== \"undefined\") {\n        resizeObserver ??= new ResizeObserver(place);\n        resizeObserver.observe(menu);\n      }\n      focusItem(0);\n    });\n  };\n  const keyDown = (event: KeyboardEvent) => {\n    if (!isOpen()) return;\n    const items = focusableItems(menu);\n    const current = items.indexOf(document.activeElement as HTMLElement);\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focusItem(current + (event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (focusRowSegment(items, event.key)) {\n      event.preventDefault();\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      focusItem(event.key === \"Home\" ? 0 : -1);\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n      returnFocus(opener?.isConnected ? opener : host, hostRing);\n    } else if (event.key === \"Tab\") {\n      close();\n    }\n  };\n\n  onMount(() => {\n    onCleanup(() => {\n      detachOpenListeners();\n      if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n    });\n  });\n\n  return (\n    <>\n      {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: the named group owns the context-menu relationship without pretending arbitrary children form one button. */}\n      <div\n        ref={host}\n        id={props.id ?? generatedId}\n        class={hostClass()}\n        role=\"group\"\n        tabIndex={props.disabled ? undefined : (props.tabIndex ?? 0)}\n        aria-label={props.label ?? messages().contextMenu}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen()}\n        aria-controls={isOpen() ? menuId : undefined}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n        onContextMenu={(event) => {\n          if (props.disabled) return;\n          event.preventDefault();\n          event.stopPropagation();\n          open(event.clientX, event.clientY);\n        }}\n        onKeyDown={(event) => {\n          if (props.disabled || (event.key !== \"ContextMenu\" && !(event.shiftKey && event.key === \"F10\"))) return;\n          event.preventDefault();\n          // Beside the focused element, such as a row of a composite widget, rather than the corner of the whole host.\n          const focused = document.activeElement;\n          const rect = (focused instanceof HTMLElement && host?.contains(focused) ? focused : host)?.getBoundingClientRect();\n          if (rect) open(rect.left + 12, rect.top + 12);\n        }}\n      >\n        {props.children}\n      </div>\n      <Show when={position()}>\n        {(point) => (\n          <Portal>\n            <div\n              ref={menu}\n              id={menuId}\n              class=\"k2b-ui k2b-context-menu\"\n              role=\"menu\"\n              aria-label={props.label ?? messages().contextMenu}\n              style={{ left: `${point().x}px`, top: `${point().y}px` }}\n              onPointerDown={(event) => event.stopPropagation()}\n            >\n              <DropdownItems items={items()} close={close} />\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  );\n}\n\nexport default ContextMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/actions/FilterChip.js

@@ -12,9 +12,11 @@ var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
 import { createMemo, Show } from "solid-js";
 import { useUiMessages } from "../intl/messages";
 import Dropdown from "./Dropdown";
+import { useFilterMessages } from "./filter-messages";
 /** Section-aware controlled filter with immediate single- and multi-select commits. */
 export function FilterChip(props) {
   const messages = useUiMessages();
+  const filterMessages = useFilterMessages();
   const selectedValues = createMemo(() => new Set(props.value));
   const defaultValues = createMemo(() => new Set(props.defaultValue ?? []));
   const sectionByValue = createMemo(() => {
@@ -73,7 +75,7 @@ export function FilterChip(props) {
   const items = createMemo(() => {
     if (!showReset()) return optionItems();
     return [...optionItems(), {
-      sectionLabel: messages().filterActions,
+      sectionLabel: filterMessages().filterActions,
       items: [{
         action: reset,
         icon: hasDefault() ? "ti ti-refresh" : "ti ti-x",

package/dist/browser/actions/FilterChip.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/FilterChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ButtonVariant } from \"./Button\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type FilterChipOption = {\n  value: string;\n  label: string;\n  icon?: string;\n  color?: string;\n};\n\nexport type FilterChipSection = {\n  label?: string;\n  options: readonly FilterChipOption[];\n  multiple?: boolean;\n  /**\n   * `row` sets a few short single-select options side by side as one segmented row under its `label`. Selecting the\n   * chosen option again keeps it; give the row a value in `defaultValue` so Reset keeps a choice too.\n   */\n  layout?: \"row\";\n};\n\nexport type FilterChipProps = {\n  label: string;\n  icon: string;\n  options: readonly FilterChipSection[];\n  value: readonly string[];\n  onValueChange: (value: string[]) => void;\n  isActive?: boolean;\n  position?: \"bottom-left\" | \"bottom-right\";\n  defaultValue?: readonly string[];\n  iconOnly?: boolean;\n  /** Use a standard button appearance instead of the default filter field. */\n  variant?: ButtonVariant;\n  disabled?: boolean;\n  class?: string;\n};\n\n/** Section-aware controlled filter with immediate single- and multi-select commits. */\nexport function FilterChip(props: FilterChipProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectedValues = createMemo(() => new Set(props.value));\n  const defaultValues = createMemo(() => new Set(props.defaultValue ?? []));\n  const sectionByValue = createMemo(() => {\n    const sections = new Map<string, FilterChipSection>();\n    for (const section of props.options) {\n      for (const option of section.options) sections.set(option.value, section);\n    }\n    return sections;\n  });\n  const hasDefault = () => (props.defaultValue?.length ?? 0) > 0;\n  const selected = (value: string) => selectedValues().has(value);\n  const active = () => props.isActive ?? props.value.length > 0;\n  const atDefault = () => {\n    if (!props.defaultValue) return false;\n    const current = props.value;\n    return current.length === props.defaultValue.length && current.every((value) => defaultValues().has(value));\n  };\n  const emit = (value: string[]) => props.onValueChange(value);\n  const toggle = (value: string) => {\n    const section = sectionByValue().get(value);\n    if (!section) return;\n    const current = props.value;\n    if (section.multiple) {\n      emit(selected(value) ? current.filter((entry) => entry !== value) : [...current, value]);\n      return;\n    }\n    // A segmented row always keeps one choice, like a SegmentedControl.\n    if (section.layout === \"row\" && selected(value)) return;\n    const sectionValues = new Set(section.options.map((option) => option.value));\n    const otherValues = current.filter((entry) => !sectionValues.has(entry));\n    emit(selected(value) ? otherValues : [...otherValues, value]);\n  };\n  const reset = () => emit(props.defaultValue ? [...props.defaultValue] : []);\n  const showReset = () => (hasDefault() && !atDefault()) || (!hasDefault() && props.value.length > 0);\n  const optionItems = createMemo<DropdownItem[]>(() => {\n    const result: DropdownItem[] = [];\n    for (const section of props.options) {\n      const items = section.options.map((option) => ({\n        action: () => toggle(option.value),\n        checked: () => props.value.includes(option.value),\n        choice: section.multiple ? (\"checkbox\" as const) : (\"radio\" as const),\n        class: \"k2b-filter-chip__option\",\n        closeOnSelect: false,\n        color: option.color,\n        icon: !section.multiple ? option.icon : undefined,\n        label: option.label,\n      }));\n      if (section.label || section.layout) result.push({ sectionLabel: section.label, layout: section.layout, items });\n      else result.push(...items);\n    }\n    return result;\n  });\n  const items = createMemo<DropdownItem[]>(() => {\n    if (!showReset()) return optionItems();\n    return [\n      ...optionItems(),\n      {\n        sectionLabel: messages().filterActions,\n        items: [\n          {\n            action: reset,\n            icon: hasDefault() ? \"ti ti-refresh\" : \"ti ti-x\",\n            label: hasDefault() ? messages().reset : messages().clear,\n            variant: \"danger\",\n          },\n        ],\n      },\n    ];\n  });\n\n  return (\n    <Dropdown.Root\n      disabled={props.disabled}\n      items={items()}\n      position={props.position ?? \"bottom-left\"}\n      menuClass=\"k2b-filter-chip__menu\"\n      label={props.label}\n    >\n      <Dropdown.Trigger\n        appearance={props.variant ? \"button\" : \"plain\"}\n        variant={props.variant}\n        iconOnly={props.iconOnly}\n        class={props.variant ? props.class : `k2b-filter-chip ${props.class ?? \"\"}`}\n        data-state={active() ? \"active\" : \"idle\"}\n        data-active={active() ? \"true\" : undefined}\n        data-icon-only={props.iconOnly ? \"true\" : undefined}\n        label={props.label}\n      >\n        <i class={props.icon} aria-hidden=\"true\" />\n        <Show when={!props.iconOnly}>\n          <span>\n            {props.label}\n            <Show when={!hasDefault() && props.value.length > 0}>{` (${props.value.length})`}</Show>\n          </span>\n          <i class=\"ti ti-chevron-down k2b-filter-chip__chevron\" aria-hidden=\"true\" />\n        </Show>\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/FilterChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ButtonVariant } from \"./Button\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\nimport { useFilterMessages } from \"./filter-messages\";\n\nexport type FilterChipOption = {\n  value: string;\n  label: string;\n  icon?: string;\n  color?: string;\n};\n\nexport type FilterChipSection = {\n  label?: string;\n  options: readonly FilterChipOption[];\n  multiple?: boolean;\n  /**\n   * `row` sets a few short single-select options side by side as one segmented row under its `label`. Selecting the\n   * chosen option again keeps it; give the row a value in `defaultValue` so Reset keeps a choice too.\n   */\n  layout?: \"row\";\n};\n\nexport type FilterChipProps = {\n  label: string;\n  icon: string;\n  options: readonly FilterChipSection[];\n  value: readonly string[];\n  onValueChange: (value: string[]) => void;\n  isActive?: boolean;\n  position?: \"bottom-left\" | \"bottom-right\";\n  defaultValue?: readonly string[];\n  iconOnly?: boolean;\n  /** Use a standard button appearance instead of the default filter field. */\n  variant?: ButtonVariant;\n  disabled?: boolean;\n  class?: string;\n};\n\n/** Section-aware controlled filter with immediate single- and multi-select commits. */\nexport function FilterChip(props: FilterChipProps): JSX.Element {\n  const messages = useUiMessages();\n  const filterMessages = useFilterMessages();\n  const selectedValues = createMemo(() => new Set(props.value));\n  const defaultValues = createMemo(() => new Set(props.defaultValue ?? []));\n  const sectionByValue = createMemo(() => {\n    const sections = new Map<string, FilterChipSection>();\n    for (const section of props.options) {\n      for (const option of section.options) sections.set(option.value, section);\n    }\n    return sections;\n  });\n  const hasDefault = () => (props.defaultValue?.length ?? 0) > 0;\n  const selected = (value: string) => selectedValues().has(value);\n  const active = () => props.isActive ?? props.value.length > 0;\n  const atDefault = () => {\n    if (!props.defaultValue) return false;\n    const current = props.value;\n    return current.length === props.defaultValue.length && current.every((value) => defaultValues().has(value));\n  };\n  const emit = (value: string[]) => props.onValueChange(value);\n  const toggle = (value: string) => {\n    const section = sectionByValue().get(value);\n    if (!section) return;\n    const current = props.value;\n    if (section.multiple) {\n      emit(selected(value) ? current.filter((entry) => entry !== value) : [...current, value]);\n      return;\n    }\n    // A segmented row always keeps one choice, like a SegmentedControl.\n    if (section.layout === \"row\" && selected(value)) return;\n    const sectionValues = new Set(section.options.map((option) => option.value));\n    const otherValues = current.filter((entry) => !sectionValues.has(entry));\n    emit(selected(value) ? otherValues : [...otherValues, value]);\n  };\n  const reset = () => emit(props.defaultValue ? [...props.defaultValue] : []);\n  const showReset = () => (hasDefault() && !atDefault()) || (!hasDefault() && props.value.length > 0);\n  const optionItems = createMemo<DropdownItem[]>(() => {\n    const result: DropdownItem[] = [];\n    for (const section of props.options) {\n      const items = section.options.map((option) => ({\n        action: () => toggle(option.value),\n        checked: () => props.value.includes(option.value),\n        choice: section.multiple ? (\"checkbox\" as const) : (\"radio\" as const),\n        class: \"k2b-filter-chip__option\",\n        closeOnSelect: false,\n        color: option.color,\n        icon: !section.multiple ? option.icon : undefined,\n        label: option.label,\n      }));\n      if (section.label || section.layout) result.push({ sectionLabel: section.label, layout: section.layout, items });\n      else result.push(...items);\n    }\n    return result;\n  });\n  const items = createMemo<DropdownItem[]>(() => {\n    if (!showReset()) return optionItems();\n    return [\n      ...optionItems(),\n      {\n        sectionLabel: filterMessages().filterActions,\n        items: [\n          {\n            action: reset,\n            icon: hasDefault() ? \"ti ti-refresh\" : \"ti ti-x\",\n            label: hasDefault() ? messages().reset : messages().clear,\n            variant: \"danger\",\n          },\n        ],\n      },\n    ];\n  });\n\n  return (\n    <Dropdown.Root\n      disabled={props.disabled}\n      items={items()}\n      position={props.position ?? \"bottom-left\"}\n      menuClass=\"k2b-filter-chip__menu\"\n      label={props.label}\n    >\n      <Dropdown.Trigger\n        appearance={props.variant ? \"button\" : \"plain\"}\n        variant={props.variant}\n        iconOnly={props.iconOnly}\n        class={props.variant ? props.class : `k2b-filter-chip ${props.class ?? \"\"}`}\n        data-state={active() ? \"active\" : \"idle\"}\n        data-active={active() ? \"true\" : undefined}\n        data-icon-only={props.iconOnly ? \"true\" : undefined}\n        label={props.label}\n      >\n        <i class={props.icon} aria-hidden=\"true\" />\n        <Show when={!props.iconOnly}>\n          <span>\n            {props.label}\n            <Show when={!hasDefault() && props.value.length > 0}>{` (${props.value.length})`}</Show>\n          </span>\n          <i class=\"ti ti-chevron-down k2b-filter-chip__chevron\" aria-hidden=\"true\" />\n        </Show>\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/actions/SpotlightSearch.js

@@ -13,17 +13,19 @@ var _tmpl$ = /*#__PURE__*/_$template(`<button type=button><i aria-hidden=true></
   _tmpl$2 = /*#__PURE__*/_$template(`<kbd>`);
 import { prompts } from "../feedback/prompts";
 import { resolveUiMessages, useUiMessages } from "../intl/messages";
+import { resolveSpotlightMessages } from "./spotlight-messages";
 export const openSpotlightSearch = options => {
   const {
     resolve,
     ...promptOptions
   } = options;
   const messages = resolveUiMessages();
+  const spotlightMessages = resolveSpotlightMessages();
   return prompts.search(resolve, {
     icon: "ti ti-search",
     placeholder: messages.search,
     minQueryLength: 0,
-    noResultsText: messages.spotlightNoResults,
+    noResultsText: spotlightMessages.spotlightNoResults,
     size: "small",
     ...promptOptions
   });

package/dist/browser/actions/SpotlightSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/SpotlightSearch.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { PromptSearchInput, PromptSearchItem, PromptSearchOptions } from \"../feedback/prompts\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type SpotlightSearchResolver<T = unknown> = (input: PromptSearchInput) => Promise<PromptSearchItem<T>[]> | PromptSearchItem<T>[];\n\nexport type SpotlightSearchOptions<T = unknown> = PromptSearchOptions & {\n  resolve: SpotlightSearchResolver<T>;\n};\n\nexport type SpotlightButtonVariant = \"default\" | \"compact\" | \"chip\" | \"sidebar\" | \"sidebar-mobile\" | \"icon\";\n\nexport type SpotlightButtonProps = {\n  variant?: SpotlightButtonVariant;\n  label?: string;\n  title?: string;\n  icon?: string;\n  shortcutLabel?: string | false;\n  ariaLabel?: string;\n  disabled?: boolean;\n  class?: string;\n  onClick: () => void | Promise<void>;\n};\n\nexport const openSpotlightSearch = <T extends unknown = unknown>(\n  options: SpotlightSearchOptions<T>,\n): Promise<PromptSearchItem<T> | undefined> => {\n  const { resolve, ...promptOptions } = options;\n  const messages = resolveUiMessages();\n  return prompts.search(resolve, {\n    icon: \"ti ti-search\",\n    placeholder: messages.search,\n    minQueryLength: 0,\n    noResultsText: messages.spotlightNoResults,\n    size: \"small\",\n    ...promptOptions,\n  });\n};\n\nexport function SpotlightButton(props: SpotlightButtonProps): JSX.Element {\n  const messages = useUiMessages();\n  const variant = () => props.variant ?? \"default\";\n  const label = () => props.label ?? messages().searchLabel;\n  const icon = () => props.icon ?? \"ti ti-search\";\n  const shortcut = () => props.shortcutLabel;\n  const title = () => props.title ?? label();\n  const showsShortcut = () => Boolean(shortcut()) && [\"chip\", \"sidebar\"].includes(variant());\n\n  return (\n    <button\n      type=\"button\"\n      class={`k2b-spotlight-button ${props.class ?? \"\"}`}\n      data-variant={variant()}\n      disabled={props.disabled}\n      aria-label={props.ariaLabel ?? ([\"compact\", \"icon\"].includes(variant()) ? label() : undefined)}\n      title={title()}\n      onClick={() => void props.onClick()}\n    >\n      <i class={icon()} aria-hidden=\"true\" />\n      <span class=\"k2b-spotlight-button__label\">{label()}</span>\n      {showsShortcut() && <kbd>{shortcut()}</kbd>}\n    </button>\n  );\n}\n\nexport default SpotlightButton;\n"],"mappings":";;;;;;;;;;;;;AAEA,SAAS,OAAO,QAAQ,qBAAqB;AAC7C,SAAS,iBAAiB,EAAE,aAAa,QAAQ,kBAAkB;AAsBnE,OAAO,MAAM,mBAAmB,GAC9B,OAAkC,IACW;EAC7C,MAAM;IAAE,OAAO;IAAE,GAAG;EAAc,CAAC,GAAG,OAAO;EAC7C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC;EACpC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE;IAC7B,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,QAAQ,CAAC,MAAM;IAC5B,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,QAAQ,CAAC,kBAAkB;IAC1C,IAAI,EAAE,OAAO;IACb,GAAG;EACL,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,SAAS,eAAe,CAAC,KAA2B,EAAe;EACxE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,SAAS;EAChD,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW;EACzD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,cAAc;EAC/C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,aAAa;EAC1C,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;EAC1C,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;EAE1F;IAAA;MAAA;MAAA;MAAA;MAAA;IAAA,eAQa,MAAM,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC;IAAA,gBAGQ,KAAK;IAAA;MAAA,yBAC/C,aAAa,CAAC,CAAC;MAAA,aAAf;QAAA;QAAA,gBAAyB,QAAQ;QAAA;MAAA,IAAS;IAAA;IAAA;MAAA,UATpC,wBAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OACpC,OAAO,CAAC,CAAC;QAAA,OACb,KAAK,CAAC,QAAQ;QAAA,OACZ,KAAK,CAAC,SAAS,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC;QAAA,OACvF,KAAK,CAAC,CAAC;QAAA,OAGJ,IAAI,CAAC,CAAC;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;IAAA;IAAA;EAAA;AAKtB;AAEA,eAAe,eAAe;AAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/SpotlightSearch.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { PromptSearchInput, PromptSearchItem, PromptSearchOptions } from \"../feedback/prompts\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\nimport { resolveSpotlightMessages } from \"./spotlight-messages\";\n\nexport type SpotlightSearchResolver<T = unknown> = (input: PromptSearchInput) => Promise<PromptSearchItem<T>[]> | PromptSearchItem<T>[];\n\nexport type SpotlightSearchOptions<T = unknown> = PromptSearchOptions & {\n  resolve: SpotlightSearchResolver<T>;\n};\n\nexport type SpotlightButtonVariant = \"default\" | \"compact\" | \"chip\" | \"sidebar\" | \"sidebar-mobile\" | \"icon\";\n\nexport type SpotlightButtonProps = {\n  variant?: SpotlightButtonVariant;\n  label?: string;\n  title?: string;\n  icon?: string;\n  shortcutLabel?: string | false;\n  ariaLabel?: string;\n  disabled?: boolean;\n  class?: string;\n  onClick: () => void | Promise<void>;\n};\n\nexport const openSpotlightSearch = <T extends unknown = unknown>(\n  options: SpotlightSearchOptions<T>,\n): Promise<PromptSearchItem<T> | undefined> => {\n  const { resolve, ...promptOptions } = options;\n  const messages = resolveUiMessages();\n  const spotlightMessages = resolveSpotlightMessages();\n  return prompts.search(resolve, {\n    icon: \"ti ti-search\",\n    placeholder: messages.search,\n    minQueryLength: 0,\n    noResultsText: spotlightMessages.spotlightNoResults,\n    size: \"small\",\n    ...promptOptions,\n  });\n};\n\nexport function SpotlightButton(props: SpotlightButtonProps): JSX.Element {\n  const messages = useUiMessages();\n  const variant = () => props.variant ?? \"default\";\n  const label = () => props.label ?? messages().searchLabel;\n  const icon = () => props.icon ?? \"ti ti-search\";\n  const shortcut = () => props.shortcutLabel;\n  const title = () => props.title ?? label();\n  const showsShortcut = () => Boolean(shortcut()) && [\"chip\", \"sidebar\"].includes(variant());\n\n  return (\n    <button\n      type=\"button\"\n      class={`k2b-spotlight-button ${props.class ?? \"\"}`}\n      data-variant={variant()}\n      disabled={props.disabled}\n      aria-label={props.ariaLabel ?? ([\"compact\", \"icon\"].includes(variant()) ? label() : undefined)}\n      title={title()}\n      onClick={() => void props.onClick()}\n    >\n      <i class={icon()} aria-hidden=\"true\" />\n      <span class=\"k2b-spotlight-button__label\">{label()}</span>\n      {showsShortcut() && <kbd>{shortcut()}</kbd>}\n    </button>\n  );\n}\n\nexport default SpotlightButton;\n"],"mappings":";;;;;;;;;;;;;AAEA,SAAS,OAAO,QAAQ,qBAAqB;AAC7C,SAAS,iBAAiB,EAAE,aAAa,QAAQ,kBAAkB;AACnE,SAAS,wBAAwB,QAAQ,sBAAsB;AAsB/D,OAAO,MAAM,mBAAmB,GAC9B,OAAkC,IACW;EAC7C,MAAM;IAAE,OAAO;IAAE,GAAG;EAAc,CAAC,GAAG,OAAO;EAC7C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC;EACpC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,CAAC;EACpD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE;IAC7B,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,QAAQ,CAAC,MAAM;IAC5B,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,iBAAiB,CAAC,kBAAkB;IACnD,IAAI,EAAE,OAAO;IACb,GAAG;EACL,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,SAAS,eAAe,CAAC,KAA2B,EAAe;EACxE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,SAAS;EAChD,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW;EACzD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,cAAc;EAC/C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,aAAa;EAC1C,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;EAC1C,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;EAE1F;IAAA;MAAA;MAAA;MAAA;MAAA;IAAA,eAQa,MAAM,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC;IAAA,gBAGQ,KAAK;IAAA;MAAA,yBAC/C,aAAa,CAAC,CAAC;MAAA,aAAf;QAAA;QAAA,gBAAyB,QAAQ;QAAA;MAAA,IAAS;IAAA;IAAA;MAAA,UATpC,wBAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OACpC,OAAO,CAAC,CAAC;QAAA,OACb,KAAK,CAAC,QAAQ;QAAA,OACZ,KAAK,CAAC,SAAS,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC;QAAA,OACvF,KAAK,CAAC,CAAC;QAAA,OAGJ,IAAI,CAAC,CAAC;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;IAAA;IAAA;EAAA;AAKtB;AAEA,eAAe,eAAe;AAAC","ignoreList":[]}

package/dist/browser/actions/filter-messages.js

@@ -0,0 +1,20 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const filterMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      filterActions: "Filter actions"
+    },
+    de: {
+      filterActions: "Filteraktionen"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useFilterMessages = () => {
+  const locale = useLocale();
+  return () => filterMessages.resolve([locale()]).t;
+};
+export const checkFilterMessages = () => filterMessages.check();
+//# sourceMappingURL=filter-messages.js.map

package/dist/browser/actions/filter-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["actions/filter-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst filterMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      filterActions: \"Filter actions\",\n    },\n    de: {\n      filterActions: \"Filteraktionen\",\n    },\n  },\n});\n\nexport type FilterMessages = ReturnType<(typeof filterMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useFilterMessages = (): (() => FilterMessages) => {\n  const locale = useLocale();\n  return () => filterMessages.resolve([locale()]).t;\n};\n\nexport const checkFilterMessages = () => filterMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;EACjC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,aAAa,EAAE;IACjB,CAAC;IACD,EAAE,EAAE;MACF,aAAa,EAAE;IACjB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,iBAAiB,GAAG,MAA8B;EAC7D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,OAAO,MAAM,mBAAmB,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/actions/spotlight-messages.js

@@ -0,0 +1,16 @@
+import { i18n } from "@k2b/stdlib";
+const spotlightMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      spotlightNoResults: "No results."
+    },
+    de: {
+      spotlightNoResults: "Keine Ergebnisse."
+    }
+  }
+});
+/** Imperative UI inherits the document locale when no locale is supplied. */
+export const resolveSpotlightMessages = locale => spotlightMessages.resolve([locale ?? (typeof document === "undefined" ? spotlightMessages.baseLocale : document.documentElement.lang)]).t;
+export const checkSpotlightMessages = () => spotlightMessages.check();
+//# sourceMappingURL=spotlight-messages.js.map

package/dist/browser/actions/spotlight-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["actions/spotlight-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\n\nconst spotlightMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      spotlightNoResults: \"No results.\",\n    },\n    de: {\n      spotlightNoResults: \"Keine Ergebnisse.\",\n    },\n  },\n});\n\nexport type SpotlightMessages = ReturnType<(typeof spotlightMessages)[\"resolve\"]>[\"t\"];\n\n/** Imperative UI inherits the document locale when no locale is supplied. */\nexport const resolveSpotlightMessages = (locale?: string): SpotlightMessages =>\n  spotlightMessages.resolve([locale ?? (typeof document === \"undefined\" ? spotlightMessages.baseLocale : document.documentElement.lang)]).t;\n\nexport const checkSpotlightMessages = () => spotlightMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAElC,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC;EACpC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,kBAAkB,EAAE;IACtB,CAAC;IACD,EAAE,EAAE;MACF,kBAAkB,EAAE;IACtB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,wBAAwB,GAAI,MAAe,IACtD,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,OAAO,QAAQ,KAAK,WAAW,GAAG,iBAAiB,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3I,OAAO,MAAM,sBAAsB,GAAG,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/chat/ChatComposer.js

@@ -59,11 +59,14 @@ import { completedEmojiShortcode, emojiInTone, emojiName, emojiShortcodeQuery, l
 import { FileDropTarget } from "../inputs/FileDropTarget";
 import { toggleBulletList, toggleInlineMarker } from "../inputs/markdown/actions";
 import { openCodeFence } from "../inputs/markdown/code-zone";
+import { useMarkdownToolbarMessages } from "../inputs/markdown/toolbar-messages";
 import { SelectChip } from "../inputs/SelectChip";
+import { useSelectMessages } from "../inputs/select-messages";
 import { useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
 import { ChatContextUsage as ContextUsage } from "./ChatPrimitives";
 import { conversationEnterAction, executeChatAction, nextChatCommandIndex, reportChatFailure, runChatSubmission } from "./chat-behavior";
+import { useChatMessages } from "./chat-messages";
 import { chatCommandQuery, chatMentionSegments, reconcileChatMentions } from "./composer-document";
 const composerMaxInputHeight = 309;
 /** Emoji suggestions for a `:shortcode`, as many as fit the list without scrolling on a phone. */
@@ -107,6 +110,9 @@ export function ChatComposer(props) {
   const hasAccessory = () => hasContent(accessory.toArray());
   const hint = children(() => props.hint);
   const messages = useUiMessages();
+  const markdownToolbarMessages = useMarkdownToolbarMessages();
+  const chatMessages = useChatMessages();
+  const selectMessages = useSelectMessages();
   const commandListId = `k2b-chat-commands-${createUniqueId().replace(/[^A-Za-z0-9_-]/g, "-")}`;
   const formatGroupId = `${commandListId}-format`;
   const [selectedCommandIndex, setSelectedCommandIndex] = createSignal(0);
@@ -279,7 +285,7 @@ export function ChatComposer(props) {
     if (props.fileSelection) {
       items.push({
         icon: addingFiles() ? "ti ti-loader-2 k2b-spin" : "ti ti-paperclip",
-        label: props.fileSelection.label ?? messages().attachFiles,
+        label: props.fileSelection.label ?? chatMessages().attachFiles,
         disabled: !canSelectFiles(),
         action: () => chooseFiles()
       });
@@ -606,7 +612,7 @@ export function ChatComposer(props) {
       const dictate = microphone.onDictate;
       items.push({
         icon: "ti ti-microphone",
-        label: messages().dictate,
+        label: chatMessages().dictate,
         action: () => reportChatFailure(dictate, props.onError)
       });
     }
@@ -614,7 +620,7 @@ export function ChatComposer(props) {
       const record = microphone.onVoiceMessage;
       items.push({
         icon: "ti ti-player-record",
-        label: messages().recordVoiceMessage,
+        label: chatMessages().recordVoiceMessage,
         action: () => reportChatFailure(record, props.onError)
       });
     }
@@ -625,27 +631,27 @@ export function ChatComposer(props) {
       case "listening":
         return {
           icon: "ti ti-microphone",
-          text: messages().dictationListening
+          text: chatMessages().dictationListening
         };
       case "refining":
         return {
           icon: "ti ti-loader-2 k2b-spin",
-          text: messages().dictationRefining
+          text: chatMessages().dictationRefining
         };
       case "refined":
         return {
           icon: "ti ti-sparkles",
-          text: messages().dictationRefined
+          text: chatMessages().dictationRefined
         };
       case "unrefined":
         return {
           icon: "ti ti-microphone",
-          text: messages().dictationUnrefined
+          text: chatMessages().dictationUnrefined
         };
       case "interrupted":
         return {
           icon: "ti ti-alert-triangle",
-          text: messages().dictationInterrupted
+          text: chatMessages().dictationInterrupted
         };
       default:
         return null;
@@ -678,7 +684,7 @@ export function ChatComposer(props) {
   const addMenu = (icon, extraClass = "") => _$createComponent(Dropdown.Root, {
     position: "top-right",
     get label() {
-      return messages().addToChat;
+      return chatMessages().addToChat;
     },
     get items() {
       return menuItems();
@@ -691,10 +697,10 @@ export function ChatComposer(props) {
         appearance: "plain",
         "class": `k2b-chat-composer__icon-action${extraClass}`,
         get label() {
-          return messages().addToChat;
+          return chatMessages().addToChat;
         },
         get tooltip() {
-          return messages().addToChat;
+          return chatMessages().addToChat;
         },
         get children() {
           var _el$4 = _$getNextElement(_tmpl$3);
@@ -719,10 +725,10 @@ export function ChatComposer(props) {
           type: "button",
           "class": "k2b-chat-composer__icon-action k2b-chat-composer__attach",
           get ["aria-label"]() {
-            return selection().label ?? messages().attachFiles;
+            return selection().label ?? chatMessages().attachFiles;
           },
           get content() {
-            return selection().label ?? messages().attachFiles;
+            return selection().label ?? chatMessages().attachFiles;
           },
           get disabled() {
             return !canSelectFiles();
@@ -749,7 +755,7 @@ export function ChatComposer(props) {
         type: "button",
         "class": "k2b-chat-composer__icon-action k2b-chat-composer__format-toggle",
         get ["aria-label"]() {
-          return messages().composerFormatting;
+          return chatMessages().composerFormatting;
         },
         get ["aria-pressed"]() {
           return formattingOpen();
@@ -758,7 +764,7 @@ export function ChatComposer(props) {
           return formattingOpen() ? formatGroupId : undefined;
         },
         get content() {
-          return messages().composerFormatting;
+          return chatMessages().composerFormatting;
         },
         onMouseDown: keepFieldFocus,
         onClick: () => setFormattingOpen(open => !open),
@@ -783,10 +789,10 @@ export function ChatComposer(props) {
           type: "button",
           "class": "k2b-chat-composer__icon-action",
           get ["aria-label"]() {
-            return tool.label(messages());
+            return tool.label(markdownToolbarMessages());
           },
           get content() {
-            return tool.label(messages());
+            return tool.label(markdownToolbarMessages());
           },
           get disabled() {
             return editBlocked();
@@ -802,7 +808,7 @@ export function ChatComposer(props) {
           }
         })
       }));
-      _$effect(() => _$setAttribute(_el$7, "aria-label", messages().composerFormatting));
+      _$effect(() => _$setAttribute(_el$7, "aria-label", chatMessages().composerFormatting));
       return _el$7;
     }
   });
@@ -814,10 +820,10 @@ export function ChatComposer(props) {
       type: "button",
       "class": "k2b-chat-composer__icon-action k2b-chat-composer__emoji",
       get ["aria-label"]() {
-        return messages().insertEmoji;
+        return chatMessages().insertEmoji;
       },
       get content() {
-        return messages().insertEmoji;
+        return chatMessages().insertEmoji;
       },
       get disabled() {
         return editBlocked();
@@ -866,10 +872,10 @@ export function ChatComposer(props) {
           return _$memo(() => !!microphone().onDictate)() ? undefined : microphoneMenuOpen();
         },
         get ["aria-label"]() {
-          return _$memo(() => !!microphone().onDictate)() ? messages().dictate : messages().recordVoiceMessage;
+          return _$memo(() => !!microphone().onDictate)() ? chatMessages().dictate : chatMessages().recordVoiceMessage;
         },
         get content() {
-          return _$memo(() => dictation() === "listening")() ? messages().stopDictation : _$memo(() => !!microphone().onDictate)() ? _$memo(() => !!microphone().onVoiceMessage)() ? messages().dictateOrHold : messages().dictate : messages().recordVoiceMessage;
+          return _$memo(() => dictation() === "listening")() ? chatMessages().stopDictation : _$memo(() => !!microphone().onDictate)() ? _$memo(() => !!microphone().onVoiceMessage)() ? chatMessages().dictateOrHold : chatMessages().dictate : chatMessages().recordVoiceMessage;
         },
         onMouseDown: keepFieldFocus,
         onContextMenu: event => event.preventDefault(),
@@ -920,7 +926,7 @@ export function ChatComposer(props) {
           return _$createComponent(Dropdown.Root, {
             position: "top-left",
             get label() {
-              return messages().microphoneOptions;
+              return chatMessages().microphoneOptions;
             },
             get items() {
               return microphoneItems();
@@ -937,10 +943,10 @@ export function ChatComposer(props) {
                 appearance: "plain",
                 "class": "k2b-chat-composer__icon-action k2b-chat-composer__microphone-menu",
                 get label() {
-                  return messages().microphoneOptions;
+                  return chatMessages().microphoneOptions;
                 },
                 get tooltip() {
-                  return messages().microphoneOptions;
+                  return chatMessages().microphoneOptions;
                 },
                 get children() {
                   return _$getNextElement(_tmpl$7);
@@ -968,10 +974,10 @@ export function ChatComposer(props) {
           if (conversation()) keepFieldFocus(event);
         },
         get ["aria-label"]() {
-          return _$memo(() => !!submitting())() ? _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? messages().queueing : messages().steering : messages().sending : _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? messages().queueMessage : messages().steerResponse : messages().sendMessage;
+          return _$memo(() => !!submitting())() ? _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? chatMessages().queueing : chatMessages().steering : chatMessages().sending : _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? chatMessages().queueMessage : chatMessages().steerResponse : chatMessages().sendMessage;
         },
         get content() {
-          return _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? messages().queueMessage : messages().steerResponse : messages().sendMessage;
+          return _$memo(() => !!running())() ? _$memo(() => runningSubmitIntent() === "queue")() ? chatMessages().queueMessage : chatMessages().steerResponse : chatMessages().sendMessage;
         },
         onClick: () => void submit(),
         get children() {
@@ -989,10 +995,10 @@ export function ChatComposer(props) {
           return stopping();
         },
         get ["aria-label"]() {
-          return _$memo(() => !!stopping())() ? messages().stopping : messages().stopResponse;
+          return _$memo(() => !!stopping())() ? chatMessages().stopping : chatMessages().stopResponse;
         },
         get content() {
-          return messages().stopResponse;
+          return chatMessages().stopResponse;
         },
         onClick: () => reportChatFailure(() => props.onStop?.(), props.onError),
         get children() {
@@ -1087,11 +1093,11 @@ export function ChatComposer(props) {
       }
     }), _el$27, _co$5);
     _$effect(_p$ => {
-      var _v$3 = messages().messageInput,
+      var _v$3 = chatMessages().messageInput,
         _v$4 = !!(mentions().length > 0),
         _v$5 = editBlocked(),
         _v$6 = conversation() ? "enter" : undefined,
-        _v$7 = props.placeholder ?? (running() ? messages().addGuidance : conversation() ? messages().writeConversationMessage : messages().writeMessage),
+        _v$7 = props.placeholder ?? (running() ? chatMessages().addGuidance : conversation() ? chatMessages().writeConversationMessage : chatMessages().writeMessage),
         _v$8 = props.inputLabel ?? messages().message,
         _v$9 = suggestionsOpen() ? "combobox" : undefined,
         _v$0 = suggestionsOpen() ? "list" : undefined,
@@ -1210,7 +1216,7 @@ export function ChatComposer(props) {
                 return _el$91;
               })()
             }));
-            _$effect(() => _$setAttribute(_el$33, "aria-label", messages().emojiSuggestions));
+            _$effect(() => _$setAttribute(_el$33, "aria-label", chatMessages().emojiSuggestions));
             return _el$32;
           }
         }), _el$54, _co$1);
@@ -1304,7 +1310,7 @@ export function ChatComposer(props) {
                 return _el$44;
               }
             }), _el$52, _co$0);
-            _$effect(() => _$setAttribute(_el$35, "aria-label", messages().commands));
+            _$effect(() => _$setAttribute(_el$35, "aria-label", chatMessages().commands));
             return _el$34;
           }
         }), _el$56, _co$10);
@@ -1367,7 +1373,7 @@ export function ChatComposer(props) {
               var _el$109 = _$getNextElement(_tmpl$27);
               _el$109.$$click = () => reportChatFailure(restore(), props.onError);
               _el$109.$$mousedown = keepFieldFocus;
-              _$insert(_el$109, () => messages().restoreOriginal);
+              _$insert(_el$109, () => chatMessages().restoreOriginal);
               _$effect(() => _$setProperty(_el$109, "disabled", microphoneDisabled()));
               _$runHydrationEvents();
               return _el$109;
@@ -1472,7 +1478,7 @@ export function ChatComposer(props) {
                 _$insert(_el$126, () => renderAttachmentCopy(attachment), _el$131, _co$32);
                 _$effect(_p$ => {
                   var _v$36 = href(),
-                    _v$37 = messages().openInNewTab({
+                    _v$37 = chatMessages().openInNewTab({
                       name: attachment.name
                     });
                   _v$36 !== _p$.e && _$setAttribute(_el$126, "href", _p$.e = _v$36);
@@ -1520,7 +1526,7 @@ export function ChatComposer(props) {
                 var _el$116 = _$getNextElement(_tmpl$28);
                 _el$116.$$click = () => setAttachments(attachments().filter(candidate => candidate.id !== attachment.id));
                 _$effect(_p$ => {
-                  var _v$30 = messages().removeNamed({
+                  var _v$30 = selectMessages().removeNamed({
                       name: attachment.name
                     }),
                     _v$31 = blocked();
@@ -1539,7 +1545,7 @@ export function ChatComposer(props) {
             return _el$110;
           })()
         }));
-        _$effect(() => _$setAttribute(_el$59, "aria-label", messages().attachments));
+        _$effect(() => _$setAttribute(_el$59, "aria-label", chatMessages().attachments));
         return _el$59;
       }
     }), _el$84, _co$20);
@@ -1602,13 +1608,13 @@ export function ChatComposer(props) {
                   get children() {
                     return _$createComponent(SelectChip, {
                       get ["aria-label"]() {
-                        return messages().chooseModel;
+                        return chatMessages().chooseModel;
                       },
                       position: "top-right",
                       "class": "k2b-chat-composer__model",
                       menuWidth: "15rem",
                       get placeholder() {
-                        return messages().model;
+                        return chatMessages().model;
                       },
                       value: () => props.selectedModelId ?? "",
                       get options() {
@@ -1746,7 +1752,7 @@ export function ChatComposer(props) {
       },
       children: selection => _$createComponent(FileDropTarget, {
         get label() {
-          return messages().dropFilesToAttach;
+          return chatMessages().dropFilesToAttach;
         },
         get accept() {
           return selection().accept;
@@ -1764,7 +1770,7 @@ export function ChatComposer(props) {
       var _v$15 = `k2b-chat-composer ${props.class ?? ""}`,
         _v$16 = running() ? "true" : undefined,
         _v$17 = conversation() ? "conversation" : undefined,
-        _v$18 = props.label ?? messages().messageComposer;
+        _v$18 = props.label ?? chatMessages().messageComposer;
       _v$15 !== _p$.e && _$className(_el$57, _p$.e = _v$15);
       _v$16 !== _p$.t && _$setAttribute(_el$57, "data-running", _p$.t = _v$16);
       _v$17 !== _p$.a && _$setAttribute(_el$57, "data-variant", _p$.a = _v$17);