@llui/components 0.4.9 → 0.5.0

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

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

package/dist/components/splitter.js

@@ -45,10 +45,10 @@ export function positionFromPoint(state, rect, clientX, clientY) {
         : ((clientY - rect.top) / rect.height) * 100;
     return clamp(pct, state.min, state.max);
 }
-export function connect(get, send) {
+export function connect(state, send) {
     const sizeProp = (s, inverted) => {
-        const pos = get(s).position;
-        const axis = get(s).orientation === 'horizontal' ? 'width' : 'height';
+        const pos = s.position;
+        const axis = s.orientation === 'horizontal' ? 'width' : 'height';
         const pct = inverted ? 100 - pos : pos;
         return `${axis}:${pct}%;`;
     };
@@ -56,31 +56,31 @@ export function connect(get, send) {
         root: {
             'data-scope': 'splitter',
             'data-part': 'root',
-            'data-orientation': (s) => get(s).orientation,
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
-            'data-dragging': (s) => (get(s).dragging ? '' : undefined),
+            'data-orientation': state.map((s) => s.orientation),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
+            'data-dragging': state.map((s) => (s.dragging ? '' : undefined)),
         },
         primaryPanel: {
             'data-scope': 'splitter',
             'data-part': 'primary-panel',
-            style: (s) => sizeProp(s, false),
+            style: state.map((s) => sizeProp(s, false)),
         },
         secondaryPanel: {
             'data-scope': 'splitter',
             'data-part': 'secondary-panel',
-            style: (s) => sizeProp(s, true),
+            style: state.map((s) => sizeProp(s, true)),
         },
         resizeTrigger: {
             role: 'separator',
-            'aria-orientation': (s) => get(s).orientation,
-            'aria-valuemin': (s) => get(s).min,
-            'aria-valuemax': (s) => get(s).max,
-            'aria-valuenow': (s) => get(s).position,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            'aria-orientation': state.map((s) => s.orientation),
+            'aria-valuemin': state.map((s) => s.min),
+            'aria-valuemax': state.map((s) => s.max),
+            'aria-valuenow': state.map((s) => s.position),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             'data-scope': 'splitter',
             'data-part': 'resize-trigger',
-            'data-orientation': (s) => get(s).orientation,
-            tabIndex: (s) => (get(s).disabled ? -1 : 0),
+            'data-orientation': state.map((s) => s.orientation),
+            tabIndex: state.map((s) => (s.disabled ? -1 : 0)),
             onKeyDown: tagSend(send, ['increment', 'decrement', 'toMin', 'toMax'], (e) => {
                 const key = flipArrow(e.key, e.currentTarget);
                 switch (key) {

package/dist/components/splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../src/components/splitter.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 * Splitter — resizable panes with a draggable handle. The handle's position\n * is expressed as a percentage of the container, stored as a number 0..100.\n * Supports keyboard arrow resize with a configurable step.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface SplitterState {\n  position: number\n  min: number\n  max: number\n  step: number\n  orientation: Orientation\n  disabled: boolean\n  dragging: boolean\n}\n\nexport type SplitterMsg =\n  /** @intent(\"Set the splitter handle position (0–100, clamped to min/max)\") */\n  | { type: 'setPosition'; position: number }\n  /** @intent(\"Move the handle by step (or step × multiplier) toward max\") */\n  | { type: 'increment'; multiplier?: number }\n  /** @intent(\"Move the handle by step (or step × multiplier) toward min\") */\n  | { type: 'decrement'; multiplier?: number }\n  /** @intent(\"Snap the handle to its minimum position\") */\n  | { type: 'toMin' }\n  /** @intent(\"Snap the handle to its maximum position\") */\n  | { type: 'toMax' }\n  /** @humanOnly */\n  | { type: 'startDrag' }\n  /** @humanOnly */\n  | { type: 'endDrag' }\n\nexport interface SplitterInit {\n  position?: number\n  min?: number\n  max?: number\n  step?: number\n  orientation?: Orientation\n  disabled?: boolean\n}\n\nexport function init(opts: SplitterInit = {}): SplitterState {\n  return {\n    position: opts.position ?? 50,\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    step: opts.step ?? 1,\n    orientation: opts.orientation ?? 'horizontal',\n    disabled: opts.disabled ?? false,\n    dragging: false,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: SplitterState, msg: SplitterMsg): [SplitterState, never[]] {\n  if (state.disabled && msg.type !== 'endDrag') return [state, []]\n  switch (msg.type) {\n    case 'setPosition':\n      return [{ ...state, position: clamp(msg.position, state.min, state.max) }, []]\n    case 'increment': {\n      const delta = state.step * (msg.multiplier ?? 1)\n      return [{ ...state, position: clamp(state.position + delta, state.min, state.max) }, []]\n    }\n    case 'decrement': {\n      const delta = state.step * (msg.multiplier ?? 1)\n      return [{ ...state, position: clamp(state.position - delta, state.min, state.max) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, position: state.min }, []]\n    case 'toMax':\n      return [{ ...state, position: state.max }, []]\n    case 'startDrag':\n      return [{ ...state, dragging: true }, []]\n    case 'endDrag':\n      return [{ ...state, dragging: false }, []]\n  }\n}\n\n/** Compute position percentage from a pointer event within a container rect. */\nexport function positionFromPoint(\n  state: SplitterState,\n  rect: DOMRect,\n  clientX: number,\n  clientY: number,\n): number {\n  const pct =\n    state.orientation === 'horizontal'\n      ? ((clientX - rect.left) / rect.width) * 100\n      : ((clientY - rect.top) / rect.height) * 100\n  return clamp(pct, state.min, state.max)\n}\n\nexport interface SplitterParts<S> {\n  root: {\n    'data-scope': 'splitter'\n    'data-part': 'root'\n    'data-orientation': (s: S) => Orientation\n    'data-disabled': (s: S) => '' | undefined\n    'data-dragging': (s: S) => '' | undefined\n  }\n  primaryPanel: {\n    'data-scope': 'splitter'\n    'data-part': 'primary-panel'\n    style: (s: S) => string\n  }\n  secondaryPanel: {\n    'data-scope': 'splitter'\n    'data-part': 'secondary-panel'\n    style: (s: S) => string\n  }\n  resizeTrigger: {\n    role: 'separator'\n    'aria-orientation': (s: S) => Orientation\n    'aria-valuemin': (s: S) => number\n    'aria-valuemax': (s: S) => number\n    'aria-valuenow': (s: S) => number\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-scope': 'splitter'\n    'data-part': 'resize-trigger'\n    'data-orientation': (s: S) => Orientation\n    tabIndex: (s: S) => number\n    onKeyDown: (e: KeyboardEvent) => void\n    onPointerDown: (e: PointerEvent) => void\n  }\n}\n\nexport function connect<S>(\n  get: (s: S) => SplitterState,\n  send: Send<SplitterMsg>,\n): SplitterParts<S> {\n  const sizeProp = (s: S, inverted: boolean): string => {\n    const pos = get(s).position\n    const axis = get(s).orientation === 'horizontal' ? 'width' : 'height'\n    const pct = inverted ? 100 - pos : pos\n    return `${axis}:${pct}%;`\n  }\n\n  return {\n    root: {\n      'data-scope': 'splitter',\n      'data-part': 'root',\n      'data-orientation': (s) => get(s).orientation,\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n    },\n    primaryPanel: {\n      'data-scope': 'splitter',\n      'data-part': 'primary-panel',\n      style: (s) => sizeProp(s, false),\n    },\n    secondaryPanel: {\n      'data-scope': 'splitter',\n      'data-part': 'secondary-panel',\n      style: (s) => sizeProp(s, true),\n    },\n    resizeTrigger: {\n      role: 'separator',\n      'aria-orientation': (s) => get(s).orientation,\n      'aria-valuemin': (s) => get(s).min,\n      'aria-valuemax': (s) => get(s).max,\n      'aria-valuenow': (s) => get(s).position,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-scope': 'splitter',\n      'data-part': 'resize-trigger',\n      'data-orientation': (s) => get(s).orientation,\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      onKeyDown: tagSend(send, ['increment', 'decrement', 'toMin', 'toMax'], (e) => {\n        const key = flipArrow(e.key, e.currentTarget as Element)\n        switch (key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault()\n            send({ type: 'increment' })\n            return\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault()\n            send({ type: 'decrement' })\n            return\n          case 'PageUp':\n            e.preventDefault()\n            send({ type: 'increment', multiplier: 10 })\n            return\n          case 'PageDown':\n            e.preventDefault()\n            send({ type: 'decrement', multiplier: 10 })\n            return\n          case 'Home':\n            e.preventDefault()\n            send({ type: 'toMin' })\n            return\n          case 'End':\n            e.preventDefault()\n            send({ type: 'toMax' })\n            return\n        }\n      }),\n      onPointerDown: tagSend(send, ['startDrag'], (e) => {\n        e.preventDefault()\n        send({ type: 'startDrag' })\n      }),\n    },\n  }\n}\n\nexport const splitter = { init, update, connect, positionFromPoint }\n"]}
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../src/components/splitter.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Splitter — resizable panes with a draggable handle. The handle's position\n * is expressed as a percentage of the container, stored as a number 0..100.\n * Supports keyboard arrow resize with a configurable step.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface SplitterState {\n  position: number\n  min: number\n  max: number\n  step: number\n  orientation: Orientation\n  disabled: boolean\n  dragging: boolean\n}\n\nexport type SplitterMsg =\n  /** @intent(\"Set the splitter handle position (0–100, clamped to min/max)\") */\n  | { type: 'setPosition'; position: number }\n  /** @intent(\"Move the handle by step (or step × multiplier) toward max\") */\n  | { type: 'increment'; multiplier?: number }\n  /** @intent(\"Move the handle by step (or step × multiplier) toward min\") */\n  | { type: 'decrement'; multiplier?: number }\n  /** @intent(\"Snap the handle to its minimum position\") */\n  | { type: 'toMin' }\n  /** @intent(\"Snap the handle to its maximum position\") */\n  | { type: 'toMax' }\n  /** @humanOnly */\n  | { type: 'startDrag' }\n  /** @humanOnly */\n  | { type: 'endDrag' }\n\nexport interface SplitterInit {\n  position?: number\n  min?: number\n  max?: number\n  step?: number\n  orientation?: Orientation\n  disabled?: boolean\n}\n\nexport function init(opts: SplitterInit = {}): SplitterState {\n  return {\n    position: opts.position ?? 50,\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    step: opts.step ?? 1,\n    orientation: opts.orientation ?? 'horizontal',\n    disabled: opts.disabled ?? false,\n    dragging: false,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: SplitterState, msg: SplitterMsg): [SplitterState, never[]] {\n  if (state.disabled && msg.type !== 'endDrag') return [state, []]\n  switch (msg.type) {\n    case 'setPosition':\n      return [{ ...state, position: clamp(msg.position, state.min, state.max) }, []]\n    case 'increment': {\n      const delta = state.step * (msg.multiplier ?? 1)\n      return [{ ...state, position: clamp(state.position + delta, state.min, state.max) }, []]\n    }\n    case 'decrement': {\n      const delta = state.step * (msg.multiplier ?? 1)\n      return [{ ...state, position: clamp(state.position - delta, state.min, state.max) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, position: state.min }, []]\n    case 'toMax':\n      return [{ ...state, position: state.max }, []]\n    case 'startDrag':\n      return [{ ...state, dragging: true }, []]\n    case 'endDrag':\n      return [{ ...state, dragging: false }, []]\n  }\n}\n\n/** Compute position percentage from a pointer event within a container rect. */\nexport function positionFromPoint(\n  state: SplitterState,\n  rect: DOMRect,\n  clientX: number,\n  clientY: number,\n): number {\n  const pct =\n    state.orientation === 'horizontal'\n      ? ((clientX - rect.left) / rect.width) * 100\n      : ((clientY - rect.top) / rect.height) * 100\n  return clamp(pct, state.min, state.max)\n}\n\nexport interface SplitterParts {\n  root: {\n    'data-scope': 'splitter'\n    'data-part': 'root'\n    'data-orientation': Signal<Orientation>\n    'data-disabled': Signal<'' | undefined>\n    'data-dragging': Signal<'' | undefined>\n  }\n  primaryPanel: {\n    'data-scope': 'splitter'\n    'data-part': 'primary-panel'\n    style: Signal<string>\n  }\n  secondaryPanel: {\n    'data-scope': 'splitter'\n    'data-part': 'secondary-panel'\n    style: Signal<string>\n  }\n  resizeTrigger: {\n    role: 'separator'\n    'aria-orientation': Signal<Orientation>\n    'aria-valuemin': Signal<number>\n    'aria-valuemax': Signal<number>\n    'aria-valuenow': Signal<number>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-scope': 'splitter'\n    'data-part': 'resize-trigger'\n    'data-orientation': Signal<Orientation>\n    tabIndex: Signal<number>\n    onKeyDown: (e: KeyboardEvent) => void\n    onPointerDown: (e: PointerEvent) => void\n  }\n}\n\nexport function connect(state: Signal<SplitterState>, send: Send<SplitterMsg>): SplitterParts {\n  const sizeProp = (s: SplitterState, inverted: boolean): string => {\n    const pos = s.position\n    const axis = s.orientation === 'horizontal' ? 'width' : 'height'\n    const pct = inverted ? 100 - pos : pos\n    return `${axis}:${pct}%;`\n  }\n\n  return {\n    root: {\n      'data-scope': 'splitter',\n      'data-part': 'root',\n      'data-orientation': state.map((s) => s.orientation),\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n      'data-dragging': state.map((s) => (s.dragging ? '' : undefined)),\n    },\n    primaryPanel: {\n      'data-scope': 'splitter',\n      'data-part': 'primary-panel',\n      style: state.map((s) => sizeProp(s, false)),\n    },\n    secondaryPanel: {\n      'data-scope': 'splitter',\n      'data-part': 'secondary-panel',\n      style: state.map((s) => sizeProp(s, true)),\n    },\n    resizeTrigger: {\n      role: 'separator',\n      'aria-orientation': state.map((s) => s.orientation),\n      'aria-valuemin': state.map((s) => s.min),\n      'aria-valuemax': state.map((s) => s.max),\n      'aria-valuenow': state.map((s) => s.position),\n      'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n      'data-scope': 'splitter',\n      'data-part': 'resize-trigger',\n      'data-orientation': state.map((s) => s.orientation),\n      tabIndex: state.map((s) => (s.disabled ? -1 : 0)),\n      onKeyDown: tagSend(send, ['increment', 'decrement', 'toMin', 'toMax'], (e) => {\n        const key = flipArrow(e.key, e.currentTarget as Element)\n        switch (key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault()\n            send({ type: 'increment' })\n            return\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault()\n            send({ type: 'decrement' })\n            return\n          case 'PageUp':\n            e.preventDefault()\n            send({ type: 'increment', multiplier: 10 })\n            return\n          case 'PageDown':\n            e.preventDefault()\n            send({ type: 'decrement', multiplier: 10 })\n            return\n          case 'Home':\n            e.preventDefault()\n            send({ type: 'toMin' })\n            return\n          case 'End':\n            e.preventDefault()\n            send({ type: 'toMax' })\n            return\n        }\n      }),\n      onPointerDown: tagSend(send, ['startDrag'], (e) => {\n        e.preventDefault()\n        send({ type: 'startDrag' })\n      }),\n    },\n  }\n}\n\nexport const splitter = { init, update, connect, positionFromPoint }\n"]}

package/dist/components/steps.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Steps — progress indicator for multi-step flows (wizards, checkouts).
  * Tracks current step and completed steps; supports linear and non-linear
@@ -57,58 +57,58 @@ export interface StepsInit {
 export declare function init(opts?: StepsInit): StepsState;
 export declare function update(state: StepsState, msg: StepsMsg): [StepsState, never[]];
 export declare function stepStatus(state: StepsState, step: number): StepStatus;
-export interface StepsItemParts<S> {
+export interface StepsItemParts {
     item: {
         'data-scope': 'steps';
         'data-part': 'item';
-        'data-status': (s: S) => StepStatus;
+        'data-status': Signal<StepStatus>;
         'data-index': string;
-        'aria-current': (s: S) => 'step' | undefined;
+        'aria-current': Signal<'step' | undefined>;
     };
     trigger: {
         type: 'button';
         'aria-label': string;
-        disabled: (s: S) => boolean;
+        disabled: Signal<boolean>;
         'data-scope': 'steps';
         'data-part': 'trigger';
-        'data-status': (s: S) => StepStatus;
+        'data-status': Signal<StepStatus>;
         onClick: (e: MouseEvent) => void;
     };
     separator: {
         'data-scope': 'steps';
         'data-part': 'separator';
-        'data-status': (s: S) => StepStatus;
+        'data-status': Signal<StepStatus>;
         'aria-hidden': 'true';
     };
 }
-export interface StepsParts<S> {
+export interface StepsParts {
     root: {
         role: 'group';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'steps';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
     };
     nextTrigger: {
         type: 'button';
-        disabled: (s: S) => boolean;
+        disabled: Signal<boolean>;
         'data-scope': 'steps';
         'data-part': 'next-trigger';
         onClick: (e: MouseEvent) => void;
     };
     prevTrigger: {
         type: 'button';
-        disabled: (s: S) => boolean;
+        disabled: Signal<boolean>;
         'data-scope': 'steps';
         'data-part': 'prev-trigger';
         onClick: (e: MouseEvent) => void;
     };
-    item: (index: number) => StepsItemParts<S>;
+    item: (index: number) => StepsItemParts;
 }
 export interface ConnectOptions {
     label?: string;
 }
-export declare function connect<S>(get: (s: S) => StepsState, send: Send<StepsMsg>, opts?: ConnectOptions): StepsParts<S>;
+export declare function connect(state: Signal<StepsState>, send: Send<StepsMsg>, opts?: ConnectOptions): StepsParts;
 export declare const steps: {
     init: typeof init;
     update: typeof update;

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

@@ -76,33 +76,27 @@ export function stepStatus(state, step) {
         return 'completed';
     return 'pending';
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
-    const label = opts.label ?? ((s) => locale(s).steps.label);
+    const label = opts.label ?? locale.steps.label;
     return {
         root: {
             role: 'group',
             'aria-label': label,
             'data-scope': 'steps',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         nextTrigger: {
             type: 'button',
-            disabled: (s) => {
-                const st = get(s);
-                return st.disabled || st.current >= st.steps.length - 1;
-            },
+            disabled: state.map((st) => st.disabled || st.current >= st.steps.length - 1),
             'data-scope': 'steps',
             'data-part': 'next-trigger',
             onClick: tagSend(send, ['next'], () => send({ type: 'next' })),
         },
         prevTrigger: {
             type: 'button',
-            disabled: (s) => {
-                const st = get(s);
-                return st.disabled || st.current === 0;
-            },
+            disabled: state.map((st) => st.disabled || st.current === 0),
             'data-scope': 'steps',
             'data-part': 'prev-trigger',
             onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),
@@ -111,23 +105,23 @@ export function connect(get, send, opts = {}) {
             item: {
                 'data-scope': 'steps',
                 'data-part': 'item',
-                'data-status': (s) => stepStatus(get(s), index),
+                'data-status': state.map((s) => stepStatus(s, index)),
                 'data-index': String(index),
-                'aria-current': (s) => (get(s).current === index ? 'step' : undefined),
+                'aria-current': state.map((s) => (s.current === index ? 'step' : undefined)),
             },
             trigger: {
                 type: 'button',
                 'aria-label': `Step ${index + 1}`,
-                disabled: (s) => !canGoTo(get(s), index),
+                disabled: state.map((s) => !canGoTo(s, index)),
                 'data-scope': 'steps',
                 'data-part': 'trigger',
-                'data-status': (s) => stepStatus(get(s), index),
+                'data-status': state.map((s) => stepStatus(s, index)),
                 onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', step: index })),
             },
             separator: {
                 'data-scope': 'steps',
                 'data-part': 'separator',
-                'data-status': (s) => stepStatus(get(s), index),
+                'data-status': state.map((s) => stepStatus(s, index)),
                 'aria-hidden': 'true',
             },
         }),

package/dist/components/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/components/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA6C5C,MAAM,UAAU,IAAI,CAAC,OAAkB,EAAE;IACvC,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC;QAC1B,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;QAC/B,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI;QAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAAiB,EAAE,IAAY;IAC9C,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IACxD,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAC9B,+DAA+D;IAC/D,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACtC,IAAI,IAAI,KAAK,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAA;IACtF,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAiB,EAAE,GAAa;IACrD,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACjD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC9C,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;YAC9B,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAClD,wCAAwC;YACxC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;gBACvD,CAAC,CAAC,KAAK,CAAC,SAAS;gBACjB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YACvC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QACrD,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC3C,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACvD,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC1D,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC;oBACzC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC;iBACnD;gBACD,EAAE;aACH,CAAA;QACH,CAAC;QACD,KAAK,WAAW;YACd,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACvD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAC/E,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IACpE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAiB,EAAE,IAAY;IACxD,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,OAAO,CAAA;IAC/C,IAAI,IAAI,KAAK,KAAK,CAAC,OAAO;QAAE,OAAO,SAAS,CAAA;IAC5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,WAAW,CAAA;IACtD,OAAO,SAAS,CAAA;AAClB,CAAC;AAwDD,MAAM,UAAU,OAAO,CACrB,GAAyB,EACzB,IAAoB,EACpB,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,MAAM,KAAK,GAAgC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC1F,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SAC3D;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,OAAO,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YACzD,CAAC;YACD,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjB,OAAO,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,OAAO,KAAK,CAAC,CAAA;YACxC,CAAC;YACD,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,IAAI,EAAE,CAAC,KAAa,EAAqB,EAAE,CAAC,CAAC;YAC3C,IAAI,EAAE;gBACJ,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,MAAM;gBACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;gBAC/C,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;aACvE;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE;gBACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;gBACxC,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;gBAC/C,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5E;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,WAAW;gBACxB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;gBAC/C,aAAa,EAAE,MAAM;aACtB;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA","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"]}
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/components/steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA4C5C,MAAM,UAAU,IAAI,CAAC,OAAkB,EAAE;IACvC,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC;QAC1B,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;QAC/B,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI;QAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,KAAiB,EAAE,IAAY;IAC9C,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IACxD,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAC9B,+DAA+D;IAC/D,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACtC,IAAI,IAAI,KAAK,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAA;IACtF,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAiB,EAAE,GAAa;IACrD,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACjD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QAC9C,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;YAC9B,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAClD,wCAAwC;YACxC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;gBACvD,CAAC,CAAC,KAAK,CAAC,SAAS;gBACjB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YACvC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QACrD,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC3C,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACvD,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC1D,OAAO;gBACL;oBACE,GAAG,KAAK;oBACR,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC;oBACzC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC;iBACnD;gBACD,EAAE;aACH,CAAA;QACH,CAAC;QACD,KAAK,WAAW;YACd,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACvD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAC/E,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IACpE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAiB,EAAE,IAAY;IACxD,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,OAAO,CAAA;IAC/C,IAAI,IAAI,KAAK,KAAK,CAAC,OAAO;QAAE,OAAO,SAAS,CAAA;IAC5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,WAAW,CAAA;IACtD,OAAO,SAAS,CAAA;AAClB,CAAC;AAwDD,MAAM,UAAU,OAAO,CACrB,KAAyB,EACzB,IAAoB,EACpB,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAA;IAC9C,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SACjE;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC7E,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,OAAO,KAAK,CAAC,CAAC;YAC5D,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,IAAI,EAAE,CAAC,KAAa,EAAkB,EAAE,CAAC,CAAC;YACxC,IAAI,EAAE;gBACJ,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,MAAM;gBACnB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBACrD,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC7E;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE;gBACjC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC9C,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBACrD,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5E;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,OAAO;gBACrB,WAAW,EAAE,WAAW;gBACxB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBACrD,aAAa,EAAE,MAAM;aACtB;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } 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 {\n  item: {\n    'data-scope': 'steps'\n    'data-part': 'item'\n    'data-status': Signal<StepStatus>\n    'data-index': string\n    'aria-current': Signal<'step' | undefined>\n  }\n  trigger: {\n    type: 'button'\n    'aria-label': string\n    disabled: Signal<boolean>\n    'data-scope': 'steps'\n    'data-part': 'trigger'\n    'data-status': Signal<StepStatus>\n    onClick: (e: MouseEvent) => void\n  }\n  separator: {\n    'data-scope': 'steps'\n    'data-part': 'separator'\n    'data-status': Signal<StepStatus>\n    'aria-hidden': 'true'\n  }\n}\n\nexport interface StepsParts {\n  root: {\n    role: 'group'\n    'aria-label': string\n    'data-scope': 'steps'\n    'data-part': 'root'\n    'data-disabled': Signal<'' | undefined>\n  }\n  nextTrigger: {\n    type: 'button'\n    disabled: Signal<boolean>\n    'data-scope': 'steps'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  prevTrigger: {\n    type: 'button'\n    disabled: Signal<boolean>\n    'data-scope': 'steps'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  item: (index: number) => StepsItemParts\n}\n\nexport interface ConnectOptions {\n  label?: string\n}\n\nexport function connect(\n  state: Signal<StepsState>,\n  send: Send<StepsMsg>,\n  opts: ConnectOptions = {},\n): StepsParts {\n  const locale = useContext(LocaleContext)\n  const label = opts.label ?? locale.steps.label\n  return {\n    root: {\n      role: 'group',\n      'aria-label': label,\n      'data-scope': 'steps',\n      'data-part': 'root',\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n    },\n    nextTrigger: {\n      type: 'button',\n      disabled: state.map((st) => st.disabled || st.current >= st.steps.length - 1),\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: state.map((st) => st.disabled || st.current === 0),\n      'data-scope': 'steps',\n      'data-part': 'prev-trigger',\n      onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),\n    },\n    item: (index: number): StepsItemParts => ({\n      item: {\n        'data-scope': 'steps',\n        'data-part': 'item',\n        'data-status': state.map((s) => stepStatus(s, index)),\n        'data-index': String(index),\n        'aria-current': state.map((s) => (s.current === index ? 'step' : undefined)),\n      },\n      trigger: {\n        type: 'button',\n        'aria-label': `Step ${index + 1}`,\n        disabled: state.map((s) => !canGoTo(s, index)),\n        'data-scope': 'steps',\n        'data-part': 'trigger',\n        'data-status': state.map((s) => stepStatus(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': state.map((s) => stepStatus(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

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Switch — two-state on/off control. Semantically like a checkbox but
  * visually a toggle track + thumb. Uses `role="switch"` for ARIA.
@@ -28,26 +28,26 @@ export interface SwitchInit {
 }
 export declare function init(opts?: SwitchInit): SwitchState;
 export declare function update(state: SwitchState, msg: SwitchMsg): [SwitchState, never[]];
-export interface SwitchParts<S> {
+export interface SwitchParts {
     root: {
         role: 'switch';
-        'aria-checked': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'data-state': (s: S) => 'checked' | 'unchecked';
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-checked': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        'data-state': Signal<'checked' | 'unchecked'>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'switch';
         'data-part': 'root';
-        tabIndex: (s: S) => number;
+        tabIndex: Signal<number>;
         onClick: (e: MouseEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
     };
     track: {
-        'data-state': (s: S) => 'checked' | 'unchecked';
+        'data-state': Signal<'checked' | 'unchecked'>;
         'data-scope': 'switch';
         'data-part': 'track';
     };
     thumb: {
-        'data-state': (s: S) => 'checked' | 'unchecked';
+        'data-state': Signal<'checked' | 'unchecked'>;
         'data-scope': 'switch';
         'data-part': 'thumb';
     };
@@ -57,13 +57,13 @@ export interface SwitchParts<S> {
         'aria-hidden': 'true';
         tabIndex: -1;
         style: string;
-        checked: (s: S) => boolean;
-        disabled: (s: S) => boolean;
+        checked: Signal<boolean>;
+        disabled: Signal<boolean>;
         'data-scope': 'switch';
         'data-part': 'hidden-input';
     };
 }
-export declare function connect<S>(get: (s: S) => SwitchState, send: Send<SwitchMsg>): SwitchParts<S>;
+export declare function connect(state: Signal<SwitchState>, send: Send<SwitchMsg>): SwitchParts;
 export declare const switchMachine: {
     init: typeof init;
     update: typeof update;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAE7C;;;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;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAC/B,eAAe,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;QAC3C,YAAY,EAAE,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC,CAAA;QAC7C,eAAe,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QACvC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QACxB,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,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC,CAAA;QAC7C,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAC,SAAS,GAAG,WAAW,CAAC,CAAA;QAC7C,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,MAAM,CAAC,OAAO,CAAC,CAAA;QACxB,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,cAAc,CAAA;KAC5B,CAAA;CACF;AAKD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,WAAW,CAyCtF;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}

package/dist/components/switch.js

@@ -15,17 +15,17 @@ export function update(state, msg) {
     }
 }
 const HIDDEN_STYLE = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;';
-export function connect(get, send) {
+export function connect(state, send) {
     return {
         root: {
             role: 'switch',
-            'aria-checked': (s) => get(s).checked,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
-            'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'aria-checked': state.map((s) => s.checked),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
+            'data-state': state.map((s) => (s.checked ? 'checked' : 'unchecked')),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
             'data-scope': 'switch',
             'data-part': 'root',
-            tabIndex: (s) => (get(s).disabled ? -1 : 0),
+            tabIndex: state.map((s) => (s.disabled ? -1 : 0)),
             onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
             onKeyDown: tagSend(send, ['toggle'], (e) => {
                 if (e.key === ' ' || e.key === 'Enter') {
@@ -35,12 +35,12 @@ export function connect(get, send) {
             }),
         },
         track: {
-            'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),
+            'data-state': state.map((s) => (s.checked ? 'checked' : 'unchecked')),
             'data-scope': 'switch',
             'data-part': 'track',
         },
         thumb: {
-            'data-state': (s) => (get(s).checked ? 'checked' : 'unchecked'),
+            'data-state': state.map((s) => (s.checked ? 'checked' : 'unchecked')),
             'data-scope': 'switch',
             'data-part': 'thumb',
         },
@@ -50,8 +50,8 @@ export function connect(get, send) {
             'aria-hidden': 'true',
             tabIndex: -1,
             style: HIDDEN_STYLE,
-            checked: (s) => get(s).checked,
-            disabled: (s) => get(s).disabled,
+            checked: state.map((s) => s.checked),
+            disabled: state.map((s) => s.disabled),
             'data-scope': 'switch',
             'data-part': 'hidden-input',
         },

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 { 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"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AA0BnC,MAAM,UAAU,IAAI,CAAC,OAAmB,EAAE;IACxC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAA;AAC7E,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB,EAAE,GAAc;IACvD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACtC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACpD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACjD,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC;AACH,CAAC;AAsCD,MAAM,YAAY,GAChB,8HAA8H,CAAA;AAEhI,MAAM,UAAU,OAAO,CAAC,KAA0B,EAAE,IAAqB;IACvE,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YAC3C,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACpE,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;YACrE,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAChE,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,MAAM;YACnB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACjD,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YAClE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;gBACzC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;gBAC1B,CAAC;YACH,CAAC,CAAC;SACH;QACD,KAAK,EAAE;YACL,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;YACrE,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,OAAO;SACrB;QACD,KAAK,EAAE;YACL,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;YACrE,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,OAAO;SACrB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,QAAQ;YACd,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,CAAC,CAAC;YACZ,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACpC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtC,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,cAAc;SAC5B;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } 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 {\n  root: {\n    role: 'switch'\n    'aria-checked': Signal<boolean>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-state': Signal<'checked' | 'unchecked'>\n    'data-disabled': Signal<'' | undefined>\n    'data-scope': 'switch'\n    'data-part': 'root'\n    tabIndex: Signal<number>\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  track: {\n    'data-state': Signal<'checked' | 'unchecked'>\n    'data-scope': 'switch'\n    'data-part': 'track'\n  }\n  thumb: {\n    'data-state': Signal<'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: Signal<boolean>\n    disabled: Signal<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(state: Signal<SwitchState>, send: Send<SwitchMsg>): SwitchParts {\n  return {\n    root: {\n      role: 'switch',\n      'aria-checked': state.map((s) => s.checked),\n      'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n      'data-state': state.map((s) => (s.checked ? 'checked' : 'unchecked')),\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n      'data-scope': 'switch',\n      'data-part': 'root',\n      tabIndex: state.map((s) => (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': state.map((s) => (s.checked ? 'checked' : 'unchecked')),\n      'data-scope': 'switch',\n      'data-part': 'track',\n    },\n    thumb: {\n      'data-state': state.map((s) => (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: state.map((s) => s.checked),\n      disabled: state.map((s) => s.disabled),\n      'data-scope': 'switch',\n      'data-part': 'hidden-input',\n    },\n  }\n}\n\nexport const switchMachine = { init, update, connect }\n"]}