@llui/components 0.0.13 → 0.0.14

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Tabs — tabbed interface with keyboard navigation. Each tab has a value\n * (string) that identifies both the trigger and the associated panel.\n *\n * Two activation modes:\n *   - `'automatic'` (default): focusing a trigger also activates it.\n *   - `'manual'`: arrow keys move focus without activating; Enter/Space activates.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\nexport type Activation = 'automatic' | 'manual'\n\nexport interface TabsState {\n  value: string\n  items: string[]\n  disabledItems: string[]\n  orientation: Orientation\n  activation: Activation\n  /** The currently focused (but not necessarily active) tab. For manual mode. */\n  focused: string | null\n  /** Whether Arrow navigation wraps at the ends of the tab list. Default: true. */\n  loopFocus: boolean\n  /** Whether clicking the active tab deselects it (empty value). Default: false. */\n  deselectable: boolean\n}\n\nexport type TabsMsg =\n  | { type: 'setValue'; value: string }\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  | { type: 'focusTab'; value: string }\n  | { type: 'focusNext'; from: string }\n  | { type: 'focusPrev'; from: string }\n  | { type: 'focusFirst' }\n  | { type: 'focusLast' }\n  | { type: 'activateFocused' }\n\nexport interface TabsInit {\n  value?: string\n  items?: string[]\n  disabledItems?: string[]\n  orientation?: Orientation\n  activation?: Activation\n  loopFocus?: boolean\n  deselectable?: boolean\n}\n\nexport function init(opts: TabsInit = {}): TabsState {\n  const items = opts.items ?? []\n  return {\n    value: opts.value ?? items[0] ?? '',\n    items,\n    disabledItems: opts.disabledItems ?? [],\n    orientation: opts.orientation ?? 'horizontal',\n    activation: opts.activation ?? 'automatic',\n    focused: null,\n    loopFocus: opts.loopFocus ?? true,\n    deselectable: opts.deselectable ?? false,\n  }\n}\n\nfunction firstEnabled(items: string[], disabled: string[]): string | null {\n  for (const v of items) if (!disabled.includes(v)) return v\n  return null\n}\n\nfunction lastEnabled(items: string[], disabled: string[]): string | null {\n  for (let i = items.length - 1; i >= 0; i--) {\n    const v = items[i]!\n    if (!disabled.includes(v)) return v\n  }\n  return null\n}\n\nfunction nextEnabled(\n  items: string[],\n  disabled: string[],\n  from: string,\n  delta: 1 | -1,\n  loop: boolean,\n): string | null {\n  if (items.length === 0) return null\n  const idx = items.indexOf(from)\n  if (idx === -1) return firstEnabled(items, disabled)\n  const n = items.length\n  for (let i = 1; i <= n; i++) {\n    const rawIdx = idx + delta * i\n    if (!loop && (rawIdx < 0 || rawIdx >= n)) return null\n    const next = items[(rawIdx + n * n) % n]!\n    if (!disabled.includes(next)) return next\n  }\n  return null\n}\n\nexport function update(state: TabsState, msg: TabsMsg): [TabsState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      if (state.disabledItems.includes(msg.value)) return [state, []]\n      return [{ ...state, value: msg.value }, []]\n    case 'setItems': {\n      const disabled = msg.disabled ?? state.disabledItems\n      // Ensure value still points to an existing enabled item\n      let value = state.value\n      if (!msg.items.includes(value) || disabled.includes(value)) {\n        value = firstEnabled(msg.items, disabled) ?? ''\n      }\n      return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n    }\n    case 'focusTab': {\n      if (state.disabledItems.includes(msg.value)) return [state, []]\n      const next: TabsState = { ...state, focused: msg.value }\n      if (state.activation === 'automatic') {\n        // Deselectable: clicking the already-active tab clears the value.\n        next.value = state.deselectable && state.value === msg.value ? '' : msg.value\n      }\n      return [next, []]\n    }\n    case 'focusNext': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, 1, state.loopFocus)\n      if (to === null) return [state, []]\n      const next: TabsState = { ...state, focused: to }\n      if (state.activation === 'automatic') next.value = to\n      return [next, []]\n    }\n    case 'focusPrev': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, -1, state.loopFocus)\n      if (to === null) return [state, []]\n      const next: TabsState = { ...state, focused: to }\n      if (state.activation === 'automatic') next.value = to\n      return [next, []]\n    }\n    case 'focusFirst': {\n      const to = firstEnabled(state.items, state.disabledItems)\n      if (to === null) return [state, []]\n      const next: TabsState = { ...state, focused: to }\n      if (state.activation === 'automatic') next.value = to\n      return [next, []]\n    }\n    case 'focusLast': {\n      const to = lastEnabled(state.items, state.disabledItems)\n      if (to === null) return [state, []]\n      const next: TabsState = { ...state, focused: to }\n      if (state.activation === 'automatic') next.value = to\n      return [next, []]\n    }\n    case 'activateFocused': {\n      if (state.focused === null) return [state, []]\n      return [{ ...state, value: state.focused }, []]\n    }\n  }\n}\n\nexport interface TabsItemParts<S> {\n  trigger: {\n    type: 'button'\n    role: 'tab'\n    'aria-selected': (s: S) => boolean\n    'aria-controls': string\n    'aria-disabled': (s: S) => 'true' | undefined\n    id: string\n    'data-state': (s: S) => 'active' | 'inactive'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'tabs'\n    'data-part': 'trigger'\n    'data-value': string\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n    onFocus: (e: FocusEvent) => void\n  }\n  panel: {\n    role: 'tabpanel'\n    id: string\n    'aria-labelledby': string\n    tabIndex: 0\n    hidden: (s: S) => boolean\n    'data-state': (s: S) => 'active' | 'inactive'\n    'data-scope': 'tabs'\n    'data-part': 'panel'\n    'data-value': string\n  }\n}\n\nexport interface TabsParts<S> {\n  root: {\n    'data-scope': 'tabs'\n    'data-part': 'root'\n    'data-orientation': (s: S) => Orientation\n  }\n  /**\n   * A movable underline/highlight element. Position tracks the active\n   * trigger via CSS custom properties written by `watchTabIndicator()`:\n   *   `--indicator-left`, `--indicator-top`, `--indicator-width`,\n   *   `--indicator-height` — all in pixels.\n   * The consumer styles the indicator using these properties (e.g.\n   * `transform: translateX(var(--indicator-left))`).\n   */\n  indicator: {\n    'data-scope': 'tabs'\n    'data-part': 'indicator'\n    'data-orientation': (s: S) => Orientation\n  }\n  list: {\n    role: 'tablist'\n    'aria-orientation': (s: S) => Orientation\n    'data-scope': 'tabs'\n    'data-part': 'list'\n  }\n  item: (value: string) => TabsItemParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n  /**\n   * Called whenever a tab is clicked/activated. Useful for anchor-style\n   * navigation where the tab's value is a URL path and you want to push\n   * to the history or router.\n   */\n  onNavigate?: (value: string) => void\n}\n\nexport function connect<S>(\n  get: (s: S) => TabsState,\n  send: Send<TabsMsg>,\n  opts: ConnectOptions,\n): TabsParts<S> {\n  const base = opts.id\n  const triggerId = (v: string): string => `${base}:trigger:${v}`\n  const panelId = (v: string): string => `${base}:panel:${v}`\n\n  return {\n    root: {\n      'data-scope': 'tabs',\n      'data-part': 'root',\n      'data-orientation': (s) => get(s).orientation,\n    },\n    list: {\n      role: 'tablist',\n      'aria-orientation': (s) => get(s).orientation,\n      'data-scope': 'tabs',\n      'data-part': 'list',\n    },\n    indicator: {\n      'data-scope': 'tabs',\n      'data-part': 'indicator',\n      'data-orientation': (s) => get(s).orientation,\n    },\n    item: (value: string): TabsItemParts<S> => ({\n      trigger: {\n        type: 'button',\n        role: 'tab',\n        'aria-selected': (s) => get(s).value === value,\n        'aria-controls': panelId(value),\n        'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),\n        id: triggerId(value),\n        'data-state': (s) => (get(s).value === value ? 'active' : 'inactive'),\n        'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),\n        'data-scope': 'tabs',\n        'data-part': 'trigger',\n        'data-value': value,\n        tabIndex: (s) => (get(s).value === value ? 0 : -1),\n        onClick: () => {\n          send({ type: 'focusTab', value })\n          opts.onNavigate?.(value)\n        },\n        onFocus: () => {\n          // `focusTab` handles automatic activation\n          send({ type: 'focusTab', value })\n        },\n        onKeyDown: (e: KeyboardEvent) => {\n          // Read orientation from the ancestor [data-part=\"list\"] so the\n          // handler can dispatch the correct arrow keys per WAI-ARIA.\n          // Horizontal tabs: ArrowLeft/Right navigate; vertical: Up/Down.\n          const target = e.currentTarget as HTMLElement | null\n          const list = target?.closest(\n            '[data-scope=\"tabs\"][data-part=\"list\"]',\n          ) as HTMLElement | null\n          const orientation =\n            (list?.getAttribute('aria-orientation') as Orientation | null) ?? 'horizontal'\n          const key = flipArrow(e.key, e.currentTarget as Element)\n          const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight'\n          const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft'\n          switch (key) {\n            case nextKey:\n              e.preventDefault()\n              send({ type: 'focusNext', from: value })\n              return\n            case prevKey:\n              e.preventDefault()\n              send({ type: 'focusPrev', from: value })\n              return\n            case 'Home':\n              e.preventDefault()\n              send({ type: 'focusFirst' })\n              return\n            case 'End':\n              e.preventDefault()\n              send({ type: 'focusLast' })\n              return\n            case 'Enter':\n            case ' ':\n              e.preventDefault()\n              send({ type: 'activateFocused' })\n              return\n          }\n        },\n      },\n      panel: {\n        role: 'tabpanel',\n        id: panelId(value),\n        'aria-labelledby': triggerId(value),\n        tabIndex: 0,\n        hidden: (s) => get(s).value !== value,\n        'data-state': (s) => (get(s).value === value ? 'active' : 'inactive'),\n        'data-scope': 'tabs',\n        'data-part': 'panel',\n        'data-value': value,\n      },\n    }),\n  }\n}\n\n/**\n * Track the active tab trigger and update CSS custom properties on the\n * indicator element so it can be animated into position. Call from\n * `onMount` with the tabs root element; the returned function removes\n * the observers.\n *\n * Sets `--indicator-left`, `--indicator-top`, `--indicator-width`,\n * `--indicator-height` on the indicator element every time the active\n * trigger changes or the list resizes. Style the indicator with:\n *   transform: translate(var(--indicator-left), var(--indicator-top));\n *   width: var(--indicator-width);\n *   height: var(--indicator-height);\n */\nexport function watchTabIndicator(root: HTMLElement): () => void {\n  const indicator = root.querySelector<HTMLElement>('[data-scope=\"tabs\"][data-part=\"indicator\"]')\n  const list = root.querySelector<HTMLElement>('[data-scope=\"tabs\"][data-part=\"list\"]')\n  if (!indicator || !list) return () => {}\n\n  const sync = (): void => {\n    const active = list.querySelector<HTMLElement>(\n      '[data-scope=\"tabs\"][data-part=\"trigger\"][data-state=\"active\"]',\n    )\n    if (!active) return\n    indicator.style.setProperty('--indicator-left', `${active.offsetLeft}px`)\n    indicator.style.setProperty('--indicator-top', `${active.offsetTop}px`)\n    indicator.style.setProperty('--indicator-width', `${active.offsetWidth}px`)\n    indicator.style.setProperty('--indicator-height', `${active.offsetHeight}px`)\n  }\n\n  sync()\n\n  const mo = new MutationObserver(sync)\n  mo.observe(list, { attributes: true, attributeFilter: ['data-state'], subtree: true })\n\n  // ResizeObserver may be absent in older environments or jsdom — skip\n  // gracefully; layout changes that don't involve a data-state flip just\n  // won't reposition the indicator until the next attribute change.\n  const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(sync) : null\n  ro?.observe(list)\n\n  return () => {\n    mo.disconnect()\n    ro?.disconnect()\n  }\n}\n\nexport const tabs = { init, update, connect, watchTabIndicator }\n"]}

package/dist/components/tags-input.js

@@ -1,6 +1,6 @@
 import { useContext } from '@llui/dom';
-import { flipArrow } from '../utils/direction';
-import { LocaleContext } from '../locale';
+import { flipArrow } from '../utils/direction.js';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
         value: opts.value ?? [],
@@ -171,3 +171,4 @@ export function connect(get, send, opts = {}) {
     };
 }
 export const tagsInput = { init, update, connect };
+//# sourceMappingURL=tags-input.js.map

package/dist/components/tags-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.js","sourceRoot":"","sources":["../../src/components/tags-input.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Tags input — text input that creates chips (tags) on commit keys\n * (Enter, comma, blur). Backspace on empty input removes the last tag.\n * Each tag is focusable via arrow keys.\n */\n\nexport interface TagsInputState {\n  value: string[]\n  inputValue: string\n  disabled: boolean\n  /** Maximum tag count. 0 = unlimited. */\n  max: number\n  /** Only allow unique values. */\n  unique: boolean\n  /** Currently-focused tag index, or null. */\n  focusedIndex: number | null\n}\n\nexport type TagsInputMsg =\n  | { type: 'setInput'; value: string }\n  | { type: 'addTag'; value?: string }\n  | { type: 'removeTag'; index: number }\n  | { type: 'removeLast' }\n  | { type: 'setValue'; value: string[] }\n  | { type: 'focusTag'; index: number | null }\n  | { type: 'focusTagNext' }\n  | { type: 'focusTagPrev' }\n  | { type: 'clearAll' }\n\nexport interface TagsInputInit {\n  value?: string[]\n  inputValue?: string\n  disabled?: boolean\n  max?: number\n  unique?: boolean\n}\n\nexport function init(opts: TagsInputInit = {}): TagsInputState {\n  return {\n    value: opts.value ?? [],\n    inputValue: opts.inputValue ?? '',\n    disabled: opts.disabled ?? false,\n    max: opts.max ?? 0,\n    unique: opts.unique ?? true,\n    focusedIndex: null,\n  }\n}\n\nexport function update(state: TagsInputState, msg: TagsInputMsg): [TagsInputState, never[]] {\n  if (state.disabled && msg.type !== 'setValue') return [state, []]\n  switch (msg.type) {\n    case 'setInput':\n      return [{ ...state, inputValue: msg.value }, []]\n    case 'addTag': {\n      const candidate = (msg.value ?? state.inputValue).trim()\n      if (candidate === '') return [{ ...state, inputValue: '' }, []]\n      if (state.unique && state.value.includes(candidate)) return [{ ...state, inputValue: '' }, []]\n      if (state.max > 0 && state.value.length >= state.max)\n        return [{ ...state, inputValue: '' }, []]\n      return [{ ...state, value: [...state.value, candidate], inputValue: '' }, []]\n    }\n    case 'removeTag': {\n      const value = state.value.filter((_, i) => i !== msg.index)\n      return [{ ...state, value, focusedIndex: null }, []]\n    }\n    case 'removeLast':\n      if (state.value.length === 0) return [state, []]\n      return [{ ...state, value: state.value.slice(0, -1) }, []]\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'focusTag':\n      return [{ ...state, focusedIndex: msg.index }, []]\n    case 'focusTagNext': {\n      const len = state.value.length\n      if (len === 0) return [state, []]\n      if (state.focusedIndex === null) return [state, []]\n      const next = state.focusedIndex + 1\n      return [{ ...state, focusedIndex: next >= len ? null : next }, []]\n    }\n    case 'focusTagPrev': {\n      const len = state.value.length\n      if (len === 0) return [state, []]\n      if (state.focusedIndex === null) return [{ ...state, focusedIndex: len - 1 }, []]\n      return [{ ...state, focusedIndex: Math.max(0, state.focusedIndex - 1) }, []]\n    }\n    case 'clearAll':\n      return [{ ...state, value: [], focusedIndex: null }, []]\n  }\n}\n\nexport interface TagItemParts<S> {\n  root: {\n    tabIndex: (s: S) => number\n    'data-scope': 'tags-input'\n    'data-part': 'tag'\n    'data-value': string\n    'data-index': string\n    'data-focused': (s: S) => '' | undefined\n    onKeyDown: (e: KeyboardEvent) => void\n    onFocus: (e: FocusEvent) => void\n  }\n  remove: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    tabIndex: -1\n    'data-scope': 'tags-input'\n    'data-part': 'tag-remove'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface TagsInputParts<S> {\n  root: {\n    role: 'group'\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-scope': 'tags-input'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  input: {\n    type: 'text'\n    autoComplete: 'off'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'tags-input'\n    'data-part': 'input'\n    onInput: (e: Event) => void\n    onKeyDown: (e: KeyboardEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  tag: (value: string, index: number) => TagItemParts<S>\n  clearTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'tags-input'\n    'data-part': 'clear-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  inputLabel?: string\n  removeLabel?: string\n  clearLabel?: string\n  /** Characters that commit the current input as a tag (default: [',']). */\n  delimiters?: string[]\n  /** Commit on blur (default: true). */\n  commitOnBlur?: boolean\n  /** Validate a tag value before adding. Non-empty array blocks addTag. */\n  validate?: (value: string) => string[] | null\n}\n\nexport function connect<S>(\n  get: (s: S) => TagsInputState,\n  send: Send<TagsInputMsg>,\n  opts: ConnectOptions = {},\n): TagsInputParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const inputLabel: string | ((s: S) => string) =\n    opts.inputLabel ?? ((s: S) => locale(s).tagsInput.input)\n  const removeLabel: string | ((s: S) => string) =\n    opts.removeLabel ?? ((s: S) => locale(s).tagsInput.remove)\n  const clearLabel: string | ((s: S) => string) =\n    opts.clearLabel ?? ((s: S) => locale(s).tagsInput.clear)\n  const delimiters = opts.delimiters ?? [',']\n  const commitOnBlur = opts.commitOnBlur !== false\n  const validate = opts.validate\n  let currentInput = ''\n\n  const tryAddTag = () => {\n    const candidate = currentInput.trim()\n    if (validate && candidate !== '') {\n      const errors = validate(candidate)\n      if (errors && errors.length > 0) return\n    }\n    send({ type: 'addTag' })\n  }\n\n  return {\n    root: {\n      role: 'group',\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-scope': 'tags-input',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    input: {\n      type: 'text',\n      autoComplete: 'off',\n      'aria-label': inputLabel,\n      disabled: (s) => get(s).disabled,\n      value: (s) => get(s).inputValue,\n      'data-scope': 'tags-input',\n      'data-part': 'input',\n      onInput: (e) => {\n        currentInput = (e.target as HTMLInputElement).value\n        send({ type: 'setInput', value: currentInput })\n      },\n      onKeyDown: (e) => {\n        const key = flipArrow(e.key, e.currentTarget as Element)\n        if (key === 'Enter') {\n          e.preventDefault()\n          tryAddTag()\n        } else if (delimiters.includes(key)) {\n          e.preventDefault()\n          tryAddTag()\n        } else if (key === 'Backspace') {\n          const target = e.target as HTMLInputElement\n          if (target.value === '') {\n            send({ type: 'removeLast' })\n          }\n        } else if (key === 'ArrowLeft') {\n          const target = e.target as HTMLInputElement\n          if (target.value === '') {\n            e.preventDefault()\n            send({ type: 'focusTagPrev' })\n          }\n        }\n      },\n      onBlur: () => {\n        if (commitOnBlur) tryAddTag()\n      },\n    },\n    tag: (value: string, index: number): TagItemParts<S> => ({\n      root: {\n        tabIndex: (s) => (get(s).focusedIndex === index ? 0 : -1),\n        'data-scope': 'tags-input',\n        'data-part': 'tag',\n        'data-value': value,\n        'data-index': String(index),\n        'data-focused': (s) => (get(s).focusedIndex === index ? '' : undefined),\n        onFocus: () => send({ type: 'focusTag', index }),\n        onKeyDown: (e) => {\n          const key = flipArrow(e.key, e.currentTarget as Element)\n          if (key === 'ArrowLeft') {\n            e.preventDefault()\n            send({ type: 'focusTagPrev' })\n          } else if (key === 'ArrowRight') {\n            e.preventDefault()\n            send({ type: 'focusTagNext' })\n          } else if (key === 'Backspace' || key === 'Delete') {\n            e.preventDefault()\n            send({ type: 'removeTag', index })\n          }\n        },\n      },\n      remove: {\n        type: 'button',\n        'aria-label': removeLabel,\n        tabIndex: -1,\n        'data-scope': 'tags-input',\n        'data-part': 'tag-remove',\n        onClick: () => send({ type: 'removeTag', index }),\n      },\n    }),\n    clearTrigger: {\n      type: 'button',\n      'aria-label': clearLabel,\n      'data-scope': 'tags-input',\n      'data-part': 'clear-trigger',\n      onClick: () => send({ type: 'clearAll' }),\n    },\n  }\n}\n\nexport const tagsInput = { init, update, connect }\n"]}

package/dist/components/theme-switch.js

@@ -94,3 +94,4 @@ export const themeSwitch = {
     applyTheme,
     watchSystemTheme,
 };
+//# sourceMappingURL=theme-switch.js.map

package/dist/components/theme-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switch.js","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Theme Switch — light/dark/system theme toggle.\n *\n * State machine tracks the user's explicit preference (`light`, `dark`, or\n * `system`). Use `resolveTheme()` to compute the effective theme (reading\n * `prefers-color-scheme` when `system`), and `applyTheme()` to set\n * `data-theme` on `<html>` so CSS selectors like `[data-theme='dark']` work.\n *\n * Typically wired via `onMount` or in app init:\n * ```ts\n * onMount(() => {\n *   applyTheme(resolveTheme(state.theme.theme))\n * })\n * ```\n *\n * For persistence, the app reducer reads/writes `localStorage.theme` in its\n * `init`/`update` — the state machine itself is storage-agnostic.\n */\n\nexport type Theme = 'light' | 'dark' | 'system'\nexport type ResolvedTheme = 'light' | 'dark'\n\nexport interface ThemeSwitchState {\n  theme: Theme\n}\n\nexport type ThemeSwitchMsg = { type: 'setTheme'; theme: Theme } | { type: 'toggle' }\n\nexport function init(theme: Theme = 'system'): ThemeSwitchState {\n  return { theme }\n}\n\nexport function update(state: ThemeSwitchState, msg: ThemeSwitchMsg): [ThemeSwitchState, never[]] {\n  switch (msg.type) {\n    case 'setTheme':\n      if (state.theme === msg.theme) return [state, []]\n      return [{ theme: msg.theme }, []]\n    case 'toggle': {\n      // light → dark → system → light\n      const next: Theme =\n        state.theme === 'light' ? 'dark' : state.theme === 'dark' ? 'system' : 'light'\n      return [{ theme: next }, []]\n    }\n  }\n}\n\n/**\n * Resolve a theme preference to the actual theme to apply. Returns 'dark' or\n * 'light' based on the user's setting, consulting `prefers-color-scheme` for\n * 'system'.\n */\nexport function resolveTheme(theme: Theme): ResolvedTheme {\n  if (theme === 'dark') return 'dark'\n  if (theme === 'light') return 'light'\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n  }\n  return 'light'\n}\n\n/**\n * Set `data-theme=\"light\"` or `data-theme=\"dark\"` on `<html>`. CSS selectors\n * like `[data-theme='dark'] { ... }` will then take effect.\n */\nexport function applyTheme(resolved: ResolvedTheme): void {\n  if (typeof document === 'undefined') return\n  document.documentElement.dataset.theme = resolved\n}\n\n/**\n * Listen for system theme changes (when user has selected 'system'). Returns\n * a cleanup function. Call this in `onMount` and dispatch `setTheme` on\n * change if you want the UI to auto-follow OS settings.\n */\nexport function watchSystemTheme(callback: (theme: ResolvedTheme) => void): () => void {\n  if (typeof window === 'undefined' || !window.matchMedia) return () => {}\n  const mq = window.matchMedia('(prefers-color-scheme: dark)')\n  const handler = (e: MediaQueryListEvent): void => {\n    callback(e.matches ? 'dark' : 'light')\n  }\n  mq.addEventListener('change', handler)\n  return () => mq.removeEventListener('change', handler)\n}\n\nexport interface ThemeSwitchParts<S> {\n  root: {\n    'data-scope': 'theme-switch'\n    'data-part': 'root'\n    role: 'group'\n    'aria-label': string\n  }\n  option: (theme: Theme) => {\n    type: 'button'\n    'data-scope': 'theme-switch'\n    'data-part': 'option'\n    'data-theme': Theme\n    'aria-pressed': (s: S) => boolean\n    'aria-label': string\n    onClick: (e: MouseEvent) => void\n  }\n  toggle: {\n    type: 'button'\n    'data-scope': 'theme-switch'\n    'data-part': 'toggle'\n    'data-theme': (s: S) => Theme\n    'aria-label': string\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  /** Accessible label for the theme group (default: 'Theme'). */\n  label?: string\n}\n\nconst LABELS: Record<Theme, string> = {\n  light: 'Light theme',\n  dark: 'Dark theme',\n  system: 'Use system theme',\n}\n\nexport function connect<S>(\n  get: (s: S) => ThemeSwitchState,\n  send: Send<ThemeSwitchMsg>,\n  opts: ConnectOptions,\n): ThemeSwitchParts<S> {\n  const label = opts.label ?? 'Theme'\n  return {\n    root: {\n      'data-scope': 'theme-switch',\n      'data-part': 'root',\n      role: 'group',\n      'aria-label': label,\n    },\n    option: (theme) => ({\n      type: 'button',\n      'data-scope': 'theme-switch',\n      'data-part': 'option',\n      'data-theme': theme,\n      'aria-pressed': (s) => get(s).theme === theme,\n      'aria-label': LABELS[theme],\n      onClick: () => send({ type: 'setTheme', theme }),\n    }),\n    toggle: {\n      type: 'button',\n      'data-scope': 'theme-switch',\n      'data-part': 'toggle',\n      'data-theme': (s) => get(s).theme,\n      'aria-label': 'Toggle theme',\n      onClick: () => send({ type: 'toggle' }),\n    },\n  }\n}\n\nexport const themeSwitch = {\n  init,\n  update,\n  connect,\n  resolveTheme,\n  applyTheme,\n  watchSystemTheme,\n}\n"]}

package/dist/components/time-picker.js

@@ -1,5 +1,5 @@
 import { useContext } from '@llui/dom';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
         value: opts.value ?? { hours: 0, minutes: 0, seconds: 0 },
@@ -148,3 +148,4 @@ export function connect(get, send, opts = {}) {
     };
 }
 export const timePicker = { init, update, connect, displayHours, period, formatTime };
+//# sourceMappingURL=time-picker.js.map

package/dist/components/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Time picker — hours and minutes input with increment/decrement buttons.\n * 12 or 24-hour format; optional seconds; step for minutes/seconds.\n */\n\nexport type TimeFormat = '12' | '24'\n\nexport interface TimeValue {\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nexport interface TimePickerState {\n  value: TimeValue\n  format: TimeFormat\n  minuteStep: number\n  secondStep: number\n  showSeconds: boolean\n  disabled: boolean\n}\n\nexport type TimePickerMsg =\n  | { type: 'setValue'; value: TimeValue }\n  | { type: 'setHours'; hours: number }\n  | { type: 'setMinutes'; minutes: number }\n  | { type: 'setSeconds'; seconds: number }\n  | { type: 'incrementHours' }\n  | { type: 'decrementHours' }\n  | { type: 'incrementMinutes' }\n  | { type: 'decrementMinutes' }\n  | { type: 'toggleAmPm' }\n\nexport interface TimePickerInit {\n  value?: TimeValue\n  format?: TimeFormat\n  minuteStep?: number\n  secondStep?: number\n  showSeconds?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: TimePickerInit = {}): TimePickerState {\n  return {\n    value: opts.value ?? { hours: 0, minutes: 0, seconds: 0 },\n    format: opts.format ?? '24',\n    minuteStep: opts.minuteStep ?? 1,\n    secondStep: opts.secondStep ?? 1,\n    showSeconds: opts.showSeconds ?? false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction mod(n: number, m: number): number {\n  return ((n % m) + m) % m\n}\n\nexport function update(state: TimePickerState, msg: TimePickerMsg): [TimePickerState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setHours':\n      return [{ ...state, value: { ...state.value, hours: mod(msg.hours, 24) } }, []]\n    case 'setMinutes':\n      return [{ ...state, value: { ...state.value, minutes: mod(msg.minutes, 60) } }, []]\n    case 'setSeconds':\n      return [{ ...state, value: { ...state.value, seconds: mod(msg.seconds, 60) } }, []]\n    case 'incrementHours':\n      return [{ ...state, value: { ...state.value, hours: mod(state.value.hours + 1, 24) } }, []]\n    case 'decrementHours':\n      return [{ ...state, value: { ...state.value, hours: mod(state.value.hours - 1, 24) } }, []]\n    case 'incrementMinutes':\n      return [\n        {\n          ...state,\n          value: { ...state.value, minutes: mod(state.value.minutes + state.minuteStep, 60) },\n        },\n        [],\n      ]\n    case 'decrementMinutes':\n      return [\n        {\n          ...state,\n          value: { ...state.value, minutes: mod(state.value.minutes - state.minuteStep, 60) },\n        },\n        [],\n      ]\n    case 'toggleAmPm': {\n      const h = state.value.hours >= 12 ? state.value.hours - 12 : state.value.hours + 12\n      return [{ ...state, value: { ...state.value, hours: h } }, []]\n    }\n  }\n}\n\n/** Hours formatted for display (12-hr: 1..12, 24-hr: 0..23). */\nexport function displayHours(state: TimePickerState): number {\n  if (state.format === '24') return state.value.hours\n  const h = state.value.hours % 12\n  return h === 0 ? 12 : h\n}\n\n/** AM or PM for 12-hour format. */\nexport function period(state: TimePickerState): 'AM' | 'PM' {\n  return state.value.hours >= 12 ? 'PM' : 'AM'\n}\n\n/** Format the full time string (HH:MM or HH:MM:SS). */\nexport function formatTime(state: TimePickerState): string {\n  const pad = (n: number): string => n.toString().padStart(2, '0')\n  const h = pad(state.value.hours)\n  const m = pad(state.value.minutes)\n  if (state.showSeconds) return `${h}:${m}:${pad(state.value.seconds)}`\n  return `${h}:${m}`\n}\n\nexport interface TimePickerParts<S> {\n  root: {\n    role: 'group'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'time-picker'\n    'data-part': 'root'\n    'data-format': (s: S) => TimeFormat\n  }\n  hoursInput: {\n    type: 'number'\n    role: 'spinbutton'\n    'aria-label': string | ((s: S) => string)\n    'aria-valuemin': (s: S) => number\n    'aria-valuemax': (s: S) => number\n    'aria-valuenow': (s: S) => number\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'time-picker'\n    'data-part': 'hours-input'\n    onInput: (e: Event) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  minutesInput: {\n    type: 'number'\n    role: 'spinbutton'\n    'aria-label': string | ((s: S) => string)\n    'aria-valuemin': 0\n    'aria-valuemax': 59\n    'aria-valuenow': (s: S) => number\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'time-picker'\n    'data-part': 'minutes-input'\n    onInput: (e: Event) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  periodTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'time-picker'\n    'data-part': 'period-trigger'\n    'data-period': (s: S) => 'AM' | 'PM'\n    onClick: (e: MouseEvent) => void\n    hidden: (s: S) => boolean\n  }\n}\n\nexport interface ConnectOptions {\n  label?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  periodLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => TimePickerState,\n  send: Send<TimePickerMsg>,\n  opts: ConnectOptions = {},\n): TimePickerParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  return {\n    root: {\n      role: 'group',\n      'aria-label': opts.label ?? ((s: S) => locale(s).timePicker.label),\n      'data-scope': 'time-picker',\n      'data-part': 'root',\n      'data-format': (s) => get(s).format,\n    },\n    hoursInput: {\n      type: 'number',\n      role: 'spinbutton',\n      'aria-label': opts.hoursLabel ?? ((s: S) => locale(s).timePicker.hours),\n      'aria-valuemin': (s) => (get(s).format === '12' ? 1 : 0),\n      'aria-valuemax': (s) => (get(s).format === '12' ? 12 : 23),\n      'aria-valuenow': (s) => displayHours(get(s)),\n      disabled: (s) => get(s).disabled,\n      value: (s) => String(displayHours(get(s))).padStart(2, '0'),\n      'data-scope': 'time-picker',\n      'data-part': 'hours-input',\n      onInput: (e) => {\n        const n = parseInt((e.target as HTMLInputElement).value, 10)\n        if (!isNaN(n)) send({ type: 'setHours', hours: n })\n      },\n      onKeyDown: (e) => {\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          send({ type: 'incrementHours' })\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault()\n          send({ type: 'decrementHours' })\n        }\n      },\n    },\n    minutesInput: {\n      type: 'number',\n      role: 'spinbutton',\n      'aria-label': opts.minutesLabel ?? ((s: S) => locale(s).timePicker.minutes),\n      'aria-valuemin': 0,\n      'aria-valuemax': 59,\n      'aria-valuenow': (s) => get(s).value.minutes,\n      disabled: (s) => get(s).disabled,\n      value: (s) => String(get(s).value.minutes).padStart(2, '0'),\n      'data-scope': 'time-picker',\n      'data-part': 'minutes-input',\n      onInput: (e) => {\n        const n = parseInt((e.target as HTMLInputElement).value, 10)\n        if (!isNaN(n)) send({ type: 'setMinutes', minutes: n })\n      },\n      onKeyDown: (e) => {\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          send({ type: 'incrementMinutes' })\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault()\n          send({ type: 'decrementMinutes' })\n        }\n      },\n    },\n    periodTrigger: {\n      type: 'button',\n      'aria-label': opts.periodLabel ?? ((s: S) => locale(s).timePicker.period),\n      disabled: (s) => get(s).disabled,\n      'data-scope': 'time-picker',\n      'data-part': 'period-trigger',\n      'data-period': (s) => period(get(s)),\n      onClick: () => send({ type: 'toggleAmPm' }),\n      hidden: (s) => get(s).format === '24',\n    },\n  }\n}\n\nexport const timePicker = { init, update, connect, displayHours, period, formatTime }\n"]}

package/dist/components/timer.js

@@ -1,5 +1,5 @@
 import { useContext } from '@llui/dom';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
         running: false,
@@ -118,3 +118,4 @@ export function connect(get, send, opts = {}) {
     };
 }
 export const timer = { init, update, connect, display, isComplete, parts, formatMs };
+//# sourceMappingURL=timer.js.map

package/dist/components/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../src/components/timer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Timer — counts elapsed time up from zero, or down from a configured\n * target. The machine is pure: it doesn't own the ticking interval.\n * The consumer runs `setInterval(() => send({type:'tick', now: Date.now()}), 100)`\n * (or whatever granularity) while the timer is running, and dispatches\n * `start` / `pause` / `reset` in response to user input.\n *\n * Typical display:\n *\n *   const t = timer.connect<State>(s => s.timer, msg => send({type: 'timer', msg}))\n *   div({ ...t.root }, [\n *     div({ ...t.display }, [text(s => timer.formatMs(timer.display(s.timer), 'mm:ss'))]),\n *     button({ ...t.startTrigger }, [text('Start')]),\n *     button({ ...t.pauseTrigger }, [text('Pause')]),\n *     button({ ...t.resetTrigger }, [text('Reset')]),\n *   ])\n */\n\nexport type Direction = 'up' | 'down'\n\nexport interface TimerState {\n  running: boolean\n  direction: Direction\n  /** Target in milliseconds for countdown (0 = no target, runs indefinitely). */\n  targetMs: number\n  /** Accumulated elapsed time, excluding the current running interval. */\n  elapsedMs: number\n  /** Timestamp when the current running interval started (null when paused). */\n  startedAt: number | null\n}\n\nexport type TimerMsg =\n  | { type: 'start'; now: number }\n  | { type: 'pause'; now: number }\n  | { type: 'reset' }\n  | { type: 'tick'; now: number }\n  | { type: 'setTarget'; targetMs: number }\n\nexport interface TimerInit {\n  direction?: Direction\n  targetMs?: number\n  elapsedMs?: number\n}\n\nexport function init(opts: TimerInit = {}): TimerState {\n  return {\n    running: false,\n    direction: opts.direction ?? 'up',\n    targetMs: opts.targetMs ?? 0,\n    elapsedMs: opts.elapsedMs ?? 0,\n    startedAt: null,\n  }\n}\n\nexport function update(state: TimerState, msg: TimerMsg): [TimerState, never[]] {\n  switch (msg.type) {\n    case 'start':\n      if (state.running) return [state, []]\n      return [{ ...state, running: true, startedAt: msg.now }, []]\n    case 'pause': {\n      if (!state.running || state.startedAt === null) return [state, []]\n      const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n      return [{ ...state, running: false, elapsedMs: elapsed, startedAt: null }, []]\n    }\n    case 'reset':\n      return [{ ...state, running: false, elapsedMs: 0, startedAt: null }, []]\n    case 'tick': {\n      if (!state.running || state.startedAt === null) return [state, []]\n      const elapsed = state.elapsedMs + (msg.now - state.startedAt)\n      // Countdown: auto-stop at target.\n      if (state.direction === 'down' && state.targetMs > 0 && elapsed >= state.targetMs) {\n        return [{ ...state, running: false, elapsedMs: state.targetMs, startedAt: null }, []]\n      }\n      return [{ ...state, elapsedMs: elapsed, startedAt: msg.now }, []]\n    }\n    case 'setTarget':\n      return [{ ...state, targetMs: msg.targetMs }, []]\n  }\n}\n\n/** Returns the display value in ms (elapsed for count-up, remaining for count-down). */\nexport function display(state: TimerState): number {\n  if (state.direction === 'up') return state.elapsedMs\n  return Math.max(0, state.targetMs - state.elapsedMs)\n}\n\nexport function isComplete(state: TimerState): boolean {\n  return state.direction === 'down' && state.targetMs > 0 && state.elapsedMs >= state.targetMs\n}\n\n/** Breaks a ms value into `{ hours, minutes, seconds, ms }` parts for rendering. */\nexport function parts(ms: number): { hours: number; minutes: number; seconds: number; ms: number } {\n  const total = Math.max(0, Math.floor(ms))\n  const hours = Math.floor(total / 3_600_000)\n  const minutes = Math.floor((total % 3_600_000) / 60_000)\n  const seconds = Math.floor((total % 60_000) / 1000)\n  const rem = total % 1000\n  return { hours, minutes, seconds, ms: rem }\n}\n\nconst pad = (n: number, width: number): string => String(n).padStart(width, '0')\n\n/**\n * Format a ms value using a simple template. Supported tokens:\n *   HH / H  — hours (2-digit / unpadded)\n *   mm / m  — minutes\n *   ss / s  — seconds\n *   SSS / S — milliseconds (3-digit / unpadded)\n *\n * Example: formatMs(125_500, 'mm:ss.SSS') → \"02:05.500\"\n */\nexport function formatMs(ms: number, template: string): string {\n  const p = parts(ms)\n  return template\n    .replace(/HH/g, pad(p.hours, 2))\n    .replace(/H/g, String(p.hours))\n    .replace(/mm/g, pad(p.minutes, 2))\n    .replace(/m/g, String(p.minutes))\n    .replace(/ss/g, pad(p.seconds, 2))\n    .replace(/s/g, String(p.seconds))\n    .replace(/SSS/g, pad(p.ms, 3))\n    .replace(/S/g, String(p.ms))\n}\n\nexport interface TimerParts<S> {\n  root: {\n    'data-scope': 'timer'\n    'data-part': 'root'\n    'data-running': (s: S) => '' | undefined\n    'data-direction': (s: S) => Direction\n  }\n  display: {\n    role: 'timer'\n    'aria-live': 'off' | 'polite'\n    'data-scope': 'timer'\n    'data-part': 'display'\n  }\n  startTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'timer'\n    'data-part': 'start-trigger'\n    disabled: (s: S) => boolean\n    onClick: (e: MouseEvent) => void\n  }\n  pauseTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'timer'\n    'data-part': 'pause-trigger'\n    disabled: (s: S) => boolean\n    onClick: (e: MouseEvent) => void\n  }\n  resetTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'timer'\n    'data-part': 'reset-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  startLabel?: string\n  pauseLabel?: string\n  resetLabel?: string\n  /**\n   * aria-live politeness for the display element. `'polite'` announces\n   * updates to assistive tech; `'off'` (default) keeps it silent — use\n   * 'polite' sparingly to avoid spamming screen reader users with\n   * every tick.\n   */\n  ariaLive?: 'off' | 'polite'\n}\n\nexport function connect<S>(\n  get: (s: S) => TimerState,\n  send: Send<TimerMsg>,\n  opts: ConnectOptions = {},\n): TimerParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  return {\n    root: {\n      'data-scope': 'timer',\n      'data-part': 'root',\n      'data-running': (s) => (get(s).running ? '' : undefined),\n      'data-direction': (s) => get(s).direction,\n    },\n    display: {\n      role: 'timer',\n      'aria-live': opts.ariaLive ?? 'off',\n      'data-scope': 'timer',\n      'data-part': 'display',\n    },\n    startTrigger: {\n      type: 'button',\n      'aria-label': opts.startLabel ?? ((s: S) => locale(s).timer.start),\n      'data-scope': 'timer',\n      'data-part': 'start-trigger',\n      disabled: (s) => get(s).running,\n      onClick: () => send({ type: 'start', now: Date.now() }),\n    },\n    pauseTrigger: {\n      type: 'button',\n      'aria-label': opts.pauseLabel ?? ((s: S) => locale(s).timer.pause),\n      'data-scope': 'timer',\n      'data-part': 'pause-trigger',\n      disabled: (s) => !get(s).running,\n      onClick: () => send({ type: 'pause', now: Date.now() }),\n    },\n    resetTrigger: {\n      type: 'button',\n      'aria-label': opts.resetLabel ?? ((s: S) => locale(s).timer.reset),\n      'data-scope': 'timer',\n      'data-part': 'reset-trigger',\n      onClick: () => send({ type: 'reset' }),\n    },\n  }\n}\n\nexport const timer = { init, update, connect, display, isComplete, parts, formatMs }\n"]}

package/dist/components/toast.js

@@ -1,5 +1,5 @@
 import { useContext } from '@llui/dom';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
         toasts: [],
@@ -103,3 +103,4 @@ export function connect(_get, send, opts = {}) {
     };
 }
 export const toast = { init, update, connect, nextToastId };
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Toast — ephemeral non-modal notifications rendered in a fixed region.\n * Multiple toasts can be active at once. Each has a duration after which\n * it auto-dismisses (unless paused or persistent).\n *\n * Architecture:\n *   - `toast.toaster` state manages a collection of toasts.\n *   - Duration countdown is handled externally — the consumer schedules\n *     a `dismiss` message via setTimeout (or uses the `scheduleDismiss`\n *     effect-style helper in your onEffect handler).\n */\n\nexport type ToastType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'custom'\nexport type ToastPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n\nexport interface Toast {\n  id: string\n  type: ToastType\n  title?: string\n  description?: string\n  /** ms until auto-dismiss. Use Infinity for persistent. */\n  duration: number\n  /** Whether the toast can be manually dismissed. */\n  dismissable: boolean\n  /** Optional pause flag — consumer sets while user hovers. */\n  paused: boolean\n}\n\nexport interface ToasterState {\n  toasts: Toast[]\n  max: number\n  placement: ToastPlacement\n}\n\nexport type ToasterMsg =\n  | { type: 'create'; toast: Omit<Toast, 'paused'> & { paused?: boolean } }\n  | { type: 'dismiss'; id: string }\n  | { type: 'dismissAll' }\n  | { type: 'update'; id: string; patch: Partial<Toast> }\n  | { type: 'pause'; id: string }\n  | { type: 'resume'; id: string }\n  | { type: 'pauseAll' }\n  | { type: 'resumeAll' }\n\nexport interface ToasterInit {\n  max?: number\n  placement?: ToastPlacement\n}\n\nexport function init(opts: ToasterInit = {}): ToasterState {\n  return {\n    toasts: [],\n    max: opts.max ?? 5,\n    placement: opts.placement ?? 'bottom-end',\n  }\n}\n\nexport function update(state: ToasterState, msg: ToasterMsg): [ToasterState, never[]] {\n  switch (msg.type) {\n    case 'create': {\n      const toast: Toast = { paused: false, ...msg.toast }\n      const toasts = [...state.toasts, toast]\n      // Enforce max — drop oldest\n      const trimmed = toasts.length > state.max ? toasts.slice(-state.max) : toasts\n      return [{ ...state, toasts: trimmed }, []]\n    }\n    case 'dismiss':\n      return [{ ...state, toasts: state.toasts.filter((t) => t.id !== msg.id) }, []]\n    case 'dismissAll':\n      return [{ ...state, toasts: [] }, []]\n    case 'update':\n      return [\n        {\n          ...state,\n          toasts: state.toasts.map((t) => (t.id === msg.id ? { ...t, ...msg.patch } : t)),\n        },\n        [],\n      ]\n    case 'pause':\n      return [\n        {\n          ...state,\n          toasts: state.toasts.map((t) => (t.id === msg.id ? { ...t, paused: true } : t)),\n        },\n        [],\n      ]\n    case 'resume':\n      return [\n        {\n          ...state,\n          toasts: state.toasts.map((t) => (t.id === msg.id ? { ...t, paused: false } : t)),\n        },\n        [],\n      ]\n    case 'pauseAll':\n      return [{ ...state, toasts: state.toasts.map((t) => ({ ...t, paused: true })) }, []]\n    case 'resumeAll':\n      return [{ ...state, toasts: state.toasts.map((t) => ({ ...t, paused: false })) }, []]\n  }\n}\n\nlet toastIdCounter = 0\nexport function nextToastId(): string {\n  return `toast-${++toastIdCounter}`\n}\n\nexport interface ToastItemParts<S> {\n  root: {\n    role: 'status'\n    'aria-atomic': 'true'\n    'aria-live': 'polite' | 'assertive'\n    id: string\n    'data-scope': 'toast'\n    'data-part': 'root'\n    'data-type': ToastType\n    'data-id': string\n    onPointerEnter: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  title: {\n    id: string\n    'data-scope': 'toast'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'toast'\n    'data-part': 'description'\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'toast'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ToasterParts<S> {\n  region: {\n    role: 'region'\n    'aria-label': string | ((s: S) => string)\n    tabIndex: -1\n    'data-scope': 'toast'\n    'data-part': 'region'\n    'data-placement': (s: S) => ToastPlacement\n  }\n  toast: (toast: Toast) => ToastItemParts<S>\n}\n\nexport interface ConnectOptions {\n  regionLabel?: string\n  closeLabel?: string\n}\n\nexport function connect<S>(\n  _get: (s: S) => ToasterState,\n  send: Send<ToasterMsg>,\n  opts: ConnectOptions = {},\n): ToasterParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const regionLabel: string | ((s: S) => string) =\n    opts.regionLabel ?? ((s: S) => locale(s).toast.region)\n  const closeLabel: string | ((s: S) => string) =\n    opts.closeLabel ?? ((s: S) => locale(s).toast.dismiss)\n\n  return {\n    region: {\n      role: 'region',\n      'aria-label': regionLabel,\n      tabIndex: -1,\n      'data-scope': 'toast',\n      'data-part': 'region',\n      'data-placement': (s) => _get(s).placement,\n    },\n    toast: (toast: Toast): ToastItemParts<S> => ({\n      root: {\n        role: 'status',\n        'aria-atomic': 'true',\n        'aria-live': toast.type === 'error' ? 'assertive' : 'polite',\n        id: `${toast.id}:root`,\n        'data-scope': 'toast',\n        'data-part': 'root',\n        'data-type': toast.type,\n        'data-id': toast.id,\n        onPointerEnter: () => send({ type: 'pause', id: toast.id }),\n        onPointerLeave: () => send({ type: 'resume', id: toast.id }),\n        onFocus: () => send({ type: 'pause', id: toast.id }),\n        onBlur: () => send({ type: 'resume', id: toast.id }),\n      },\n      title: {\n        id: `${toast.id}:title`,\n        'data-scope': 'toast',\n        'data-part': 'title',\n      },\n      description: {\n        id: `${toast.id}:description`,\n        'data-scope': 'toast',\n        'data-part': 'description',\n      },\n      closeTrigger: {\n        type: 'button',\n        'aria-label': closeLabel,\n        'data-scope': 'toast',\n        'data-part': 'close-trigger',\n        onClick: () => send({ type: 'dismiss', id: toast.id }),\n      },\n    }),\n  }\n}\n\nexport const toast = { init, update, connect, nextToastId }\n"]}

package/dist/components/toc.js

@@ -1,5 +1,5 @@
 import { useContext } from '@llui/dom';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
         items: opts.items ?? [],
@@ -108,3 +108,4 @@ export const toc = {
     isExpanded,
     watchActiveHeading,
 };
+//# sourceMappingURL=toc.js.map

package/dist/components/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","sourceRoot":"","sources":["../../src/components/toc.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Table of contents — a navigation list that tracks which heading is\n * currently visible in the main scroll area and highlights it. The\n * state machine tracks the flat list of heading ids and the currently\n * active one; the view layer installs an IntersectionObserver in\n * onMount to detect which heading is on screen and dispatches\n * `setActive`.\n *\n * Typical setup in onMount:\n *\n *   const headings = document.querySelectorAll('h2[id], h3[id]')\n *   const io = new IntersectionObserver((entries) => {\n *     for (const e of entries) {\n *       if (e.isIntersecting) send({ type: 'setActive', id: e.target.id })\n *     }\n *   }, { rootMargin: '0px 0px -80% 0px' })\n *   headings.forEach((h) => io.observe(h))\n *   return () => io.disconnect()\n */\n\nexport interface TocEntry {\n  id: string\n  label: string\n  /** Nesting level (1 = top-level). */\n  level: number\n}\n\nexport interface TocState {\n  items: TocEntry[]\n  activeId: string | null\n  /** Ids of entries the user has manually expanded (for collapsible sub-levels). */\n  expanded: string[]\n}\n\nexport type TocMsg =\n  | { type: 'setItems'; items: TocEntry[] }\n  | { type: 'setActive'; id: string | null }\n  | { type: 'toggleExpanded'; id: string }\n  | { type: 'expandAll' }\n  | { type: 'collapseAll' }\n\nexport interface TocInit {\n  items?: TocEntry[]\n  activeId?: string | null\n  expanded?: string[]\n}\n\nexport function init(opts: TocInit = {}): TocState {\n  return {\n    items: opts.items ?? [],\n    activeId: opts.activeId ?? null,\n    expanded: opts.expanded ?? [],\n  }\n}\n\nexport function update(state: TocState, msg: TocMsg): [TocState, never[]] {\n  switch (msg.type) {\n    case 'setItems':\n      return [{ ...state, items: msg.items }, []]\n    case 'setActive':\n      if (state.activeId === msg.id) return [state, []]\n      return [{ ...state, activeId: msg.id }, []]\n    case 'toggleExpanded': {\n      const expanded = state.expanded.includes(msg.id)\n        ? state.expanded.filter((id) => id !== msg.id)\n        : [...state.expanded, msg.id]\n      return [{ ...state, expanded }, []]\n    }\n    case 'expandAll':\n      return [{ ...state, expanded: state.items.map((i) => i.id) }, []]\n    case 'collapseAll':\n      return [{ ...state, expanded: [] }, []]\n  }\n}\n\nexport function isActive(state: TocState, id: string): boolean {\n  return state.activeId === id\n}\n\nexport function isExpanded(state: TocState, id: string): boolean {\n  return state.expanded.includes(id)\n}\n\nexport interface TocItemParts<S> {\n  item: {\n    'data-scope': 'toc'\n    'data-part': 'item'\n    'data-level': string\n    'data-active': (s: S) => '' | undefined\n    'data-value': string\n  }\n  link: {\n    href: string\n    'aria-current': (s: S) => 'location' | undefined\n    'data-scope': 'toc'\n    'data-part': 'link'\n    'data-active': (s: S) => '' | undefined\n  }\n  expandTrigger: {\n    type: 'button'\n    'aria-expanded': (s: S) => boolean\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'toc'\n    'data-part': 'expand-trigger'\n    'data-state': (s: S) => 'open' | 'closed'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface TocParts<S> {\n  root: {\n    role: 'navigation'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'toc'\n    'data-part': 'root'\n  }\n  list: {\n    role: 'list'\n    'data-scope': 'toc'\n    'data-part': 'list'\n  }\n  item: (entry: TocEntry) => TocItemParts<S>\n}\n\nexport interface ConnectOptions {\n  label?: string\n  /** Prefix for href targets (default: '#'). */\n  hrefPrefix?: string\n  expandLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => TocState,\n  send: Send<TocMsg>,\n  opts: ConnectOptions = {},\n): TocParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const prefix = opts.hrefPrefix ?? '#'\n  const expandLabel: string | ((s: S) => string) =\n    opts.expandLabel ?? ((s: S) => locale(s).toc.expand)\n\n  return {\n    root: {\n      role: 'navigation',\n      'aria-label': opts.label ?? ((s: S) => locale(s).toc.label),\n      'data-scope': 'toc',\n      'data-part': 'root',\n    },\n    list: {\n      role: 'list',\n      'data-scope': 'toc',\n      'data-part': 'list',\n    },\n    item: (entry: TocEntry): TocItemParts<S> => ({\n      item: {\n        'data-scope': 'toc',\n        'data-part': 'item',\n        'data-level': String(entry.level),\n        'data-active': (s) => (isActive(get(s), entry.id) ? '' : undefined),\n        'data-value': entry.id,\n      },\n      link: {\n        href: `${prefix}${entry.id}`,\n        'aria-current': (s) => (isActive(get(s), entry.id) ? 'location' : undefined),\n        'data-scope': 'toc',\n        'data-part': 'link',\n        'data-active': (s) => (isActive(get(s), entry.id) ? '' : undefined),\n      },\n      expandTrigger: {\n        type: 'button',\n        'aria-expanded': (s) => isExpanded(get(s), entry.id),\n        'aria-label': expandLabel,\n        'data-scope': 'toc',\n        'data-part': 'expand-trigger',\n        'data-state': (s) => (isExpanded(get(s), entry.id) ? 'open' : 'closed'),\n        onClick: () => send({ type: 'toggleExpanded', id: entry.id }),\n      },\n    }),\n  }\n}\n\n/**\n * Install an IntersectionObserver that watches heading elements and\n * dispatches `setActive` as the user scrolls. Call from onMount and\n * invoke the returned function on unmount.\n *\n * `rootMargin` defaults to '0px 0px -80% 0px' — a heading is considered\n * active once its top edge enters the top 20% of the viewport.\n */\nexport function watchActiveHeading(\n  send: Send<TocMsg>,\n  selector: string = '[id][data-toc]',\n  rootMargin: string = '0px 0px -80% 0px',\n): () => void {\n  const headings = Array.from(document.querySelectorAll<HTMLElement>(selector))\n  if (headings.length === 0) return () => {}\n  const io = new IntersectionObserver(\n    (entries) => {\n      for (const e of entries) {\n        if (e.isIntersecting) {\n          send({ type: 'setActive', id: (e.target as HTMLElement).id })\n          return\n        }\n      }\n    },\n    { rootMargin },\n  )\n  for (const h of headings) io.observe(h)\n  return () => io.disconnect()\n}\n\nexport const toc = {\n  init,\n  update,\n  connect,\n  isActive,\n  isExpanded,\n  watchActiveHeading,\n}\n"]}

package/dist/components/toggle-group.js

@@ -1,4 +1,4 @@
-import { flipArrow } from '../utils/direction';
+import { flipArrow } from '../utils/direction.js';
 export function init(opts = {}) {
     return {
         value: opts.value ?? [],
@@ -92,3 +92,4 @@ export function connect(get, send) {
     };
 }
 export const toggleGroup = { init, update, connect };
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../src/components/toggle-group.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Toggle group — a set of toggle buttons. `type: 'single'` enforces\n * one-active-at-a-time (like a radio group but visually toggles).\n * `type: 'multiple'` allows any subset to be pressed.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface ToggleGroupState {\n  value: string[]\n  type: 'single' | 'multiple'\n  items: string[]\n  disabledItems: string[]\n  disabled: boolean\n  orientation: Orientation\n  /** In single mode, whether the active item can be deselected. */\n  deselectable: boolean\n}\n\nexport type ToggleGroupMsg =\n  | { type: 'toggle'; value: string }\n  | { type: 'setValue'; value: string[] }\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  | { type: 'focusNext'; from: string }\n  | { type: 'focusPrev'; from: string }\n\nexport interface ToggleGroupInit {\n  value?: string[]\n  type?: 'single' | 'multiple'\n  items?: string[]\n  disabledItems?: string[]\n  disabled?: boolean\n  orientation?: Orientation\n  deselectable?: boolean\n}\n\nexport function init(opts: ToggleGroupInit = {}): ToggleGroupState {\n  return {\n    value: opts.value ?? [],\n    type: opts.type ?? 'single',\n    items: opts.items ?? [],\n    disabledItems: opts.disabledItems ?? [],\n    disabled: opts.disabled ?? false,\n    orientation: opts.orientation ?? 'horizontal',\n    deselectable: opts.deselectable ?? true,\n  }\n}\n\nexport function update(state: ToggleGroupState, msg: ToggleGroupMsg): [ToggleGroupState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'toggle': {\n      if (state.disabledItems.includes(msg.value)) return [state, []]\n      const isActive = state.value.includes(msg.value)\n      if (state.type === 'multiple') {\n        const next = isActive\n          ? state.value.filter((v) => v !== msg.value)\n          : [...state.value, msg.value]\n        return [{ ...state, value: next }, []]\n      }\n      // single\n      if (isActive) {\n        if (!state.deselectable) return [state, []]\n        return [{ ...state, value: [] }, []]\n      }\n      return [{ ...state, value: [msg.value] }, []]\n    }\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setItems':\n      return [\n        { ...state, items: msg.items, disabledItems: msg.disabled ?? state.disabledItems },\n        [],\n      ]\n    case 'focusNext':\n    case 'focusPrev':\n      return [state, []]\n  }\n}\n\nexport interface ToggleGroupItemParts<S> {\n  root: {\n    type: 'button'\n    role: 'button'\n    'aria-pressed': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-state': (s: S) => 'on' | 'off'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'toggle-group'\n    'data-part': 'item'\n    'data-value': string\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport interface ToggleGroupParts<S> {\n  root: {\n    role: 'group'\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-scope': 'toggle-group'\n    'data-part': 'root'\n    'data-orientation': (s: S) => Orientation\n    'data-disabled': (s: S) => '' | undefined\n  }\n  item: (value: string) => ToggleGroupItemParts<S>\n}\n\nexport function connect<S>(\n  get: (s: S) => ToggleGroupState,\n  send: Send<ToggleGroupMsg>,\n): ToggleGroupParts<S> {\n  return {\n    root: {\n      role: 'group',\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-scope': 'toggle-group',\n      'data-part': 'root',\n      'data-orientation': (s) => get(s).orientation,\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    item: (value: string): ToggleGroupItemParts<S> => ({\n      root: {\n        type: 'button',\n        role: 'button',\n        'aria-pressed': (s) => get(s).value.includes(value),\n        'aria-disabled': (s) =>\n          get(s).disabled || get(s).disabledItems.includes(value) ? 'true' : undefined,\n        disabled: (s) => get(s).disabled || get(s).disabledItems.includes(value),\n        'data-state': (s) => (get(s).value.includes(value) ? 'on' : 'off'),\n        'data-disabled': (s) =>\n          get(s).disabled || get(s).disabledItems.includes(value) ? '' : undefined,\n        'data-scope': 'toggle-group',\n        'data-part': 'item',\n        'data-value': value,\n        onClick: () => send({ type: 'toggle', value }),\n        onKeyDown: (e) => {\n          const key = flipArrow(e.key, e.currentTarget as Element)\n          switch (key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n              e.preventDefault()\n              send({ type: 'focusNext', from: value })\n              return\n            case 'ArrowLeft':\n            case 'ArrowUp':\n              e.preventDefault()\n              send({ type: 'focusPrev', from: value })\n              return\n            case ' ':\n            case 'Enter':\n              e.preventDefault()\n              send({ type: 'toggle', value })\n              return\n          }\n        },\n      },\n    }),\n  }\n}\n\nexport const toggleGroup = { init, update, connect }\n"]}

package/dist/components/toggle.js

@@ -39,3 +39,4 @@ export function connect(get, send) {
     };
 }
 export const toggle = { init, update, connect };
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/components/toggle.ts"],"names":[],"mappings":"AAuBA,MAAM,UAAU,IAAI,CAAC,OAAmB,EAAE;IACxC,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;QAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB,EAAE,GAAc;IACvD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACtC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACpD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACjD,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC;AACH,CAAC;AAkBD,MAAM,UAAU,OAAO,CAAI,GAA0B,EAAE,IAAqB;IAC1E,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;YACd,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO;YACrC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YACpD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YACvC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;gBAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;gBAC1B,CAAC;YACH,CAAC;SACF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Toggle button — a button that can be pressed or not. Unlike a checkbox,\n * a toggle represents an action that is applied immediately (e.g. \"bold\" in\n * a text editor toolbar).\n */\n\nexport interface ToggleState {\n  pressed: boolean\n  disabled: boolean\n}\n\nexport type ToggleMsg =\n  | { type: 'toggle' }\n  | { type: 'setPressed'; pressed: boolean }\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface ToggleInit {\n  pressed?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: ToggleInit = {}): ToggleState {\n  return {\n    pressed: opts.pressed ?? false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(state: ToggleState, msg: ToggleMsg): [ToggleState, never[]] {\n  switch (msg.type) {\n    case 'toggle':\n      if (state.disabled) return [state, []]\n      return [{ ...state, pressed: !state.pressed }, []]\n    case 'setPressed':\n      return [{ ...state, pressed: msg.pressed }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nexport interface ToggleParts<S> {\n  root: {\n    type: 'button'\n    role: 'button'\n    'aria-pressed': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-state': (s: S) => 'on' | 'off'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'toggle'\n    'data-part': 'root'\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport function connect<S>(get: (s: S) => ToggleState, send: Send<ToggleMsg>): ToggleParts<S> {\n  return {\n    root: {\n      type: 'button',\n      role: 'button',\n      'aria-pressed': (s) => get(s).pressed,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      disabled: (s) => get(s).disabled,\n      'data-state': (s) => (get(s).pressed ? 'on' : 'off'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'toggle',\n      'data-part': 'root',\n      onClick: () => send({ type: 'toggle' }),\n      onKeyDown: (e: KeyboardEvent) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault()\n          send({ type: 'toggle' })\n        }\n      },\n    },\n  }\n}\n\nexport const toggle = { init, update, connect }\n"]}

package/dist/components/tooltip.d.ts

@@ -1,5 +1,5 @@
 import type { Send, TransitionOptions } from '@llui/dom';
-import { type Placement } from '../utils/floating';
+import { type Placement } from '../utils/floating.js';
 /**
  * Tooltip — hover / focus-triggered, positioned. Opens after a short delay
  * to avoid flicker from passing pointers, closes immediately on blur or

package/dist/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"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"}

package/dist/components/tooltip.js

@@ -1,5 +1,5 @@
 import { show, portal, onMount, div } from '@llui/dom';
-import { attachFloating } from '../utils/floating';
+import { attachFloating } from '../utils/floating.js';
 export function init(opts = {}) {
     return { open: opts.open ?? false };
 }
@@ -145,3 +145,4 @@ export function overlay(opts) {
     });
 }
 export const tooltip = { init, update, connect, overlay };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div } from '@llui/dom'\nimport { attachFloating, type Placement } from '../utils/floating.js'\n\n/**\n * Tooltip — hover / focus-triggered, positioned. Opens after a short delay\n * to avoid flicker from passing pointers, closes immediately on blur or\n * after a grace period on pointer leave.\n *\n * Pure reducer handles only the boolean `open` state; timing (delays,\n * debouncing) lives in the event handlers returned from `connect()`, which\n * close over per-instance timers.\n */\n\nexport interface TooltipState {\n  open: boolean\n}\n\nexport type TooltipMsg =\n  | { type: 'show' }\n  | { type: 'hide' }\n  | { type: 'toggle' }\n  | { type: 'setOpen'; open: boolean }\n\nexport interface TooltipInit {\n  open?: boolean\n}\n\nexport function init(opts: TooltipInit = {}): TooltipState {\n  return { open: opts.open ?? false }\n}\n\nexport function update(state: TooltipState, msg: TooltipMsg): [TooltipState, never[]] {\n  switch (msg.type) {\n    case 'show':\n      return [{ ...state, open: true }, []]\n    case 'hide':\n      return [{ ...state, open: false }, []]\n    case 'toggle':\n      return [{ ...state, open: !state.open }, []]\n    case 'setOpen':\n      return [{ ...state, open: msg.open }, []]\n  }\n}\n\nexport interface TooltipParts<S> {\n  trigger: {\n    id: string\n    'aria-describedby': (s: S) => string | undefined\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'tooltip'\n    'data-part': 'trigger'\n    onPointerEnter: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onBlur: (e: FocusEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  positioner: {\n    'data-scope': 'tooltip'\n    'data-part': 'positioner'\n    style: string\n  }\n  content: {\n    role: 'tooltip'\n    id: string\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'tooltip'\n    'data-part': 'content'\n    onPointerEnter: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n  }\n  arrow: {\n    'data-scope': 'tooltip'\n    'data-part': 'arrow'\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  /** ms to wait before opening (default: 300). */\n  delayOpen?: number\n  /** ms to wait before closing after pointer leaves (default: 100). */\n  delayClose?: number\n  /** Open immediately on focus without delay (default: true). */\n  openOnFocus?: boolean\n}\n\nexport function connect<S>(\n  get: (s: S) => TooltipState,\n  send: Send<TooltipMsg>,\n  opts: ConnectOptions,\n): TooltipParts<S> {\n  const base = opts.id\n  const triggerId = `${base}:trigger`\n  const contentId = `${base}:content`\n  const delayOpen = opts.delayOpen ?? 300\n  const delayClose = opts.delayClose ?? 100\n  const openOnFocus = opts.openOnFocus !== false\n\n  let openTimer: ReturnType<typeof setTimeout> | null = null\n  let closeTimer: ReturnType<typeof setTimeout> | null = null\n\n  const clearTimers = (): void => {\n    if (openTimer) {\n      clearTimeout(openTimer)\n      openTimer = null\n    }\n    if (closeTimer) {\n      clearTimeout(closeTimer)\n      closeTimer = null\n    }\n  }\n\n  const scheduleShow = (delay: number): void => {\n    clearTimers()\n    if (delay <= 0) {\n      send({ type: 'show' })\n      return\n    }\n    openTimer = setTimeout(() => {\n      openTimer = null\n      send({ type: 'show' })\n    }, delay)\n  }\n\n  const scheduleHide = (delay: number): void => {\n    clearTimers()\n    if (delay <= 0) {\n      send({ type: 'hide' })\n      return\n    }\n    closeTimer = setTimeout(() => {\n      closeTimer = null\n      send({ type: 'hide' })\n    }, delay)\n  }\n\n  return {\n    trigger: {\n      id: triggerId,\n      'aria-describedby': (s) => (get(s).open ? contentId : undefined),\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'tooltip',\n      'data-part': 'trigger',\n      onPointerEnter: () => scheduleShow(delayOpen),\n      onPointerLeave: () => scheduleHide(delayClose),\n      onFocus: () => {\n        if (openOnFocus) scheduleShow(0)\n      },\n      onBlur: () => scheduleHide(0),\n      onKeyDown: (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          clearTimers()\n          send({ type: 'hide' })\n        }\n      },\n    },\n    positioner: {\n      'data-scope': 'tooltip',\n      'data-part': 'positioner',\n      style: 'position:absolute;top:0;left:0;pointer-events:none;',\n    },\n    content: {\n      role: 'tooltip',\n      id: contentId,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'tooltip',\n      'data-part': 'content',\n      // Allow pointer to enter content without closing (for interactive tooltips)\n      onPointerEnter: () => {\n        if (closeTimer) {\n          clearTimeout(closeTimer)\n          closeTimer = null\n        }\n      },\n      onPointerLeave: () => scheduleHide(delayClose),\n    },\n    arrow: {\n      'data-scope': 'tooltip',\n      'data-part': 'arrow',\n    },\n  }\n}\n\nexport interface OverlayOptions<S> {\n  get: (s: S) => TooltipState\n  send: Send<TooltipMsg>\n  parts: TooltipParts<S>\n  content: () => Node[]\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  transition?: TransitionOptions\n  target?: string | HTMLElement\n  arrowSelector?: string\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n  const target = opts.target ?? 'body'\n  const placement = opts.placement ?? 'top'\n  const offset = opts.offset ?? 6\n  const flip = opts.flip !== false\n  const shift = opts.shift !== false\n  const parts = opts.parts\n  const contentId = parts.content.id\n  const triggerId = parts.trigger.id\n\n  return show<S, TooltipMsg>({\n    when: (s) => opts.get(s).open,\n    render: () =>\n      portal({\n        target,\n        render: () => {\n          onMount(() => {\n            const contentEl = document.getElementById(contentId)\n            const triggerEl = document.getElementById(triggerId)\n            if (!contentEl || !triggerEl) return\n\n            const positioner = contentEl.closest('[data-part=\"positioner\"]') as HTMLElement | null\n            const floatingEl = positioner ?? contentEl\n            const arrow = opts.arrowSelector\n              ? (contentEl.querySelector(opts.arrowSelector) as HTMLElement | null)\n              : null\n            return attachFloating({\n              anchor: triggerEl,\n              floating: floatingEl,\n              placement,\n              offset,\n              flip,\n              shift,\n              arrow: arrow ?? undefined,\n            })\n          })\n          return [div(parts.positioner, opts.content())]\n        },\n      }),\n    enter: opts.transition?.enter,\n    leave: opts.transition?.leave,\n  })\n}\n\nexport const tooltip = { init, update, connect, overlay }\n"]}

package/dist/components/tour.js

@@ -1,5 +1,5 @@
 import { useContext } from '@llui/dom';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     const steps = opts.steps ?? [];
     const index = Math.max(0, Math.min(opts.index ?? 0, Math.max(0, steps.length - 1)));
@@ -134,3 +134,4 @@ export const tour = {
     isLast,
     progress,
 };
+//# sourceMappingURL=tour.js.map

package/dist/components/tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour.js","sourceRoot":"","sources":["../../src/components/tour.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Tour — guided walkthrough over a sequence of steps, each targeting\n * an element on the page with a pop-up explanation. The state machine\n * tracks the current step index and open/closed; positioning of the\n * pop-up relative to the target selector is done in the view layer\n * (typically via onMount + attachFloating).\n *\n * Typical shape:\n *\n *   const t = tour.connect<State>(s => s.tour, m => send({type:'tour', msg:m}))\n *   ...tour.overlay<State>({\n *     get: s => s.tour,\n *     send: m => send({type:'tour', msg:m}),\n *     parts: t,\n *     content: (step) => [\n *       h3({ ...t.title }, [text(step.title)]),\n *       p({ ...t.description }, [text(step.description)]),\n *       button({ ...t.prevTrigger }, [text('Back')]),\n *       button({ ...t.nextTrigger }, [text('Next')]),\n *     ],\n *   })\n */\n\nexport interface TourStep {\n  id: string\n  title: string\n  description: string\n  /** CSS selector or element ref for the tour target. */\n  target: string\n  /** Placement hint for the pop-up. */\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  /** Whether to show the highlight ring around the target. */\n  spotlight?: boolean\n}\n\nexport interface TourState {\n  steps: TourStep[]\n  open: boolean\n  index: number\n  /** Ids of steps already visited. */\n  visited: string[]\n}\n\nexport type TourMsg =\n  | { type: 'start' }\n  | { type: 'stop' }\n  | { type: 'next' }\n  | { type: 'prev' }\n  | { type: 'goto'; index: number }\n  | { type: 'setSteps'; steps: TourStep[] }\n\nexport interface TourInit {\n  steps?: TourStep[]\n  open?: boolean\n  index?: number\n}\n\nexport function init(opts: TourInit = {}): TourState {\n  const steps = opts.steps ?? []\n  const index = Math.max(0, Math.min(opts.index ?? 0, Math.max(0, steps.length - 1)))\n  return {\n    steps,\n    open: opts.open ?? false,\n    index,\n    visited: opts.open && steps[index] ? [steps[index].id] : [],\n  }\n}\n\nexport function update(state: TourState, msg: TourMsg): [TourState, never[]] {\n  switch (msg.type) {\n    case 'start': {\n      if (state.steps.length === 0) return [state, []]\n      const first = state.steps[0]!\n      return [{ ...state, open: true, index: 0, visited: [first.id] }, []]\n    }\n    case 'stop':\n      return [{ ...state, open: false }, []]\n    case 'next': {\n      const last = state.steps.length - 1\n      if (state.index >= last) return [{ ...state, open: false }, []]\n      const nextIdx = state.index + 1\n      const nextStep = state.steps[nextIdx]!\n      const visited = state.visited.includes(nextStep.id)\n        ? state.visited\n        : [...state.visited, nextStep.id]\n      return [{ ...state, index: nextIdx, visited }, []]\n    }\n    case 'prev': {\n      if (state.index <= 0) return [state, []]\n      return [{ ...state, index: state.index - 1 }, []]\n    }\n    case 'goto': {\n      if (msg.index < 0 || msg.index >= state.steps.length) return [state, []]\n      const step = state.steps[msg.index]!\n      const visited = state.visited.includes(step.id) ? state.visited : [...state.visited, step.id]\n      return [{ ...state, open: true, index: msg.index, visited }, []]\n    }\n    case 'setSteps':\n      return [{ ...state, steps: msg.steps, index: 0 }, []]\n  }\n}\n\nexport function currentStep(state: TourState): TourStep | null {\n  return state.steps[state.index] ?? null\n}\n\nexport function isFirst(state: TourState): boolean {\n  return state.index === 0\n}\n\nexport function isLast(state: TourState): boolean {\n  return state.index === state.steps.length - 1\n}\n\nexport function progress(state: TourState): { current: number; total: number } {\n  return { current: state.index + 1, total: state.steps.length }\n}\n\nexport interface TourParts<S> {\n  root: {\n    role: 'dialog'\n    'aria-modal': 'false'\n    'aria-labelledby': string\n    'aria-describedby': string\n    'data-scope': 'tour'\n    'data-part': 'root'\n    hidden: (s: S) => boolean\n  }\n  backdrop: {\n    'data-scope': 'tour'\n    'data-part': 'backdrop'\n    'aria-hidden': 'true'\n    onClick: (e: MouseEvent) => void\n  }\n  spotlight: {\n    'data-scope': 'tour'\n    'data-part': 'spotlight'\n    'aria-hidden': 'true'\n  }\n  title: {\n    id: string\n    'data-scope': 'tour'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'tour'\n    'data-part': 'description'\n  }\n  progressText: {\n    'data-scope': 'tour'\n    'data-part': 'progress-text'\n  }\n  prevTrigger: {\n    type: 'button'\n    disabled: (s: S) => boolean\n    'data-scope': 'tour'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  nextTrigger: {\n    type: 'button'\n    'data-scope': 'tour'\n    'data-part': 'next-trigger'\n    'data-last': (s: S) => '' | undefined\n    onClick: (e: MouseEvent) => void\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'tour'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  closeLabel?: string\n  /** Whether clicking the backdrop stops the tour. Default: false — tours\n   *  typically require an explicit dismiss. */\n  closeOnBackdropClick?: boolean\n}\n\nexport function connect<S>(\n  get: (s: S) => TourState,\n  send: Send<TourMsg>,\n  opts: ConnectOptions,\n): TourParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const titleId = `${opts.id}:title`\n  const descId = `${opts.id}:description`\n  const closeOnBackdrop = opts.closeOnBackdropClick === true\n\n  return {\n    root: {\n      role: 'dialog',\n      'aria-modal': 'false',\n      'aria-labelledby': titleId,\n      'aria-describedby': descId,\n      'data-scope': 'tour',\n      'data-part': 'root',\n      hidden: (s) => !get(s).open,\n    },\n    backdrop: {\n      'data-scope': 'tour',\n      'data-part': 'backdrop',\n      'aria-hidden': 'true',\n      onClick: () => {\n        if (closeOnBackdrop) send({ type: 'stop' })\n      },\n    },\n    spotlight: {\n      'data-scope': 'tour',\n      'data-part': 'spotlight',\n      'aria-hidden': 'true',\n    },\n    title: {\n      id: titleId,\n      'data-scope': 'tour',\n      'data-part': 'title',\n    },\n    description: {\n      id: descId,\n      'data-scope': 'tour',\n      'data-part': 'description',\n    },\n    progressText: {\n      'data-scope': 'tour',\n      'data-part': 'progress-text',\n    },\n    prevTrigger: {\n      type: 'button',\n      disabled: (s) => isFirst(get(s)),\n      'data-scope': 'tour',\n      'data-part': 'prev-trigger',\n      onClick: () => send({ type: 'prev' }),\n    },\n    nextTrigger: {\n      type: 'button',\n      'data-scope': 'tour',\n      'data-part': 'next-trigger',\n      'data-last': (s) => (isLast(get(s)) ? '' : undefined),\n      onClick: () => send({ type: 'next' }),\n    },\n    closeTrigger: {\n      type: 'button',\n      'aria-label': opts.closeLabel ?? ((s: S) => locale(s).tour.close),\n      'data-scope': 'tour',\n      'data-part': 'close-trigger',\n      onClick: () => send({ type: 'stop' }),\n    },\n  }\n}\n\nexport const tour = {\n  init,\n  update,\n  connect,\n  currentStep,\n  isFirst,\n  isLast,\n  progress,\n}\n"]}

package/dist/components/tree-view.js

@@ -1,5 +1,5 @@
-import { flipArrow } from '../utils/direction';
-import { typeaheadAccumulate, typeaheadMatch, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from '../utils/typeahead';
+import { flipArrow } from '../utils/direction.js';
+import { typeaheadAccumulate, typeaheadMatch, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from '../utils/typeahead.js';
 export function init(opts = {}) {
     return {
         expanded: opts.expanded ?? [],
@@ -299,3 +299,4 @@ export const treeView = {
     isRenaming,
     isLoading,
 };
+//# sourceMappingURL=tree-view.js.map