@llui/components 0.0.30 → 0.0.33

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 } 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  | { type: 'open' }\n  | { type: 'close' }\n  | { type: 'toggle' }\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: () => 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: () => 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, 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"]}

package/dist/components/drawer.d.ts

@@ -8,13 +8,21 @@ export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerState {
     open: boolean;
 }
-export type DrawerMsg = {
+export type DrawerMsg = 
+/** @intent("Open the drawer") */
+{
     type: 'open';
-} | {
+}
+/** @intent("Close the drawer") */
+ | {
     type: 'close';
-} | {
+}
+/** @intent("Toggle the drawer open/closed") */
+ | {
     type: 'toggle';
-} | {
+}
+/** @intent("Set the drawer's open state to a specific value") */
+ | {
     type: 'setOpen';
     open: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AASxD;;;;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,GACjB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;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,CAAC,CAAC;IAC5B,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,QAAQ,CAAA;QACzB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAClC,eAAe,EAAE,MAAM,CAAA;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,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,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,EAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EACrB,IAAI,EAAE,cAAc,GACnB,WAAW,CAAC,CAAC,CAAC,CA+DhB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,CAAA;IAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IACrB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,EAAE,CAAA;IACrB,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,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAyD1D;AAED,eAAO,MAAM,MAAM;;;;;CAAqC,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AASxD;;;;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,CAAC,CAAC;IAC5B,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,QAAQ,CAAA;QACzB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAClC,eAAe,EAAE,MAAM,CAAA;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,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,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,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,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,EAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EACrB,IAAI,EAAE,cAAc,GACnB,WAAW,CAAC,CAAC,CAAC,CA+DhB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,CAAA;IAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IACrB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,EAAE,CAAA;IACrB,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,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAyD1D;AAED,eAAO,MAAM,MAAM;;;;;CAAqC,CAAA"}

package/dist/components/drawer.js

@@ -1,4 +1,4 @@
-import { show, portal, onMount, div, useContext } from '@llui/dom';
+import { show, portal, onMount, div, useContext, tagSend } from '@llui/dom';
 import { LocaleContext } from '../locale.js';
 import { pushDismissable } from '../utils/dismissable.js';
 import { pushFocusTrap } from '../utils/focus-trap.js';
@@ -38,7 +38,7 @@ export function connect(get, send, opts) {
             'data-state': (s) => (get(s).open ? 'open' : 'closed'),
             'data-scope': 'drawer',
             'data-part': 'trigger',
-            onClick: () => send({ type: 'open' }),
+            onClick: tagSend(send, ['open'], () => send({ type: 'open' })),
         },
         backdrop: {
             'data-state': (s) => (get(s).open ? 'open' : 'closed'),
@@ -77,7 +77,7 @@ export function connect(get, send, opts) {
             'aria-label': closeLabel,
             'data-scope': 'drawer',
             'data-part': 'close-trigger',
-            onClick: () => send({ type: 'close' }),
+            onClick: tagSend(send, ['close'], () => send({ type: 'close' })),
         },
     };
 }

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 } 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  | { type: 'open' }\n  | { type: 'close' }\n  | { type: 'toggle' }\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: () => 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: () => 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, 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"]}

package/dist/components/editable.d.ts

@@ -9,16 +9,26 @@ export interface EditableState {
     draft: string;
     disabled: boolean;
 }
-export type EditableMsg = {
+export type EditableMsg = 
+/** @intent("Enter edit mode (seeds the draft from the current value)") */
+{
     type: 'edit';
-} | {
+}
+/** @intent("Update the in-progress draft as the user types") */
+ | {
     type: 'setDraft';
     draft: string;
-} | {
+}
+/** @intent("Commit the draft as the new value and exit edit mode") */
+ | {
     type: 'submit';
-} | {
+}
+/** @intent("Discard the draft and exit edit mode without changing the value") */
+ | {
     type: 'cancel';
-} | {
+}
+/** @intent("Set the value directly without going through edit mode") */
+ | {
     type: 'setValue';
     value: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../src/components/editable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,YAAiB,GAAG,aAAa,CAQ3D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,WAAW,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CAcvF;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,SAAS,CAAA;QACtB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,OAAO,CAAA;QACpB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,aAAa,EAAE;QACb,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,gBAAgB,CAAA;QAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,aAAa,EAAE;QACb,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,gBAAgB,CAAA;QAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,WAAW,EAAE;QACX,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,cAAc,CAAA;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;CAC9C;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,aAAa,EAC5B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,EACvB,IAAI,GAAE,cAAmB,GACxB,aAAa,CAAC,CAAC,CAAC,CAkFlB;AAED,eAAO,MAAM,QAAQ;;;;CAA4B,CAAA"}
+{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../src/components/editable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,WAAW;AACrB,0EAA0E;AACxE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,gEAAgE;GAC9D;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACrC,sEAAsE;GACpE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,iFAAiF;GAC/E;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,wEAAwE;GACtE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,YAAiB,GAAG,aAAa,CAQ3D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,WAAW,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CAcvF;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,SAAS,CAAA;QACtB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,OAAO,CAAA;QACpB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,aAAa,EAAE;QACb,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,gBAAgB,CAAA;QAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,aAAa,EAAE;QACb,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,gBAAgB,CAAA;QAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,WAAW,EAAE;QACX,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,cAAc,CAAA;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;CAC9C;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,aAAa,EAC5B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,EACvB,IAAI,GAAE,cAAmB,GACxB,aAAa,CAAC,CAAC,CAAC,CAkFlB;AAED,eAAO,MAAM,QAAQ;;;;CAA4B,CAAA"}

package/dist/components/editable.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(opts = {}) {
     const value = opts.value ?? '';
     return {
@@ -49,17 +50,17 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'editable',
             'data-part': 'preview',
             hidden: (s) => get(s).editing,
-            onClick: () => send({ type: 'edit' }),
-            onFocus: () => {
+            onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),
+            onFocus: tagSend(send, ['edit'], () => {
                 if (activateOnFocus)
                     send({ type: 'edit' });
-            },
-            onKeyDown: (e) => {
+            }),
+            onKeyDown: tagSend(send, ['edit'], (e) => {
                 if (e.key === 'Enter' || e.key === ' ' || e.key === 'F2') {
                     e.preventDefault();
                     send({ type: 'edit' });
                 }
-            },
+            }),
         },
         input: {
             'data-scope': 'editable',
@@ -67,12 +68,12 @@ export function connect(get, send, opts = {}) {
             hidden: (s) => !get(s).editing,
             value: (s) => get(s).draft,
             disabled: (s) => get(s).disabled,
-            onInput: (e) => {
+            onInput: tagSend(send, ['setDraft'], (e) => {
                 const draft = e.target.value;
                 currentDraft = draft;
                 send({ type: 'setDraft', draft });
-            },
-            onKeyDown: (e) => {
+            }),
+            onKeyDown: tagSend(send, ['cancel'], (e) => {
                 if (e.key === 'Enter') {
                     e.preventDefault();
                     trySubmit();
@@ -81,13 +82,13 @@ export function connect(get, send, opts = {}) {
                     e.preventDefault();
                     send({ type: 'cancel' });
                 }
-            },
-            onBlur: () => {
+            }),
+            onBlur: tagSend(send, ['cancel'], () => {
                 if (submitOnBlur)
                     trySubmit();
                 else
                     send({ type: 'cancel' });
-            },
+            }),
         },
         submitTrigger: {
             type: 'button',
@@ -99,13 +100,13 @@ export function connect(get, send, opts = {}) {
             type: 'button',
             'data-scope': 'editable',
             'data-part': 'cancel-trigger',
-            onClick: () => send({ type: 'cancel' }),
+            onClick: tagSend(send, ['cancel'], () => send({ type: 'cancel' })),
         },
         editTrigger: {
             type: 'button',
             'data-scope': 'editable',
             'data-part': 'edit-trigger',
-            onClick: () => send({ type: 'edit' }),
+            onClick: tagSend(send, ['edit'], () => send({ type: 'edit' })),
         },
     };
 }

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 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  | { type: 'edit' }\n  | { type: 'setDraft'; draft: string }\n  | { type: 'submit' }\n  | { type: 'cancel' }\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: () => send({ type: 'edit' }),\n      onFocus: () => {\n        if (activateOnFocus) send({ type: 'edit' })\n      },\n      onKeyDown: (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: (e) => {\n        const draft = (e.target as HTMLInputElement).value\n        currentDraft = draft\n        send({ type: 'setDraft', draft })\n      },\n      onKeyDown: (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: () => {\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: () => send({ type: 'cancel' }),\n    },\n    editTrigger: {\n      type: 'button',\n      'data-scope': 'editable',\n      'data-part': 'edit-trigger',\n      onClick: () => 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 } 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"]}

package/dist/components/file-upload.d.ts

@@ -46,31 +46,51 @@ export interface FileUploadState {
     invalid: boolean;
     dragging: boolean;
 }
-export type FileUploadMsg = {
+export type FileUploadMsg = 
+/** @humanOnly */
+{
     type: 'setFiles';
     files: File[];
     customRejected?: RejectedFile[];
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'addFiles';
     files: File[];
     customRejected?: RejectedFile[];
-} | {
+}
+/** @intent("Remove the accepted file at the given index") */
+ | {
     type: 'removeFile';
     index: number;
-} | {
+}
+/** @intent("Remove the rejected file at the given index") */
+ | {
     type: 'removeRejected';
     index: number;
-} | {
+}
+/** @intent("Clear all accepted files") */
+ | {
     type: 'clear';
-} | {
+}
+/** @intent("Clear the rejected-files list") */
+ | {
     type: 'clearRejected';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'dragEnter';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'dragLeave';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'drop';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setInvalid';
     invalid: boolean;
 };

package/dist/components/file-upload.d.ts.map

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

package/dist/components/file-upload.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { LocaleContext } from '../locale.js';
 export function init(opts = {}) {
     return {
@@ -220,21 +220,21 @@ export function connect(get, send, opts) {
             'data-part': 'dropzone',
             'data-dragging': (s) => (get(s).dragging ? '' : undefined),
             onClick: openPicker,
-            onDragEnter: (e) => {
+            onDragEnter: tagSend(send, ['dragEnter'], (e) => {
                 e.preventDefault();
                 send({ type: 'dragEnter' });
-            },
+            }),
             onDragOver: (e) => e.preventDefault(),
-            onDragLeave: (e) => {
+            onDragLeave: tagSend(send, ['dragLeave'], (e) => {
                 e.preventDefault();
                 send({ type: 'dragLeave' });
-            },
-            onDrop: (e) => {
+            }),
+            onDrop: tagSend(send, ['drop'], (e) => {
                 e.preventDefault();
                 const files = Array.from(e.dataTransfer?.files ?? []);
                 send({ type: 'drop' });
                 dispatchAdd(files);
-            },
+            }),
         },
         trigger: {
             type: 'button',
@@ -275,7 +275,7 @@ export function connect(get, send, opts) {
             'aria-label': clearLabel,
             'data-scope': 'file-upload',
             'data-part': 'clear-trigger',
-            onClick: () => send({ type: 'clear' }),
+            onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),
         },
         itemGroup: {
             'data-scope': 'file-upload',
@@ -304,14 +304,14 @@ export function connect(get, send, opts) {
                 'aria-label': removeLabel,
                 'data-scope': 'file-upload',
                 'data-part': 'item-remove',
-                onClick: () => send({ type: 'removeFile', index }),
+                onClick: tagSend(send, ['removeFile'], () => send({ type: 'removeFile', index })),
             },
             itemDeleteTrigger: {
                 type: 'button',
                 'aria-label': removeLabel,
                 'data-scope': 'file-upload',
                 'data-part': 'item-delete-trigger',
-                onClick: () => send({ type: 'removeFile', index }),
+                onClick: tagSend(send, ['removeFile'], () => send({ type: 'removeFile', index })),
             },
         }),
     };