@llui/components 0.4.10 → 0.5.0

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Dialog — modal / non-modal overlay. Ties together focus-trap, dismissable,\n * body scroll lock, sibling aria-hidden, and portal-to-body rendering into\n * a single view helper.\n *\n * Two layers:\n *   - **state machine** (`init`, `update`, `connect`) — pure, minimal.\n *   - **`overlay()` view helper** — opens the dialog's DOM tree inside a\n *     body portal, wires up all accessibility utilities on mount, tears\n *     them down on close, restores focus to the trigger.\n *\n * ```ts\n * const parts = dialog.connect<State>(s => s.confirm, sendDialog, { id: 'confirm' })\n *\n * view: (send) => [\n *   button({ ...parts.trigger, class: 'btn' }, [text('Delete')]),\n *   ...dialog.overlay({\n *     get: s => s.confirm,\n *     send: sendDialog,\n *     parts,\n *     content: () => [\n *       div({ ...parts.content, class: 'dialog' }, [\n *         h2({ ...parts.title }, [text('Are you sure?')]),\n *         button({ ...parts.closeTrigger, class: 'btn' }, [text('Cancel')]),\n *       ]),\n *     ],\n *     transition: fade({ duration: 150 }),\n *   }),\n * ]\n * ```\n */\n\nexport interface DialogState {\n  open: boolean\n}\n\nexport type DialogMsg =\n  /** @intent(\"Open the dialog\") */\n  | { type: 'open' }\n  /** @intent(\"Close the dialog\") */\n  | { type: 'close' }\n  /** @intent(\"Toggle the dialog open/closed\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the dialog's open state to a specific value\") */\n  | { type: 'setOpen'; open: boolean }\n\nexport interface DialogInit {\n  open?: boolean\n}\n\nexport function init(opts: DialogInit = {}): DialogState {\n  return { open: opts.open ?? false }\n}\n\nexport function update(state: DialogState, msg: DialogMsg): [DialogState, never[]] {\n  switch (msg.type) {\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\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 DialogParts<S> {\n  trigger: {\n    type: 'button'\n    'aria-haspopup': 'dialog'\n    'aria-expanded': (s: S) => boolean\n    'aria-controls': string\n    id: string\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'dialog'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  backdrop: {\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'dialog'\n    'data-part': 'backdrop'\n    'aria-hidden': 'true'\n  }\n  positioner: {\n    'data-scope': 'dialog'\n    'data-part': 'positioner'\n  }\n  content: {\n    role: 'dialog' | 'alertdialog'\n    id: string\n    'aria-modal': 'true' | undefined\n    'aria-labelledby': string\n    'aria-describedby': string\n    tabIndex: -1\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'dialog'\n    'data-part': 'content'\n  }\n  title: {\n    id: string\n    'data-scope': 'dialog'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'dialog'\n    'data-part': 'description'\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'dialog'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  /** Unique id per dialog instance (used for ARIA wiring). */\n  id: string\n  /** ARIA role (default: 'dialog'). Use 'alertdialog' for destructive confirmations. */\n  role?: 'dialog' | 'alertdialog'\n  /** Modal dialogs trap focus and lock scroll (default: true). */\n  modal?: boolean\n  /** Accessible label for the close button (default: 'Close'). */\n  closeLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => DialogState,\n  send: Send<DialogMsg>,\n  opts: ConnectOptions,\n): DialogParts<S> {\n  const base = opts.id\n  const contentId = `${base}:content`\n  const titleId = `${base}:title`\n  const descId = `${base}:description`\n  const triggerId = `${base}:trigger`\n  const role = opts.role ?? 'dialog'\n  const modal = opts.modal !== false\n  const locale = useContext<S, Locale>(LocaleContext)\n  const closeLabel: string | ((s: S) => string) =\n    opts.closeLabel ?? ((s: S) => locale(s).dialog.close)\n\n  return {\n    trigger: {\n      type: 'button',\n      'aria-haspopup': 'dialog',\n      'aria-expanded': (s) => get(s).open,\n      'aria-controls': contentId,\n      id: triggerId,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'dialog',\n      'data-part': 'trigger',\n      onClick: tagSend(send, ['open'], () => send({ type: 'open' })),\n    },\n    backdrop: {\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'dialog',\n      'data-part': 'backdrop',\n      'aria-hidden': 'true',\n    },\n    positioner: {\n      'data-scope': 'dialog',\n      'data-part': 'positioner',\n    },\n    content: {\n      role,\n      id: contentId,\n      'aria-modal': modal ? 'true' : undefined,\n      'aria-labelledby': titleId,\n      'aria-describedby': descId,\n      tabIndex: -1,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'dialog',\n      'data-part': 'content',\n    },\n    title: {\n      id: titleId,\n      'data-scope': 'dialog',\n      'data-part': 'title',\n    },\n    description: {\n      id: descId,\n      'data-scope': 'dialog',\n      'data-part': 'description',\n    },\n    closeTrigger: {\n      type: 'button',\n      'aria-label': closeLabel,\n      'data-scope': 'dialog',\n      'data-part': 'close-trigger',\n      onClick: tagSend(send, ['close'], () => send({ type: 'close' })),\n    },\n  }\n}\n\nexport interface OverlayOptions<S> {\n  /** State accessor. */\n  get: (s: S) => DialogState\n  /** Send dispatcher for dialog messages. */\n  send: Send<DialogMsg>\n  /** Parts from `connect()` — used to locate the content element by id. */\n  parts: DialogParts<S>\n  /** Content rendering. */\n  content: () => Node[]\n  /** Optional transition to apply on open/close (from `@llui/transitions`). */\n  transition?: TransitionOptions\n  /** Close on Escape key (default: true). */\n  closeOnEscape?: boolean\n  /** Close on click outside content (default: true). */\n  closeOnOutsideClick?: boolean\n  /** Trap focus inside the dialog while open (default: true for modal). */\n  trapFocus?: boolean\n  /** Lock body scroll while open (default: true for modal). */\n  lockScroll?: boolean\n  /** Apply aria-hidden to sibling trees (default: true for modal). */\n  hideSiblings?: boolean\n  /** Target element / selector for the portal (default: 'body'). */\n  target?: string | HTMLElement\n  /** Element to focus initially (default: first focusable inside content). */\n  initialFocus?: Element | (() => Element | null)\n  /** Restore focus on close (default: true). */\n  restoreFocus?: boolean\n}\n\n/**\n * Build the dialog's DOM tree and wire up all accessibility utilities.\n * Returns a `show()` structural block that tracks `get(state).open`.\n */\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n  const target = opts.target ?? 'body'\n  const closeOnEscape = opts.closeOnEscape !== false\n  const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n  const trapFocus = opts.trapFocus !== false\n  const lockScroll = opts.lockScroll !== false\n  const hideSiblings = opts.hideSiblings !== false\n  const restoreFocus = opts.restoreFocus !== false\n  const parts = opts.parts\n  const contentId = parts.content.id\n  const triggerId = parts.trigger.id\n\n  return show<S, DialogMsg>({\n    when: (s) => opts.get(s).open,\n    render: () =>\n      portal({\n        target,\n        render: () => {\n          onMount(() => {\n            const contentEl = document.getElementById(contentId)\n            if (!contentEl) return\n            const triggerEl = document.getElementById(triggerId)\n\n            const cleanups: Array<() => void> = []\n\n            if (lockScroll) cleanups.push(lockBodyScroll())\n            if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n            if (trapFocus) {\n              cleanups.push(\n                pushFocusTrap({\n                  container: contentEl,\n                  initialFocus: opts.initialFocus,\n                  restoreFocus,\n                }),\n              )\n            }\n            if (closeOnEscape || closeOnOutsideClick) {\n              cleanups.push(\n                pushDismissable({\n                  element: contentEl,\n                  ignore: () => (triggerEl ? [triggerEl] : []),\n                  disableEscape: !closeOnEscape,\n                  disableOutside: !closeOnOutsideClick,\n                  onDismiss: () => opts.send({ type: 'close' }),\n                }),\n              )\n            }\n\n            return () => {\n              for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\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 dialog = { init, update, connect, overlay }\n"]}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Dialog — modal / non-modal overlay. Ties together focus-trap, dismissable,\n * body scroll lock, sibling aria-hidden, and portal-to-body rendering into\n * a single view helper.\n *\n * Two layers:\n *   - **state machine** (`init`, `update`, `connect`) — pure, minimal.\n *   - **`overlay()` view helper** — opens the dialog's DOM tree inside a\n *     body portal, wires up all accessibility utilities on mount, tears\n *     them down on close, restores focus to the trigger.\n *\n * ```ts\n * const parts = dialog.connect<State>(s => s.confirm, sendDialog, { id: 'confirm' })\n *\n * view: (send) => [\n *   button({ ...parts.trigger, class: 'btn' }, [text('Delete')]),\n *   ...dialog.overlay({\n *     get: s => s.confirm,\n *     send: sendDialog,\n *     parts,\n *     content: () => [\n *       div({ ...parts.content, class: 'dialog' }, [\n *         h2({ ...parts.title }, [text('Are you sure?')]),\n *         button({ ...parts.closeTrigger, class: 'btn' }, [text('Cancel')]),\n *       ]),\n *     ],\n *     transition: fade({ duration: 150 }),\n *   }),\n * ]\n * ```\n */\n\nexport interface DialogState {\n  open: boolean\n}\n\nexport type DialogMsg =\n  /** @intent(\"Open the dialog\") */\n  | { type: 'open' }\n  /** @intent(\"Close the dialog\") */\n  | { type: 'close' }\n  /** @intent(\"Toggle the dialog open/closed\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the dialog's open state to a specific value\") */\n  | { type: 'setOpen'; open: boolean }\n\nexport interface DialogInit {\n  open?: boolean\n}\n\nexport function init(opts: DialogInit = {}): DialogState {\n  return { open: opts.open ?? false }\n}\n\nexport function update(state: DialogState, msg: DialogMsg): [DialogState, never[]] {\n  switch (msg.type) {\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\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 DialogParts {\n  trigger: {\n    type: 'button'\n    'aria-haspopup': 'dialog'\n    'aria-expanded': Signal<boolean>\n    'aria-controls': string\n    id: string\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'dialog'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  backdrop: {\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'dialog'\n    'data-part': 'backdrop'\n    'aria-hidden': 'true'\n  }\n  positioner: {\n    'data-scope': 'dialog'\n    'data-part': 'positioner'\n  }\n  content: {\n    role: 'dialog' | 'alertdialog'\n    id: string\n    'aria-modal': 'true' | undefined\n    'aria-labelledby': string\n    'aria-describedby': string\n    tabIndex: -1\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'dialog'\n    'data-part': 'content'\n  }\n  title: {\n    id: string\n    'data-scope': 'dialog'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'dialog'\n    'data-part': 'description'\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string\n    'data-scope': 'dialog'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  /** Unique id per dialog instance (used for ARIA wiring). */\n  id: string\n  /** ARIA role (default: 'dialog'). Use 'alertdialog' for destructive confirmations. */\n  role?: 'dialog' | 'alertdialog'\n  /** Modal dialogs trap focus and lock scroll (default: true). */\n  modal?: boolean\n  /** Accessible label for the close button (default: 'Close'). */\n  closeLabel?: string\n}\n\nexport function connect(\n  state: Signal<DialogState>,\n  send: Send<DialogMsg>,\n  opts: ConnectOptions,\n): DialogParts {\n  const base = opts.id\n  const contentId = `${base}:content`\n  const titleId = `${base}:title`\n  const descId = `${base}:description`\n  const triggerId = `${base}:trigger`\n  const role = opts.role ?? 'dialog'\n  const modal = opts.modal !== false\n  const locale = useContext(LocaleContext)\n  const closeLabel = opts.closeLabel ?? locale.dialog.close\n\n  return {\n    trigger: {\n      type: 'button',\n      'aria-haspopup': 'dialog',\n      'aria-expanded': state.map((s) => s.open),\n      'aria-controls': contentId,\n      id: triggerId,\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'dialog',\n      'data-part': 'trigger',\n      onClick: tagSend(send, ['open'], () => send({ type: 'open' })),\n    },\n    backdrop: {\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'dialog',\n      'data-part': 'backdrop',\n      'aria-hidden': 'true',\n    },\n    positioner: {\n      'data-scope': 'dialog',\n      'data-part': 'positioner',\n    },\n    content: {\n      role,\n      id: contentId,\n      'aria-modal': modal ? 'true' : undefined,\n      'aria-labelledby': titleId,\n      'aria-describedby': descId,\n      tabIndex: -1,\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'dialog',\n      'data-part': 'content',\n    },\n    title: {\n      id: titleId,\n      'data-scope': 'dialog',\n      'data-part': 'title',\n    },\n    description: {\n      id: descId,\n      'data-scope': 'dialog',\n      'data-part': 'description',\n    },\n    closeTrigger: {\n      type: 'button',\n      'aria-label': closeLabel,\n      'data-scope': 'dialog',\n      'data-part': 'close-trigger',\n      onClick: tagSend(send, ['close'], () => send({ type: 'close' })),\n    },\n  }\n}\n\nexport interface OverlayOptions {\n  /** Dialog state slice as a Signal. */\n  state: Signal<DialogState>\n  /** Send dispatcher for dialog messages. */\n  send: Send<DialogMsg>\n  /** Parts from `connect()` — used to locate the content element by id. */\n  parts: DialogParts\n  /** Content rendering. */\n  content: () => readonly Node[]\n  /** Optional transition to apply on open/close (from `@llui/transitions`). */\n  transition?: TransitionOptions\n  /** Close on Escape key (default: true). */\n  closeOnEscape?: boolean\n  /** Close on click outside content (default: true). */\n  closeOnOutsideClick?: boolean\n  /** Trap focus inside the dialog while open (default: true for modal). */\n  trapFocus?: boolean\n  /** Lock body scroll while open (default: true for modal). */\n  lockScroll?: boolean\n  /** Apply aria-hidden to sibling trees (default: true for modal). */\n  hideSiblings?: boolean\n  /** Target element / selector for the portal (default: 'body'). */\n  target?: string | HTMLElement\n  /** Element to focus initially (default: first focusable inside content). */\n  initialFocus?: Element | (() => Element | null)\n  /** Restore focus on close (default: true). */\n  restoreFocus?: boolean\n}\n\n/**\n * Build the dialog's DOM tree and wire up all accessibility utilities.\n * Returns a `show()` structural block that tracks `state.open`.\n */\nexport function overlay(opts: OverlayOptions): Node {\n  const targetOpt = opts.target ?? 'body'\n  const closeOnEscape = opts.closeOnEscape !== false\n  const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n  const trapFocus = opts.trapFocus !== false\n  const lockScroll = opts.lockScroll !== false\n  const hideSiblings = opts.hideSiblings !== false\n  const restoreFocus = opts.restoreFocus !== false\n  const parts = opts.parts\n  const contentId = parts.content.id\n  const triggerId = parts.trigger.id\n  const host =\n    typeof targetOpt === 'string' ? (document.querySelector(targetOpt) ?? document.body) : targetOpt\n\n  return show(\n    opts.state.map((s) => s.open),\n    () => [\n      portal(() => {\n        onMount(() => {\n          const contentEl = document.getElementById(contentId)\n          if (!contentEl) return\n          const triggerEl = document.getElementById(triggerId)\n\n          const cleanups: Array<() => void> = []\n\n          if (lockScroll) cleanups.push(lockBodyScroll())\n          if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n          if (trapFocus) {\n            cleanups.push(\n              pushFocusTrap({\n                container: contentEl,\n                initialFocus: opts.initialFocus,\n                restoreFocus,\n              }),\n            )\n          }\n          if (closeOnEscape || closeOnOutsideClick) {\n            cleanups.push(\n              pushDismissable({\n                element: contentEl,\n                ignore: () => (triggerEl ? [triggerEl] : []),\n                disableEscape: !closeOnEscape,\n                disableOutside: !closeOnOutsideClick,\n                onDismiss: () => opts.send({ type: 'close' }),\n              }),\n            )\n          }\n\n          return () => {\n            for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n          }\n        })\n        return [div(parts.positioner, opts.content())]\n      }, host),\n    ],\n  )\n}\n\nexport const dialog = { init, update, connect, overlay }\n"]}

package/dist/components/drawer.d.ts

@@ -1,4 +1,4 @@
-import type { Send, TransitionOptions } from '@llui/dom';
+import type { Send, Signal, TransitionOptions } from '@llui/dom';
 /**
  * Drawer — a panel that slides in from a screen edge. Structurally
  * identical to dialog (portal + focus trap + dismissable + aria-hidden +
@@ -31,20 +31,20 @@ export interface DrawerInit {
 }
 export declare function init(opts?: DrawerInit): DrawerState;
 export declare function update(state: DrawerState, msg: DrawerMsg): [DrawerState, never[]];
-export interface DrawerParts<S> {
+export interface DrawerParts {
     trigger: {
         type: 'button';
         'aria-haspopup': 'dialog';
-        'aria-expanded': (s: S) => boolean;
+        'aria-expanded': Signal<boolean>;
         'aria-controls': string;
         id: string;
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'drawer';
         'data-part': 'trigger';
         onClick: (e: MouseEvent) => void;
     };
     backdrop: {
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'drawer';
         'data-part': 'backdrop';
         'aria-hidden': 'true';
@@ -60,7 +60,7 @@ export interface DrawerParts<S> {
         'aria-modal': 'true';
         'aria-labelledby': string;
         tabIndex: -1;
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'drawer';
         'data-part': 'content';
         'data-side': DrawerSide;
@@ -77,7 +77,7 @@ export interface DrawerParts<S> {
     };
     closeTrigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'drawer';
         'data-part': 'close-trigger';
         onClick: (e: MouseEvent) => void;
@@ -88,12 +88,12 @@ export interface ConnectOptions {
     side?: DrawerSide;
     closeLabel?: string;
 }
-export declare function connect<S>(get: (s: S) => DrawerState, send: Send<DrawerMsg>, opts: ConnectOptions): DrawerParts<S>;
-export interface OverlayOptions<S> {
-    get: (s: S) => DrawerState;
+export declare function connect(state: Signal<DrawerState>, send: Send<DrawerMsg>, opts: ConnectOptions): DrawerParts;
+export interface OverlayOptions {
+    state: Signal<DrawerState>;
     send: Send<DrawerMsg>;
-    parts: DrawerParts<S>;
-    content: () => Node[];
+    parts: DrawerParts;
+    content: () => readonly Node[];
     transition?: TransitionOptions;
     closeOnEscape?: boolean;
     closeOnOutsideClick?: boolean;
@@ -104,7 +104,7 @@ export interface OverlayOptions<S> {
     initialFocus?: Element | (() => Element | null);
     restoreFocus?: boolean;
 }
-export declare function overlay<S>(opts: OverlayOptions<S>): Node[];
+export declare function overlay(opts: OverlayOptions): Node;
 export declare const drawer: {
     init: typeof init;
     update: typeof update;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAQhE;;;;GAIG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE5D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAA;CACd;AAED,MAAM,MAAM,SAAS;AACnB,iCAAiC;AAC/B;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,kCAAkC;GAChC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE;AACnB,+CAA+C;GAC7C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,iEAAiE;GAC/D;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAEtC,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,UAAe,GAAG,WAAW,CAEvD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAWjF;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,QAAQ,CAAA;QACzB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,eAAe,EAAE,MAAM,CAAA;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACvC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,SAAS,CAAA;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACvC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,UAAU,CAAA;QACvB,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,UAAU,EAAE;QACV,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,YAAY,CAAA;QACzB,WAAW,EAAE,UAAU,CAAA;KACxB,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;QACzB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACvC,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,SAAS,CAAA;QACtB,WAAW,EAAE,UAAU,CAAA;KACxB,CAAA;IACD,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,WAAW,EAAE;QACX,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,aAAa,CAAA;KAC3B,CAAA;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,QAAQ,CAAA;QACtB,WAAW,EAAE,eAAe,CAAA;QAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,EAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EACrB,IAAI,EAAE,cAAc,GACnB,WAAW,CA8Db;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,OAAO,EAAE,MAAM,SAAS,IAAI,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAuDlD;AAED,eAAO,MAAM,MAAM;;;;;CAAqC,CAAA"}

package/dist/components/drawer.js

@@ -19,7 +19,7 @@ export function update(state, msg) {
             return [{ ...state, open: msg.open }, []];
     }
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const locale = useContext(LocaleContext);
     const side = opts.side ?? 'right';
     const base = opts.id;
@@ -27,21 +27,21 @@ export function connect(get, send, opts) {
     const titleId = `${base}:title`;
     const descId = `${base}:description`;
     const triggerId = `${base}:trigger`;
-    const closeLabel = opts.closeLabel ?? ((s) => locale(s).drawer.close);
+    const closeLabel = opts.closeLabel ?? locale.drawer.close;
     return {
         trigger: {
             type: 'button',
             'aria-haspopup': 'dialog',
-            'aria-expanded': (s) => get(s).open,
+            'aria-expanded': state.map((s) => s.open),
             'aria-controls': contentId,
             id: triggerId,
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'drawer',
             'data-part': 'trigger',
             onClick: tagSend(send, ['open'], () => send({ type: 'open' })),
         },
         backdrop: {
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'drawer',
             'data-part': 'backdrop',
             'aria-hidden': 'true',
@@ -57,7 +57,7 @@ export function connect(get, send, opts) {
             'aria-modal': 'true',
             'aria-labelledby': titleId,
             tabIndex: -1,
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'drawer',
             'data-part': 'content',
             'data-side': side,
@@ -82,7 +82,7 @@ export function connect(get, send, opts) {
     };
 }
 export function overlay(opts) {
-    const target = opts.target ?? 'body';
+    const targetOpt = opts.target ?? 'body';
     const closeOnEscape = opts.closeOnEscape !== false;
     const closeOnOutsideClick = opts.closeOnOutsideClick !== false;
     const trapFocus = opts.trapFocus !== false;
@@ -92,48 +92,43 @@ 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: () => {
-                onMount(() => {
-                    const contentEl = document.getElementById(contentId);
-                    if (!contentEl)
-                        return;
-                    const triggerEl = document.getElementById(triggerId);
-                    const cleanups = [];
-                    if (lockScroll)
-                        cleanups.push(lockBodyScroll());
-                    if (hideSiblings)
-                        cleanups.push(setAriaHiddenOutside(contentEl));
-                    if (trapFocus) {
-                        cleanups.push(pushFocusTrap({
-                            container: contentEl,
-                            initialFocus: opts.initialFocus,
-                            restoreFocus,
-                        }));
-                    }
-                    if (closeOnEscape || closeOnOutsideClick) {
-                        cleanups.push(pushDismissable({
-                            element: contentEl,
-                            ignore: () => (triggerEl ? [triggerEl] : []),
-                            disableEscape: !closeOnEscape,
-                            disableOutside: !closeOnOutsideClick,
-                            onDismiss: () => opts.send({ type: 'close' }),
-                        }));
-                    }
-                    return () => {
-                        for (let i = cleanups.length - 1; i >= 0; i--)
-                            cleanups[i]();
-                    };
-                });
-                return [div(parts.positioner, opts.content())];
-            },
-        }),
-        enter: opts.transition?.enter,
-        leave: opts.transition?.leave,
-    });
+    const host = typeof targetOpt === 'string' ? (document.querySelector(targetOpt) ?? document.body) : targetOpt;
+    return show(opts.state.map((s) => s.open), () => [
+        portal(() => {
+            onMount(() => {
+                const contentEl = document.getElementById(contentId);
+                if (!contentEl)
+                    return;
+                const triggerEl = document.getElementById(triggerId);
+                const cleanups = [];
+                if (lockScroll)
+                    cleanups.push(lockBodyScroll());
+                if (hideSiblings)
+                    cleanups.push(setAriaHiddenOutside(contentEl));
+                if (trapFocus) {
+                    cleanups.push(pushFocusTrap({
+                        container: contentEl,
+                        initialFocus: opts.initialFocus,
+                        restoreFocus,
+                    }));
+                }
+                if (closeOnEscape || closeOnOutsideClick) {
+                    cleanups.push(pushDismissable({
+                        element: contentEl,
+                        ignore: () => (triggerEl ? [triggerEl] : []),
+                        disableEscape: !closeOnEscape,
+                        disableOutside: !closeOnOutsideClick,
+                        onDismiss: () => opts.send({ type: 'close' }),
+                    }));
+                }
+                return () => {
+                    for (let i = cleanups.length - 1; i >= 0; i--)
+                        cleanups[i]();
+                };
+            });
+            return [div(parts.positioner, opts.content())];
+        }, host),
+    ]);
 }
 export const drawer = { init, update, connect, overlay };
 //# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Drawer — a panel that slides in from a screen edge. Structurally\n * identical to dialog (portal + focus trap + dismissable + aria-hidden +\n * scroll lock), but adds a `side` so styling can animate from that edge.\n */\n\nexport type DrawerSide = 'left' | 'right' | 'top' | 'bottom'\n\nexport interface DrawerState {\n  open: boolean\n}\n\nexport type DrawerMsg =\n  /** @intent(\"Open the drawer\") */\n  | { type: 'open' }\n  /** @intent(\"Close the drawer\") */\n  | { type: 'close' }\n  /** @intent(\"Toggle the drawer open/closed\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the drawer's open state to a specific value\") */\n  | { type: 'setOpen'; open: boolean }\n\nexport interface DrawerInit {\n  open?: boolean\n}\n\nexport function init(opts: DrawerInit = {}): DrawerState {\n  return { open: opts.open ?? false }\n}\n\nexport function update(state: DrawerState, msg: DrawerMsg): [DrawerState, never[]] {\n  switch (msg.type) {\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\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 DrawerParts<S> {\n  trigger: {\n    type: 'button'\n    'aria-haspopup': 'dialog'\n    'aria-expanded': (s: S) => boolean\n    'aria-controls': string\n    id: string\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'drawer'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  backdrop: {\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'drawer'\n    'data-part': 'backdrop'\n    'aria-hidden': 'true'\n  }\n  positioner: {\n    'data-scope': 'drawer'\n    'data-part': 'positioner'\n    'data-side': DrawerSide\n  }\n  content: {\n    role: 'dialog'\n    id: string\n    'aria-modal': 'true'\n    'aria-labelledby': string\n    tabIndex: -1\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'drawer'\n    'data-part': 'content'\n    'data-side': DrawerSide\n  }\n  title: {\n    id: string\n    'data-scope': 'drawer'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'drawer'\n    'data-part': 'description'\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'drawer'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  side?: DrawerSide\n  closeLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => DrawerState,\n  send: Send<DrawerMsg>,\n  opts: ConnectOptions,\n): DrawerParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const side = opts.side ?? 'right'\n  const base = opts.id\n  const contentId = `${base}:content`\n  const titleId = `${base}:title`\n  const descId = `${base}:description`\n  const triggerId = `${base}:trigger`\n  const closeLabel: string | ((s: S) => string) =\n    opts.closeLabel ?? ((s: S) => locale(s).drawer.close)\n\n  return {\n    trigger: {\n      type: 'button',\n      'aria-haspopup': 'dialog',\n      'aria-expanded': (s) => get(s).open,\n      'aria-controls': contentId,\n      id: triggerId,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'drawer',\n      'data-part': 'trigger',\n      onClick: tagSend(send, ['open'], () => send({ type: 'open' })),\n    },\n    backdrop: {\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'drawer',\n      'data-part': 'backdrop',\n      'aria-hidden': 'true',\n    },\n    positioner: {\n      'data-scope': 'drawer',\n      'data-part': 'positioner',\n      'data-side': side,\n    },\n    content: {\n      role: 'dialog',\n      id: contentId,\n      'aria-modal': 'true',\n      'aria-labelledby': titleId,\n      tabIndex: -1,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'drawer',\n      'data-part': 'content',\n      'data-side': side,\n    },\n    title: {\n      id: titleId,\n      'data-scope': 'drawer',\n      'data-part': 'title',\n    },\n    description: {\n      id: descId,\n      'data-scope': 'drawer',\n      'data-part': 'description',\n    },\n    closeTrigger: {\n      type: 'button',\n      'aria-label': closeLabel,\n      'data-scope': 'drawer',\n      'data-part': 'close-trigger',\n      onClick: tagSend(send, ['close'], () => send({ type: 'close' })),\n    },\n  }\n}\n\nexport interface OverlayOptions<S> {\n  get: (s: S) => DrawerState\n  send: Send<DrawerMsg>\n  parts: DrawerParts<S>\n  content: () => Node[]\n  transition?: TransitionOptions\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  trapFocus?: boolean\n  lockScroll?: boolean\n  hideSiblings?: boolean\n  target?: string | HTMLElement\n  initialFocus?: Element | (() => Element | null)\n  restoreFocus?: boolean\n}\n\nexport function overlay<S>(opts: OverlayOptions<S>): Node[] {\n  const target = opts.target ?? 'body'\n  const closeOnEscape = opts.closeOnEscape !== false\n  const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n  const trapFocus = opts.trapFocus !== false\n  const lockScroll = opts.lockScroll !== false\n  const hideSiblings = opts.hideSiblings !== false\n  const restoreFocus = opts.restoreFocus !== false\n  const parts = opts.parts\n  const contentId = parts.content.id\n  const triggerId = parts.trigger.id\n\n  return show<S, DrawerMsg>({\n    when: (s) => opts.get(s).open,\n    render: () =>\n      portal({\n        target,\n        render: () => {\n          onMount(() => {\n            const contentEl = document.getElementById(contentId)\n            if (!contentEl) return\n            const triggerEl = document.getElementById(triggerId)\n\n            const cleanups: Array<() => void> = []\n            if (lockScroll) cleanups.push(lockBodyScroll())\n            if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n            if (trapFocus) {\n              cleanups.push(\n                pushFocusTrap({\n                  container: contentEl,\n                  initialFocus: opts.initialFocus,\n                  restoreFocus,\n                }),\n              )\n            }\n            if (closeOnEscape || closeOnOutsideClick) {\n              cleanups.push(\n                pushDismissable({\n                  element: contentEl,\n                  ignore: () => (triggerEl ? [triggerEl] : []),\n                  disableEscape: !closeOnEscape,\n                  disableOutside: !closeOnOutsideClick,\n                  onDismiss: () => opts.send({ type: 'close' }),\n                }),\n              )\n            }\n\n            return () => {\n              for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\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 drawer = { init, update, connect, overlay }\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal, TransitionOptions } from '@llui/dom'\nimport { show, portal, onMount, div, useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport { pushDismissable } from '../utils/dismissable.js'\nimport { pushFocusTrap } from '../utils/focus-trap.js'\nimport { setAriaHiddenOutside } from '../utils/aria-hidden.js'\nimport { lockBodyScroll } from '../utils/remove-scroll.js'\n\n/**\n * Drawer — a panel that slides in from a screen edge. Structurally\n * identical to dialog (portal + focus trap + dismissable + aria-hidden +\n * scroll lock), but adds a `side` so styling can animate from that edge.\n */\n\nexport type DrawerSide = 'left' | 'right' | 'top' | 'bottom'\n\nexport interface DrawerState {\n  open: boolean\n}\n\nexport type DrawerMsg =\n  /** @intent(\"Open the drawer\") */\n  | { type: 'open' }\n  /** @intent(\"Close the drawer\") */\n  | { type: 'close' }\n  /** @intent(\"Toggle the drawer open/closed\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the drawer's open state to a specific value\") */\n  | { type: 'setOpen'; open: boolean }\n\nexport interface DrawerInit {\n  open?: boolean\n}\n\nexport function init(opts: DrawerInit = {}): DrawerState {\n  return { open: opts.open ?? false }\n}\n\nexport function update(state: DrawerState, msg: DrawerMsg): [DrawerState, never[]] {\n  switch (msg.type) {\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\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 DrawerParts {\n  trigger: {\n    type: 'button'\n    'aria-haspopup': 'dialog'\n    'aria-expanded': Signal<boolean>\n    'aria-controls': string\n    id: string\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'drawer'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  backdrop: {\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'drawer'\n    'data-part': 'backdrop'\n    'aria-hidden': 'true'\n  }\n  positioner: {\n    'data-scope': 'drawer'\n    'data-part': 'positioner'\n    'data-side': DrawerSide\n  }\n  content: {\n    role: 'dialog'\n    id: string\n    'aria-modal': 'true'\n    'aria-labelledby': string\n    tabIndex: -1\n    'data-state': Signal<'open' | 'closed'>\n    'data-scope': 'drawer'\n    'data-part': 'content'\n    'data-side': DrawerSide\n  }\n  title: {\n    id: string\n    'data-scope': 'drawer'\n    'data-part': 'title'\n  }\n  description: {\n    id: string\n    'data-scope': 'drawer'\n    'data-part': 'description'\n  }\n  closeTrigger: {\n    type: 'button'\n    'aria-label': string\n    'data-scope': 'drawer'\n    'data-part': 'close-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  side?: DrawerSide\n  closeLabel?: string\n}\n\nexport function connect(\n  state: Signal<DrawerState>,\n  send: Send<DrawerMsg>,\n  opts: ConnectOptions,\n): DrawerParts {\n  const locale = useContext(LocaleContext)\n  const side = opts.side ?? 'right'\n  const base = opts.id\n  const contentId = `${base}:content`\n  const titleId = `${base}:title`\n  const descId = `${base}:description`\n  const triggerId = `${base}:trigger`\n  const closeLabel = opts.closeLabel ?? locale.drawer.close\n\n  return {\n    trigger: {\n      type: 'button',\n      'aria-haspopup': 'dialog',\n      'aria-expanded': state.map((s) => s.open),\n      'aria-controls': contentId,\n      id: triggerId,\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'drawer',\n      'data-part': 'trigger',\n      onClick: tagSend(send, ['open'], () => send({ type: 'open' })),\n    },\n    backdrop: {\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'drawer',\n      'data-part': 'backdrop',\n      'aria-hidden': 'true',\n    },\n    positioner: {\n      'data-scope': 'drawer',\n      'data-part': 'positioner',\n      'data-side': side,\n    },\n    content: {\n      role: 'dialog',\n      id: contentId,\n      'aria-modal': 'true',\n      'aria-labelledby': titleId,\n      tabIndex: -1,\n      'data-state': state.map((s) => (s.open ? 'open' : 'closed')),\n      'data-scope': 'drawer',\n      'data-part': 'content',\n      'data-side': side,\n    },\n    title: {\n      id: titleId,\n      'data-scope': 'drawer',\n      'data-part': 'title',\n    },\n    description: {\n      id: descId,\n      'data-scope': 'drawer',\n      'data-part': 'description',\n    },\n    closeTrigger: {\n      type: 'button',\n      'aria-label': closeLabel,\n      'data-scope': 'drawer',\n      'data-part': 'close-trigger',\n      onClick: tagSend(send, ['close'], () => send({ type: 'close' })),\n    },\n  }\n}\n\nexport interface OverlayOptions {\n  state: Signal<DrawerState>\n  send: Send<DrawerMsg>\n  parts: DrawerParts\n  content: () => readonly Node[]\n  transition?: TransitionOptions\n  closeOnEscape?: boolean\n  closeOnOutsideClick?: boolean\n  trapFocus?: boolean\n  lockScroll?: boolean\n  hideSiblings?: boolean\n  target?: string | HTMLElement\n  initialFocus?: Element | (() => Element | null)\n  restoreFocus?: boolean\n}\n\nexport function overlay(opts: OverlayOptions): Node {\n  const targetOpt = opts.target ?? 'body'\n  const closeOnEscape = opts.closeOnEscape !== false\n  const closeOnOutsideClick = opts.closeOnOutsideClick !== false\n  const trapFocus = opts.trapFocus !== false\n  const lockScroll = opts.lockScroll !== false\n  const hideSiblings = opts.hideSiblings !== false\n  const restoreFocus = opts.restoreFocus !== false\n  const parts = opts.parts\n  const contentId = parts.content.id\n  const triggerId = parts.trigger.id\n  const host =\n    typeof targetOpt === 'string' ? (document.querySelector(targetOpt) ?? document.body) : targetOpt\n\n  return show(\n    opts.state.map((s) => s.open),\n    () => [\n      portal(() => {\n        onMount(() => {\n          const contentEl = document.getElementById(contentId)\n          if (!contentEl) return\n          const triggerEl = document.getElementById(triggerId)\n\n          const cleanups: Array<() => void> = []\n          if (lockScroll) cleanups.push(lockBodyScroll())\n          if (hideSiblings) cleanups.push(setAriaHiddenOutside(contentEl))\n          if (trapFocus) {\n            cleanups.push(\n              pushFocusTrap({\n                container: contentEl,\n                initialFocus: opts.initialFocus,\n                restoreFocus,\n              }),\n            )\n          }\n          if (closeOnEscape || closeOnOutsideClick) {\n            cleanups.push(\n              pushDismissable({\n                element: contentEl,\n                ignore: () => (triggerEl ? [triggerEl] : []),\n                disableEscape: !closeOnEscape,\n                disableOutside: !closeOnOutsideClick,\n                onDismiss: () => opts.send({ type: 'close' }),\n              }),\n            )\n          }\n\n          return () => {\n            for (let i = cleanups.length - 1; i >= 0; i--) cleanups[i]!()\n          }\n        })\n        return [div(parts.positioner, opts.content())]\n      }, host),\n    ],\n  )\n}\n\nexport const drawer = { init, update, connect, overlay }\n"]}

package/dist/components/editable.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Editable — inline text editor. Click preview to enter edit mode, Enter
  * to commit, Escape to cancel. Reports the committed value via `onSubmit`.
@@ -39,19 +39,19 @@ export interface EditableInit {
 }
 export declare function init(opts?: EditableInit): EditableState;
 export declare function update(state: EditableState, msg: EditableMsg): [EditableState, never[]];
-export interface EditableParts<S> {
+export interface EditableParts {
     root: {
         'data-scope': 'editable';
         'data-part': 'root';
-        'data-editing': (s: S) => '' | undefined;
-        'data-disabled': (s: S) => '' | undefined;
+        'data-editing': Signal<'' | undefined>;
+        'data-disabled': Signal<'' | undefined>;
     };
     preview: {
-        tabIndex: (s: S) => number;
-        'aria-disabled': (s: S) => 'true' | undefined;
+        tabIndex: Signal<number>;
+        'aria-disabled': Signal<'true' | undefined>;
         'data-scope': 'editable';
         'data-part': 'preview';
-        hidden: (s: S) => boolean;
+        hidden: Signal<boolean>;
         onClick: (e: MouseEvent) => void;
         onFocus: (e: FocusEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
@@ -59,9 +59,9 @@ export interface EditableParts<S> {
     input: {
         'data-scope': 'editable';
         'data-part': 'input';
-        hidden: (s: S) => boolean;
-        value: (s: S) => string;
-        disabled: (s: S) => boolean;
+        hidden: Signal<boolean>;
+        value: Signal<string>;
+        disabled: Signal<boolean>;
         onInput: (e: Event) => void;
         onKeyDown: (e: KeyboardEvent) => void;
         onBlur: (e: FocusEvent) => void;
@@ -93,7 +93,7 @@ export interface ConnectOptions {
     /** Validate the draft text before committing. Non-empty array blocks submit. */
     validate?: (value: string) => string[] | null;
 }
-export declare function connect<S>(get: (s: S) => EditableState, send: Send<EditableMsg>, opts?: ConnectOptions): EditableParts<S>;
+export declare function connect(state: Signal<EditableState>, send: Send<EditableMsg>, opts?: ConnectOptions): EditableParts;
 export declare const editable: {
     init: typeof init;
     update: typeof update;

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

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

package/dist/components/editable.js

@@ -24,7 +24,7 @@ export function update(state, msg) {
             return [{ ...state, value: msg.value, draft: msg.value }, []];
     }
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const activateOnFocus = opts.activateOnFocus === true;
     const submitOnBlur = opts.submitOnBlur !== false;
     const validate = opts.validate;
@@ -41,15 +41,15 @@ export function connect(get, send, opts = {}) {
         root: {
             'data-scope': 'editable',
             'data-part': 'root',
-            'data-editing': (s) => (get(s).editing ? '' : undefined),
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-editing': state.map((s) => (s.editing ? '' : undefined)),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         preview: {
-            tabIndex: (s) => (get(s).disabled ? -1 : 0),
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            tabIndex: state.map((s) => (s.disabled ? -1 : 0)),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             'data-scope': 'editable',
             'data-part': 'preview',
-            hidden: (s) => get(s).editing,
+            hidden: state.map((s) => s.editing),
             onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),
             onFocus: tagSend(send, ['edit'], () => {
                 if (activateOnFocus)
@@ -65,9 +65,9 @@ export function connect(get, send, opts = {}) {
         input: {
             'data-scope': 'editable',
             'data-part': 'input',
-            hidden: (s) => !get(s).editing,
-            value: (s) => get(s).draft,
-            disabled: (s) => get(s).disabled,
+            hidden: state.map((s) => !s.editing),
+            value: state.map((s) => s.draft),
+            disabled: state.map((s) => s.disabled),
             onInput: tagSend(send, ['setDraft'], (e) => {
                 const draft = e.target.value;
                 currentDraft = draft;

package/dist/components/editable.js.map

@@ -1 +1 @@
-{"version":3,"file":"editable.js","sourceRoot":"","sources":["../../src/components/editable.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Editable — inline text editor. Click preview to enter edit mode, Enter\n * to commit, Escape to cancel. Reports the committed value via `onSubmit`.\n */\n\nexport interface EditableState {\n  value: string\n  editing: boolean\n  draft: string\n  disabled: boolean\n}\n\nexport type EditableMsg =\n  /** @intent(\"Enter edit mode (seeds the draft from the current value)\") */\n  | { type: 'edit' }\n  /** @intent(\"Update the in-progress draft as the user types\") */\n  | { type: 'setDraft'; draft: string }\n  /** @intent(\"Commit the draft as the new value and exit edit mode\") */\n  | { type: 'submit' }\n  /** @intent(\"Discard the draft and exit edit mode without changing the value\") */\n  | { type: 'cancel' }\n  /** @intent(\"Set the value directly without going through edit mode\") */\n  | { type: 'setValue'; value: string }\n\nexport interface EditableInit {\n  value?: string\n  editing?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: EditableInit = {}): EditableState {\n  const value = opts.value ?? ''\n  return {\n    value,\n    editing: opts.editing ?? false,\n    draft: value,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(state: EditableState, msg: EditableMsg): [EditableState, never[]] {\n  if (state.disabled && msg.type !== 'setValue') return [state, []]\n  switch (msg.type) {\n    case 'edit':\n      return [{ ...state, editing: true, draft: state.value }, []]\n    case 'setDraft':\n      return [{ ...state, draft: msg.draft }, []]\n    case 'submit':\n      return [{ ...state, editing: false, value: state.draft }, []]\n    case 'cancel':\n      return [{ ...state, editing: false, draft: state.value }, []]\n    case 'setValue':\n      return [{ ...state, value: msg.value, draft: msg.value }, []]\n  }\n}\n\nexport interface EditableParts<S> {\n  root: {\n    'data-scope': 'editable'\n    'data-part': 'root'\n    'data-editing': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n  }\n  preview: {\n    tabIndex: (s: S) => number\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-scope': 'editable'\n    'data-part': 'preview'\n    hidden: (s: S) => boolean\n    onClick: (e: MouseEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  input: {\n    'data-scope': 'editable'\n    'data-part': 'input'\n    hidden: (s: S) => boolean\n    value: (s: S) => string\n    disabled: (s: S) => boolean\n    onInput: (e: Event) => void\n    onKeyDown: (e: KeyboardEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  submitTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'submit-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  cancelTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'cancel-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  editTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'edit-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  /** Activate edit mode on preview focus (default: false — requires click). */\n  activateOnFocus?: boolean\n  /** Submit on blur (default: true). False = blur cancels. */\n  submitOnBlur?: boolean\n  /** Validate the draft text before committing. Non-empty array blocks submit. */\n  validate?: (value: string) => string[] | null\n}\n\nexport function connect<S>(\n  get: (s: S) => EditableState,\n  send: Send<EditableMsg>,\n  opts: ConnectOptions = {},\n): EditableParts<S> {\n  const activateOnFocus = opts.activateOnFocus === true\n  const submitOnBlur = opts.submitOnBlur !== false\n  const validate = opts.validate\n  let currentDraft = ''\n\n  const trySubmit = () => {\n    if (validate) {\n      const errors = validate(currentDraft)\n      if (errors && errors.length > 0) return\n    }\n    send({ type: 'submit' })\n  }\n\n  return {\n    root: {\n      'data-scope': 'editable',\n      'data-part': 'root',\n      'data-editing': (s) => (get(s).editing ? '' : undefined),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    preview: {\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-scope': 'editable',\n      'data-part': 'preview',\n      hidden: (s) => get(s).editing,\n      onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),\n      onFocus: tagSend(send, ['edit'], () => {\n        if (activateOnFocus) send({ type: 'edit' })\n      }),\n      onKeyDown: tagSend(send, ['edit'], (e) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'F2') {\n          e.preventDefault()\n          send({ type: 'edit' })\n        }\n      }),\n    },\n    input: {\n      'data-scope': 'editable',\n      'data-part': 'input',\n      hidden: (s) => !get(s).editing,\n      value: (s) => get(s).draft,\n      disabled: (s) => get(s).disabled,\n      onInput: tagSend(send, ['setDraft'], (e) => {\n        const draft = (e.target as HTMLInputElement).value\n        currentDraft = draft\n        send({ type: 'setDraft', draft })\n      }),\n      onKeyDown: tagSend(send, ['cancel'], (e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault()\n          trySubmit()\n        } else if (e.key === 'Escape') {\n          e.preventDefault()\n          send({ type: 'cancel' })\n        }\n      }),\n      onBlur: tagSend(send, ['cancel'], () => {\n        if (submitOnBlur) trySubmit()\n        else send({ type: 'cancel' })\n      }),\n    },\n    submitTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'submit-trigger',\n      onClick: () => trySubmit(),\n    },\n    cancelTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'cancel-trigger',\n      onClick: tagSend(send, ['cancel'], () => send({ type: 'cancel' })),\n    },\n    editTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'edit-trigger',\n      onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),\n    },\n  }\n}\n\nexport const editable = { init, update, connect }\n"]}
+{"version":3,"file":"editable.js","sourceRoot":"","sources":["../../src/components/editable.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\n\n/**\n * Editable — inline text editor. Click preview to enter edit mode, Enter\n * to commit, Escape to cancel. Reports the committed value via `onSubmit`.\n */\n\nexport interface EditableState {\n  value: string\n  editing: boolean\n  draft: string\n  disabled: boolean\n}\n\nexport type EditableMsg =\n  /** @intent(\"Enter edit mode (seeds the draft from the current value)\") */\n  | { type: 'edit' }\n  /** @intent(\"Update the in-progress draft as the user types\") */\n  | { type: 'setDraft'; draft: string }\n  /** @intent(\"Commit the draft as the new value and exit edit mode\") */\n  | { type: 'submit' }\n  /** @intent(\"Discard the draft and exit edit mode without changing the value\") */\n  | { type: 'cancel' }\n  /** @intent(\"Set the value directly without going through edit mode\") */\n  | { type: 'setValue'; value: string }\n\nexport interface EditableInit {\n  value?: string\n  editing?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: EditableInit = {}): EditableState {\n  const value = opts.value ?? ''\n  return {\n    value,\n    editing: opts.editing ?? false,\n    draft: value,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(state: EditableState, msg: EditableMsg): [EditableState, never[]] {\n  if (state.disabled && msg.type !== 'setValue') return [state, []]\n  switch (msg.type) {\n    case 'edit':\n      return [{ ...state, editing: true, draft: state.value }, []]\n    case 'setDraft':\n      return [{ ...state, draft: msg.draft }, []]\n    case 'submit':\n      return [{ ...state, editing: false, value: state.draft }, []]\n    case 'cancel':\n      return [{ ...state, editing: false, draft: state.value }, []]\n    case 'setValue':\n      return [{ ...state, value: msg.value, draft: msg.value }, []]\n  }\n}\n\nexport interface EditableParts {\n  root: {\n    'data-scope': 'editable'\n    'data-part': 'root'\n    'data-editing': Signal<'' | undefined>\n    'data-disabled': Signal<'' | undefined>\n  }\n  preview: {\n    tabIndex: Signal<number>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-scope': 'editable'\n    'data-part': 'preview'\n    hidden: Signal<boolean>\n    onClick: (e: MouseEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  input: {\n    'data-scope': 'editable'\n    'data-part': 'input'\n    hidden: Signal<boolean>\n    value: Signal<string>\n    disabled: Signal<boolean>\n    onInput: (e: Event) => void\n    onKeyDown: (e: KeyboardEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  submitTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'submit-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  cancelTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'cancel-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  editTrigger: {\n    type: 'button'\n    'data-scope': 'editable'\n    'data-part': 'edit-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  /** Activate edit mode on preview focus (default: false — requires click). */\n  activateOnFocus?: boolean\n  /** Submit on blur (default: true). False = blur cancels. */\n  submitOnBlur?: boolean\n  /** Validate the draft text before committing. Non-empty array blocks submit. */\n  validate?: (value: string) => string[] | null\n}\n\nexport function connect(\n  state: Signal<EditableState>,\n  send: Send<EditableMsg>,\n  opts: ConnectOptions = {},\n): EditableParts {\n  const activateOnFocus = opts.activateOnFocus === true\n  const submitOnBlur = opts.submitOnBlur !== false\n  const validate = opts.validate\n  let currentDraft = ''\n\n  const trySubmit = () => {\n    if (validate) {\n      const errors = validate(currentDraft)\n      if (errors && errors.length > 0) return\n    }\n    send({ type: 'submit' })\n  }\n\n  return {\n    root: {\n      'data-scope': 'editable',\n      'data-part': 'root',\n      'data-editing': state.map((s) => (s.editing ? '' : undefined)),\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n    },\n    preview: {\n      tabIndex: state.map((s) => (s.disabled ? -1 : 0)),\n      'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n      'data-scope': 'editable',\n      'data-part': 'preview',\n      hidden: state.map((s) => s.editing),\n      onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),\n      onFocus: tagSend(send, ['edit'], () => {\n        if (activateOnFocus) send({ type: 'edit' })\n      }),\n      onKeyDown: tagSend(send, ['edit'], (e) => {\n        if (e.key === 'Enter' || e.key === ' ' || e.key === 'F2') {\n          e.preventDefault()\n          send({ type: 'edit' })\n        }\n      }),\n    },\n    input: {\n      'data-scope': 'editable',\n      'data-part': 'input',\n      hidden: state.map((s) => !s.editing),\n      value: state.map((s) => s.draft),\n      disabled: state.map((s) => s.disabled),\n      onInput: tagSend(send, ['setDraft'], (e) => {\n        const draft = (e.target as HTMLInputElement).value\n        currentDraft = draft\n        send({ type: 'setDraft', draft })\n      }),\n      onKeyDown: tagSend(send, ['cancel'], (e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault()\n          trySubmit()\n        } else if (e.key === 'Escape') {\n          e.preventDefault()\n          send({ type: 'cancel' })\n        }\n      }),\n      onBlur: tagSend(send, ['cancel'], () => {\n        if (submitOnBlur) trySubmit()\n        else send({ type: 'cancel' })\n      }),\n    },\n    submitTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'submit-trigger',\n      onClick: () => trySubmit(),\n    },\n    cancelTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'cancel-trigger',\n      onClick: tagSend(send, ['cancel'], () => send({ type: 'cancel' })),\n    },\n    editTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'edit-trigger',\n      onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),\n    },\n  }\n}\n\nexport const editable = { init, update, connect }\n"]}