@llui/components 0.0.30 → 0.0.33

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { useContext } from '@llui/dom';
+import { useContext, tagSend } from '@llui/dom';
 import { LocaleContext, en } from '../locale.js';
 export function init(opts = {}) {
     return {
@@ -73,10 +73,10 @@ export function connect(get, send, opts) {
             'data-scope': 'carousel',
             'data-part': 'root',
             'data-paused': (s) => (get(s).paused ? '' : undefined),
-            onPointerEnter: () => send({ type: 'pause' }),
-            onPointerLeave: () => send({ type: 'resume' }),
-            onFocus: () => send({ type: 'pause' }),
-            onBlur: () => send({ type: 'resume' }),
+            onPointerEnter: tagSend(send, ['pause'], () => send({ type: 'pause' })),
+            onPointerLeave: tagSend(send, ['resume'], () => send({ type: 'resume' })),
+            onFocus: tagSend(send, ['pause'], () => send({ type: 'pause' })),
+            onBlur: tagSend(send, ['resume'], () => send({ type: 'resume' })),
         },
         viewport: {
             'data-scope': 'carousel',
@@ -94,7 +94,7 @@ export function connect(get, send, opts) {
             disabled: (s) => !canGoNext(get(s)),
             'data-scope': 'carousel',
             'data-part': 'next-trigger',
-            onClick: () => send({ type: 'next' }),
+            onClick: tagSend(send, ['next'], () => send({ type: 'next' })),
         },
         prevTrigger: {
             type: 'button',
@@ -102,7 +102,7 @@ export function connect(get, send, opts) {
             disabled: (s) => !canGoPrev(get(s)),
             'data-scope': 'carousel',
             'data-part': 'prev-trigger',
-            onClick: () => send({ type: 'prev' }),
+            onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),
         },
         slide: (index) => ({
             slide: {
@@ -126,7 +126,7 @@ export function connect(get, send, opts) {
                 'data-part': 'indicator',
                 'data-index': String(index),
                 'data-active': (s) => (get(s).current === index ? '' : undefined),
-                onClick: () => send({ type: 'goTo', index }),
+                onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', index })),
             },
         }),
     };

package/dist/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext, en } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Carousel — sliding content viewer with pagination. Tracks active slide\n * index, optional autoplay with pause-on-hover, and wraparound navigation.\n */\n\nexport interface CarouselState {\n  current: number\n  count: number\n  loop: boolean\n  autoplay: boolean\n  interval: number\n  paused: boolean\n  /** Direction of the last transition — useful for entry animations. */\n  direction: 'forward' | 'backward'\n}\n\nexport type CarouselMsg =\n  | { type: 'goTo'; index: number }\n  | { type: 'next' }\n  | { type: 'prev' }\n  | { type: 'setCount'; count: number }\n  | { type: 'pause' }\n  | { type: 'resume' }\n  | { type: 'setAutoplay'; autoplay: boolean }\n\nexport interface CarouselInit {\n  current?: number\n  count?: number\n  loop?: boolean\n  autoplay?: boolean\n  interval?: number\n}\n\nexport function init(opts: CarouselInit = {}): CarouselState {\n  return {\n    current: opts.current ?? 0,\n    count: opts.count ?? 0,\n    loop: opts.loop ?? true,\n    autoplay: opts.autoplay ?? false,\n    interval: opts.interval ?? 5000,\n    paused: false,\n    direction: 'forward',\n  }\n}\n\nfunction clampIndex(state: CarouselState, next: number): number {\n  if (state.count === 0) return 0\n  if (state.loop) return ((next % state.count) + state.count) % state.count\n  return Math.max(0, Math.min(state.count - 1, next))\n}\n\nexport function update(state: CarouselState, msg: CarouselMsg): [CarouselState, never[]] {\n  switch (msg.type) {\n    case 'goTo': {\n      const next = clampIndex(state, msg.index)\n      return [\n        { ...state, current: next, direction: next >= state.current ? 'forward' : 'backward' },\n        [],\n      ]\n    }\n    case 'next': {\n      const next = clampIndex(state, state.current + 1)\n      return [{ ...state, current: next, direction: 'forward' }, []]\n    }\n    case 'prev': {\n      const prev = clampIndex(state, state.current - 1)\n      return [{ ...state, current: prev, direction: 'backward' }, []]\n    }\n    case 'setCount': {\n      const current = Math.min(state.current, Math.max(0, msg.count - 1))\n      return [{ ...state, count: msg.count, current }, []]\n    }\n    case 'pause':\n      return [{ ...state, paused: true }, []]\n    case 'resume':\n      return [{ ...state, paused: false }, []]\n    case 'setAutoplay':\n      return [{ ...state, autoplay: msg.autoplay }, []]\n  }\n}\n\nexport function canGoNext(state: CarouselState): boolean {\n  if (state.loop) return state.count > 0\n  return state.current < state.count - 1\n}\n\nexport function canGoPrev(state: CarouselState): boolean {\n  if (state.loop) return state.count > 0\n  return state.current > 0\n}\n\nexport interface CarouselSlideParts<S> {\n  slide: {\n    role: 'tabpanel'\n    id: string\n    'aria-roledescription': 'slide'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'slide'\n    'data-index': string\n    'data-active': (s: S) => '' | undefined\n    hidden: (s: S) => boolean\n  }\n  indicator: {\n    type: 'button'\n    role: 'tab'\n    'aria-label': string | ((s: S) => string)\n    'aria-selected': (s: S) => boolean\n    'aria-controls': string\n    'data-scope': 'carousel'\n    'data-part': 'indicator'\n    'data-index': string\n    'data-active': (s: S) => '' | undefined\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface CarouselParts<S> {\n  root: {\n    role: 'region'\n    'aria-roledescription': 'carousel'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'root'\n    'data-paused': (s: S) => '' | undefined\n    onPointerEnter: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  viewport: {\n    'data-scope': 'carousel'\n    'data-part': 'viewport'\n  }\n  indicatorGroup: {\n    role: 'tablist'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'indicator-group'\n  }\n  nextTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'carousel'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  prevTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'carousel'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  slide: (index: number) => CarouselSlideParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n  label?: string\n  indicatorLabel?: string\n  nextLabel?: string\n  prevLabel?: string\n  /** Builder for each slide's aria-label. Receives index + known count. */\n  slideLabel?: (index: number, count: number) => string\n}\n\nexport function connect<S>(\n  get: (s: S) => CarouselState,\n  send: Send<CarouselMsg>,\n  opts: ConnectOptions,\n): CarouselParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).carousel.label)\n  const indicatorLabel: string | ((s: S) => string) =\n    opts.indicatorLabel ?? ((s: S) => locale(s).carousel.indicators)\n  const nextLabel: string | ((s: S) => string) =\n    opts.nextLabel ?? ((s: S) => locale(s).carousel.next)\n  const prevLabel: string | ((s: S) => string) =\n    opts.prevLabel ?? ((s: S) => locale(s).carousel.prev)\n  const slideLabelFn = opts.slideLabel ?? en.carousel.slide\n  const slideId = (i: number): string => `${opts.id}:slide:${i}`\n\n  return {\n    root: {\n      role: 'region',\n      'aria-roledescription': 'carousel',\n      'aria-label': label,\n      'data-scope': 'carousel',\n      'data-part': 'root',\n      'data-paused': (s) => (get(s).paused ? '' : undefined),\n      onPointerEnter: () => send({ type: 'pause' }),\n      onPointerLeave: () => send({ type: 'resume' }),\n      onFocus: () => send({ type: 'pause' }),\n      onBlur: () => send({ type: 'resume' }),\n    },\n    viewport: {\n      'data-scope': 'carousel',\n      'data-part': 'viewport',\n    },\n    indicatorGroup: {\n      role: 'tablist',\n      'aria-label': indicatorLabel,\n      'data-scope': 'carousel',\n      'data-part': 'indicator-group',\n    },\n    nextTrigger: {\n      type: 'button',\n      'aria-label': nextLabel,\n      disabled: (s) => !canGoNext(get(s)),\n      'data-scope': 'carousel',\n      'data-part': 'next-trigger',\n      onClick: () => send({ type: 'next' }),\n    },\n    prevTrigger: {\n      type: 'button',\n      'aria-label': prevLabel,\n      disabled: (s) => !canGoPrev(get(s)),\n      'data-scope': 'carousel',\n      'data-part': 'prev-trigger',\n      onClick: () => send({ type: 'prev' }),\n    },\n    slide: (index: number): CarouselSlideParts<S> => ({\n      slide: {\n        role: 'tabpanel',\n        id: slideId(index),\n        'aria-roledescription': 'slide',\n        'aria-label': slideLabelFn(index, 0),\n        'data-scope': 'carousel',\n        'data-part': 'slide',\n        'data-index': String(index),\n        'data-active': (s) => (get(s).current === index ? '' : undefined),\n        hidden: (s) => get(s).current !== index,\n      },\n      indicator: {\n        type: 'button',\n        role: 'tab',\n        'aria-label': en.carousel.goToSlide(index),\n        'aria-selected': (s) => get(s).current === index,\n        'aria-controls': slideId(index),\n        'data-scope': 'carousel',\n        'data-part': 'indicator',\n        'data-index': String(index),\n        'data-active': (s) => (get(s).current === index ? '' : undefined),\n        onClick: () => send({ type: 'goTo', index }),\n      },\n    }),\n  }\n}\n\nexport const carousel = { init, update, connect, canGoNext, canGoPrev }\n"]}
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AA2ChD,MAAM,UAAU,IAAI,CAAC,OAAqB,EAAE;IAC1C,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC;QAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;QACtB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI;QAC/B,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,SAAS;KACrB,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,KAAoB,EAAE,IAAY;IACpD,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAC/B,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IACzE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;AACrD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAoB,EAAE,GAAgB;IAC3D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAA;YACzC,OAAO;gBACL,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE;gBACtF,EAAE;aACH,CAAA;QACH,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;YACjD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;YACjD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAA;QACjE,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;YACnE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACtD,CAAC;QACD,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QACzC,KAAK,QAAQ;YACX,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1C,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAoB;IAC5C,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAoB;IAC5C,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;IACtC,OAAO,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;AAC1B,CAAC;AAgFD,MAAM,UAAU,OAAO,CACrB,GAA4B,EAC5B,IAAuB,EACvB,IAAoB;IAEpB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,MAAM,KAAK,GAAgC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7F,MAAM,cAAc,GAClB,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAClE,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACvD,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACvD,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAA;IACzD,MAAM,OAAO,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,UAAU,CAAC,EAAE,CAAA;IAE9D,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,sBAAsB,EAAE,UAAU;YAClC,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACtD,cAAc,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YACvE,cAAc,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YACzE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YAChE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;SAClE;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,UAAU;SACxB;QACD,cAAc,EAAE;YACd,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,cAAc;YAC5B,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,iBAAiB;SAC/B;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS;YACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACnC,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS;YACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACnC,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,KAAK,EAAE,CAAC,KAAa,EAAyB,EAAE,CAAC,CAAC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAClB,sBAAsB,EAAE,OAAO;gBAC/B,YAAY,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC;gBACpC,YAAY,EAAE,UAAU;gBACxB,WAAW,EAAE,OAAO;gBACpB,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBACjE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK;aACxC;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,KAAK;gBACX,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC1C,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK;gBAChD,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC;gBAC/B,YAAY,EAAE,UAAU;gBACxB,WAAW,EAAE,WAAW;gBACxB,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBACjE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aACtE;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext, en } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Carousel — sliding content viewer with pagination. Tracks active slide\n * index, optional autoplay with pause-on-hover, and wraparound navigation.\n */\n\nexport interface CarouselState {\n  current: number\n  count: number\n  loop: boolean\n  autoplay: boolean\n  interval: number\n  paused: boolean\n  /** Direction of the last transition — useful for entry animations. */\n  direction: 'forward' | 'backward'\n}\n\nexport type CarouselMsg =\n  /** @intent(\"Jump to a specific slide by zero-based index\") */\n  | { type: 'goTo'; index: number }\n  /** @intent(\"Advance to the next slide (wraps if loop is enabled)\") */\n  | { type: 'next' }\n  /** @intent(\"Go back to the previous slide (wraps if loop is enabled)\") */\n  | { type: 'prev' }\n  /** @humanOnly */\n  | { type: 'setCount'; count: number }\n  /** @intent(\"Pause autoplay (typically while user hovers or focuses the carousel)\") */\n  | { type: 'pause' }\n  /** @intent(\"Resume autoplay after a pause\") */\n  | { type: 'resume' }\n  /** @intent(\"Turn autoplay on or off\") */\n  | { type: 'setAutoplay'; autoplay: boolean }\n\nexport interface CarouselInit {\n  current?: number\n  count?: number\n  loop?: boolean\n  autoplay?: boolean\n  interval?: number\n}\n\nexport function init(opts: CarouselInit = {}): CarouselState {\n  return {\n    current: opts.current ?? 0,\n    count: opts.count ?? 0,\n    loop: opts.loop ?? true,\n    autoplay: opts.autoplay ?? false,\n    interval: opts.interval ?? 5000,\n    paused: false,\n    direction: 'forward',\n  }\n}\n\nfunction clampIndex(state: CarouselState, next: number): number {\n  if (state.count === 0) return 0\n  if (state.loop) return ((next % state.count) + state.count) % state.count\n  return Math.max(0, Math.min(state.count - 1, next))\n}\n\nexport function update(state: CarouselState, msg: CarouselMsg): [CarouselState, never[]] {\n  switch (msg.type) {\n    case 'goTo': {\n      const next = clampIndex(state, msg.index)\n      return [\n        { ...state, current: next, direction: next >= state.current ? 'forward' : 'backward' },\n        [],\n      ]\n    }\n    case 'next': {\n      const next = clampIndex(state, state.current + 1)\n      return [{ ...state, current: next, direction: 'forward' }, []]\n    }\n    case 'prev': {\n      const prev = clampIndex(state, state.current - 1)\n      return [{ ...state, current: prev, direction: 'backward' }, []]\n    }\n    case 'setCount': {\n      const current = Math.min(state.current, Math.max(0, msg.count - 1))\n      return [{ ...state, count: msg.count, current }, []]\n    }\n    case 'pause':\n      return [{ ...state, paused: true }, []]\n    case 'resume':\n      return [{ ...state, paused: false }, []]\n    case 'setAutoplay':\n      return [{ ...state, autoplay: msg.autoplay }, []]\n  }\n}\n\nexport function canGoNext(state: CarouselState): boolean {\n  if (state.loop) return state.count > 0\n  return state.current < state.count - 1\n}\n\nexport function canGoPrev(state: CarouselState): boolean {\n  if (state.loop) return state.count > 0\n  return state.current > 0\n}\n\nexport interface CarouselSlideParts<S> {\n  slide: {\n    role: 'tabpanel'\n    id: string\n    'aria-roledescription': 'slide'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'slide'\n    'data-index': string\n    'data-active': (s: S) => '' | undefined\n    hidden: (s: S) => boolean\n  }\n  indicator: {\n    type: 'button'\n    role: 'tab'\n    'aria-label': string | ((s: S) => string)\n    'aria-selected': (s: S) => boolean\n    'aria-controls': string\n    'data-scope': 'carousel'\n    'data-part': 'indicator'\n    'data-index': string\n    'data-active': (s: S) => '' | undefined\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface CarouselParts<S> {\n  root: {\n    role: 'region'\n    'aria-roledescription': 'carousel'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'root'\n    'data-paused': (s: S) => '' | undefined\n    onPointerEnter: (e: PointerEvent) => void\n    onPointerLeave: (e: PointerEvent) => void\n    onFocus: (e: FocusEvent) => void\n    onBlur: (e: FocusEvent) => void\n  }\n  viewport: {\n    'data-scope': 'carousel'\n    'data-part': 'viewport'\n  }\n  indicatorGroup: {\n    role: 'tablist'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'carousel'\n    'data-part': 'indicator-group'\n  }\n  nextTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'carousel'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  prevTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'carousel'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  slide: (index: number) => CarouselSlideParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n  label?: string\n  indicatorLabel?: string\n  nextLabel?: string\n  prevLabel?: string\n  /** Builder for each slide's aria-label. Receives index + known count. */\n  slideLabel?: (index: number, count: number) => string\n}\n\nexport function connect<S>(\n  get: (s: S) => CarouselState,\n  send: Send<CarouselMsg>,\n  opts: ConnectOptions,\n): CarouselParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).carousel.label)\n  const indicatorLabel: string | ((s: S) => string) =\n    opts.indicatorLabel ?? ((s: S) => locale(s).carousel.indicators)\n  const nextLabel: string | ((s: S) => string) =\n    opts.nextLabel ?? ((s: S) => locale(s).carousel.next)\n  const prevLabel: string | ((s: S) => string) =\n    opts.prevLabel ?? ((s: S) => locale(s).carousel.prev)\n  const slideLabelFn = opts.slideLabel ?? en.carousel.slide\n  const slideId = (i: number): string => `${opts.id}:slide:${i}`\n\n  return {\n    root: {\n      role: 'region',\n      'aria-roledescription': 'carousel',\n      'aria-label': label,\n      'data-scope': 'carousel',\n      'data-part': 'root',\n      'data-paused': (s) => (get(s).paused ? '' : undefined),\n      onPointerEnter: tagSend(send, ['pause'], () => send({ type: 'pause' })),\n      onPointerLeave: tagSend(send, ['resume'], () => send({ type: 'resume' })),\n      onFocus: tagSend(send, ['pause'], () => send({ type: 'pause' })),\n      onBlur: tagSend(send, ['resume'], () => send({ type: 'resume' })),\n    },\n    viewport: {\n      'data-scope': 'carousel',\n      'data-part': 'viewport',\n    },\n    indicatorGroup: {\n      role: 'tablist',\n      'aria-label': indicatorLabel,\n      'data-scope': 'carousel',\n      'data-part': 'indicator-group',\n    },\n    nextTrigger: {\n      type: 'button',\n      'aria-label': nextLabel,\n      disabled: (s) => !canGoNext(get(s)),\n      'data-scope': 'carousel',\n      'data-part': 'next-trigger',\n      onClick: tagSend(send, ['next'], () => send({ type: 'next' })),\n    },\n    prevTrigger: {\n      type: 'button',\n      'aria-label': prevLabel,\n      disabled: (s) => !canGoPrev(get(s)),\n      'data-scope': 'carousel',\n      'data-part': 'prev-trigger',\n      onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),\n    },\n    slide: (index: number): CarouselSlideParts<S> => ({\n      slide: {\n        role: 'tabpanel',\n        id: slideId(index),\n        'aria-roledescription': 'slide',\n        'aria-label': slideLabelFn(index, 0),\n        'data-scope': 'carousel',\n        'data-part': 'slide',\n        'data-index': String(index),\n        'data-active': (s) => (get(s).current === index ? '' : undefined),\n        hidden: (s) => get(s).current !== index,\n      },\n      indicator: {\n        type: 'button',\n        role: 'tab',\n        'aria-label': en.carousel.goToSlide(index),\n        'aria-selected': (s) => get(s).current === index,\n        'aria-controls': slideId(index),\n        'data-scope': 'carousel',\n        'data-part': 'indicator',\n        'data-index': String(index),\n        'data-active': (s) => (get(s).current === index ? '' : undefined),\n        onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', index })),\n      },\n    }),\n  }\n}\n\nexport const carousel = { init, update, connect, canGoNext, canGoPrev }\n"]}

package/dist/components/cascade-select.d.ts

@@ -25,14 +25,20 @@ export interface CascadeSelectState {
     values: (string | null)[];
     disabled: boolean;
 }
-export type CascadeSelectMsg = {
+export type CascadeSelectMsg = 
+/** @humanOnly */
+{
     type: 'setLevels';
     levels: CascadeLevel[];
-} | {
+}
+/** @intent("Pick a value at the given level (clears selections at deeper levels)") */
+ | {
     type: 'setValue';
     levelIndex: number;
     value: string | null;
-} | {
+}
+/** @intent("Clear every level's selection") */
+ | {
     type: 'clear';
 };
 export interface CascadeSelectInit {

package/dist/components/cascade-select.d.ts.map

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

package/dist/components/cascade-select.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 = {}) {
     const levels = opts.levels ?? [];
@@ -69,7 +69,7 @@ export function connect(get, send, opts) {
             disabled: (s) => get(s).values.every((v) => v === null),
             'data-scope': 'cascade-select',
             'data-part': 'clear-trigger',
-            onClick: () => send({ type: 'clear' }),
+            onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),
         },
         level: (index) => ({
             label: {
@@ -85,10 +85,10 @@ export function connect(get, send, opts) {
                 'data-part': 'level-select',
                 'data-level': String(index),
                 'data-ready': (s) => (isLevelReady(get(s), index) ? '' : undefined),
-                onChange: (e) => {
+                onChange: tagSend(send, ['setValue'], (e) => {
                     const el = e.target;
                     send({ type: 'setValue', levelIndex: index, value: el.value || null });
-                },
+                }),
             },
         }),
     };

package/dist/components/cascade-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascade-select.js","sourceRoot":"","sources":["../../src/components/cascade-select.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Cascade select — a series of dependent selects where each level's\n * choice filters the options of the next. Classic example: country\n * → state → city. The machine stores a flat list of selections\n * (one per level, or null) and the options at each level; filtering\n * logic is left to the view/consumer.\n *\n * Level shape: the consumer passes an array of Level descriptors on\n * setLevels, each with its own options. Selecting at level N clears\n * selections at levels > N.\n */\n\nexport interface CascadeLevel {\n  id: string\n  label: string\n  options: Array<{ value: string; label: string; disabled?: boolean }>\n}\n\nexport interface CascadeSelectState {\n  levels: CascadeLevel[]\n  /** Parallel to levels: one value per level, or null. */\n  values: (string | null)[]\n  disabled: boolean\n}\n\nexport type CascadeSelectMsg =\n  | { type: 'setLevels'; levels: CascadeLevel[] }\n  | { type: 'setValue'; levelIndex: number; value: string | null }\n  | { type: 'clear' }\n\nexport interface CascadeSelectInit {\n  levels?: CascadeLevel[]\n  values?: (string | null)[]\n  disabled?: boolean\n}\n\nexport function init(opts: CascadeSelectInit = {}): CascadeSelectState {\n  const levels = opts.levels ?? []\n  const values = opts.values ?? new Array<string | null>(levels.length).fill(null)\n  // Normalize: pad or trim values array to match levels length\n  const normalized: (string | null)[] = []\n  for (let i = 0; i < levels.length; i++) {\n    normalized.push(values[i] ?? null)\n  }\n  return {\n    levels,\n    values: normalized,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(\n  state: CascadeSelectState,\n  msg: CascadeSelectMsg,\n): [CascadeSelectState, never[]] {\n  if (state.disabled && msg.type !== 'clear') return [state, []]\n  switch (msg.type) {\n    case 'setLevels': {\n      const values = new Array<string | null>(msg.levels.length).fill(null)\n      return [{ ...state, levels: msg.levels, values }, []]\n    }\n    case 'setValue': {\n      if (msg.levelIndex < 0 || msg.levelIndex >= state.levels.length) return [state, []]\n      // Setting a level clears all levels below it.\n      const next = state.values.slice()\n      next[msg.levelIndex] = msg.value\n      for (let i = msg.levelIndex + 1; i < next.length; i++) {\n        next[i] = null\n      }\n      return [{ ...state, values: next }, []]\n    }\n    case 'clear':\n      return [{ ...state, values: new Array<string | null>(state.levels.length).fill(null) }, []]\n  }\n}\n\nexport function isLevelReady(state: CascadeSelectState, levelIndex: number): boolean {\n  // A level is ready to accept input if all prior levels have values.\n  for (let i = 0; i < levelIndex; i++) {\n    if (state.values[i] === null) return false\n  }\n  return true\n}\n\nexport function isComplete(state: CascadeSelectState): boolean {\n  return state.values.every((v) => v !== null)\n}\n\nexport function completeValues(state: CascadeSelectState): string[] | null {\n  if (!isComplete(state)) return null\n  return state.values as string[]\n}\n\nexport interface CascadeLevelParts<S> {\n  label: {\n    for: string\n    'data-scope': 'cascade-select'\n    'data-part': 'level-label'\n  }\n  select: {\n    id: string\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'cascade-select'\n    'data-part': 'level-select'\n    'data-level': string\n    'data-ready': (s: S) => '' | undefined\n    onChange: (e: Event) => void\n  }\n}\n\nexport interface CascadeSelectParts<S> {\n  root: {\n    'data-scope': 'cascade-select'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n    'data-complete': (s: S) => '' | undefined\n  }\n  clearTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'cascade-select'\n    'data-part': 'clear-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  level: (index: number) => CascadeLevelParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n  clearLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => CascadeSelectState,\n  send: Send<CascadeSelectMsg>,\n  opts: ConnectOptions,\n): CascadeSelectParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const levelId = (i: number): string => `${opts.id}:level:${i}`\n\n  return {\n    root: {\n      'data-scope': 'cascade-select',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-complete': (s) => (isComplete(get(s)) ? '' : undefined),\n    },\n    clearTrigger: {\n      type: 'button',\n      'aria-label': opts.clearLabel ?? ((s: S) => locale(s).cascadeSelect.clear),\n      disabled: (s) => get(s).values.every((v) => v === null),\n      'data-scope': 'cascade-select',\n      'data-part': 'clear-trigger',\n      onClick: () => send({ type: 'clear' }),\n    },\n    level: (index: number): CascadeLevelParts<S> => ({\n      label: {\n        for: levelId(index),\n        'data-scope': 'cascade-select',\n        'data-part': 'level-label',\n      },\n      select: {\n        id: levelId(index),\n        disabled: (s) => get(s).disabled || !isLevelReady(get(s), index),\n        value: (s) => get(s).values[index] ?? '',\n        'data-scope': 'cascade-select',\n        'data-part': 'level-select',\n        'data-level': String(index),\n        'data-ready': (s) => (isLevelReady(get(s), index) ? '' : undefined),\n        onChange: (e) => {\n          const el = e.target as HTMLSelectElement\n          send({ type: 'setValue', levelIndex: index, value: el.value || null })\n        },\n      },\n    }),\n  }\n}\n\nexport const cascadeSelect = {\n  init,\n  update,\n  connect,\n  isLevelReady,\n  isComplete,\n  completeValues,\n}\n"]}
+{"version":3,"file":"cascade-select.js","sourceRoot":"","sources":["../../src/components/cascade-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA0C5C,MAAM,UAAU,IAAI,CAAC,OAA0B,EAAE;IAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,KAAK,CAAgB,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAChF,6DAA6D;IAC7D,MAAM,UAAU,GAAsB,EAAE,CAAA;IACxC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAA;IACpC,CAAC;IACD,OAAO;QACL,MAAM;QACN,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,KAAyB,EACzB,GAAqB;IAErB,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IAC9D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,MAAM,MAAM,GAAG,IAAI,KAAK,CAAgB,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;QACvD,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,IAAI,GAAG,CAAC,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACnF,8CAA8C;YAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;YACjC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,KAAK,CAAA;YAChC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACtD,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;YAChB,CAAC;YACD,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;QACzC,CAAC;QACD,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,KAAK,CAAgB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IAC/F,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAyB,EAAE,UAAkB;IACxE,oEAAoE;IACpE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI;YAAE,OAAO,KAAK,CAAA;IAC5C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAyB;IAClD,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAA;AAC9C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAyB;IACtD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,KAAK,CAAC,MAAkB,CAAA;AACjC,CAAC;AA2CD,MAAM,UAAU,OAAO,CACrB,GAAiC,EACjC,IAA4B,EAC5B,IAAoB;IAEpB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,UAAU,CAAC,EAAE,CAAA;IAE9D,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,gBAAgB;YAC9B,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SAC9D;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;YAC1E,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;YACvD,YAAY,EAAE,gBAAgB;YAC9B,WAAW,EAAE,eAAe;YAC5B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;SACjE;QACD,KAAK,EAAE,CAAC,KAAa,EAAwB,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE;gBACL,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;gBACnB,YAAY,EAAE,gBAAgB;gBAC9B,WAAW,EAAE,aAAa;aAC3B;YACD,MAAM,EAAE;gBACN,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;gBAChE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;gBACxC,YAAY,EAAE,gBAAgB;gBAC9B,WAAW,EAAE,cAAc;gBAC3B,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC;gBAC3B,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnE,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC1C,MAAM,EAAE,GAAG,CAAC,CAAC,MAA2B,CAAA;oBACxC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC,CAAA;gBACxE,CAAC,CAAC;aACH;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI;IACJ,MAAM;IACN,OAAO;IACP,YAAY;IACZ,UAAU;IACV,cAAc;CACf,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Cascade select — a series of dependent selects where each level's\n * choice filters the options of the next. Classic example: country\n * → state → city. The machine stores a flat list of selections\n * (one per level, or null) and the options at each level; filtering\n * logic is left to the view/consumer.\n *\n * Level shape: the consumer passes an array of Level descriptors on\n * setLevels, each with its own options. Selecting at level N clears\n * selections at levels > N.\n */\n\nexport interface CascadeLevel {\n  id: string\n  label: string\n  options: Array<{ value: string; label: string; disabled?: boolean }>\n}\n\nexport interface CascadeSelectState {\n  levels: CascadeLevel[]\n  /** Parallel to levels: one value per level, or null. */\n  values: (string | null)[]\n  disabled: boolean\n}\n\nexport type CascadeSelectMsg =\n  /** @humanOnly */\n  | { type: 'setLevels'; levels: CascadeLevel[] }\n  /** @intent(\"Pick a value at the given level (clears selections at deeper levels)\") */\n  | { type: 'setValue'; levelIndex: number; value: string | null }\n  /** @intent(\"Clear every level's selection\") */\n  | { type: 'clear' }\n\nexport interface CascadeSelectInit {\n  levels?: CascadeLevel[]\n  values?: (string | null)[]\n  disabled?: boolean\n}\n\nexport function init(opts: CascadeSelectInit = {}): CascadeSelectState {\n  const levels = opts.levels ?? []\n  const values = opts.values ?? new Array<string | null>(levels.length).fill(null)\n  // Normalize: pad or trim values array to match levels length\n  const normalized: (string | null)[] = []\n  for (let i = 0; i < levels.length; i++) {\n    normalized.push(values[i] ?? null)\n  }\n  return {\n    levels,\n    values: normalized,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(\n  state: CascadeSelectState,\n  msg: CascadeSelectMsg,\n): [CascadeSelectState, never[]] {\n  if (state.disabled && msg.type !== 'clear') return [state, []]\n  switch (msg.type) {\n    case 'setLevels': {\n      const values = new Array<string | null>(msg.levels.length).fill(null)\n      return [{ ...state, levels: msg.levels, values }, []]\n    }\n    case 'setValue': {\n      if (msg.levelIndex < 0 || msg.levelIndex >= state.levels.length) return [state, []]\n      // Setting a level clears all levels below it.\n      const next = state.values.slice()\n      next[msg.levelIndex] = msg.value\n      for (let i = msg.levelIndex + 1; i < next.length; i++) {\n        next[i] = null\n      }\n      return [{ ...state, values: next }, []]\n    }\n    case 'clear':\n      return [{ ...state, values: new Array<string | null>(state.levels.length).fill(null) }, []]\n  }\n}\n\nexport function isLevelReady(state: CascadeSelectState, levelIndex: number): boolean {\n  // A level is ready to accept input if all prior levels have values.\n  for (let i = 0; i < levelIndex; i++) {\n    if (state.values[i] === null) return false\n  }\n  return true\n}\n\nexport function isComplete(state: CascadeSelectState): boolean {\n  return state.values.every((v) => v !== null)\n}\n\nexport function completeValues(state: CascadeSelectState): string[] | null {\n  if (!isComplete(state)) return null\n  return state.values as string[]\n}\n\nexport interface CascadeLevelParts<S> {\n  label: {\n    for: string\n    'data-scope': 'cascade-select'\n    'data-part': 'level-label'\n  }\n  select: {\n    id: string\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'cascade-select'\n    'data-part': 'level-select'\n    'data-level': string\n    'data-ready': (s: S) => '' | undefined\n    onChange: (e: Event) => void\n  }\n}\n\nexport interface CascadeSelectParts<S> {\n  root: {\n    'data-scope': 'cascade-select'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n    'data-complete': (s: S) => '' | undefined\n  }\n  clearTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    'data-scope': 'cascade-select'\n    'data-part': 'clear-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  level: (index: number) => CascadeLevelParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n  clearLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => CascadeSelectState,\n  send: Send<CascadeSelectMsg>,\n  opts: ConnectOptions,\n): CascadeSelectParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const levelId = (i: number): string => `${opts.id}:level:${i}`\n\n  return {\n    root: {\n      'data-scope': 'cascade-select',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-complete': (s) => (isComplete(get(s)) ? '' : undefined),\n    },\n    clearTrigger: {\n      type: 'button',\n      'aria-label': opts.clearLabel ?? ((s: S) => locale(s).cascadeSelect.clear),\n      disabled: (s) => get(s).values.every((v) => v === null),\n      'data-scope': 'cascade-select',\n      'data-part': 'clear-trigger',\n      onClick: tagSend(send, ['clear'], () => send({ type: 'clear' })),\n    },\n    level: (index: number): CascadeLevelParts<S> => ({\n      label: {\n        for: levelId(index),\n        'data-scope': 'cascade-select',\n        'data-part': 'level-label',\n      },\n      select: {\n        id: levelId(index),\n        disabled: (s) => get(s).disabled || !isLevelReady(get(s), index),\n        value: (s) => get(s).values[index] ?? '',\n        'data-scope': 'cascade-select',\n        'data-part': 'level-select',\n        'data-level': String(index),\n        'data-ready': (s) => (isLevelReady(get(s), index) ? '' : undefined),\n        onChange: tagSend(send, ['setValue'], (e) => {\n          const el = e.target as HTMLSelectElement\n          send({ type: 'setValue', levelIndex: index, value: el.value || null })\n        }),\n      },\n    }),\n  }\n}\n\nexport const cascadeSelect = {\n  init,\n  update,\n  connect,\n  isLevelReady,\n  isComplete,\n  completeValues,\n}\n"]}

package/dist/components/checkbox.d.ts

@@ -14,12 +14,18 @@ export interface CheckboxState {
     disabled: boolean;
     required: boolean;
 }
-export type CheckboxMsg = {
+export type CheckboxMsg = 
+/** @intent("Toggle the checkbox between checked and unchecked") */
+{
     type: 'toggle';
-} | {
+}
+/** @intent("Set the checkbox state to checked, unchecked, or indeterminate") */
+ | {
     type: 'setChecked';
     checked: CheckedState;
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'setDisabled';
     disabled: boolean;
 };

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

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

package/dist/components/checkbox.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(opts = {}) {
     return {
         checked: opts.checked ?? false,
@@ -43,13 +44,13 @@ export function connect(get, send) {
             'data-scope': 'checkbox',
             'data-part': 'root',
             tabIndex: (s) => (get(s).disabled ? -1 : 0),
-            onClick: () => send({ type: 'toggle' }),
-            onKeyDown: (e) => {
+            onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
+            onKeyDown: tagSend(send, ['toggle'], (e) => {
                 if (e.key === ' ') {
                     e.preventDefault();
                     send({ type: 'toggle' });
                 }
-            },
+            }),
         },
         hiddenInput: {
             type: 'checkbox',

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AA+BA,MAAM,UAAU,IAAI,CAAC,OAAqB,EAAE;IAC1C,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;QAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAoB,EAAE,GAAgB;IAC3D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YACtC,oEAAoE;YACpE,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe;gBAAE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;YAC/E,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACpD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACjD,KAAK,aAAa;YAChB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACrD,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,CAAe;IAClC,IAAI,CAAC,KAAK,eAAe;QAAE,OAAO,OAAO,CAAA;IACzC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;AAC7B,CAAC;AAED,SAAS,SAAS,CAAC,CAAe;IAChC,IAAI,CAAC,KAAK,eAAe;QAAE,OAAO,eAAe,CAAA;IACjD,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAA;AACpC,CAAC;AAsCD,MAAM,YAAY,GAChB,8HAA8H,CAAA;AAEhI,MAAM,UAAU,OAAO,CACrB,GAA4B,EAC5B,IAAuB;IAEvB,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;YAChB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAClD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,MAAM;YACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YACvC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;gBAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBAClB,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;gBAC1B,CAAC;YACH,CAAC;SACF;QACD,WAAW,EAAE;YACX,IAAI,EAAE,UAAU;YAChB,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,CAAC,CAAC;YACZ,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI;YACvC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,eAAe;YACxD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,cAAc;SAC5B;QACD,SAAS,EAAE;YACT,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,WAAW;SACzB;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Checkbox — a tri-state form control (checked / unchecked / indeterminate).\n * The `indeterminate` state is a visual-only state used to represent \"partial\"\n * selection (e.g. a parent whose children are mixed checked).\n *\n * Rendering typically uses two elements: a visual indicator (the styled box)\n * and a hidden native `<input type=\"checkbox\">` for form participation +\n * accessibility. `connect()` returns props for both.\n */\n\nexport type CheckedState = boolean | 'indeterminate'\n\nexport interface CheckboxState {\n  checked: CheckedState\n  disabled: boolean\n  required: boolean\n}\n\nexport type CheckboxMsg =\n  | { type: 'toggle' }\n  | { type: 'setChecked'; checked: CheckedState }\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface CheckboxInit {\n  checked?: CheckedState\n  disabled?: boolean\n  required?: boolean\n}\n\nexport function init(opts: CheckboxInit = {}): CheckboxState {\n  return {\n    checked: opts.checked ?? false,\n    disabled: opts.disabled ?? false,\n    required: opts.required ?? false,\n  }\n}\n\nexport function update(state: CheckboxState, msg: CheckboxMsg): [CheckboxState, never[]] {\n  switch (msg.type) {\n    case 'toggle':\n      if (state.disabled) return [state, []]\n      // Tri-state toggle: indeterminate → checked, otherwise flip boolean\n      if (state.checked === 'indeterminate') return [{ ...state, checked: true }, []]\n      return [{ ...state, checked: !state.checked }, []]\n    case 'setChecked':\n      return [{ ...state, checked: msg.checked }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nfunction ariaChecked(c: CheckedState): 'true' | 'false' | 'mixed' {\n  if (c === 'indeterminate') return 'mixed'\n  return c ? 'true' : 'false'\n}\n\nfunction dataState(c: CheckedState): 'checked' | 'unchecked' | 'indeterminate' {\n  if (c === 'indeterminate') return 'indeterminate'\n  return c ? 'checked' : 'unchecked'\n}\n\nexport interface CheckboxParts<S> {\n  /** The visual box/container — `role=\"checkbox\"` for accessibility. */\n  root: {\n    role: 'checkbox'\n    'aria-checked': (s: S) => 'true' | 'false' | 'mixed'\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-required': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'checked' | 'unchecked' | 'indeterminate'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'checkbox'\n    'data-part': 'root'\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  /** A native hidden input for form participation. */\n  hiddenInput: {\n    type: 'checkbox'\n    'aria-hidden': 'true'\n    tabIndex: -1\n    style: string\n    checked: (s: S) => boolean\n    indeterminate: (s: S) => boolean\n    disabled: (s: S) => boolean\n    required: (s: S) => boolean\n    'data-scope': 'checkbox'\n    'data-part': 'hidden-input'\n  }\n  /** Optional indicator child (the checkmark). */\n  indicator: {\n    'data-state': (s: S) => 'checked' | 'unchecked' | 'indeterminate'\n    'data-scope': 'checkbox'\n    'data-part': 'indicator'\n  }\n}\n\nconst HIDDEN_STYLE =\n  'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(\n  get: (s: S) => CheckboxState,\n  send: Send<CheckboxMsg>,\n): CheckboxParts<S> {\n  return {\n    root: {\n      role: 'checkbox',\n      'aria-checked': (s) => ariaChecked(get(s).checked),\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-required': (s) => (get(s).required ? 'true' : undefined),\n      'data-state': (s) => dataState(get(s).checked),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'checkbox',\n      'data-part': 'root',\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      onClick: () => send({ type: 'toggle' }),\n      onKeyDown: (e: KeyboardEvent) => {\n        if (e.key === ' ') {\n          e.preventDefault()\n          send({ type: 'toggle' })\n        }\n      },\n    },\n    hiddenInput: {\n      type: 'checkbox',\n      'aria-hidden': 'true',\n      tabIndex: -1,\n      style: HIDDEN_STYLE,\n      checked: (s) => get(s).checked === true,\n      indeterminate: (s) => get(s).checked === 'indeterminate',\n      disabled: (s) => get(s).disabled,\n      required: (s) => get(s).required,\n      'data-scope': 'checkbox',\n      'data-part': 'hidden-input',\n    },\n    indicator: {\n      'data-state': (s) => dataState(get(s).checked),\n      'data-scope': 'checkbox',\n      'data-part': 'indicator',\n    },\n  }\n}\n\nexport const checkbox = { init, update, connect }\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Checkbox — a tri-state form control (checked / unchecked / indeterminate).\n * The `indeterminate` state is a visual-only state used to represent \"partial\"\n * selection (e.g. a parent whose children are mixed checked).\n *\n * Rendering typically uses two elements: a visual indicator (the styled box)\n * and a hidden native `<input type=\"checkbox\">` for form participation +\n * accessibility. `connect()` returns props for both.\n */\n\nexport type CheckedState = boolean | 'indeterminate'\n\nexport interface CheckboxState {\n  checked: CheckedState\n  disabled: boolean\n  required: boolean\n}\n\nexport type CheckboxMsg =\n  /** @intent(\"Toggle the checkbox between checked and unchecked\") */\n  | { type: 'toggle' }\n  /** @intent(\"Set the checkbox state to checked, unchecked, or indeterminate\") */\n  | { type: 'setChecked'; checked: CheckedState }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface CheckboxInit {\n  checked?: CheckedState\n  disabled?: boolean\n  required?: boolean\n}\n\nexport function init(opts: CheckboxInit = {}): CheckboxState {\n  return {\n    checked: opts.checked ?? false,\n    disabled: opts.disabled ?? false,\n    required: opts.required ?? false,\n  }\n}\n\nexport function update(state: CheckboxState, msg: CheckboxMsg): [CheckboxState, never[]] {\n  switch (msg.type) {\n    case 'toggle':\n      if (state.disabled) return [state, []]\n      // Tri-state toggle: indeterminate → checked, otherwise flip boolean\n      if (state.checked === 'indeterminate') return [{ ...state, checked: true }, []]\n      return [{ ...state, checked: !state.checked }, []]\n    case 'setChecked':\n      return [{ ...state, checked: msg.checked }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nfunction ariaChecked(c: CheckedState): 'true' | 'false' | 'mixed' {\n  if (c === 'indeterminate') return 'mixed'\n  return c ? 'true' : 'false'\n}\n\nfunction dataState(c: CheckedState): 'checked' | 'unchecked' | 'indeterminate' {\n  if (c === 'indeterminate') return 'indeterminate'\n  return c ? 'checked' : 'unchecked'\n}\n\nexport interface CheckboxParts<S> {\n  /** The visual box/container — `role=\"checkbox\"` for accessibility. */\n  root: {\n    role: 'checkbox'\n    'aria-checked': (s: S) => 'true' | 'false' | 'mixed'\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-required': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'checked' | 'unchecked' | 'indeterminate'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'checkbox'\n    'data-part': 'root'\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  /** A native hidden input for form participation. */\n  hiddenInput: {\n    type: 'checkbox'\n    'aria-hidden': 'true'\n    tabIndex: -1\n    style: string\n    checked: (s: S) => boolean\n    indeterminate: (s: S) => boolean\n    disabled: (s: S) => boolean\n    required: (s: S) => boolean\n    'data-scope': 'checkbox'\n    'data-part': 'hidden-input'\n  }\n  /** Optional indicator child (the checkmark). */\n  indicator: {\n    'data-state': (s: S) => 'checked' | 'unchecked' | 'indeterminate'\n    'data-scope': 'checkbox'\n    'data-part': 'indicator'\n  }\n}\n\nconst HIDDEN_STYLE =\n  'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;'\n\nexport function connect<S>(\n  get: (s: S) => CheckboxState,\n  send: Send<CheckboxMsg>,\n): CheckboxParts<S> {\n  return {\n    root: {\n      role: 'checkbox',\n      'aria-checked': (s) => ariaChecked(get(s).checked),\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-required': (s) => (get(s).required ? 'true' : undefined),\n      'data-state': (s) => dataState(get(s).checked),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'checkbox',\n      'data-part': 'root',\n      tabIndex: (s) => (get(s).disabled ? -1 : 0),\n      onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n      onKeyDown: tagSend(send, ['toggle'], (e: KeyboardEvent) => {\n        if (e.key === ' ') {\n          e.preventDefault()\n          send({ type: 'toggle' })\n        }\n      }),\n    },\n    hiddenInput: {\n      type: 'checkbox',\n      'aria-hidden': 'true',\n      tabIndex: -1,\n      style: HIDDEN_STYLE,\n      checked: (s) => get(s).checked === true,\n      indeterminate: (s) => get(s).checked === 'indeterminate',\n      disabled: (s) => get(s).disabled,\n      required: (s) => get(s).required,\n      'data-scope': 'checkbox',\n      'data-part': 'hidden-input',\n    },\n    indicator: {\n      'data-state': (s) => dataState(get(s).checked),\n      'data-scope': 'checkbox',\n      'data-part': 'indicator',\n    },\n  }\n}\n\nexport const checkbox = { init, update, connect }\n"]}

package/dist/components/clipboard.d.ts

@@ -9,14 +9,22 @@ export interface ClipboardState {
     value: string;
     copied: boolean;
 }
-export type ClipboardMsg = {
+export type ClipboardMsg = 
+/** @intent("Update the value to be copied") */
+{
     type: 'setValue';
     value: string;
-} | {
+}
+/** @intent("Initiate a clipboard copy of the current value") */
+ | {
     type: 'copy';
-} | {
+}
+/** @humanOnly */
+ | {
     type: 'copied';
-} | {
+}
+/** @intent("Clear the transient \"copied\" feedback state") */
+ | {
     type: 'reset';
 };
 export interface ClipboardInit {

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

@@ -1 +1 @@
-{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/components/clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKrC;;;;;GAKG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAErB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAE7D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAU1F;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBlE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACxC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,SAAS,CAAA;QACtB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACvC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,IAAI,CAAA;QACd,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,SAAS,EAAE;QACT,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,WAAW,CAAA;QACxB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACvC,WAAW,EAAE,QAAQ,CAAA;KACtB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,EAC7B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EACxB,IAAI,GAAE,cAAmB,GACxB,cAAc,CAAC,CAAC,CAAC,CAoCnB;AAED,eAAO,MAAM,SAAS;;;;;CAA6C,CAAA"}
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/components/clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKrC;;;;;GAKG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,MAAM,YAAY;AACtB,+CAA+C;AAC7C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACrC,gEAAgE;GAC9D;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,iBAAiB;GACf;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,+DAA+D;GAC7D;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAErB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAE7D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAU1F;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBlE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KACxC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,SAAS,CAAA;QACtB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACvC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,IAAI,CAAA;QACd,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,SAAS,EAAE;QACT,YAAY,EAAE,WAAW,CAAA;QACzB,WAAW,EAAE,WAAW,CAAA;QACxB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACvC,WAAW,EAAE,QAAQ,CAAA;KACtB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,EAC7B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EACxB,IAAI,GAAE,cAAmB,GACxB,cAAc,CAAC,CAAC,CAAC,CAoCnB;AAED,eAAO,MAAM,SAAS;;;;;CAA6C,CAAA"}

package/dist/components/clipboard.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 { value: opts.value ?? '', copied: false };
@@ -52,10 +52,10 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'clipboard',
             'data-part': 'trigger',
             'data-copied': (s) => (get(s).copied ? '' : undefined),
-            onClick: () => {
+            onClick: tagSend(send, ['copy'], () => {
                 send({ type: 'copy' });
                 opts.onCopy?.('');
-            },
+            }),
         },
         input: {
             type: 'text',

package/dist/components/clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../src/components/clipboard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Clipboard — copy-to-clipboard with transient \"copied\" feedback. The\n * actual clipboard write is performed by the consumer via an effect (or\n * inline in the trigger's onClick handler). Reducer tracks the success\n * state flag and an auto-reset timestamp.\n */\n\nexport interface ClipboardState {\n  value: string\n  copied: boolean\n}\n\nexport type ClipboardMsg =\n  | { type: 'setValue'; value: string }\n  | { type: 'copy' }\n  | { type: 'copied' }\n  | { type: 'reset' }\n\nexport interface ClipboardInit {\n  value?: string\n}\n\nexport function init(opts: ClipboardInit = {}): ClipboardState {\n  return { value: opts.value ?? '', copied: false }\n}\n\nexport function update(state: ClipboardState, msg: ClipboardMsg): [ClipboardState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value, copied: false }, []]\n    case 'copy':\n    case 'copied':\n      return [{ ...state, copied: true }, []]\n    case 'reset':\n      return [{ ...state, copied: false }, []]\n  }\n}\n\n/**\n * Attempt to copy the value to the clipboard. Returns a Promise that resolves\n * on success. Consumer dispatches `copied` or `reset` based on the result.\n */\nexport async function copyToClipboard(value: string): Promise<void> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    await navigator.clipboard.writeText(value)\n    return\n  }\n  // Fallback: ephemeral textarea\n  const textarea = document.createElement('textarea')\n  textarea.value = value\n  textarea.style.position = 'fixed'\n  textarea.style.opacity = '0'\n  document.body.appendChild(textarea)\n  textarea.select()\n  try {\n    document.execCommand('copy')\n  } finally {\n    document.body.removeChild(textarea)\n  }\n}\n\nexport interface ClipboardParts<S> {\n  root: {\n    'data-scope': 'clipboard'\n    'data-part': 'root'\n    'data-copied': (s: S) => '' | undefined\n  }\n  trigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'clipboard'\n    'data-part': 'trigger'\n    'data-copied': (s: S) => '' | undefined\n    onClick: (e: MouseEvent) => void\n  }\n  input: {\n    type: 'text'\n    readOnly: true\n    value: (s: S) => string\n    'data-scope': 'clipboard'\n    'data-part': 'input'\n    onFocus: (e: FocusEvent) => void\n  }\n  indicator: {\n    'data-scope': 'clipboard'\n    'data-part': 'indicator'\n    'data-copied': (s: S) => '' | undefined\n    'aria-live': 'polite'\n  }\n}\n\nexport interface ConnectOptions {\n  copyLabel?: string\n  onCopy?: (value: string) => void\n}\n\nexport function connect<S>(\n  get: (s: S) => ClipboardState,\n  send: Send<ClipboardMsg>,\n  opts: ConnectOptions = {},\n): ClipboardParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const copyLabel: string | ((s: S) => string) =\n    opts.copyLabel ?? ((s: S) => locale(s).clipboard.copy)\n  return {\n    root: {\n      'data-scope': 'clipboard',\n      'data-part': 'root',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n    },\n    trigger: {\n      type: 'button',\n      'aria-label': copyLabel,\n      'data-scope': 'clipboard',\n      'data-part': 'trigger',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n      onClick: () => {\n        send({ type: 'copy' })\n        opts.onCopy?.('')\n      },\n    },\n    input: {\n      type: 'text',\n      readOnly: true,\n      value: (s) => get(s).value,\n      'data-scope': 'clipboard',\n      'data-part': 'input',\n      onFocus: (e) => (e.currentTarget as HTMLInputElement).select(),\n    },\n    indicator: {\n      'data-scope': 'clipboard',\n      'data-part': 'indicator',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n      'aria-live': 'polite',\n    },\n  }\n}\n\nexport const clipboard = { init, update, connect, copyToClipboard }\n"]}
+{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../src/components/clipboard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Clipboard — copy-to-clipboard with transient \"copied\" feedback. The\n * actual clipboard write is performed by the consumer via an effect (or\n * inline in the trigger's onClick handler). Reducer tracks the success\n * state flag and an auto-reset timestamp.\n */\n\nexport interface ClipboardState {\n  value: string\n  copied: boolean\n}\n\nexport type ClipboardMsg =\n  /** @intent(\"Update the value to be copied\") */\n  | { type: 'setValue'; value: string }\n  /** @intent(\"Initiate a clipboard copy of the current value\") */\n  | { type: 'copy' }\n  /** @humanOnly */\n  | { type: 'copied' }\n  /** @intent(\"Clear the transient \\\"copied\\\" feedback state\") */\n  | { type: 'reset' }\n\nexport interface ClipboardInit {\n  value?: string\n}\n\nexport function init(opts: ClipboardInit = {}): ClipboardState {\n  return { value: opts.value ?? '', copied: false }\n}\n\nexport function update(state: ClipboardState, msg: ClipboardMsg): [ClipboardState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value, copied: false }, []]\n    case 'copy':\n    case 'copied':\n      return [{ ...state, copied: true }, []]\n    case 'reset':\n      return [{ ...state, copied: false }, []]\n  }\n}\n\n/**\n * Attempt to copy the value to the clipboard. Returns a Promise that resolves\n * on success. Consumer dispatches `copied` or `reset` based on the result.\n */\nexport async function copyToClipboard(value: string): Promise<void> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    await navigator.clipboard.writeText(value)\n    return\n  }\n  // Fallback: ephemeral textarea\n  const textarea = document.createElement('textarea')\n  textarea.value = value\n  textarea.style.position = 'fixed'\n  textarea.style.opacity = '0'\n  document.body.appendChild(textarea)\n  textarea.select()\n  try {\n    document.execCommand('copy')\n  } finally {\n    document.body.removeChild(textarea)\n  }\n}\n\nexport interface ClipboardParts<S> {\n  root: {\n    'data-scope': 'clipboard'\n    'data-part': 'root'\n    'data-copied': (s: S) => '' | undefined\n  }\n  trigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'clipboard'\n    'data-part': 'trigger'\n    'data-copied': (s: S) => '' | undefined\n    onClick: (e: MouseEvent) => void\n  }\n  input: {\n    type: 'text'\n    readOnly: true\n    value: (s: S) => string\n    'data-scope': 'clipboard'\n    'data-part': 'input'\n    onFocus: (e: FocusEvent) => void\n  }\n  indicator: {\n    'data-scope': 'clipboard'\n    'data-part': 'indicator'\n    'data-copied': (s: S) => '' | undefined\n    'aria-live': 'polite'\n  }\n}\n\nexport interface ConnectOptions {\n  copyLabel?: string\n  onCopy?: (value: string) => void\n}\n\nexport function connect<S>(\n  get: (s: S) => ClipboardState,\n  send: Send<ClipboardMsg>,\n  opts: ConnectOptions = {},\n): ClipboardParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const copyLabel: string | ((s: S) => string) =\n    opts.copyLabel ?? ((s: S) => locale(s).clipboard.copy)\n  return {\n    root: {\n      'data-scope': 'clipboard',\n      'data-part': 'root',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n    },\n    trigger: {\n      type: 'button',\n      'aria-label': copyLabel,\n      'data-scope': 'clipboard',\n      'data-part': 'trigger',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n      onClick: tagSend(send, ['copy'], () => {\n        send({ type: 'copy' })\n        opts.onCopy?.('')\n      }),\n    },\n    input: {\n      type: 'text',\n      readOnly: true,\n      value: (s) => get(s).value,\n      'data-scope': 'clipboard',\n      'data-part': 'input',\n      onFocus: (e) => (e.currentTarget as HTMLInputElement).select(),\n    },\n    indicator: {\n      'data-scope': 'clipboard',\n      'data-part': 'indicator',\n      'data-copied': (s) => (get(s).copied ? '' : undefined),\n      'aria-live': 'polite',\n    },\n  }\n}\n\nexport const clipboard = { init, update, connect, copyToClipboard }\n"]}

package/dist/components/collapsible.d.ts

@@ -7,13 +7,21 @@ export interface CollapsibleState {
     open: boolean;
     disabled: boolean;
 }
-export type CollapsibleMsg = {
+export type CollapsibleMsg = 
+/** @intent("Toggle the collapsible panel open/closed") */
+{
     type: 'toggle';
-} | {
+}
+/** @intent("Expand the collapsible panel") */
+ | {
     type: 'open';
-} | {
+}
+/** @intent("Collapse the panel") */
+ | {
     type: 'close';
-} | {
+}
+/** @intent("Set the panel's open state to a specific value") */
+ | {
     type: 'setOpen';
     open: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAEtC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,eAAoB,GAAG,gBAAgB,CAEjE;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAYhG;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAClC,eAAe,EAAE,MAAM,CAAA;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,SAAS,CAAA;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,iBAAiB,EAAE,MAAM,CAAA;QACzB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,EAAE,cAAc,GACnB,gBAAgB,CAAC,CAAC,CAAC,CAiCrB;AAED,eAAO,MAAM,WAAW;;;;CAA4B,CAAA"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;GAGG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,cAAc;AACxB,0DAA0D;AACxD;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE;AACpB,8CAA8C;GAC5C;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,oCAAoC;GAClC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE;AACnB,gEAAgE;GAC9D;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAEtC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,eAAoB,GAAG,gBAAgB,CAEjE;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAYhG;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAClC,eAAe,EAAE,MAAM,CAAA;QACvB,EAAE,EAAE,MAAM,CAAA;QACV,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,SAAS,CAAA;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,iBAAiB,EAAE,MAAM,CAAA;QACzB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACzB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,YAAY,EAAE,aAAa,CAAA;QAC3B,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,EAAE,cAAc,GACnB,gBAAgB,CAAC,CAAC,CAAC,CAiCrB;AAED,eAAO,MAAM,WAAW;;;;CAA4B,CAAA"}

package/dist/components/collapsible.js

@@ -1,3 +1,4 @@
+import { tagSend } from '@llui/dom';
 export function init(opts = {}) {
     return { open: opts.open ?? false, disabled: opts.disabled ?? false };
 }
@@ -35,7 +36,7 @@ export function connect(get, send, opts) {
             'data-disabled': (s) => (get(s).disabled ? '' : undefined),
             'data-scope': 'collapsible',
             'data-part': 'trigger',
-            onClick: () => send({ type: 'toggle' }),
+            onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),
         },
         content: {
             role: 'region',

package/dist/components/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\n\n/**\n * Collapsible — a single expandable/collapsible section. Simpler than\n * accordion (no grouping, no keyboard navigation between siblings).\n */\n\nexport interface CollapsibleState {\n  open: boolean\n  disabled: boolean\n}\n\nexport type CollapsibleMsg =\n  | { type: 'toggle' }\n  | { type: 'open' }\n  | { type: 'close' }\n  | { type: 'setOpen'; open: boolean }\n\nexport interface CollapsibleInit {\n  open?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: CollapsibleInit = {}): CollapsibleState {\n  return { open: opts.open ?? false, disabled: opts.disabled ?? false }\n}\n\nexport function update(state: CollapsibleState, msg: CollapsibleMsg): [CollapsibleState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'toggle':\n      return [{ ...state, open: !state.open }, []]\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\n      return [{ ...state, open: false }, []]\n    case 'setOpen':\n      return [{ ...state, open: msg.open }, []]\n  }\n}\n\nexport interface CollapsibleParts<S> {\n  root: {\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'collapsible'\n    'data-part': 'root'\n  }\n  trigger: {\n    type: 'button'\n    'aria-expanded': (s: S) => boolean\n    'aria-controls': string\n    id: string\n    disabled: (s: S) => boolean\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'collapsible'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  content: {\n    role: 'region'\n    id: string\n    'aria-labelledby': string\n    hidden: (s: S) => boolean\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'collapsible'\n    'data-part': 'content'\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect<S>(\n  get: (s: S) => CollapsibleState,\n  send: Send<CollapsibleMsg>,\n  opts: ConnectOptions,\n): CollapsibleParts<S> {\n  const triggerId = `${opts.id}:trigger`\n  const contentId = `${opts.id}:content`\n\n  return {\n    root: {\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'collapsible',\n      'data-part': 'root',\n    },\n    trigger: {\n      type: 'button',\n      'aria-expanded': (s) => get(s).open,\n      'aria-controls': contentId,\n      id: triggerId,\n      disabled: (s) => get(s).disabled,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'collapsible',\n      'data-part': 'trigger',\n      onClick: () => send({ type: 'toggle' }),\n    },\n    content: {\n      role: 'region',\n      id: contentId,\n      'aria-labelledby': triggerId,\n      hidden: (s) => !get(s).open,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'collapsible',\n      'data-part': 'content',\n    },\n  }\n}\n\nexport const collapsible = { init, update, connect }\n"]}
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../src/components/collapsible.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Collapsible — a single expandable/collapsible section. Simpler than\n * accordion (no grouping, no keyboard navigation between siblings).\n */\n\nexport interface CollapsibleState {\n  open: boolean\n  disabled: boolean\n}\n\nexport type CollapsibleMsg =\n  /** @intent(\"Toggle the collapsible panel open/closed\") */\n  | { type: 'toggle' }\n  /** @intent(\"Expand the collapsible panel\") */\n  | { type: 'open' }\n  /** @intent(\"Collapse the panel\") */\n  | { type: 'close' }\n  /** @intent(\"Set the panel's open state to a specific value\") */\n  | { type: 'setOpen'; open: boolean }\n\nexport interface CollapsibleInit {\n  open?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: CollapsibleInit = {}): CollapsibleState {\n  return { open: opts.open ?? false, disabled: opts.disabled ?? false }\n}\n\nexport function update(state: CollapsibleState, msg: CollapsibleMsg): [CollapsibleState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'toggle':\n      return [{ ...state, open: !state.open }, []]\n    case 'open':\n      return [{ ...state, open: true }, []]\n    case 'close':\n      return [{ ...state, open: false }, []]\n    case 'setOpen':\n      return [{ ...state, open: msg.open }, []]\n  }\n}\n\nexport interface CollapsibleParts<S> {\n  root: {\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'collapsible'\n    'data-part': 'root'\n  }\n  trigger: {\n    type: 'button'\n    'aria-expanded': (s: S) => boolean\n    'aria-controls': string\n    id: string\n    disabled: (s: S) => boolean\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'collapsible'\n    'data-part': 'trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  content: {\n    role: 'region'\n    id: string\n    'aria-labelledby': string\n    hidden: (s: S) => boolean\n    'data-state': (s: S) => 'open' | 'closed'\n    'data-scope': 'collapsible'\n    'data-part': 'content'\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect<S>(\n  get: (s: S) => CollapsibleState,\n  send: Send<CollapsibleMsg>,\n  opts: ConnectOptions,\n): CollapsibleParts<S> {\n  const triggerId = `${opts.id}:trigger`\n  const contentId = `${opts.id}:content`\n\n  return {\n    root: {\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'collapsible',\n      'data-part': 'root',\n    },\n    trigger: {\n      type: 'button',\n      'aria-expanded': (s) => get(s).open,\n      'aria-controls': contentId,\n      id: triggerId,\n      disabled: (s) => get(s).disabled,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n      'data-scope': 'collapsible',\n      'data-part': 'trigger',\n      onClick: tagSend(send, ['toggle'], () => send({ type: 'toggle' })),\n    },\n    content: {\n      role: 'region',\n      id: contentId,\n      'aria-labelledby': triggerId,\n      hidden: (s) => !get(s).open,\n      'data-state': (s) => (get(s).open ? 'open' : 'closed'),\n      'data-scope': 'collapsible',\n      'data-part': 'content',\n    },\n  }\n}\n\nexport const collapsible = { init, update, connect }\n"]}

package/dist/components/color-picker.d.ts

@@ -14,22 +14,34 @@ export interface ColorPickerState {
     alpha: number;
     disabled: boolean;
 }
-export type ColorPickerMsg = {
+export type ColorPickerMsg = 
+/** @intent("Set the full HSL color at once") */
+{
     type: 'setHsl';
     hsl: Hsl;
-} | {
+}
+/** @intent("Set the hue channel (0–360)") */
+ | {
     type: 'setHue';
     h: number;
-} | {
+}
+/** @intent("Set the saturation channel (0–100)") */
+ | {
     type: 'setSaturation';
     s: number;
-} | {
+}
+/** @intent("Set the lightness channel (0–100)") */
+ | {
     type: 'setLightness';
     l: number;
-} | {
+}
+/** @intent("Set the alpha channel (0–1)") */
+ | {
     type: 'setAlpha';
     alpha: number;
-} | {
+}
+/** @intent("Set the color from a hex string (#RRGGBB or #RGB)") */
+ | {
     type: 'setHex';
     hex: string;
 };

package/dist/components/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKrC;;;GAGG;AAEH,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,GAAG,CAAA;IACR,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnC,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,eAAoB,GAAG,gBAAgB,CAMjE;AAMD,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAkBhG;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBtE;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAItC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAoChD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,SAAS,EAAE;QACT,IAAI,EAAE,OAAO,CAAA;QACb,GAAG,EAAE,CAAC,CAAA;QACN,GAAG,EAAE,GAAG,CAAA;QACR,IAAI,EAAE,CAAC,CAAA;QACP,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,YAAY,CAAA;QACzB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,OAAO,CAAA;QACb,GAAG,EAAE,CAAC,CAAA;QACN,GAAG,EAAE,GAAG,CAAA;QACR,IAAI,EAAE,CAAC,CAAA;QACP,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,mBAAmB,CAAA;QAChC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO,CAAA;QACb,GAAG,EAAE,CAAC,CAAA;QACN,GAAG,EAAE,GAAG,CAAA;QACR,IAAI,EAAE,CAAC,CAAA;QACP,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,kBAAkB,CAAA;QAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAA;QACZ,YAAY,EAAE,KAAK,CAAA;QACnB,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,WAAW,CAAA;QACxB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,MAAM,EAAE;QACN,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,aAAa,EAAE,MAAM,CAAA;QACrB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;KACxB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,GAAE,cAAmB,GACxB,gBAAgB,CAAC,CAAC,CAAC,CAuErB;AAED,eAAO,MAAM,WAAW;;;;;;;CAAuD,CAAA"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"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"}