@llui/components 0.0.30 → 0.0.33

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

@@ -1 +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"]}
+{"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, tagSend } 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  /** @intent(\"Update the in-progress text in the input field\") */\n  | { type: 'setInput'; value: string }\n  /** @intent(\"Commit a new tag (defaults to the current input value)\") */\n  | { type: 'addTag'; value?: string }\n  /** @intent(\"Remove the tag at the given index\") */\n  | { type: 'removeTag'; index: number }\n  /** @intent(\"Remove the last tag (typically backspace on empty input)\") */\n  | { type: 'removeLast' }\n  /** @intent(\"Replace the full tag list with the provided values\") */\n  | { type: 'setValue'; value: string[] }\n  /** @humanOnly */\n  | { type: 'focusTag'; index: number | null }\n  /** @humanOnly */\n  | { type: 'focusTagNext' }\n  /** @humanOnly */\n  | { type: 'focusTagPrev' }\n  /** @intent(\"Remove every tag and reset the input\") */\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: tagSend(send, ['setInput'], (e) => {\n        currentInput = (e.target as HTMLInputElement).value\n        send({ type: 'setInput', value: currentInput })\n      }),\n      onKeyDown: tagSend(send, ['removeLast', 'focusTagPrev'], (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: tagSend(send, ['focusTag'], () => send({ type: 'focusTag', index })),\n        onKeyDown: tagSend(send, ['focusTagPrev', 'focusTagNext', 'removeTag'], (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: tagSend(send, ['removeTag'], () => 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: tagSend(send, ['clearAll'], () => send({ type: 'clearAll' })),\n    },\n  }\n}\n\nexport const tagsInput = { init, update, connect }\n"]}

package/dist/components/theme-switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-switch.d.ts","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAEpF,wBAAgB,IAAI,CAAC,KAAK,GAAE,KAAgB,GAAG,gBAAgB,CAE9D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAYhG;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAOxD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAGxD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI,CAQrF;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,OAAO,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK;QACxB,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,KAAK,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,CAAA;QAC7B,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,EAAE,cAAc,GACnB,gBAAgB,CAAC,CAAC,CAAC,CA2BrB;AAED,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAA"}
+{"version":3,"file":"theme-switch.d.ts","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAEpF,wBAAgB,IAAI,CAAC,KAAK,GAAE,KAAgB,GAAG,gBAAgB,CAE9D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAYhG;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAOxD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAGxD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI,CAQrF;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,OAAO,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK;QACxB,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,KAAK,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,CAAA;QAC7B,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,EAAE,cAAc,GACnB,gBAAgB,CAAC,CAAC,CAAC,CA2BrB;AAED,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAA"}

package/dist/components/theme-switch.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(theme = 'system') {
     return { theme };
 }
@@ -74,7 +75,7 @@ export function connect(get, send, opts) {
             'data-theme': theme,
             'aria-pressed': (s) => get(s).theme === theme,
             'aria-label': LABELS[theme],
-            onClick: () => send({ type: 'setTheme', theme }),
+            onClick: tagSend(send, ['setTheme'], () => send({ type: 'setTheme', theme })),
         }),
         toggle: {
             type: 'button',
@@ -82,7 +83,7 @@ export function connect(get, send, opts) {
             'data-part': 'toggle',
             'data-theme': (s) => get(s).theme,
             'aria-label': 'Toggle theme',
-            onClick: () => send({ type: 'toggle' }),
+            onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
         },
     };
 }

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

@@ -1 +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"]}
+{"version":3,"file":"theme-switch.js","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport 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: tagSend(send, ['setTheme'], () => 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: tagSend(send, ['toggle'], () => 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.d.ts

@@ -17,27 +17,45 @@ export interface TimePickerState {
     showSeconds: boolean;
     disabled: boolean;
 }
-export type TimePickerMsg = {
+export type TimePickerMsg = 
+/** @intent("Set the full time value (hours/minutes/seconds)") */
+{
     type: 'setValue';
     value: TimeValue;
-} | {
+}
+/** @intent("Set the hours field directly") */
+ | {
     type: 'setHours';
     hours: number;
-} | {
+}
+/** @intent("Set the minutes field directly") */
+ | {
     type: 'setMinutes';
     minutes: number;
-} | {
+}
+/** @intent("Set the seconds field directly") */
+ | {
     type: 'setSeconds';
     seconds: number;
-} | {
+}
+/** @intent("Bump hours up by 1 (wraps at 24/12)") */
+ | {
     type: 'incrementHours';
-} | {
+}
+/** @intent("Bump hours down by 1") */
+ | {
     type: 'decrementHours';
-} | {
+}
+/** @intent("Bump minutes up by minuteStep") */
+ | {
     type: 'incrementMinutes';
-} | {
+}
+/** @intent("Bump minutes down by minuteStep") */
+ | {
     type: 'decrementMinutes';
-} | {
+}
+/** @intent("Flip between AM and PM (12-hour format only)") */
+ | {
     type: 'toggleAmPm';
 };
 export interface TimePickerInit {

package/dist/components/time-picker.d.ts.map

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

package/dist/components/time-picker.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
@@ -92,12 +92,12 @@ export function connect(get, send, opts = {}) {
             value: (s) => String(displayHours(get(s))).padStart(2, '0'),
             'data-scope': 'time-picker',
             'data-part': 'hours-input',
-            onInput: (e) => {
+            onInput: tagSend(send, ['setHours'], (e) => {
                 const n = parseInt(e.target.value, 10);
                 if (!isNaN(n))
                     send({ type: 'setHours', hours: n });
-            },
-            onKeyDown: (e) => {
+            }),
+            onKeyDown: tagSend(send, ['incrementHours', 'decrementHours'], (e) => {
                 if (e.key === 'ArrowUp') {
                     e.preventDefault();
                     send({ type: 'incrementHours' });
@@ -106,7 +106,7 @@ export function connect(get, send, opts = {}) {
                     e.preventDefault();
                     send({ type: 'decrementHours' });
                 }
-            },
+            }),
         },
         minutesInput: {
             type: 'number',
@@ -119,12 +119,12 @@ export function connect(get, send, opts = {}) {
             value: (s) => String(get(s).value.minutes).padStart(2, '0'),
             'data-scope': 'time-picker',
             'data-part': 'minutes-input',
-            onInput: (e) => {
+            onInput: tagSend(send, ['setMinutes'], (e) => {
                 const n = parseInt(e.target.value, 10);
                 if (!isNaN(n))
                     send({ type: 'setMinutes', minutes: n });
-            },
-            onKeyDown: (e) => {
+            }),
+            onKeyDown: tagSend(send, ['incrementMinutes', 'decrementMinutes'], (e) => {
                 if (e.key === 'ArrowUp') {
                     e.preventDefault();
                     send({ type: 'incrementMinutes' });
@@ -133,7 +133,7 @@ export function connect(get, send, opts = {}) {
                     e.preventDefault();
                     send({ type: 'decrementMinutes' });
                 }
-            },
+            }),
         },
         periodTrigger: {
             type: 'button',
@@ -142,7 +142,7 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'time-picker',
             'data-part': 'period-trigger',
             'data-period': (s) => period(get(s)),
-            onClick: () => send({ type: 'toggleAmPm' }),
+            onClick: tagSend(send, ['toggleAmPm'], () => send({ type: 'toggleAmPm' })),
             hidden: (s) => get(s).format === '24',
         },
     };

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

@@ -1 +1 @@
-{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/components/time-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA6C5C,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACzD,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC;QAChC,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC;QAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,KAAK;QACtC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS;IAC/B,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,KAAK,UAAU;YACb,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACjF,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACrF,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACrF,KAAK,gBAAgB;YACnB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7F,KAAK,gBAAgB;YACnB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7F,KAAK,kBAAkB;YACrB,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE;iBACpF;gBACD,EAAE;aACH,CAAA;QACH,KAAK,kBAAkB;YACrB,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE;iBACpF;gBACD,EAAE;aACH,CAAA;QACH,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YACnF,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,CAAC;IACH,CAAC;AACH,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,YAAY,CAAC,KAAsB;IACjD,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAA;IACnD,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;IAChC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AACzB,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,MAAM,CAAC,KAAsB;IAC3C,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC9C,CAAC;AAED,uDAAuD;AACvD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,GAAG,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAChE,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,KAAK,CAAC,WAAW;QAAE,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;IACrE,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;AACpB,CAAC;AAyDD,MAAM,UAAU,OAAO,CACrB,GAA8B,EAC9B,IAAyB,EACzB,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;YAClE,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM;SACpC;QACD,UAAU,EAAE;YACV,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,YAAY;YAClB,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;YACvE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;YAC3D,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,aAAa;YAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,MAAM,CAAC,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;gBAC5D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;oBAAE,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;YACrD,CAAC;YACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBACxB,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAA;gBAClC,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBACjC,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAA;gBAClC,CAAC;YACH,CAAC;SACF;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,YAAY;YAClB,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YAC3E,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,EAAE;YACnB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;YAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;YAC3D,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,eAAe;YAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,MAAM,CAAC,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;gBAC5D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;oBAAE,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;YACzD,CAAC;YACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBACxB,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;gBACpC,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBACjC,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC;SACF;QACD,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;YACzE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;YAC3C,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI;SACtC;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,CAAA","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"]}
+{"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, tagSend } 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  /** @intent(\"Set the full time value (hours/minutes/seconds)\") */\n  | { type: 'setValue'; value: TimeValue }\n  /** @intent(\"Set the hours field directly\") */\n  | { type: 'setHours'; hours: number }\n  /** @intent(\"Set the minutes field directly\") */\n  | { type: 'setMinutes'; minutes: number }\n  /** @intent(\"Set the seconds field directly\") */\n  | { type: 'setSeconds'; seconds: number }\n  /** @intent(\"Bump hours up by 1 (wraps at 24/12)\") */\n  | { type: 'incrementHours' }\n  /** @intent(\"Bump hours down by 1\") */\n  | { type: 'decrementHours' }\n  /** @intent(\"Bump minutes up by minuteStep\") */\n  | { type: 'incrementMinutes' }\n  /** @intent(\"Bump minutes down by minuteStep\") */\n  | { type: 'decrementMinutes' }\n  /** @intent(\"Flip between AM and PM (12-hour format only)\") */\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: tagSend(send, ['setHours'], (e) => {\n        const n = parseInt((e.target as HTMLInputElement).value, 10)\n        if (!isNaN(n)) send({ type: 'setHours', hours: n })\n      }),\n      onKeyDown: tagSend(send, ['incrementHours', 'decrementHours'], (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: tagSend(send, ['setMinutes'], (e) => {\n        const n = parseInt((e.target as HTMLInputElement).value, 10)\n        if (!isNaN(n)) send({ type: 'setMinutes', minutes: n })\n      }),\n      onKeyDown: tagSend(send, ['incrementMinutes', 'decrementMinutes'], (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: tagSend(send, ['toggleAmPm'], () => 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.d.ts

@@ -27,18 +27,28 @@ export interface TimerState {
     /** Timestamp when the current running interval started (null when paused). */
     startedAt: number | null;
 }
-export type TimerMsg = {
+export type TimerMsg = 
+/** @intent("Start (or resume) the timer running") */
+{
     type: 'start';
     now: number;
-} | {
+}
+/** @intent("Pause the timer (preserves accumulated elapsed time)") */
+ | {
     type: 'pause';
     now: number;
-} | {
+}
+/** @intent("Reset the timer back to zero elapsed and pause it") */
+ | {
     type: 'reset';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'tick';
     now: number;
-} | {
+}
+/** @intent("Set the countdown target (in milliseconds; 0 disables countdown)") */
+ | {
     type: 'setTarget';
     targetMs: number;
 };

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

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

package/dist/components/timer.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
@@ -98,7 +98,7 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'timer',
             'data-part': 'start-trigger',
             disabled: (s) => get(s).running,
-            onClick: () => send({ type: 'start', now: Date.now() }),
+            onClick: tagSend(send, ['start'], () => send({ type: 'start', now: Date.now() })),
         },
         pauseTrigger: {
             type: 'button',
@@ -106,14 +106,14 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'timer',
             'data-part': 'pause-trigger',
             disabled: (s) => !get(s).running,
-            onClick: () => send({ type: 'pause', now: Date.now() }),
+            onClick: tagSend(send, ['pause'], () => send({ type: 'pause', now: Date.now() })),
         },
         resetTrigger: {
             type: 'button',
             'aria-label': opts.resetLabel ?? ((s) => locale(s).timer.reset),
             'data-scope': 'timer',
             'data-part': 'reset-trigger',
-            onClick: () => send({ type: 'reset' }),
+            onClick: tagSend(send, ['reset'], () => send({ type: 'reset' })),
         },
     };
 }

package/dist/components/timer.js.map

@@ -1 +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"]}
+{"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, tagSend } 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  /** @intent(\"Start (or resume) the timer running\") */\n  | { type: 'start'; now: number }\n  /** @intent(\"Pause the timer (preserves accumulated elapsed time)\") */\n  | { type: 'pause'; now: number }\n  /** @intent(\"Reset the timer back to zero elapsed and pause it\") */\n  | { type: 'reset' }\n  /** @humanOnly */\n  | { type: 'tick'; now: number }\n  /** @intent(\"Set the countdown target (in milliseconds; 0 disables countdown)\") */\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: tagSend(send, ['start'], () => 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: tagSend(send, ['pause'], () => 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: tagSend(send, ['reset'], () => send({ type: 'reset' })),\n    },\n  }\n}\n\nexport const timer = { init, update, connect, display, isComplete, parts, formatMs }\n"]}

package/dist/components/toast.d.ts

@@ -29,29 +29,45 @@ export interface ToasterState {
     max: number;
     placement: ToastPlacement;
 }
-export type ToasterMsg = {
+export type ToasterMsg = 
+/** @intent("Show a new toast notification") */
+{
     type: 'create';
     toast: Omit<Toast, 'paused'> & {
         paused?: boolean;
     };
-} | {
+}
+/** @intent("Dismiss the toast with the given id") */
+ | {
     type: 'dismiss';
     id: string;
-} | {
+}
+/** @intent("Dismiss every toast currently visible") */
+ | {
     type: 'dismissAll';
-} | {
+}
+/** @intent("Patch fields on the toast with the given id (title, description, type, etc.)") */
+ | {
     type: 'update';
     id: string;
     patch: Partial<Toast>;
-} | {
+}
+/** @intent("Pause auto-dismiss countdown for the toast with the given id") */
+ | {
     type: 'pause';
     id: string;
-} | {
+}
+/** @intent("Resume auto-dismiss countdown for the toast with the given id") */
+ | {
     type: 'resume';
     id: string;
-} | {
+}
+/** @intent("Pause auto-dismiss for every visible toast") */
+ | {
     type: 'pauseAll';
-} | {
+}
+/** @intent("Resume auto-dismiss for every visible toast") */
+ | {
     type: 'resumeAll';
 };
 export interface ToasterInit {

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

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