@llui/components 0.0.30 → 0.0.33

package/dist/components/steps.d.ts

@@ -14,23 +14,37 @@ export interface StepsState {
     linear: boolean;
     disabled: boolean;
 }
-export type StepsMsg = {
+export type StepsMsg = 
+/** @intent("Jump to a specific step by zero-based index") */
+{
     type: 'goTo';
     step: number;
-} | {
+}
+/** @intent("Advance to the next step") */
+ | {
     type: 'next';
-} | {
+}
+/** @intent("Go back to the previous step") */
+ | {
     type: 'prev';
-} | {
+}
+/** @intent("Mark the given step as completed") */
+ | {
     type: 'complete';
     step: number;
-} | {
+}
+/** @intent("Mark the given step as having an error") */
+ | {
     type: 'markError';
     step: number;
-} | {
+}
+/** @intent("Clear the error flag on the given step") */
+ | {
     type: 'clearError';
     step: number;
-} | {
+}
+/** @intent("Reset progress back to the first step (clears completed and errors)") */
+ | {
     type: 'reset';
 };
 export interface StepsInit {

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

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

package/dist/components/steps.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 {
@@ -95,7 +95,7 @@ export function connect(get, send, opts = {}) {
             },
             'data-scope': 'steps',
             'data-part': 'next-trigger',
-            onClick: () => send({ type: 'next' }),
+            onClick: tagSend(send, ['next'], () => send({ type: 'next' })),
         },
         prevTrigger: {
             type: 'button',
@@ -105,7 +105,7 @@ export function connect(get, send, opts = {}) {
             },
             'data-scope': 'steps',
             'data-part': 'prev-trigger',
-            onClick: () => send({ type: 'prev' }),
+            onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),
         },
         item: (index) => ({
             item: {
@@ -122,7 +122,7 @@ export function connect(get, send, opts = {}) {
                 'data-scope': 'steps',
                 'data-part': 'trigger',
                 'data-status': (s) => stepStatus(get(s), index),
-                onClick: () => send({ type: 'goTo', step: index }),
+                onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', step: index })),
             },
             separator: {
                 'data-scope': 'steps',

package/dist/components/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/components/steps.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 * Steps — progress indicator for multi-step flows (wizards, checkouts).\n * Tracks current step and completed steps; supports linear and non-linear\n * navigation.\n */\n\nexport type StepStatus = 'pending' | 'current' | 'completed' | 'error'\n\nexport interface StepsState {\n  current: number\n  completed: number[]\n  errors: number[]\n  steps: string[]\n  /** If linear, users cannot skip steps. */\n  linear: boolean\n  disabled: boolean\n}\n\nexport type StepsMsg =\n  | { type: 'goTo'; step: number }\n  | { type: 'next' }\n  | { type: 'prev' }\n  | { type: 'complete'; step: number }\n  | { type: 'markError'; step: number }\n  | { type: 'clearError'; step: number }\n  | { type: 'reset' }\n\nexport interface StepsInit {\n  current?: number\n  completed?: number[]\n  steps?: string[]\n  linear?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: StepsInit = {}): StepsState {\n  return {\n    current: opts.current ?? 0,\n    completed: opts.completed ?? [],\n    errors: [],\n    steps: opts.steps ?? [],\n    linear: opts.linear ?? true,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction canGoTo(state: StepsState, step: number): boolean {\n  if (step < 0 || step >= state.steps.length) return false\n  if (!state.linear) return true\n  // Linear: only previous, current, or next-if-current-completed\n  if (step <= state.current) return true\n  if (step === state.current + 1 && state.completed.includes(state.current)) return true\n  return false\n}\n\nexport function update(state: StepsState, msg: StepsMsg): [StepsState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'goTo':\n      if (!canGoTo(state, msg.step)) return [state, []]\n      return [{ ...state, current: msg.step }, []]\n    case 'next': {\n      const next = state.current + 1\n      if (next >= state.steps.length) return [state, []]\n      // Completing current step moves forward\n      const completed = state.completed.includes(state.current)\n        ? state.completed\n        : [...state.completed, state.current]\n      return [{ ...state, current: next, completed }, []]\n    }\n    case 'prev': {\n      if (state.current === 0) return [state, []]\n      return [{ ...state, current: state.current - 1 }, []]\n    }\n    case 'complete': {\n      if (state.completed.includes(msg.step)) return [state, []]\n      return [\n        {\n          ...state,\n          completed: [...state.completed, msg.step],\n          errors: state.errors.filter((e) => e !== msg.step),\n        },\n        [],\n      ]\n    }\n    case 'markError':\n      if (state.errors.includes(msg.step)) return [state, []]\n      return [{ ...state, errors: [...state.errors, msg.step] }, []]\n    case 'clearError':\n      return [{ ...state, errors: state.errors.filter((e) => e !== msg.step) }, []]\n    case 'reset':\n      return [{ ...state, current: 0, completed: [], errors: [] }, []]\n  }\n}\n\nexport function stepStatus(state: StepsState, step: number): StepStatus {\n  if (state.errors.includes(step)) return 'error'\n  if (step === state.current) return 'current'\n  if (state.completed.includes(step)) return 'completed'\n  return 'pending'\n}\n\nexport interface StepsItemParts<S> {\n  item: {\n    'data-scope': 'steps'\n    'data-part': 'item'\n    'data-status': (s: S) => StepStatus\n    'data-index': string\n    'aria-current': (s: S) => 'step' | undefined\n  }\n  trigger: {\n    type: 'button'\n    'aria-label': string\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'trigger'\n    'data-status': (s: S) => StepStatus\n    onClick: (e: MouseEvent) => void\n  }\n  separator: {\n    'data-scope': 'steps'\n    'data-part': 'separator'\n    'data-status': (s: S) => StepStatus\n    'aria-hidden': 'true'\n  }\n}\n\nexport interface StepsParts<S> {\n  root: {\n    role: 'group'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'steps'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  nextTrigger: {\n    type: 'button'\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  prevTrigger: {\n    type: 'button'\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  item: (index: number) => StepsItemParts<S>\n}\n\nexport interface ConnectOptions {\n  label?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => StepsState,\n  send: Send<StepsMsg>,\n  opts: ConnectOptions = {},\n): StepsParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).steps.label)\n  return {\n    root: {\n      role: 'group',\n      'aria-label': label,\n      'data-scope': 'steps',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    nextTrigger: {\n      type: 'button',\n      disabled: (s) => {\n        const st = get(s)\n        return st.disabled || st.current >= st.steps.length - 1\n      },\n      'data-scope': 'steps',\n      'data-part': 'next-trigger',\n      onClick: () => send({ type: 'next' }),\n    },\n    prevTrigger: {\n      type: 'button',\n      disabled: (s) => {\n        const st = get(s)\n        return st.disabled || st.current === 0\n      },\n      'data-scope': 'steps',\n      'data-part': 'prev-trigger',\n      onClick: () => send({ type: 'prev' }),\n    },\n    item: (index: number): StepsItemParts<S> => ({\n      item: {\n        'data-scope': 'steps',\n        'data-part': 'item',\n        'data-status': (s) => stepStatus(get(s), index),\n        'data-index': String(index),\n        'aria-current': (s) => (get(s).current === index ? 'step' : undefined),\n      },\n      trigger: {\n        type: 'button',\n        'aria-label': `Step ${index + 1}`,\n        disabled: (s) => !canGoTo(get(s), index),\n        'data-scope': 'steps',\n        'data-part': 'trigger',\n        'data-status': (s) => stepStatus(get(s), index),\n        onClick: () => send({ type: 'goTo', step: index }),\n      },\n      separator: {\n        'data-scope': 'steps',\n        'data-part': 'separator',\n        'data-status': (s) => stepStatus(get(s), index),\n        'aria-hidden': 'true',\n      },\n    }),\n  }\n}\n\nexport const steps = { init, update, connect, stepStatus }\n"]}
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/components/steps.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 * Steps — progress indicator for multi-step flows (wizards, checkouts).\n * Tracks current step and completed steps; supports linear and non-linear\n * navigation.\n */\n\nexport type StepStatus = 'pending' | 'current' | 'completed' | 'error'\n\nexport interface StepsState {\n  current: number\n  completed: number[]\n  errors: number[]\n  steps: string[]\n  /** If linear, users cannot skip steps. */\n  linear: boolean\n  disabled: boolean\n}\n\nexport type StepsMsg =\n  /** @intent(\"Jump to a specific step by zero-based index\") */\n  | { type: 'goTo'; step: number }\n  /** @intent(\"Advance to the next step\") */\n  | { type: 'next' }\n  /** @intent(\"Go back to the previous step\") */\n  | { type: 'prev' }\n  /** @intent(\"Mark the given step as completed\") */\n  | { type: 'complete'; step: number }\n  /** @intent(\"Mark the given step as having an error\") */\n  | { type: 'markError'; step: number }\n  /** @intent(\"Clear the error flag on the given step\") */\n  | { type: 'clearError'; step: number }\n  /** @intent(\"Reset progress back to the first step (clears completed and errors)\") */\n  | { type: 'reset' }\n\nexport interface StepsInit {\n  current?: number\n  completed?: number[]\n  steps?: string[]\n  linear?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: StepsInit = {}): StepsState {\n  return {\n    current: opts.current ?? 0,\n    completed: opts.completed ?? [],\n    errors: [],\n    steps: opts.steps ?? [],\n    linear: opts.linear ?? true,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction canGoTo(state: StepsState, step: number): boolean {\n  if (step < 0 || step >= state.steps.length) return false\n  if (!state.linear) return true\n  // Linear: only previous, current, or next-if-current-completed\n  if (step <= state.current) return true\n  if (step === state.current + 1 && state.completed.includes(state.current)) return true\n  return false\n}\n\nexport function update(state: StepsState, msg: StepsMsg): [StepsState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'goTo':\n      if (!canGoTo(state, msg.step)) return [state, []]\n      return [{ ...state, current: msg.step }, []]\n    case 'next': {\n      const next = state.current + 1\n      if (next >= state.steps.length) return [state, []]\n      // Completing current step moves forward\n      const completed = state.completed.includes(state.current)\n        ? state.completed\n        : [...state.completed, state.current]\n      return [{ ...state, current: next, completed }, []]\n    }\n    case 'prev': {\n      if (state.current === 0) return [state, []]\n      return [{ ...state, current: state.current - 1 }, []]\n    }\n    case 'complete': {\n      if (state.completed.includes(msg.step)) return [state, []]\n      return [\n        {\n          ...state,\n          completed: [...state.completed, msg.step],\n          errors: state.errors.filter((e) => e !== msg.step),\n        },\n        [],\n      ]\n    }\n    case 'markError':\n      if (state.errors.includes(msg.step)) return [state, []]\n      return [{ ...state, errors: [...state.errors, msg.step] }, []]\n    case 'clearError':\n      return [{ ...state, errors: state.errors.filter((e) => e !== msg.step) }, []]\n    case 'reset':\n      return [{ ...state, current: 0, completed: [], errors: [] }, []]\n  }\n}\n\nexport function stepStatus(state: StepsState, step: number): StepStatus {\n  if (state.errors.includes(step)) return 'error'\n  if (step === state.current) return 'current'\n  if (state.completed.includes(step)) return 'completed'\n  return 'pending'\n}\n\nexport interface StepsItemParts<S> {\n  item: {\n    'data-scope': 'steps'\n    'data-part': 'item'\n    'data-status': (s: S) => StepStatus\n    'data-index': string\n    'aria-current': (s: S) => 'step' | undefined\n  }\n  trigger: {\n    type: 'button'\n    'aria-label': string\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'trigger'\n    'data-status': (s: S) => StepStatus\n    onClick: (e: MouseEvent) => void\n  }\n  separator: {\n    'data-scope': 'steps'\n    'data-part': 'separator'\n    'data-status': (s: S) => StepStatus\n    'aria-hidden': 'true'\n  }\n}\n\nexport interface StepsParts<S> {\n  root: {\n    role: 'group'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'steps'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  nextTrigger: {\n    type: 'button'\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  prevTrigger: {\n    type: 'button'\n    disabled: (s: S) => boolean\n    'data-scope': 'steps'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  item: (index: number) => StepsItemParts<S>\n}\n\nexport interface ConnectOptions {\n  label?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => StepsState,\n  send: Send<StepsMsg>,\n  opts: ConnectOptions = {},\n): StepsParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).steps.label)\n  return {\n    root: {\n      role: 'group',\n      'aria-label': label,\n      'data-scope': 'steps',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    nextTrigger: {\n      type: 'button',\n      disabled: (s) => {\n        const st = get(s)\n        return st.disabled || st.current >= st.steps.length - 1\n      },\n      'data-scope': 'steps',\n      'data-part': 'next-trigger',\n      onClick: tagSend(send, ['next'], () => send({ type: 'next' })),\n    },\n    prevTrigger: {\n      type: 'button',\n      disabled: (s) => {\n        const st = get(s)\n        return st.disabled || st.current === 0\n      },\n      'data-scope': 'steps',\n      'data-part': 'prev-trigger',\n      onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),\n    },\n    item: (index: number): StepsItemParts<S> => ({\n      item: {\n        'data-scope': 'steps',\n        'data-part': 'item',\n        'data-status': (s) => stepStatus(get(s), index),\n        'data-index': String(index),\n        'aria-current': (s) => (get(s).current === index ? 'step' : undefined),\n      },\n      trigger: {\n        type: 'button',\n        'aria-label': `Step ${index + 1}`,\n        disabled: (s) => !canGoTo(get(s), index),\n        'data-scope': 'steps',\n        'data-part': 'trigger',\n        'data-status': (s) => stepStatus(get(s), index),\n        onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', step: index })),\n      },\n      separator: {\n        'data-scope': 'steps',\n        'data-part': 'separator',\n        'data-status': (s) => stepStatus(get(s), index),\n        'aria-hidden': 'true',\n      },\n    }),\n  }\n}\n\nexport const steps = { init, update, connect, stepStatus }\n"]}

package/dist/components/switch.d.ts

@@ -7,12 +7,18 @@ export interface SwitchState {
     checked: boolean;
     disabled: boolean;
 }
-export type SwitchMsg = {
+export type SwitchMsg = 
+/** @intent("Flip the switch on/off") */
+{
     type: 'toggle';
-} | {
+}
+/** @intent("Set the switch's checked state to a specific value") */
+ | {
     type: 'setChecked';
     checked: boolean;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setDisabled';
     disabled: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAE9C,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,UAAe,GAAG,WAAW,CAEvD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAUjF;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,WAAW,EAAE;QACX,IAAI,EAAE,UAAU,CAAA;QAChB,IAAI,EAAE,QAAQ,CAAA;QACd,aAAa,EAAE,MAAM,CAAA;QACrB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,cAAc,CAAA;KAC5B,CAAA;CACF;AAKD,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAyC5F;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,SAAS;AACnB,wCAAwC;AACtC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,oEAAoE;GAClE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE;AAC1C,iBAAiB;GACf;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAE9C,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,UAAe,GAAG,WAAW,CAEvD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAUjF;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,GAAG,WAAW,CAAA;QAC/C,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,WAAW,EAAE;QACX,IAAI,EAAE,UAAU,CAAA;QAChB,IAAI,EAAE,QAAQ,CAAA;QACd,aAAa,EAAE,MAAM,CAAA;QACrB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,cAAc,CAAA;KAC5B,CAAA;CACF;AAKD,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAyC5F;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}

package/dist/components/switch.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(opts = {}) {
     return { checked: opts.checked ?? false, disabled: opts.disabled ?? false };
 }
@@ -25,13 +26,13 @@ export function connect(get, send) {
             'data-scope': 'switch',
             'data-part': 'root',
             tabIndex: (s) => (get(s).disabled ? -1 : 0),
-            onClick: () => send({ type: 'toggle' }),
-            onKeyDown: (e) => {
+            onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
+            onKeyDown: tagSend(send, ['toggle'], (e) => {
                 if (e.key === ' ' || e.key === 'Enter') {
                     e.preventDefault();
                     send({ type: 'toggle' });
                 }
-            },
+            }),
         },
         track: {
             'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Switch — two-state on/off control. Semantically like a checkbox but\n * visually a toggle track + thumb. Uses `role=\"switch\"` for ARIA.\n */\n\nexport interface SwitchState {\n  checked: boolean\n  disabled: boolean\n}\n\nexport type SwitchMsg =\n  | { type: 'toggle' }\n  | { type: 'setChecked'; checked: boolean }\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface SwitchInit {\n  checked?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: SwitchInit = {}): SwitchState {\n  return { checked: opts.checked ?? false, disabled: opts.disabled ?? false }\n}\n\nexport function update(state: SwitchState, msg: SwitchMsg): [SwitchState, never[]] {\n  switch (msg.type) {\n    case 'toggle':\n      if (state.disabled) return [state, []]\n      return [{ ...state, checked: !state.checked }, []]\n    case 'setChecked':\n      return [{ ...state, checked: msg.checked }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nexport interface SwitchParts<S> {\n  root: {\n    role: 'switch'\n    'aria-checked': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'switch'\n    'data-part': 'root'\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  track: {\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-scope': 'switch'\n    'data-part': 'track'\n  }\n  thumb: {\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-scope': 'switch'\n    'data-part': 'thumb'\n  }\n  hiddenInput: {\n    type: 'checkbox'\n    role: 'switch'\n    'aria-hidden': 'true'\n    tabIndex: -1\n    style: string\n    checked: (s: S) => boolean\n    disabled: (s: S) => boolean\n    'data-scope': 'switch'\n    'data-part': 'hidden-input'\n  }\n}\n\nconst HIDDEN_STYLE =\n  'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(get: (s: S) => SwitchState, send: Send<SwitchMsg>): SwitchParts<S> {\n  return {\n    root: {\n      role: 'switch',\n      'aria-checked': (s) => get(s).checked,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'switch',\n      'data-part': 'root',\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      onClick: () => send({ type: 'toggle' }),\n      onKeyDown: (e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault()\n          send({ type: 'toggle' })\n        }\n      },\n    },\n    track: {\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-scope': 'switch',\n      'data-part': 'track',\n    },\n    thumb: {\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-scope': 'switch',\n      'data-part': 'thumb',\n    },\n    hiddenInput: {\n      type: 'checkbox',\n      role: 'switch',\n      'aria-hidden': 'true',\n      tabIndex: -1,\n      style: HIDDEN_STYLE,\n      checked: (s) => get(s).checked,\n      disabled: (s) => get(s).disabled,\n      'data-scope': 'switch',\n      'data-part': 'hidden-input',\n    },\n  }\n}\n\nexport const switchMachine = { init, update, connect }\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Switch — two-state on/off control. Semantically like a checkbox but\n * visually a toggle track + thumb. Uses `role=\"switch\"` for ARIA.\n */\n\nexport interface SwitchState {\n  checked: boolean\n  disabled: boolean\n}\n\nexport type SwitchMsg =\n  /** @intent(\"Flip the switch on/off\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the switch's checked state to a specific value\") */\n  | { type: 'setChecked'; checked: boolean }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface SwitchInit {\n  checked?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: SwitchInit = {}): SwitchState {\n  return { checked: opts.checked ?? false, disabled: opts.disabled ?? false }\n}\n\nexport function update(state: SwitchState, msg: SwitchMsg): [SwitchState, never[]] {\n  switch (msg.type) {\n    case 'toggle':\n      if (state.disabled) return [state, []]\n      return [{ ...state, checked: !state.checked }, []]\n    case 'setChecked':\n      return [{ ...state, checked: msg.checked }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nexport interface SwitchParts<S> {\n  root: {\n    role: 'switch'\n    'aria-checked': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'switch'\n    'data-part': 'root'\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  track: {\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-scope': 'switch'\n    'data-part': 'track'\n  }\n  thumb: {\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-scope': 'switch'\n    'data-part': 'thumb'\n  }\n  hiddenInput: {\n    type: 'checkbox'\n    role: 'switch'\n    'aria-hidden': 'true'\n    tabIndex: -1\n    style: string\n    checked: (s: S) => boolean\n    disabled: (s: S) => boolean\n    'data-scope': 'switch'\n    'data-part': 'hidden-input'\n  }\n}\n\nconst HIDDEN_STYLE =\n  'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(get: (s: S) => SwitchState, send: Send<SwitchMsg>): SwitchParts<S> {\n  return {\n    root: {\n      role: 'switch',\n      'aria-checked': (s) => get(s).checked,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'switch',\n      'data-part': 'root',\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n      onKeyDown: tagSend(send, ['toggle'], (e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault()\n          send({ type: 'toggle' })\n        }\n      }),\n    },\n    track: {\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-scope': 'switch',\n      'data-part': 'track',\n    },\n    thumb: {\n      'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),\n      'data-scope': 'switch',\n      'data-part': 'thumb',\n    },\n    hiddenInput: {\n      type: 'checkbox',\n      role: 'switch',\n      'aria-hidden': 'true',\n      tabIndex: -1,\n      style: HIDDEN_STYLE,\n      checked: (s) => get(s).checked,\n      disabled: (s) => get(s).disabled,\n      'data-scope': 'switch',\n      'data-part': 'hidden-input',\n    },\n  }\n}\n\nexport const switchMachine = { init, update, connect }\n"]}

package/dist/components/tabs.d.ts

@@ -22,27 +22,43 @@ export interface TabsState {
     /** Whether clicking the active tab deselects it (empty value). Default: false. */
     deselectable: boolean;
 }
-export type TabsMsg = {
+export type TabsMsg = 
+/** @intent("Switch to the tab with the given value") */
+{
     type: 'setValue';
     value: string;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setItems';
     items: string[];
     disabled?: string[];
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusTab';
     value: string;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusNext';
     from: string;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusPrev';
     from: string;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusFirst';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusLast';
-} | {
+}
+/** @intent("Activate the currently-focused tab (for manual activation mode)") */
+ | {
     type: 'activateFocused';
 };
 export interface TabsInit {

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

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

package/dist/components/tabs.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 import { flipArrow } from '../utils/direction.js';
 export function init(opts = {}) {
     const items = opts.items ?? [];
@@ -146,15 +147,15 @@ export function connect(get, send, opts) {
                 'data-part': 'trigger',
                 'data-value': value,
                 tabIndex: (s) => (get(s).value === value ? 0 : -1),
-                onClick: () => {
+                onClick: tagSend(send, ['focusTab'], () => {
                     send({ type: 'focusTab', value });
                     opts.onNavigate?.(value);
-                },
-                onFocus: () => {
+                }),
+                onFocus: tagSend(send, ['focusTab'], () => {
                     // `focusTab` handles automatic activation
                     send({ type: 'focusTab', value });
-                },
-                onKeyDown: (e) => {
+                }),
+                onKeyDown: tagSend(send, ['focusNext', 'focusPrev', 'focusFirst', 'focusLast', 'activateFocused'], (e) => {
                     // Read orientation from the ancestor [data-part="list"] so the
                     // handler can dispatch the correct arrow keys per WAI-ARIA.
                     // Horizontal tabs: ArrowLeft/Right navigate; vertical: Up/Down.
@@ -187,7 +188,7 @@ export function connect(get, send, opts) {
                             send({ type: 'activateFocused' });
                             return;
                     }
-                },
+                }),
             },
             panel: {
                 role: 'tabpanel',

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAgDjD,MAAM,UAAU,IAAI,CAAC,OAAiB,EAAE;IACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;IAC9B,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;QACnC,KAAK;QACL,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE;QACvC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,YAAY;QAC7C,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,WAAW;QAC1C,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI;QACjC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK;KACzC,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,KAAe,EAAE,QAAkB;IACvD,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAA;IAC1D,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,WAAW,CAAC,KAAe,EAAE,QAAkB;IACtD,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;QACnB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAA;IACrC,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,WAAW,CAClB,KAAe,EACf,QAAkB,EAClB,IAAY,EACZ,KAAa,EACb,IAAa;IAEb,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,OAAO,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACpD,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAA;QAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAA;QACrD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,CAAA;QACzC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAA;IAC3C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAgB,EAAE,GAAY;IACnD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC/D,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAA;YACpD,wDAAwD;YACxD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;YACvB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3D,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAA;YACjD,CAAC;YACD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7E,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC/D,MAAM,IAAI,GAAc,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,KAAK,EAAE,CAAA;YACxD,IAAI,KAAK,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;gBACrC,kEAAkE;gBAClE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAA;YAC/E,CAAC;YACD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;YACtF,IAAI,EAAE,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACnC,MAAM,IAAI,GAAc,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;YACjD,IAAI,KAAK,CAAC,UAAU,KAAK,WAAW;gBAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACrD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;YACvF,IAAI,EAAE,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACnC,MAAM,IAAI,GAAc,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;YACjD,IAAI,KAAK,CAAC,UAAU,KAAK,WAAW;gBAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACrD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACzD,IAAI,EAAE,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACnC,MAAM,IAAI,GAAc,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;YACjD,IAAI,KAAK,CAAC,UAAU,KAAK,WAAW;gBAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACrD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACxD,IAAI,EAAE,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACnC,MAAM,IAAI,GAAc,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;YACjD,IAAI,KAAK,CAAC,UAAU,KAAK,WAAW;gBAAE,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACrD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACvB,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC9C,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;AACH,CAAC;AAuED,MAAM,UAAU,OAAO,CACrB,GAAwB,EACxB,IAAmB,EACnB,IAAoB;IAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAA;IACpB,MAAM,SAAS,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,IAAI,YAAY,CAAC,EAAE,CAAA;IAC/D,MAAM,OAAO,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,IAAI,UAAU,CAAC,EAAE,CAAA;IAE3D,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;YACnB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW;SAC9C;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW;YAC7C,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;SACpB;QACD,SAAS,EAAE;YACT,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,WAAW;YACxB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW;SAC9C;QACD,IAAI,EAAE,CAAC,KAAa,EAAoB,EAAE,CAAC,CAAC;YAC1C,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,KAAK;gBACX,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK;gBAC9C,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC;gBAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnF,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC;gBACpB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;gBACrE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC/E,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,SAAS;gBACtB,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;oBACjC,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAA;gBAC1B,CAAC;gBACD,OAAO,EAAE,GAAG,EAAE;oBACZ,0CAA0C;oBAC1C,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;gBACnC,CAAC;gBACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC9B,+DAA+D;oBAC/D,4DAA4D;oBAC5D,gEAAgE;oBAChE,MAAM,MAAM,GAAG,CAAC,CAAC,aAAmC,CAAA;oBACpD,MAAM,IAAI,GAAG,MAAM,EAAE,OAAO,CAC1B,uCAAuC,CAClB,CAAA;oBACvB,MAAM,WAAW,GACd,IAAI,EAAE,YAAY,CAAC,kBAAkB,CAAwB,IAAI,YAAY,CAAA;oBAChF,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,aAAwB,CAAC,CAAA;oBACxD,MAAM,OAAO,GAAG,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAA;oBACvE,MAAM,OAAO,GAAG,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAA;oBACpE,QAAQ,GAAG,EAAE,CAAC;wBACZ,KAAK,OAAO;4BACV,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BACxC,OAAM;wBACR,KAAK,OAAO;4BACV,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BACxC,OAAM;wBACR,KAAK,MAAM;4BACT,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;4BAC5B,OAAM;wBACR,KAAK,KAAK;4BACR,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;4BAC3B,OAAM;wBACR,KAAK,OAAO,CAAC;wBACb,KAAK,GAAG;4BACN,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAA;4BACjC,OAAM;oBACV,CAAC;gBACH,CAAC;aACF;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAClB,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC;gBACnC,QAAQ,EAAE,CAAC;gBACX,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK;gBACrC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;gBACrE,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,OAAO;gBACpB,YAAY,EAAE,KAAK;aACpB;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAiB;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAc,4CAA4C,CAAC,CAAA;IAC/F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAc,uCAAuC,CAAC,CAAA;IACrF,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;IAExC,MAAM,IAAI,GAAG,GAAS,EAAE;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAC/B,+DAA+D,CAChE,CAAA;QACD,IAAI,CAAC,MAAM;YAAE,OAAM;QACnB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAA;QACzE,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,CAAC,CAAA;QACvE,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAA;QAC3E,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,CAAA;IAC/E,CAAC,CAAA;IAED,IAAI,EAAE,CAAA;IAEN,MAAM,EAAE,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACrC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtF,qEAAqE;IACrE,uEAAuE;IACvE,kEAAkE;IAClE,MAAM,EAAE,GAAG,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAClF,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IAEjB,OAAO,GAAG,EAAE;QACV,EAAE,CAAC,UAAU,EAAE,CAAA;QACf,EAAE,EAAE,UAAU,EAAE,CAAA;IAClB,CAAC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA","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"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport 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  /** @intent(\"Switch to the tab with the given value\") */\n  | { type: 'setValue'; value: string }\n  /** @humanOnly */\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  /** @humanOnly */\n  | { type: 'focusTab'; value: string }\n  /** @humanOnly */\n  | { type: 'focusNext'; from: string }\n  /** @humanOnly */\n  | { type: 'focusPrev'; from: string }\n  /** @humanOnly */\n  | { type: 'focusFirst' }\n  /** @humanOnly */\n  | { type: 'focusLast' }\n  /** @intent(\"Activate the currently-focused tab (for manual activation mode)\") */\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: tagSend(send, ['focusTab'], () => {\n          send({ type: 'focusTab', value })\n          opts.onNavigate?.(value)\n        }),\n        onFocus: tagSend(send, ['focusTab'], () => {\n          // `focusTab` handles automatic activation\n          send({ type: 'focusTab', value })\n        }),\n        onKeyDown: tagSend(\n          send,\n          ['focusNext', 'focusPrev', 'focusFirst', 'focusLast', 'activateFocused'],\n          (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      },\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.d.ts

@@ -15,28 +15,46 @@ export interface TagsInputState {
     /** Currently-focused tag index, or null. */
     focusedIndex: number | null;
 }
-export type TagsInputMsg = {
+export type TagsInputMsg = 
+/** @intent("Update the in-progress text in the input field") */
+{
     type: 'setInput';
     value: string;
-} | {
+}
+/** @intent("Commit a new tag (defaults to the current input value)") */
+ | {
     type: 'addTag';
     value?: string;
-} | {
+}
+/** @intent("Remove the tag at the given index") */
+ | {
     type: 'removeTag';
     index: number;
-} | {
+}
+/** @intent("Remove the last tag (typically backspace on empty input)") */
+ | {
     type: 'removeLast';
-} | {
+}
+/** @intent("Replace the full tag list with the provided values") */
+ | {
     type: 'setValue';
     value: string[];
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusTag';
     index: number | null;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusTagNext';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'focusTagPrev';
-} | {
+}
+/** @intent("Remove every tag and reset the input") */
+ | {
     type: 'clearAll';
 };
 export interface TagsInputInit {

package/dist/components/tags-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../src/components/tags-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAMrC;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,4CAA4C;IAC5C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAA;AAExB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAS7D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAwC1F;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,KAAK,CAAA;QAClB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,YAAY,CAAA;QACzB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,CAAA;QACb,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,YAAY,EAAE,KAAK,CAAA;QACnB,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,CAAA;IACtD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,eAAe,CAAA;QAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;CAC9C;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,EAC7B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EACxB,IAAI,GAAE,cAAmB,GACxB,cAAc,CAAC,CAAC,CAAC,CA2GnB;AAED,eAAO,MAAM,SAAS;;;;CAA4B,CAAA"}
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../src/components/tags-input.ts"],"names":[],"mappings":"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"}

package/dist/components/tags-input.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { flipArrow } from '../utils/direction.js';
 import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
@@ -94,11 +94,11 @@ export function connect(get, send, opts = {}) {
             value: (s) => get(s).inputValue,
             'data-scope': 'tags-input',
             'data-part': 'input',
-            onInput: (e) => {
+            onInput: tagSend(send, ['setInput'], (e) => {
                 currentInput = e.target.value;
                 send({ type: 'setInput', value: currentInput });
-            },
-            onKeyDown: (e) => {
+            }),
+            onKeyDown: tagSend(send, ['removeLast', 'focusTagPrev'], (e) => {
                 const key = flipArrow(e.key, e.currentTarget);
                 if (key === 'Enter') {
                     e.preventDefault();
@@ -121,7 +121,7 @@ export function connect(get, send, opts = {}) {
                         send({ type: 'focusTagPrev' });
                     }
                 }
-            },
+            }),
             onBlur: () => {
                 if (commitOnBlur)
                     tryAddTag();
@@ -135,8 +135,8 @@ export function connect(get, send, opts = {}) {
                 'data-value': value,
                 'data-index': String(index),
                 'data-focused': (s) => (get(s).focusedIndex === index ? '' : undefined),
-                onFocus: () => send({ type: 'focusTag', index }),
-                onKeyDown: (e) => {
+                onFocus: tagSend(send, ['focusTag'], () => send({ type: 'focusTag', index })),
+                onKeyDown: tagSend(send, ['focusTagPrev', 'focusTagNext', 'removeTag'], (e) => {
                     const key = flipArrow(e.key, e.currentTarget);
                     if (key === 'ArrowLeft') {
                         e.preventDefault();
@@ -150,7 +150,7 @@ export function connect(get, send, opts = {}) {
                         e.preventDefault();
                         send({ type: 'removeTag', index });
                     }
-                },
+                }),
             },
             remove: {
                 type: 'button',
@@ -158,7 +158,7 @@ export function connect(get, send, opts = {}) {
                 tabIndex: -1,
                 'data-scope': 'tags-input',
                 'data-part': 'tag-remove',
-                onClick: () => send({ type: 'removeTag', index }),
+                onClick: tagSend(send, ['removeTag'], () => send({ type: 'removeTag', index })),
             },
         }),
         clearTrigger: {
@@ -166,7 +166,7 @@ export function connect(get, send, opts = {}) {
             'aria-label': clearLabel,
             'data-scope': 'tags-input',
             'data-part': 'clear-trigger',
-            onClick: () => send({ type: 'clearAll' }),
+            onClick: tagSend(send, ['clearAll'], () => send({ type: 'clearAll' })),
         },
     };
 }