@llui/components 0.4.10 → 0.5.1

package/dist/components/toast.js.map

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

package/dist/components/toc.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Table of contents — a navigation list that tracks which heading is
  * currently visible in the main scroll area and highlights it. The
@@ -63,35 +63,35 @@ export declare function init(opts?: TocInit): TocState;
 export declare function update(state: TocState, msg: TocMsg): [TocState, never[]];
 export declare function isActive(state: TocState, id: string): boolean;
 export declare function isExpanded(state: TocState, id: string): boolean;
-export interface TocItemParts<S> {
+export interface TocItemParts {
     item: {
         'data-scope': 'toc';
         'data-part': 'item';
         'data-level': string;
-        'data-active': (s: S) => '' | undefined;
+        'data-active': Signal<'' | undefined>;
         'data-value': string;
     };
     link: {
         href: string;
-        'aria-current': (s: S) => 'location' | undefined;
+        'aria-current': Signal<'location' | undefined>;
         'data-scope': 'toc';
         'data-part': 'link';
-        'data-active': (s: S) => '' | undefined;
+        'data-active': Signal<'' | undefined>;
     };
     expandTrigger: {
         type: 'button';
-        'aria-expanded': (s: S) => boolean;
-        'aria-label': string | ((s: S) => string);
+        'aria-expanded': Signal<boolean>;
+        'aria-label': string;
         'data-scope': 'toc';
         'data-part': 'expand-trigger';
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         onClick: (e: MouseEvent) => void;
     };
 }
-export interface TocParts<S> {
+export interface TocParts {
     root: {
         role: 'navigation';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'toc';
         'data-part': 'root';
     };
@@ -100,7 +100,7 @@ export interface TocParts<S> {
         'data-scope': 'toc';
         'data-part': 'list';
     };
-    item: (entry: TocEntry) => TocItemParts<S>;
+    item: (entry: TocEntry) => TocItemParts;
 }
 export interface ConnectOptions {
     label?: string;
@@ -108,7 +108,7 @@ export interface ConnectOptions {
     hrefPrefix?: string;
     expandLabel?: string;
 }
-export declare function connect<S>(get: (s: S) => TocState, send: Send<TocMsg>, opts?: ConnectOptions): TocParts<S>;
+export declare function connect(state: Signal<TocState>, send: Send<TocMsg>, opts?: ConnectOptions): TocParts;
 /**
  * Install an IntersectionObserver that watches heading elements and
  * dispatches `setActive` as the user scrolls. Call from onMount and

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

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

package/dist/components/toc.js

@@ -33,14 +33,14 @@ export function isActive(state, id) {
 export function isExpanded(state, id) {
     return state.expanded.includes(id);
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
     const prefix = opts.hrefPrefix ?? '#';
-    const expandLabel = opts.expandLabel ?? ((s) => locale(s).toc.expand);
+    const expandLabel = opts.expandLabel ?? locale.toc.expand;
     return {
         root: {
             role: 'navigation',
-            'aria-label': opts.label ?? ((s) => locale(s).toc.label),
+            'aria-label': opts.label ?? locale.toc.label,
             'data-scope': 'toc',
             'data-part': 'root',
         },
@@ -54,23 +54,23 @@ export function connect(get, send, opts = {}) {
                 'data-scope': 'toc',
                 'data-part': 'item',
                 'data-level': String(entry.level),
-                'data-active': (s) => (isActive(get(s), entry.id) ? '' : undefined),
+                'data-active': state.map((s) => (isActive(s, entry.id) ? '' : undefined)),
                 'data-value': entry.id,
             },
             link: {
                 href: `${prefix}${entry.id}`,
-                'aria-current': (s) => (isActive(get(s), entry.id) ? 'location' : undefined),
+                'aria-current': state.map((s) => (isActive(s, entry.id) ? 'location' : undefined)),
                 'data-scope': 'toc',
                 'data-part': 'link',
-                'data-active': (s) => (isActive(get(s), entry.id) ? '' : undefined),
+                'data-active': state.map((s) => (isActive(s, entry.id) ? '' : undefined)),
             },
             expandTrigger: {
                 type: 'button',
-                'aria-expanded': (s) => isExpanded(get(s), entry.id),
+                'aria-expanded': state.map((s) => isExpanded(s, entry.id)),
                 'aria-label': expandLabel,
                 'data-scope': 'toc',
                 'data-part': 'expand-trigger',
-                'data-state': (s) => (isExpanded(get(s), entry.id) ? 'open' : 'closed'),
+                'data-state': state.map((s) => (isExpanded(s, entry.id) ? 'open' : 'closed')),
                 onClick: tagSend(send, ['toggleExpanded'], () => send({ type: 'toggleExpanded', id: entry.id })),
             },
         }),

package/dist/components/toc.js.map

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

package/dist/components/toggle-group.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Toggle group — a set of toggle buttons. `type: 'single'` enforces
  * one-active-at-a-time (like a radio group but visually toggles).
@@ -53,15 +53,15 @@ export interface ToggleGroupInit {
 }
 export declare function init(opts?: ToggleGroupInit): ToggleGroupState;
 export declare function update(state: ToggleGroupState, msg: ToggleGroupMsg): [ToggleGroupState, never[]];
-export interface ToggleGroupItemParts<S> {
+export interface ToggleGroupItemParts {
     root: {
         type: 'button';
         role: 'button';
-        'aria-pressed': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        disabled: (s: S) => boolean;
-        'data-state': (s: S) => 'on' | 'off';
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-pressed': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        disabled: Signal<boolean>;
+        'data-state': Signal<'on' | 'off'>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'toggle-group';
         'data-part': 'item';
         'data-value': string;
@@ -69,18 +69,18 @@ export interface ToggleGroupItemParts<S> {
         onKeyDown: (e: KeyboardEvent) => void;
     };
 }
-export interface ToggleGroupParts<S> {
+export interface ToggleGroupParts {
     root: {
         role: 'group';
-        'aria-disabled': (s: S) => 'true' | undefined;
+        'aria-disabled': Signal<'true' | undefined>;
         'data-scope': 'toggle-group';
         'data-part': 'root';
-        'data-orientation': (s: S) => Orientation;
-        'data-disabled': (s: S) => '' | undefined;
+        'data-orientation': Signal<Orientation>;
+        'data-disabled': Signal<'' | undefined>;
     };
-    item: (value: string) => ToggleGroupItemParts<S>;
+    item: (value: string) => ToggleGroupItemParts;
 }
-export declare function connect<S>(get: (s: S) => ToggleGroupState, send: Send<ToggleGroupMsg>): ToggleGroupParts<S>;
+export declare function connect(state: Signal<ToggleGroupState>, send: Send<ToggleGroupMsg>): ToggleGroupParts;
 export declare const toggleGroup: {
     init: typeof init;
     update: typeof update;

package/dist/components/toggle-group.d.ts.map

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

package/dist/components/toggle-group.js

@@ -45,25 +45,25 @@ export function update(state, msg) {
             return [state, []];
     }
 }
-export function connect(get, send) {
+export function connect(state, send) {
     return {
         root: {
             role: 'group',
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             'data-scope': 'toggle-group',
             'data-part': 'root',
-            'data-orientation': (s) => get(s).orientation,
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-orientation': state.map((s) => s.orientation),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         item: (value) => ({
             root: {
                 type: 'button',
                 role: 'button',
-                'aria-pressed': (s) => get(s).value.includes(value),
-                'aria-disabled': (s) => get(s).disabled || get(s).disabledItems.includes(value) ? 'true' : undefined,
-                disabled: (s) => get(s).disabled || get(s).disabledItems.includes(value),
-                'data-state': (s) => (get(s).value.includes(value) ? 'on' : 'off'),
-                'data-disabled': (s) => get(s).disabled || get(s).disabledItems.includes(value) ? '' : undefined,
+                'aria-pressed': state.map((s) => s.value.includes(value)),
+                'aria-disabled': state.map((s) => s.disabled || s.disabledItems.includes(value) ? 'true' : undefined),
+                disabled: state.map((s) => s.disabled || s.disabledItems.includes(value)),
+                'data-state': state.map((s) => (s.value.includes(value) ? 'on' : 'off')),
+                'data-disabled': state.map((s) => s.disabled || s.disabledItems.includes(value) ? '' : undefined),
                 'data-scope': 'toggle-group',
                 'data-part': 'item',
                 'data-value': value,

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

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

package/dist/components/toggle.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Toggle button — a button that can be pressed or not. Unlike a checkbox,
  * a toggle represents an action that is applied immediately (e.g. "bold" in
@@ -29,22 +29,22 @@ export interface ToggleInit {
 }
 export declare function init(opts?: ToggleInit): ToggleState;
 export declare function update(state: ToggleState, msg: ToggleMsg): [ToggleState, never[]];
-export interface ToggleParts<S> {
+export interface ToggleParts {
     root: {
         type: 'button';
         role: 'button';
-        'aria-pressed': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        disabled: (s: S) => boolean;
-        'data-state': (s: S) => 'on' | 'off';
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-pressed': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        disabled: Signal<boolean>;
+        'data-state': Signal<'on' | 'off'>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'toggle';
         'data-part': 'root';
         onClick: (e: MouseEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
     };
 }
-export declare function connect<S>(get: (s: S) => ToggleState, send: Send<ToggleMsg>): ToggleParts<S>;
+export declare function connect(state: Signal<ToggleState>, send: Send<ToggleMsg>): ToggleParts;
 export declare const toggle: {
     init: typeof init;
     update: typeof update;

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,SAAS;AACnB,wDAAwD;AACtD;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,CAKvD;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,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,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAA;QACpC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;CACF;AAED,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,CAqB5F;AAED,eAAO,MAAM,MAAM;;;;CAA4B,CAAA"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,SAAS;AACnB,wDAAwD;AACtD;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,CAKvD;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,IAAI,EAAE,QAAQ,CAAA;QACd,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAC/B,eAAe,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;QAC3C,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,YAAY,EAAE,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,CAAA;QAClC,eAAe,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QACvC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;CACF;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,WAAW,CAqBtF;AAED,eAAO,MAAM,MAAM;;;;CAA4B,CAAA"}

package/dist/components/toggle.js

@@ -17,16 +17,16 @@ export function update(state, msg) {
             return [{ ...state, disabled: msg.disabled }, []];
     }
 }
-export function connect(get, send) {
+export function connect(state, send) {
     return {
         root: {
             type: 'button',
             role: 'button',
-            'aria-pressed': (s) => get(s).pressed,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
-            disabled: (s) => get(s).disabled,
-            'data-state': (s) => (get(s).pressed ? 'on' : 'off'),
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'aria-pressed': state.map((s) => s.pressed),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
+            disabled: state.map((s) => s.disabled),
+            'data-state': state.map((s) => (s.pressed ? 'on' : 'off')),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
             'data-scope': 'toggle',
             'data-part': 'root',
             onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),

package/dist/components/toggle.js.map

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

package/dist/components/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { Send, TransitionOptions } from '@llui/dom';
+import type { Send, Signal, TransitionOptions } from '@llui/dom';
 import { type Placement } from '../utils/floating.js';
 /**
  * Tooltip — hover / focus-triggered, positioned. Opens after a short delay
@@ -35,11 +35,11 @@ export interface TooltipInit {
 }
 export declare function init(opts?: TooltipInit): TooltipState;
 export declare function update(state: TooltipState, msg: TooltipMsg): [TooltipState, never[]];
-export interface TooltipParts<S> {
+export interface TooltipParts {
     trigger: {
         id: string;
-        'aria-describedby': (s: S) => string | undefined;
-        'data-state': (s: S) => 'open' | 'closed';
+        'aria-describedby': Signal<string | undefined>;
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'tooltip';
         'data-part': 'trigger';
         onPointerEnter: (e: PointerEvent) => void;
@@ -56,7 +56,7 @@ export interface TooltipParts<S> {
     content: {
         role: 'tooltip';
         id: string;
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'tooltip';
         'data-part': 'content';
         onPointerEnter: (e: PointerEvent) => void;
@@ -76,11 +76,11 @@ export interface ConnectOptions {
     /** Open immediately on focus without delay (default: true). */
     openOnFocus?: boolean;
 }
-export declare function connect<S>(get: (s: S) => TooltipState, send: Send<TooltipMsg>, opts: ConnectOptions): TooltipParts<S>;
-export interface OverlayOptions<S> {
-    get: (s: S) => TooltipState;
+export declare function connect(state: Signal<TooltipState>, send: Send<TooltipMsg>, opts: ConnectOptions): TooltipParts;
+export interface OverlayOptions {
+    state: Signal<TooltipState>;
     send: Send<TooltipMsg>;
-    parts: TooltipParts<S>;
+    parts: TooltipParts;
     content: () => Node[];
     placement?: Placement;
     offset?: number;
@@ -90,7 +90,7 @@ export interface OverlayOptions<S> {
     target?: string | HTMLElement;
     arrowSelector?: string;
 }
-export declare function overlay<S>(opts: OverlayOptions<S>): Node[];
+export declare function overlay(opts: OverlayOptions): Node;
 export declare const tooltip: {
     init: typeof init;
     update: typeof update;

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

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