@llui/components 0.4.10 → 0.5.1

package/dist/components/tooltip.js

@@ -15,7 +15,7 @@ export function update(state, msg) {
             return [{ ...state, open: msg.open }, []];
     }
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const base = opts.id;
     const triggerId = `${base}:trigger`;
     const contentId = `${base}:content`;
@@ -59,8 +59,8 @@ export function connect(get, send, opts) {
     return {
         trigger: {
             id: triggerId,
-            'aria-describedby': (s) => (get(s).open ? contentId : undefined),
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'aria-describedby': state.map((s) => (s.open ? contentId : undefined)),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'tooltip',
             'data-part': 'trigger',
             onPointerEnter: () => scheduleShow(delayOpen),
@@ -85,7 +85,7 @@ export function connect(get, send, opts) {
         content: {
             role: 'tooltip',
             id: contentId,
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'tooltip',
             'data-part': 'content',
             // Allow pointer to enter content without closing (for interactive tooltips)
@@ -104,7 +104,7 @@ export function connect(get, send, opts) {
     };
 }
 export function overlay(opts) {
-    const target = opts.target ?? 'body';
+    const rawTarget = opts.target ?? 'body';
     const placement = opts.placement ?? 'top';
     const offset = opts.offset ?? 6;
     const flip = opts.flip !== false;
@@ -112,11 +112,12 @@ export function overlay(opts) {
     const parts = opts.parts;
     const contentId = parts.content.id;
     const triggerId = parts.trigger.id;
-    return show({
-        when: (s) => opts.get(s).open,
-        render: () => portal({
-            target,
-            render: () => {
+    return show(opts.state.map((s) => s.open), () => {
+        const targetEl = typeof rawTarget === 'string'
+            ? (document.querySelector(rawTarget) ?? document.body)
+            : rawTarget;
+        return [
+            portal(() => {
                 onMount(() => {
                     const contentEl = document.getElementById(contentId);
                     const triggerEl = document.getElementById(triggerId);
@@ -138,10 +139,8 @@ export function overlay(opts) {
                     });
                 });
                 return [div(parts.positioner, opts.content())];
-            },
-        }),
-        enter: opts.transition?.enter,
-        leave: opts.transition?.leave,
+            }, targetEl),
+        ];
     });
 }
 export const tooltip = { init, update, connect, overlay };

package/dist/components/tooltip.js.map

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

package/dist/components/tour.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Tour — guided walkthrough over a sequence of steps, each targeting
  * an element on the page with a pop-up explanation. The state machine
@@ -80,7 +80,7 @@ export declare function progress(state: TourState): {
     current: number;
     total: number;
 };
-export interface TourParts<S> {
+export interface TourParts {
     root: {
         role: 'dialog';
         'aria-modal': 'false';
@@ -88,7 +88,7 @@ export interface TourParts<S> {
         'aria-describedby': string;
         'data-scope': 'tour';
         'data-part': 'root';
-        hidden: (s: S) => boolean;
+        hidden: Signal<boolean>;
     };
     backdrop: {
         'data-scope': 'tour';
@@ -117,7 +117,7 @@ export interface TourParts<S> {
     };
     prevTrigger: {
         type: 'button';
-        disabled: (s: S) => boolean;
+        disabled: Signal<boolean>;
         'data-scope': 'tour';
         'data-part': 'prev-trigger';
         onClick: (e: MouseEvent) => void;
@@ -126,12 +126,12 @@ export interface TourParts<S> {
         type: 'button';
         'data-scope': 'tour';
         'data-part': 'next-trigger';
-        'data-last': (s: S) => '' | undefined;
+        'data-last': Signal<'' | undefined>;
         onClick: (e: MouseEvent) => void;
     };
     closeTrigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'tour';
         'data-part': 'close-trigger';
         onClick: (e: MouseEvent) => void;
@@ -144,7 +144,7 @@ export interface ConnectOptions {
      *  typically require an explicit dismiss. */
     closeOnBackdropClick?: boolean;
 }
-export declare function connect<S>(get: (s: S) => TourState, send: Send<TourMsg>, opts: ConnectOptions): TourParts<S>;
+export declare function connect(state: Signal<TourState>, send: Send<TourMsg>, opts: ConnectOptions): TourParts;
 export declare const tour: {
     init: typeof init;
     update: typeof update;

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

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

package/dist/components/tour.js

@@ -59,7 +59,7 @@ export function isLast(state) {
 export function progress(state) {
     return { current: state.index + 1, total: state.steps.length };
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const locale = useContext(LocaleContext);
     const titleId = `${opts.id}:title`;
     const descId = `${opts.id}:description`;
@@ -72,7 +72,7 @@ export function connect(get, send, opts) {
             'aria-describedby': descId,
             'data-scope': 'tour',
             'data-part': 'root',
-            hidden: (s) => !get(s).open,
+            hidden: state.map((s) => !s.open),
         },
         backdrop: {
             'data-scope': 'tour',
@@ -104,7 +104,7 @@ export function connect(get, send, opts) {
         },
         prevTrigger: {
             type: 'button',
-            disabled: (s) => isFirst(get(s)),
+            disabled: state.map((s) => isFirst(s)),
             'data-scope': 'tour',
             'data-part': 'prev-trigger',
             onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),
@@ -113,12 +113,12 @@ export function connect(get, send, opts) {
             type: 'button',
             'data-scope': 'tour',
             'data-part': 'next-trigger',
-            'data-last': (s) => (isLast(get(s)) ? '' : undefined),
+            'data-last': state.map((s) => (isLast(s) ? '' : undefined)),
             onClick: tagSend(send, ['next'], () => send({ type: 'next' })),
         },
         closeTrigger: {
             type: 'button',
-            'aria-label': opts.closeLabel ?? ((s) => locale(s).tour.close),
+            'aria-label': opts.closeLabel ?? locale.tour.close,
             'data-scope': 'tour',
             'data-part': 'close-trigger',
             onClick: tagSend(send, ['stop'], () => send({ type: 'stop' })),

package/dist/components/tour.js.map

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

package/dist/components/tree-view.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Tree view — hierarchical list with expand/collapse. Items are identified
  * by opaque string ids; the tree structure (children relationship) is
@@ -188,22 +188,22 @@ export declare function isChecked(state: TreeViewState, id: string): boolean;
 export declare function isIndeterminate(state: TreeViewState, id: string): boolean;
 export declare function isRenaming(state: TreeViewState, id: string): boolean;
 export declare function isLoading(state: TreeViewState, id: string): boolean;
-export interface TreeItemParts<S> {
+export interface TreeItemParts {
     item: {
         role: 'treeitem';
         id: string;
-        'aria-expanded': (s: S) => boolean | undefined;
-        'aria-selected': (s: S) => boolean | undefined;
+        'aria-expanded': Signal<boolean | undefined>;
+        'aria-selected': Signal<boolean | undefined>;
         'aria-level': number;
-        'aria-busy': (s: S) => 'true' | undefined;
-        tabIndex: (s: S) => number;
+        'aria-busy': Signal<'true' | undefined>;
+        tabIndex: Signal<number>;
         'data-scope': 'tree-view';
         'data-part': 'item';
         'data-value': string;
         'data-depth': string;
-        'data-selected': (s: S) => '' | undefined;
-        'data-focused': (s: S) => '' | undefined;
-        'data-loading': (s: S) => '' | undefined;
+        'data-selected': Signal<'' | undefined>;
+        'data-focused': Signal<'' | undefined>;
+        'data-loading': Signal<'' | undefined>;
         onClick: (e: MouseEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
         onFocus: (e: FocusEvent) => void;
@@ -212,7 +212,7 @@ export interface TreeItemParts<S> {
     branchTrigger: {
         'data-scope': 'tree-view';
         'data-part': 'branch-trigger';
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         onClick: (e: MouseEvent) => void;
     };
     /**
@@ -225,23 +225,23 @@ export interface TreeItemParts<S> {
      */
     checkbox: {
         role: 'checkbox';
-        'aria-checked': (s: S) => 'true' | 'false' | 'mixed';
+        'aria-checked': Signal<'true' | 'false' | 'mixed'>;
         'data-scope': 'tree-view';
         'data-part': 'checkbox';
-        'data-state': (s: S) => 'checked' | 'unchecked' | 'indeterminate';
+        'data-state': Signal<'checked' | 'unchecked' | 'indeterminate'>;
     };
 }
-export interface TreeViewParts<S> {
+export interface TreeViewParts {
     root: {
         role: 'tree';
-        'aria-owns': (s: S) => string | undefined;
-        'aria-multiselectable': (s: S) => 'true' | undefined;
-        'aria-disabled': (s: S) => 'true' | undefined;
+        'aria-owns': Signal<string | undefined>;
+        'aria-multiselectable': Signal<'true' | undefined>;
+        'aria-disabled': Signal<'true' | undefined>;
         'data-scope': 'tree-view';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
     };
-    item: (id: string, depth: number, isBranch: boolean, parentId?: string | null) => TreeItemParts<S>;
+    item: (id: string, depth: number, isBranch: boolean, parentId?: string | null) => TreeItemParts;
 }
 export interface ConnectOptions {
     id: string;
@@ -252,7 +252,7 @@ export interface ConnectOptions {
      */
     expandOnClick?: boolean;
 }
-export declare function connect<S>(get: (s: S) => TreeViewState, send: Send<TreeViewMsg>, opts: ConnectOptions): TreeViewParts<S>;
+export declare function connect(state: Signal<TreeViewState>, send: Send<TreeViewMsg>, opts: ConnectOptions): TreeViewParts;
 export declare const treeView: {
     init: typeof init;
     update: typeof update;

package/dist/components/tree-view.d.ts.map

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

package/dist/components/tree-view.js

@@ -174,40 +174,40 @@ export function isRenaming(state, id) {
 export function isLoading(state, id) {
     return state.loading.includes(id);
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const itemId = (v) => `${opts.id}:item:${v}`;
     const expandOnClick = opts.expandOnClick === true;
     return {
         root: {
             role: 'tree',
-            'aria-owns': (s) => {
-                const items = get(s).visibleItems;
+            'aria-owns': state.map((s) => {
+                const items = s.visibleItems;
                 if (items.length === 0)
                     return undefined;
                 return items.map((id) => itemId(id)).join(' ');
-            },
-            'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            }),
+            'aria-multiselectable': state.map((s) => s.selectionMode === 'multiple' ? 'true' : undefined),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             'data-scope': 'tree-view',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         item: (id, depth, isBranch, parentId = null) => ({
             item: {
                 role: 'treeitem',
                 id: itemId(id),
-                'aria-expanded': (s) => (isBranch ? isExpanded(get(s), id) : undefined),
-                'aria-selected': (s) => get(s).selectionMode === 'single' ? isSelected(get(s), id) : undefined,
+                'aria-expanded': state.map((s) => (isBranch ? isExpanded(s, id) : undefined)),
+                'aria-selected': state.map((s) => s.selectionMode === 'single' ? isSelected(s, id) : undefined),
                 'aria-level': depth + 1,
-                'aria-busy': (s) => (isLoading(get(s), id) ? 'true' : undefined),
-                tabIndex: (s) => (get(s).focused === id ? 0 : -1),
+                'aria-busy': state.map((s) => (isLoading(s, id) ? 'true' : undefined)),
+                tabIndex: state.map((s) => (s.focused === id ? 0 : -1)),
                 'data-scope': 'tree-view',
                 'data-part': 'item',
                 'data-value': id,
                 'data-depth': String(depth),
-                'data-selected': (s) => (isSelected(get(s), id) ? '' : undefined),
-                'data-focused': (s) => (get(s).focused === id ? '' : undefined),
-                'data-loading': (s) => (isLoading(get(s), id) ? '' : undefined),
+                'data-selected': state.map((s) => (isSelected(s, id) ? '' : undefined)),
+                'data-focused': state.map((s) => (s.focused === id ? '' : undefined)),
+                'data-loading': state.map((s) => (isLoading(s, id) ? '' : undefined)),
                 onClick: tagSend(send, ['select', 'toggleBranch'], (e) => {
                     send({ type: 'select', id, additive: e.metaKey || e.ctrlKey });
                     if (expandOnClick && isBranch)
@@ -275,7 +275,7 @@ export function connect(get, send, opts) {
             branchTrigger: {
                 'data-scope': 'tree-view',
                 'data-part': 'branch-trigger',
-                'data-state': (s) => (isExpanded(get(s), id) ? 'open' : 'closed'),
+                'data-state': state.map((s) => (isExpanded(s, id) ? 'open' : 'closed')),
                 onClick: tagSend(send, ['toggleBranch'], (e) => {
                     e.stopPropagation();
                     send({ type: 'toggleBranch', id });
@@ -283,18 +283,18 @@ export function connect(get, send, opts) {
             },
             checkbox: {
                 role: 'checkbox',
-                'aria-checked': (s) => {
-                    if (isIndeterminate(get(s), id))
+                'aria-checked': state.map((s) => {
+                    if (isIndeterminate(s, id))
                         return 'mixed';
-                    return isChecked(get(s), id) ? 'true' : 'false';
-                },
+                    return isChecked(s, id) ? 'true' : 'false';
+                }),
                 'data-scope': 'tree-view',
                 'data-part': 'checkbox',
-                'data-state': (s) => {
-                    if (isIndeterminate(get(s), id))
+                'data-state': state.map((s) => {
+                    if (isIndeterminate(s, id))
                         return 'indeterminate';
-                    return isChecked(get(s), id) ? 'checked' : 'unchecked';
-                },
+                    return isChecked(s, id) ? 'checked' : 'unchecked';
+                }),
             },
         }),
     };