@llui/components 0.4.10 → 0.5.0

package/dist/components/progress.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Progress — linear or circular progress indicator. Determinate (0..max) or
  * indeterminate (`value: null`).
@@ -31,43 +31,43 @@ export declare function init(opts?: ProgressInit): ProgressState;
 export declare function update(state: ProgressState, msg: ProgressMsg): [ProgressState, never[]];
 export declare function percent(state: ProgressState): number | null;
 export declare function valueState(state: ProgressState): 'indeterminate' | 'complete' | 'loading';
-export interface ProgressParts<S> {
+export interface ProgressParts {
     root: {
         role: 'progressbar';
-        'aria-valuemin': (s: S) => number;
-        'aria-valuemax': (s: S) => number;
-        'aria-valuenow': (s: S) => number | undefined;
+        'aria-valuemin': Signal<number>;
+        'aria-valuemax': Signal<number>;
+        'aria-valuenow': Signal<number | undefined>;
         'aria-label': string | undefined;
-        'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading';
-        'data-orientation': (s: S) => ProgressOrientation;
+        'data-state': Signal<'indeterminate' | 'complete' | 'loading'>;
+        'data-orientation': Signal<ProgressOrientation>;
         'data-scope': 'progress';
         'data-part': 'root';
     };
     track: {
-        'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading';
-        'data-orientation': (s: S) => ProgressOrientation;
+        'data-state': Signal<'indeterminate' | 'complete' | 'loading'>;
+        'data-orientation': Signal<ProgressOrientation>;
         'data-scope': 'progress';
         'data-part': 'track';
     };
     range: {
-        'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading';
-        'data-orientation': (s: S) => ProgressOrientation;
+        'data-state': Signal<'indeterminate' | 'complete' | 'loading'>;
+        'data-orientation': Signal<ProgressOrientation>;
         'data-scope': 'progress';
         'data-part': 'range';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
     label: {
         'data-scope': 'progress';
         'data-part': 'label';
     };
-    valueText: (s: S) => string;
+    valueText: Signal<string>;
 }
 export interface ConnectOptions {
     label?: string;
     /** Custom formatter for value text. */
     format?: (value: number | null, max: number) => string;
 }
-export declare function connect<S>(get: (s: S) => ProgressState, _send: Send<ProgressMsg>, opts?: ConnectOptions): ProgressParts<S>;
+export declare function connect(state: Signal<ProgressState>, _send: Send<ProgressMsg>, opts?: ConnectOptions): ProgressParts;
 export declare const progress: {
     init: typeof init;
     update: typeof update;

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

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

package/dist/components/progress.js

@@ -30,39 +30,39 @@ export function valueState(state) {
         return 'complete';
     return 'loading';
 }
-export function connect(get, _send, opts = {}) {
+export function connect(state, _send, opts = {}) {
     const label = opts.label;
     const format = opts.format ?? defaultFormat;
     return {
         root: {
             role: 'progressbar',
-            'aria-valuemin': (s) => get(s).min,
-            'aria-valuemax': (s) => get(s).max,
-            'aria-valuenow': (s) => get(s).value ?? undefined,
+            'aria-valuemin': state.map((s) => s.min),
+            'aria-valuemax': state.map((s) => s.max),
+            'aria-valuenow': state.map((s) => s.value ?? undefined),
             'aria-label': label,
-            'data-state': (s) => valueState(get(s)),
-            'data-orientation': (s) => get(s).orientation,
+            'data-state': state.map((s) => valueState(s)),
+            'data-orientation': state.map((s) => s.orientation),
             'data-scope': 'progress',
             'data-part': 'root',
         },
         track: {
-            'data-state': (s) => valueState(get(s)),
-            'data-orientation': (s) => get(s).orientation,
+            'data-state': state.map((s) => valueState(s)),
+            'data-orientation': state.map((s) => s.orientation),
             'data-scope': 'progress',
             'data-part': 'track',
         },
         range: {
-            'data-state': (s) => valueState(get(s)),
-            'data-orientation': (s) => get(s).orientation,
+            'data-state': state.map((s) => valueState(s)),
+            'data-orientation': state.map((s) => s.orientation),
             'data-scope': 'progress',
             'data-part': 'range',
-            style: (s) => rangeStyle(get(s)),
+            style: state.map((s) => rangeStyle(s)),
         },
         label: {
             'data-scope': 'progress',
             'data-part': 'label',
         },
-        valueText: (s) => format(get(s).value, get(s).max),
+        valueText: state.map((s) => format(s.value, s.max)),
     };
 }
 function defaultFormat(value, max) {

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { en } from '../locale.js'\n\n/**\n * Progress — linear or circular progress indicator. Determinate (0..max) or\n * indeterminate (`value: null`).\n */\n\nexport type ProgressOrientation = 'horizontal' | 'vertical'\n\nexport interface ProgressState {\n  value: number | null\n  min: number\n  max: number\n  orientation: ProgressOrientation\n}\n\nexport type ProgressMsg =\n  /** @humanOnly */\n  | { type: 'setValue'; value: number | null }\n  /** @humanOnly */\n  | { type: 'setMax'; max: number }\n\nexport interface ProgressInit {\n  value?: number | null\n  min?: number\n  max?: number\n  orientation?: ProgressOrientation\n}\n\nexport function init(opts: ProgressInit = {}): ProgressState {\n  return {\n    value: 'value' in opts ? (opts.value as number | null) : 0,\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    orientation: opts.orientation ?? 'horizontal',\n  }\n}\n\nexport function update(state: ProgressState, msg: ProgressMsg): [ProgressState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setMax':\n      return [{ ...state, max: msg.max }, []]\n  }\n}\n\nexport function percent(state: ProgressState): number | null {\n  if (state.value === null) return null\n  const range = state.max - state.min\n  if (range <= 0) return 0\n  return ((state.value - state.min) / range) * 100\n}\n\nexport function valueState(state: ProgressState): 'indeterminate' | 'complete' | 'loading' {\n  if (state.value === null) return 'indeterminate'\n  if (state.value >= state.max) return 'complete'\n  return 'loading'\n}\n\nexport interface ProgressParts<S> {\n  root: {\n    role: 'progressbar'\n    'aria-valuemin': (s: S) => number\n    'aria-valuemax': (s: S) => number\n    'aria-valuenow': (s: S) => number | undefined\n    'aria-label': string | undefined\n    'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n    'data-orientation': (s: S) => ProgressOrientation\n    'data-scope': 'progress'\n    'data-part': 'root'\n  }\n  track: {\n    'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n    'data-orientation': (s: S) => ProgressOrientation\n    'data-scope': 'progress'\n    'data-part': 'track'\n  }\n  range: {\n    'data-state': (s: S) => 'indeterminate' | 'complete' | 'loading'\n    'data-orientation': (s: S) => ProgressOrientation\n    'data-scope': 'progress'\n    'data-part': 'range'\n    style: (s: S) => string\n  }\n  label: {\n    'data-scope': 'progress'\n    'data-part': 'label'\n  }\n  valueText: (s: S) => string\n}\n\nexport interface ConnectOptions {\n  label?: string\n  /** Custom formatter for value text. */\n  format?: (value: number | null, max: number) => string\n}\n\nexport function connect<S>(\n  get: (s: S) => ProgressState,\n  _send: Send<ProgressMsg>,\n  opts: ConnectOptions = {},\n): ProgressParts<S> {\n  const label = opts.label\n  const format = opts.format ?? defaultFormat\n\n  return {\n    root: {\n      role: 'progressbar',\n      'aria-valuemin': (s) => get(s).min,\n      'aria-valuemax': (s) => get(s).max,\n      'aria-valuenow': (s) => get(s).value ?? undefined,\n      'aria-label': label,\n      'data-state': (s) => valueState(get(s)),\n      'data-orientation': (s) => get(s).orientation,\n      'data-scope': 'progress',\n      'data-part': 'root',\n    },\n    track: {\n      'data-state': (s) => valueState(get(s)),\n      'data-orientation': (s) => get(s).orientation,\n      'data-scope': 'progress',\n      'data-part': 'track',\n    },\n    range: {\n      'data-state': (s) => valueState(get(s)),\n      'data-orientation': (s) => get(s).orientation,\n      'data-scope': 'progress',\n      'data-part': 'range',\n      style: (s) => rangeStyle(get(s)),\n    },\n    label: {\n      'data-scope': 'progress',\n      'data-part': 'label',\n    },\n    valueText: (s) => format(get(s).value, get(s).max),\n  }\n}\n\nfunction defaultFormat(value: number | null, max: number): string {\n  if (value === null) return en.progress.loading\n  const pct = Math.round((value / max) * 100)\n  return `${pct}%`\n}\n\nfunction rangeStyle(state: ProgressState): string {\n  const p = percent(state)\n  if (p === null) return ''\n  const clamped = Math.max(0, Math.min(100, p))\n  return state.orientation === 'horizontal' ? `width:${clamped}%;` : `height:${clamped}%;`\n}\n\nexport const progress = { init, update, connect, percent, valueState }\n"]}
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { en } from '../locale.js'\n\n/**\n * Progress — linear or circular progress indicator. Determinate (0..max) or\n * indeterminate (`value: null`).\n */\n\nexport type ProgressOrientation = 'horizontal' | 'vertical'\n\nexport interface ProgressState {\n  value: number | null\n  min: number\n  max: number\n  orientation: ProgressOrientation\n}\n\nexport type ProgressMsg =\n  /** @humanOnly */\n  | { type: 'setValue'; value: number | null }\n  /** @humanOnly */\n  | { type: 'setMax'; max: number }\n\nexport interface ProgressInit {\n  value?: number | null\n  min?: number\n  max?: number\n  orientation?: ProgressOrientation\n}\n\nexport function init(opts: ProgressInit = {}): ProgressState {\n  return {\n    value: 'value' in opts ? (opts.value as number | null) : 0,\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    orientation: opts.orientation ?? 'horizontal',\n  }\n}\n\nexport function update(state: ProgressState, msg: ProgressMsg): [ProgressState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setMax':\n      return [{ ...state, max: msg.max }, []]\n  }\n}\n\nexport function percent(state: ProgressState): number | null {\n  if (state.value === null) return null\n  const range = state.max - state.min\n  if (range <= 0) return 0\n  return ((state.value - state.min) / range) * 100\n}\n\nexport function valueState(state: ProgressState): 'indeterminate' | 'complete' | 'loading' {\n  if (state.value === null) return 'indeterminate'\n  if (state.value >= state.max) return 'complete'\n  return 'loading'\n}\n\nexport interface ProgressParts {\n  root: {\n    role: 'progressbar'\n    'aria-valuemin': Signal<number>\n    'aria-valuemax': Signal<number>\n    'aria-valuenow': Signal<number | undefined>\n    'aria-label': string | undefined\n    'data-state': Signal<'indeterminate' | 'complete' | 'loading'>\n    'data-orientation': Signal<ProgressOrientation>\n    'data-scope': 'progress'\n    'data-part': 'root'\n  }\n  track: {\n    'data-state': Signal<'indeterminate' | 'complete' | 'loading'>\n    'data-orientation': Signal<ProgressOrientation>\n    'data-scope': 'progress'\n    'data-part': 'track'\n  }\n  range: {\n    'data-state': Signal<'indeterminate' | 'complete' | 'loading'>\n    'data-orientation': Signal<ProgressOrientation>\n    'data-scope': 'progress'\n    'data-part': 'range'\n    style: Signal<string>\n  }\n  label: {\n    'data-scope': 'progress'\n    'data-part': 'label'\n  }\n  valueText: Signal<string>\n}\n\nexport interface ConnectOptions {\n  label?: string\n  /** Custom formatter for value text. */\n  format?: (value: number | null, max: number) => string\n}\n\nexport function connect(\n  state: Signal<ProgressState>,\n  _send: Send<ProgressMsg>,\n  opts: ConnectOptions = {},\n): ProgressParts {\n  const label = opts.label\n  const format = opts.format ?? defaultFormat\n\n  return {\n    root: {\n      role: 'progressbar',\n      'aria-valuemin': state.map((s) => s.min),\n      'aria-valuemax': state.map((s) => s.max),\n      'aria-valuenow': state.map((s) => s.value ?? undefined),\n      'aria-label': label,\n      'data-state': state.map((s) => valueState(s)),\n      'data-orientation': state.map((s) => s.orientation),\n      'data-scope': 'progress',\n      'data-part': 'root',\n    },\n    track: {\n      'data-state': state.map((s) => valueState(s)),\n      'data-orientation': state.map((s) => s.orientation),\n      'data-scope': 'progress',\n      'data-part': 'track',\n    },\n    range: {\n      'data-state': state.map((s) => valueState(s)),\n      'data-orientation': state.map((s) => s.orientation),\n      'data-scope': 'progress',\n      'data-part': 'range',\n      style: state.map((s) => rangeStyle(s)),\n    },\n    label: {\n      'data-scope': 'progress',\n      'data-part': 'label',\n    },\n    valueText: state.map((s) => format(s.value, s.max)),\n  }\n}\n\nfunction defaultFormat(value: number | null, max: number): string {\n  if (value === null) return en.progress.loading\n  const pct = Math.round((value / max) * 100)\n  return `${pct}%`\n}\n\nfunction rangeStyle(state: ProgressState): string {\n  const p = percent(state)\n  if (p === null) return ''\n  const clamped = Math.max(0, Math.min(100, p))\n  return state.orientation === 'horizontal' ? `width:${clamped}%;` : `height:${clamped}%;`\n}\n\nexport const progress = { init, update, connect, percent, valueState }\n"]}

package/dist/components/qr-code.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * QR code — renders a QR matrix as SVG. llui does not bundle a QR
  * encoder (encoders are sizable and consumer apps typically already
@@ -72,17 +72,17 @@ export declare function toSvgPath(matrix: boolean[][]): string;
  * URL (SVG is simpler and scales losslessly).
  */
 export declare function toDataUrl(matrix: boolean[][], foreground?: string, background?: string): string;
-export interface QrCodeParts<S> {
+export interface QrCodeParts {
     root: {
         'data-scope': 'qr-code';
         'data-part': 'root';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
     };
     svg: {
         'data-scope': 'qr-code';
         'data-part': 'svg';
         role: 'img';
-        viewBox: (s: S) => string;
+        viewBox: Signal<string>;
         'shape-rendering': 'crispEdges';
     };
     background: {
@@ -92,11 +92,11 @@ export interface QrCodeParts<S> {
     foreground: {
         'data-scope': 'qr-code';
         'data-part': 'foreground';
-        d: (s: S) => string;
+        d: Signal<string>;
     };
     downloadTrigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'qr-code';
         'data-part': 'download-trigger';
         onClick: (e: MouseEvent) => void;
@@ -108,7 +108,7 @@ export interface ConnectOptions {
     /** Filename for the downloaded SVG. */
     downloadFilename?: string;
 }
-export declare function connect<S>(get: (s: S) => QrCodeState, send: Send<QrCodeMsg>, opts?: ConnectOptions): QrCodeParts<S>;
+export declare function connect(state: Signal<QrCodeState>, send: Send<QrCodeMsg>, opts?: ConnectOptions): QrCodeParts;
 export declare const qrCode: {
     init: typeof init;
     update: typeof update;

package/dist/components/qr-code.d.ts.map

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

package/dist/components/qr-code.js

@@ -54,9 +54,9 @@ export function toDataUrl(matrix, foreground = '#000', background = '#fff') {
         `</svg>`;
     return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
-    const label = opts.label ?? ((s) => locale(s).qrCode.label);
+    const label = opts.label ?? locale.qrCode.label;
     const filename = opts.downloadFilename ?? 'qrcode.svg';
     return {
         root: {
@@ -68,10 +68,10 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'qr-code',
             'data-part': 'svg',
             role: 'img',
-            viewBox: (s) => {
-                const n = size(get(s));
+            viewBox: state.map((st) => {
+                const n = size(st);
                 return n > 0 ? `0 0 ${n} ${n}` : '0 0 1 1';
-            },
+            }),
             'shape-rendering': 'crispEdges',
         },
         background: {
@@ -81,11 +81,11 @@ export function connect(get, send, opts = {}) {
         foreground: {
             'data-scope': 'qr-code',
             'data-part': 'foreground',
-            d: (s) => toSvgPath(get(s).matrix),
+            d: state.map((st) => toSvgPath(st.matrix)),
         },
         downloadTrigger: {
             type: 'button',
-            'aria-label': opts.downloadLabel ?? ((s) => locale(s).qrCode.download),
+            'aria-label': opts.downloadLabel ?? locale.qrCode.download,
             'data-scope': 'qr-code',
             'data-part': 'download-trigger',
             onClick: () => {

package/dist/components/qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAuD5C,MAAM,UAAU,IAAI,CAAC,OAAmB,EAAE;IACxC,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE;QACzB,eAAe,EAAE,IAAI,CAAC,eAAe,IAAI,GAAG;KAC7C,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB,EAAE,GAAc;IACvD,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,KAAK,WAAW;YACd,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;QAC/C,KAAK,oBAAoB;YACvB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;IACzD,CAAC;AACH,CAAC;AAED,mEAAmE;AACnE,MAAM,UAAU,IAAI,CAAC,KAAkB;IACrC,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;AAC5B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,MAAmB;IAC3C,MAAM,KAAK,GAAa,EAAE,CAAA;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACpC,IAAI,GAAG,CAAC,CAAC,CAAC;gBAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,MAAmB,EACnB,aAAqB,MAAM,EAC3B,aAAqB,MAAM;IAE3B,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;IACvB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IACtB,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAC9B,MAAM,GAAG,GACP,wDAAwD,CAAC,IAAI,CAAC,iCAAiC;QAC/F,gBAAgB,CAAC,aAAa,CAAC,WAAW,UAAU,KAAK;QACzD,YAAY,IAAI,WAAW,UAAU,KAAK;QAC1C,QAAQ,CAAA;IACV,OAAO,2BAA2B,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAA;AAC7D,CAAC;AAwCD,MAAM,UAAU,OAAO,CACrB,GAA0B,EAC1B,IAAqB,EACrB,OAAuB,EAAE;IAEzB,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,MAAM,CAAC,KAAK,CAAC,CAAA;IAC3F,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,IAAI,YAAY,CAAA;IAEtD,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,KAAK;SACpB;QACD,GAAG,EAAE;YACH,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,KAAK;YAClB,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;gBACtB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;YAC5C,CAAC;YACD,iBAAiB,EAAE,YAAY;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,YAAY;SAC1B;QACD,UAAU,EAAE;YACV,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,YAAY;YACzB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;SACnC;QACD,eAAe,EAAE;YACf,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,CAAI,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;YACzE,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE,GAAG,EAAE;gBACZ,iEAAiE;gBACjE,mEAAmE;gBACnE,iEAAiE;gBACjE,sDAAsD;gBACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAc,yCAAyC,CAAC,CAAA;gBAC3F,IAAI,CAAC,IAAI;oBAAE,OAAM;gBACjB,MAAM,GAAG,GAAG,IAAI,aAAa,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;gBACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;gBACvD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBACrC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;gBACrC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAA;gBACZ,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAA;gBACrB,CAAC,CAAC,KAAK,EAAE,CAAA;gBACT,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;YAC1B,CAAC;SACF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA","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 * QR code — renders a QR matrix as SVG. llui does not bundle a QR\n * encoder (encoders are sizable and consumer apps typically already\n * have one); instead, the consumer provides the encoded matrix via\n * `setMatrix` (or through the optional `encode` callback on\n * ConnectOptions, invoked when the value changes).\n *\n * Minimum usage with a BYOE (bring-your-own-encoder) library — the\n * consumer dispatches `setMatrix` with the encoded bits from their\n * update handler:\n *\n *   import QRCode from 'qrcode-generator'\n *\n *   update: (state, msg) => {\n *     if (msg.type === 'updateQr') {\n *       const q = QRCode(0, state.qr.errorCorrection)\n *       q.addData(msg.value); q.make()\n *       const n = q.getModuleCount()\n *       const matrix: boolean[][] = []\n *       for (let y = 0; y < n; y++) {\n *         const row: boolean[] = []\n *         for (let x = 0; x < n; x++) row.push(q.isDark(y, x))\n *         matrix.push(row)\n *       }\n *       return [{ ...state, qr: { ...state.qr, value: msg.value, matrix } }, []]\n *     }\n *   }\n */\n\nexport type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeState {\n  value: string\n  /** NxN boolean matrix — true means dark (filled) module. */\n  matrix: boolean[][]\n  errorCorrection: ErrorCorrectionLevel\n}\n\nexport type QrCodeMsg =\n  /** @intent(\"Set the encoded value (consumer encodes externally and dispatches setMatrix)\") */\n  | { type: 'setValue'; value: string }\n  /** @humanOnly */\n  | { type: 'setMatrix'; matrix: boolean[][] }\n  /** @intent(\"Change the QR error-correction level (L/M/Q/H)\") */\n  | { type: 'setErrorCorrection'; level: ErrorCorrectionLevel }\n\nexport interface QrCodeInit {\n  value?: string\n  matrix?: boolean[][]\n  errorCorrection?: ErrorCorrectionLevel\n}\n\nexport function init(opts: QrCodeInit = {}): QrCodeState {\n  return {\n    value: opts.value ?? '',\n    matrix: opts.matrix ?? [],\n    errorCorrection: opts.errorCorrection ?? 'M',\n  }\n}\n\nexport function update(state: QrCodeState, msg: QrCodeMsg): [QrCodeState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setMatrix':\n      return [{ ...state, matrix: msg.matrix }, []]\n    case 'setErrorCorrection':\n      return [{ ...state, errorCorrection: msg.level }, []]\n  }\n}\n\n/** Matrix side length (in modules). Returns 0 for empty matrix. */\nexport function size(state: QrCodeState): number {\n  return state.matrix.length\n}\n\n/**\n * Compute an SVG path string that fills every dark module. Each dark\n * module becomes a unit-sized square at (col, row) coordinates in module\n * space; the caller scales via `viewBox` or CSS. Using a single path\n * is vastly more performant than rendering N² individual <rect>s.\n */\nexport function toSvgPath(matrix: boolean[][]): string {\n  const parts: string[] = []\n  for (let y = 0; y < matrix.length; y++) {\n    const row = matrix[y]!\n    for (let x = 0; x < row.length; x++) {\n      if (row[x]) parts.push(`M${x},${y}h1v1h-1z`)\n    }\n  }\n  return parts.join('')\n}\n\n/**\n * Encode the matrix as a monochrome 1-bit-per-pixel PNG-ish URL. This\n * is a helper for <img src> consumption — it generates a `data:image/svg+xml`\n * URL (SVG is simpler and scales losslessly).\n */\nexport function toDataUrl(\n  matrix: boolean[][],\n  foreground: string = '#000',\n  background: string = '#fff',\n): string {\n  const s = matrix.length\n  if (s === 0) return ''\n  const path = toSvgPath(matrix)\n  const svg =\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${s} ${s}\" shape-rendering=\"crispEdges\">` +\n    `<rect width=\"${s}\" height=\"${s}\" fill=\"${background}\"/>` +\n    `<path d=\"${path}\" fill=\"${foreground}\"/>` +\n    `</svg>`\n  return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`\n}\n\nexport interface QrCodeParts<S> {\n  root: {\n    'data-scope': 'qr-code'\n    'data-part': 'root'\n    'aria-label': string | ((s: S) => string)\n  }\n  svg: {\n    'data-scope': 'qr-code'\n    'data-part': 'svg'\n    role: 'img'\n    viewBox: (s: S) => string\n    'shape-rendering': 'crispEdges'\n  }\n  background: {\n    'data-scope': 'qr-code'\n    'data-part': 'background'\n  }\n  foreground: {\n    'data-scope': 'qr-code'\n    'data-part': 'foreground'\n    d: (s: S) => string\n  }\n  downloadTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'qr-code'\n    'data-part': 'download-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  label?: string\n  downloadLabel?: string\n  /** Filename for the downloaded SVG. */\n  downloadFilename?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => QrCodeState,\n  send: Send<QrCodeMsg>,\n  opts: ConnectOptions = {},\n): QrCodeParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).qrCode.label)\n  const filename = opts.downloadFilename ?? 'qrcode.svg'\n\n  return {\n    root: {\n      'data-scope': 'qr-code',\n      'data-part': 'root',\n      'aria-label': label,\n    },\n    svg: {\n      'data-scope': 'qr-code',\n      'data-part': 'svg',\n      role: 'img',\n      viewBox: (s) => {\n        const n = size(get(s))\n        return n > 0 ? `0 0 ${n} ${n}` : '0 0 1 1'\n      },\n      'shape-rendering': 'crispEdges',\n    },\n    background: {\n      'data-scope': 'qr-code',\n      'data-part': 'background',\n    },\n    foreground: {\n      'data-scope': 'qr-code',\n      'data-part': 'foreground',\n      d: (s) => toSvgPath(get(s).matrix),\n    },\n    downloadTrigger: {\n      type: 'button',\n      'aria-label': opts.downloadLabel ?? ((s: S) => locale(s).qrCode.download),\n      'data-scope': 'qr-code',\n      'data-part': 'download-trigger',\n      onClick: () => {\n        // Generate an SVG blob and trigger a download via a hidden link.\n        // State isn't accessible here; caller should use the current value\n        // in a DOM query or run this inside a closure with state access.\n        // We dispatch a best-effort via the document for now.\n        const root = document.querySelector<HTMLElement>('[data-scope=\"qr-code\"][data-part=\"svg\"]')\n        if (!root) return\n        const xml = new XMLSerializer().serializeToString(root)\n        const blob = new Blob([xml], { type: 'image/svg+xml' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = filename\n        a.click()\n        URL.revokeObjectURL(url)\n      },\n    },\n  }\n}\n\nexport const qrCode = { init, update, connect, size, toSvgPath, toDataUrl }\n"]}
+{"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../src/components/qr-code.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\n\n/**\n * QR code — renders a QR matrix as SVG. llui does not bundle a QR\n * encoder (encoders are sizable and consumer apps typically already\n * have one); instead, the consumer provides the encoded matrix via\n * `setMatrix` (or through the optional `encode` callback on\n * ConnectOptions, invoked when the value changes).\n *\n * Minimum usage with a BYOE (bring-your-own-encoder) library — the\n * consumer dispatches `setMatrix` with the encoded bits from their\n * update handler:\n *\n *   import QRCode from 'qrcode-generator'\n *\n *   update: (state, msg) => {\n *     if (msg.type === 'updateQr') {\n *       const q = QRCode(0, state.qr.errorCorrection)\n *       q.addData(msg.value); q.make()\n *       const n = q.getModuleCount()\n *       const matrix: boolean[][] = []\n *       for (let y = 0; y < n; y++) {\n *         const row: boolean[] = []\n *         for (let x = 0; x < n; x++) row.push(q.isDark(y, x))\n *         matrix.push(row)\n *       }\n *       return [{ ...state, qr: { ...state.qr, value: msg.value, matrix } }, []]\n *     }\n *   }\n */\n\nexport type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeState {\n  value: string\n  /** NxN boolean matrix — true means dark (filled) module. */\n  matrix: boolean[][]\n  errorCorrection: ErrorCorrectionLevel\n}\n\nexport type QrCodeMsg =\n  /** @intent(\"Set the encoded value (consumer encodes externally and dispatches setMatrix)\") */\n  | { type: 'setValue'; value: string }\n  /** @humanOnly */\n  | { type: 'setMatrix'; matrix: boolean[][] }\n  /** @intent(\"Change the QR error-correction level (L/M/Q/H)\") */\n  | { type: 'setErrorCorrection'; level: ErrorCorrectionLevel }\n\nexport interface QrCodeInit {\n  value?: string\n  matrix?: boolean[][]\n  errorCorrection?: ErrorCorrectionLevel\n}\n\nexport function init(opts: QrCodeInit = {}): QrCodeState {\n  return {\n    value: opts.value ?? '',\n    matrix: opts.matrix ?? [],\n    errorCorrection: opts.errorCorrection ?? 'M',\n  }\n}\n\nexport function update(state: QrCodeState, msg: QrCodeMsg): [QrCodeState, never[]] {\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setMatrix':\n      return [{ ...state, matrix: msg.matrix }, []]\n    case 'setErrorCorrection':\n      return [{ ...state, errorCorrection: msg.level }, []]\n  }\n}\n\n/** Matrix side length (in modules). Returns 0 for empty matrix. */\nexport function size(state: QrCodeState): number {\n  return state.matrix.length\n}\n\n/**\n * Compute an SVG path string that fills every dark module. Each dark\n * module becomes a unit-sized square at (col, row) coordinates in module\n * space; the caller scales via `viewBox` or CSS. Using a single path\n * is vastly more performant than rendering N² individual <rect>s.\n */\nexport function toSvgPath(matrix: boolean[][]): string {\n  const parts: string[] = []\n  for (let y = 0; y < matrix.length; y++) {\n    const row = matrix[y]!\n    for (let x = 0; x < row.length; x++) {\n      if (row[x]) parts.push(`M${x},${y}h1v1h-1z`)\n    }\n  }\n  return parts.join('')\n}\n\n/**\n * Encode the matrix as a monochrome 1-bit-per-pixel PNG-ish URL. This\n * is a helper for <img src> consumption — it generates a `data:image/svg+xml`\n * URL (SVG is simpler and scales losslessly).\n */\nexport function toDataUrl(\n  matrix: boolean[][],\n  foreground: string = '#000',\n  background: string = '#fff',\n): string {\n  const s = matrix.length\n  if (s === 0) return ''\n  const path = toSvgPath(matrix)\n  const svg =\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${s} ${s}\" shape-rendering=\"crispEdges\">` +\n    `<rect width=\"${s}\" height=\"${s}\" fill=\"${background}\"/>` +\n    `<path d=\"${path}\" fill=\"${foreground}\"/>` +\n    `</svg>`\n  return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`\n}\n\nexport interface QrCodeParts {\n  root: {\n    'data-scope': 'qr-code'\n    'data-part': 'root'\n    'aria-label': string\n  }\n  svg: {\n    'data-scope': 'qr-code'\n    'data-part': 'svg'\n    role: 'img'\n    viewBox: Signal<string>\n    'shape-rendering': 'crispEdges'\n  }\n  background: {\n    'data-scope': 'qr-code'\n    'data-part': 'background'\n  }\n  foreground: {\n    'data-scope': 'qr-code'\n    'data-part': 'foreground'\n    d: Signal<string>\n  }\n  downloadTrigger: {\n    type: 'button'\n    'aria-label': string\n    'data-scope': 'qr-code'\n    'data-part': 'download-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  label?: string\n  downloadLabel?: string\n  /** Filename for the downloaded SVG. */\n  downloadFilename?: string\n}\n\nexport function connect(\n  state: Signal<QrCodeState>,\n  send: Send<QrCodeMsg>,\n  opts: ConnectOptions = {},\n): QrCodeParts {\n  const locale = useContext(LocaleContext)\n  const label = opts.label ?? locale.qrCode.label\n  const filename = opts.downloadFilename ?? 'qrcode.svg'\n\n  return {\n    root: {\n      'data-scope': 'qr-code',\n      'data-part': 'root',\n      'aria-label': label,\n    },\n    svg: {\n      'data-scope': 'qr-code',\n      'data-part': 'svg',\n      role: 'img',\n      viewBox: state.map((st) => {\n        const n = size(st)\n        return n > 0 ? `0 0 ${n} ${n}` : '0 0 1 1'\n      }),\n      'shape-rendering': 'crispEdges',\n    },\n    background: {\n      'data-scope': 'qr-code',\n      'data-part': 'background',\n    },\n    foreground: {\n      'data-scope': 'qr-code',\n      'data-part': 'foreground',\n      d: state.map((st) => toSvgPath(st.matrix)),\n    },\n    downloadTrigger: {\n      type: 'button',\n      'aria-label': opts.downloadLabel ?? locale.qrCode.download,\n      'data-scope': 'qr-code',\n      'data-part': 'download-trigger',\n      onClick: () => {\n        // Generate an SVG blob and trigger a download via a hidden link.\n        // State isn't accessible here; caller should use the current value\n        // in a DOM query or run this inside a closure with state access.\n        // We dispatch a best-effort via the document for now.\n        const root = document.querySelector<HTMLElement>('[data-scope=\"qr-code\"][data-part=\"svg\"]')\n        if (!root) return\n        const xml = new XMLSerializer().serializeToString(root)\n        const blob = new Blob([xml], { type: 'image/svg+xml' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = filename\n        a.click()\n        URL.revokeObjectURL(url)\n      },\n    },\n  }\n}\n\nexport const qrCode = { init, update, connect, size, toSvgPath, toDataUrl }\n"]}

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

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Radio group — a set of mutually-exclusive options. Users select one value
  * at a time. Supports keyboard arrow navigation and disabled items.
@@ -50,18 +50,18 @@ export interface RadioGroupInit {
 }
 export declare function init(opts?: RadioGroupInit): RadioGroupState;
 export declare function update(state: RadioGroupState, msg: RadioGroupMsg): [RadioGroupState, never[]];
-export interface RadioItemParts<S> {
+export interface RadioItemParts {
     root: {
         role: 'radio';
         id: string;
-        'aria-checked': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'data-state': (s: S) => 'checked' | 'unchecked';
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-checked': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        'data-state': Signal<'checked' | 'unchecked'>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'radio-group';
         'data-part': 'item';
         'data-value': string;
-        tabIndex: (s: S) => number;
+        tabIndex: Signal<number>;
         onClick: (e: MouseEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
     };
@@ -72,27 +72,27 @@ export interface RadioItemParts<S> {
         for: string;
     };
     indicator: {
-        'data-state': (s: S) => 'checked' | 'unchecked';
+        'data-state': Signal<'checked' | 'unchecked'>;
         'data-scope': 'radio-group';
         'data-part': 'indicator';
     };
 }
-export interface RadioGroupParts<S> {
+export interface RadioGroupParts {
     root: {
         role: 'radiogroup';
-        'aria-orientation': (s: S) => Orientation;
-        'aria-disabled': (s: S) => 'true' | undefined;
+        'aria-orientation': Signal<Orientation>;
+        'aria-disabled': Signal<'true' | undefined>;
         'data-scope': 'radio-group';
         'data-part': 'root';
-        'data-orientation': (s: S) => Orientation;
-        'data-disabled': (s: S) => '' | undefined;
+        'data-orientation': Signal<Orientation>;
+        'data-disabled': Signal<'' | undefined>;
     };
-    item: (value: string) => RadioItemParts<S>;
+    item: (value: string) => RadioItemParts;
 }
 export interface ConnectOptions {
     id: string;
 }
-export declare function connect<S>(get: (s: S) => RadioGroupState, send: Send<RadioGroupMsg>, opts: ConnectOptions): RadioGroupParts<S>;
+export declare function connect(state: Signal<RadioGroupState>, send: Send<RadioGroupMsg>, opts: ConnectOptions): RadioGroupParts;
 export declare const radioGroup: {
     init: typeof init;
     update: typeof update;

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

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

package/dist/components/radio-group.js

@@ -70,32 +70,31 @@ export function update(state, msg) {
         }
     }
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const itemId = (v) => `${opts.id}:item:${v}`;
     return {
         root: {
             role: 'radiogroup',
-            'aria-orientation': (s) => get(s).orientation,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            'aria-orientation': state.map((s) => s.orientation),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             'data-scope': 'radio-group',
             'data-part': 'root',
-            'data-orientation': (s) => get(s).orientation,
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-orientation': state.map((s) => s.orientation),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         item: (value) => ({
             root: {
                 role: 'radio',
                 id: itemId(value),
-                'aria-checked': (s) => get(s).value === value,
-                'aria-disabled': (s) => get(s).disabledItems.includes(value) || get(s).disabled ? 'true' : undefined,
-                'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),
-                'data-disabled': (s) => get(s).disabledItems.includes(value) || get(s).disabled ? '' : undefined,
+                'aria-checked': state.map((s) => s.value === value),
+                'aria-disabled': state.map((s) => s.disabledItems.includes(value) || s.disabled ? 'true' : undefined),
+                'data-state': state.map((s) => (s.value === value ? 'checked' : 'unchecked')),
+                'data-disabled': state.map((s) => s.disabledItems.includes(value) || s.disabled ? '' : undefined),
                 'data-scope': 'radio-group',
                 'data-part': 'item',
                 'data-value': value,
                 // Only currently-selected (or first if none selected) is tab-stop
-                tabIndex: (s) => {
-                    const st = get(s);
+                tabIndex: state.map((st) => {
                     if (st.disabled || st.disabledItems.includes(value))
                         return -1;
                     if (st.value === value)
@@ -105,7 +104,7 @@ export function connect(get, send, opts) {
                         return first === value ? 0 : -1;
                     }
                     return -1;
-                },
+                }),
                 onClick: tagSend(send, ['setValue'], () => send({ type: 'setValue', value })),
                 onKeyDown: tagSend(send, ['selectNext', 'selectPrev', 'selectFirst', 'selectLast', 'setValue'], (e) => {
                     const key = flipArrow(e.key, e.currentTarget);
@@ -154,7 +153,7 @@ export function connect(get, send, opts) {
                 for: itemId(value),
             },
             indicator: {
-                'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),
+                'data-state': state.map((s) => (s.value === value ? 'checked' : 'unchecked')),
                 'data-scope': 'radio-group',
                 'data-part': 'indicator',
             },

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Radio group — a set of mutually-exclusive options. Users select one value\n * at a time. Supports keyboard arrow navigation and disabled items.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface RadioGroupState {\n  value: string | null\n  items: string[]\n  disabledItems: string[]\n  disabled: boolean\n  orientation: Orientation\n}\n\nexport type RadioGroupMsg =\n  /** @intent(\"Pick the radio option with the given value\") */\n  | { type: 'setValue'; value: string }\n  /** @humanOnly */\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  /** @intent(\"Move selection to the next enabled option after the given value\") */\n  | { type: 'selectNext'; from: string }\n  /** @intent(\"Move selection to the previous enabled option before the given value\") */\n  | { type: 'selectPrev'; from: string }\n  /** @intent(\"Select the first enabled option\") */\n  | { type: 'selectFirst' }\n  /** @intent(\"Select the last enabled option\") */\n  | { type: 'selectLast' }\n\nexport interface RadioGroupInit {\n  value?: string | null\n  items?: string[]\n  disabledItems?: string[]\n  disabled?: boolean\n  orientation?: Orientation\n}\n\nexport function init(opts: RadioGroupInit = {}): RadioGroupState {\n  return {\n    value: opts.value ?? null,\n    items: opts.items ?? [],\n    disabledItems: opts.disabledItems ?? [],\n    disabled: opts.disabled ?? false,\n    orientation: opts.orientation ?? 'vertical',\n  }\n}\n\nfunction nextEnabled(\n  items: string[],\n  disabled: string[],\n  from: string,\n  delta: 1 | -1,\n): string | null {\n  if (items.length === 0) return null\n  const idx = items.indexOf(from)\n  if (idx === -1) return null\n  const n = items.length\n  for (let i = 1; i <= n; i++) {\n    const next = items[(idx + delta * i + n * n) % n]!\n    if (!disabled.includes(next)) return next\n  }\n  return null\n}\n\nfunction firstEnabled(items: string[], disabled: string[]): string | null {\n  for (const v of items) if (!disabled.includes(v)) return v\n  return null\n}\n\nfunction lastEnabled(items: string[], disabled: string[]): string | null {\n  for (let i = items.length - 1; i >= 0; i--) {\n    const v = items[i]!\n    if (!disabled.includes(v)) return v\n  }\n  return null\n}\n\nexport function update(state: RadioGroupState, msg: RadioGroupMsg): [RadioGroupState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      if (state.disabledItems.includes(msg.value)) return [state, []]\n      return [{ ...state, value: msg.value }, []]\n    case 'setItems': {\n      const disabled = msg.disabled ?? state.disabledItems\n      const value =\n        state.value && msg.items.includes(state.value) && !disabled.includes(state.value)\n          ? state.value\n          : null\n      return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n    }\n    case 'selectNext': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, 1)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectPrev': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, -1)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectFirst': {\n      const to = firstEnabled(state.items, state.disabledItems)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectLast': {\n      const to = lastEnabled(state.items, state.disabledItems)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n  }\n}\n\nexport interface RadioItemParts<S> {\n  root: {\n    role: 'radio'\n    id: string\n    'aria-checked': (s: S) => boolean\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'radio-group'\n    'data-part': 'item'\n    'data-value': string\n    tabIndex: (s: S) => number\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  label: {\n    'data-scope': 'radio-group'\n    'data-part': 'label'\n    'data-value': string\n    for: string\n  }\n  indicator: {\n    'data-state': (s: S) => 'checked' | 'unchecked'\n    'data-scope': 'radio-group'\n    'data-part': 'indicator'\n  }\n}\n\nexport interface RadioGroupParts<S> {\n  root: {\n    role: 'radiogroup'\n    'aria-orientation': (s: S) => Orientation\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-scope': 'radio-group'\n    'data-part': 'root'\n    'data-orientation': (s: S) => Orientation\n    'data-disabled': (s: S) => '' | undefined\n  }\n  item: (value: string) => RadioItemParts<S>\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect<S>(\n  get: (s: S) => RadioGroupState,\n  send: Send<RadioGroupMsg>,\n  opts: ConnectOptions,\n): RadioGroupParts<S> {\n  const itemId = (v: string): string => `${opts.id}:item:${v}`\n\n  return {\n    root: {\n      role: 'radiogroup',\n      'aria-orientation': (s) => get(s).orientation,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'data-scope': 'radio-group',\n      'data-part': 'root',\n      'data-orientation': (s) => get(s).orientation,\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    item: (value: string): RadioItemParts<S> => ({\n      root: {\n        role: 'radio',\n        id: itemId(value),\n        'aria-checked': (s) => get(s).value === value,\n        'aria-disabled': (s) =>\n          get(s).disabledItems.includes(value) || get(s).disabled ? 'true' : undefined,\n        'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n        'data-disabled': (s) =>\n          get(s).disabledItems.includes(value) || get(s).disabled ? '' : undefined,\n        'data-scope': 'radio-group',\n        'data-part': 'item',\n        'data-value': value,\n        // Only currently-selected (or first if none selected) is tab-stop\n        tabIndex: (s) => {\n          const st = get(s)\n          if (st.disabled || st.disabledItems.includes(value)) return -1\n          if (st.value === value) return 0\n          if (st.value === null) {\n            const first = firstEnabled(st.items, st.disabledItems)\n            return first === value ? 0 : -1\n          }\n          return -1\n        },\n        onClick: tagSend(send, ['setValue'], () => send({ type: 'setValue', value })),\n        onKeyDown: tagSend(\n          send,\n          ['selectNext', 'selectPrev', 'selectFirst', 'selectLast', 'setValue'],\n          (e) => {\n            const key = flipArrow(e.key, e.currentTarget as Element)\n            const isVertical =\n              (e.currentTarget as HTMLElement | null)?.closest('[data-orientation=\"vertical\"]') !==\n              null\n            switch (key) {\n              case 'ArrowDown':\n                if (isVertical) {\n                  e.preventDefault()\n                  send({ type: 'selectNext', from: value })\n                }\n                return\n              case 'ArrowUp':\n                if (isVertical) {\n                  e.preventDefault()\n                  send({ type: 'selectPrev', from: value })\n                }\n                return\n              case 'ArrowRight':\n                e.preventDefault()\n                send({ type: 'selectNext', from: value })\n                return\n              case 'ArrowLeft':\n                e.preventDefault()\n                send({ type: 'selectPrev', from: value })\n                return\n              case 'Home':\n                e.preventDefault()\n                send({ type: 'selectFirst' })\n                return\n              case 'End':\n                e.preventDefault()\n                send({ type: 'selectLast' })\n                return\n              case ' ':\n                e.preventDefault()\n                send({ type: 'setValue', value })\n                return\n            }\n          },\n        ),\n      },\n      label: {\n        'data-scope': 'radio-group',\n        'data-part': 'label',\n        'data-value': value,\n        for: itemId(value),\n      },\n      indicator: {\n        'data-state': (s) => (get(s).value === value ? 'checked' : 'unchecked'),\n        'data-scope': 'radio-group',\n        'data-part': 'indicator',\n      },\n    }),\n  }\n}\n\nexport const radioGroup = { init, update, connect }\n"]}
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAuCjD,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI;QACzB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE;QACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;QAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,UAAU;KAC5C,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAClB,KAAe,EACf,QAAkB,EAClB,IAAY,EACZ,KAAa;IAEb,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAC3B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAA;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,CAAA;QAClD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAA;IAC3C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,YAAY,CAAC,KAAe,EAAE,QAAkB;IACvD,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAA;IAC1D,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,WAAW,CAAC,KAAe,EAAE,QAAkB;IACtD,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;QACnB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAA;IACrC,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;gBAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;YAC/D,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7C,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAA;YACpD,MAAM,KAAK,GACT,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC/E,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,IAAI,CAAA;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7E,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;YACrE,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAClE,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;YACtE,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAClE,CAAC;QACD,KAAK,aAAa,CAAC,CAAC,CAAC;YACnB,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACzD,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAClE,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACxD,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;AACH,CAAC;AA+CD,MAAM,UAAU,OAAO,CACrB,KAA8B,EAC9B,IAAyB,EACzB,IAAoB;IAEpB,MAAM,MAAM,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,CAAA;IAE5D,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACnD,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACpE,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;YACnB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACnD,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SACjE;QACD,IAAI,EAAE,CAAC,KAAa,EAAkB,EAAE,CAAC,CAAC;YACxC,IAAI,EAAE;gBACJ,IAAI,EAAE,OAAO;gBACb,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;gBACjB,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;gBACnD,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC/B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CACnE;gBACD,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;gBAC7E,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC/B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAC/D;gBACD,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,MAAM;gBACnB,YAAY,EAAE,KAAK;gBACnB,kEAAkE;gBAClE,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;oBACzB,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC;wBAAE,OAAO,CAAC,CAAC,CAAA;oBAC9D,IAAI,EAAE,CAAC,KAAK,KAAK,KAAK;wBAAE,OAAO,CAAC,CAAA;oBAChC,IAAI,EAAE,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;wBACtB,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAA;wBACtD,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBACjC,CAAC;oBACD,OAAO,CAAC,CAAC,CAAA;gBACX,CAAC,CAAC;gBACF,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC7E,SAAS,EAAE,OAAO,CAChB,IAAI,EACJ,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,EACrE,CAAC,CAAC,EAAE,EAAE;oBACJ,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,aAAwB,CAAC,CAAA;oBACxD,MAAM,UAAU,GACb,CAAC,CAAC,aAAoC,EAAE,OAAO,CAAC,+BAA+B,CAAC;wBACjF,IAAI,CAAA;oBACN,QAAQ,GAAG,EAAE,CAAC;wBACZ,KAAK,WAAW;4BACd,IAAI,UAAU,EAAE,CAAC;gCACf,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BAC3C,CAAC;4BACD,OAAM;wBACR,KAAK,SAAS;4BACZ,IAAI,UAAU,EAAE,CAAC;gCACf,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BAC3C,CAAC;4BACD,OAAM;wBACR,KAAK,YAAY;4BACf,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BACzC,OAAM;wBACR,KAAK,WAAW;4BACd,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;4BACzC,OAAM;wBACR,KAAK,MAAM;4BACT,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;4BAC7B,OAAM;wBACR,KAAK,KAAK;4BACR,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;4BAC5B,OAAM;wBACR,KAAK,GAAG;4BACN,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;4BACjC,OAAM;oBACV,CAAC;gBACH,CAAC,CACF;aACF;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,OAAO;gBACpB,YAAY,EAAE,KAAK;gBACnB,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;aACnB;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;gBAC7E,YAAY,EAAE,aAAa;gBAC3B,WAAW,EAAE,WAAW;aACzB;SACF,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Radio group — a set of mutually-exclusive options. Users select one value\n * at a time. Supports keyboard arrow navigation and disabled items.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface RadioGroupState {\n  value: string | null\n  items: string[]\n  disabledItems: string[]\n  disabled: boolean\n  orientation: Orientation\n}\n\nexport type RadioGroupMsg =\n  /** @intent(\"Pick the radio option with the given value\") */\n  | { type: 'setValue'; value: string }\n  /** @humanOnly */\n  | { type: 'setItems'; items: string[]; disabled?: string[] }\n  /** @intent(\"Move selection to the next enabled option after the given value\") */\n  | { type: 'selectNext'; from: string }\n  /** @intent(\"Move selection to the previous enabled option before the given value\") */\n  | { type: 'selectPrev'; from: string }\n  /** @intent(\"Select the first enabled option\") */\n  | { type: 'selectFirst' }\n  /** @intent(\"Select the last enabled option\") */\n  | { type: 'selectLast' }\n\nexport interface RadioGroupInit {\n  value?: string | null\n  items?: string[]\n  disabledItems?: string[]\n  disabled?: boolean\n  orientation?: Orientation\n}\n\nexport function init(opts: RadioGroupInit = {}): RadioGroupState {\n  return {\n    value: opts.value ?? null,\n    items: opts.items ?? [],\n    disabledItems: opts.disabledItems ?? [],\n    disabled: opts.disabled ?? false,\n    orientation: opts.orientation ?? 'vertical',\n  }\n}\n\nfunction nextEnabled(\n  items: string[],\n  disabled: string[],\n  from: string,\n  delta: 1 | -1,\n): string | null {\n  if (items.length === 0) return null\n  const idx = items.indexOf(from)\n  if (idx === -1) return null\n  const n = items.length\n  for (let i = 1; i <= n; i++) {\n    const next = items[(idx + delta * i + n * n) % n]!\n    if (!disabled.includes(next)) return next\n  }\n  return null\n}\n\nfunction firstEnabled(items: string[], disabled: string[]): string | null {\n  for (const v of items) if (!disabled.includes(v)) return v\n  return null\n}\n\nfunction lastEnabled(items: string[], disabled: string[]): string | null {\n  for (let i = items.length - 1; i >= 0; i--) {\n    const v = items[i]!\n    if (!disabled.includes(v)) return v\n  }\n  return null\n}\n\nexport function update(state: RadioGroupState, msg: RadioGroupMsg): [RadioGroupState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      if (state.disabledItems.includes(msg.value)) return [state, []]\n      return [{ ...state, value: msg.value }, []]\n    case 'setItems': {\n      const disabled = msg.disabled ?? state.disabledItems\n      const value =\n        state.value && msg.items.includes(state.value) && !disabled.includes(state.value)\n          ? state.value\n          : null\n      return [{ ...state, items: msg.items, disabledItems: disabled, value }, []]\n    }\n    case 'selectNext': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, 1)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectPrev': {\n      const to = nextEnabled(state.items, state.disabledItems, msg.from, -1)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectFirst': {\n      const to = firstEnabled(state.items, state.disabledItems)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n    case 'selectLast': {\n      const to = lastEnabled(state.items, state.disabledItems)\n      return to === null ? [state, []] : [{ ...state, value: to }, []]\n    }\n  }\n}\n\nexport interface RadioItemParts {\n  root: {\n    role: 'radio'\n    id: string\n    'aria-checked': Signal<boolean>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-state': Signal<'checked' | 'unchecked'>\n    'data-disabled': Signal<'' | undefined>\n    'data-scope': 'radio-group'\n    'data-part': 'item'\n    'data-value': string\n    tabIndex: Signal<number>\n    onClick: (e: MouseEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  label: {\n    'data-scope': 'radio-group'\n    'data-part': 'label'\n    'data-value': string\n    for: string\n  }\n  indicator: {\n    'data-state': Signal<'checked' | 'unchecked'>\n    'data-scope': 'radio-group'\n    'data-part': 'indicator'\n  }\n}\n\nexport interface RadioGroupParts {\n  root: {\n    role: 'radiogroup'\n    'aria-orientation': Signal<Orientation>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-scope': 'radio-group'\n    'data-part': 'root'\n    'data-orientation': Signal<Orientation>\n    'data-disabled': Signal<'' | undefined>\n  }\n  item: (value: string) => RadioItemParts\n}\n\nexport interface ConnectOptions {\n  id: string\n}\n\nexport function connect(\n  state: Signal<RadioGroupState>,\n  send: Send<RadioGroupMsg>,\n  opts: ConnectOptions,\n): RadioGroupParts {\n  const itemId = (v: string): string => `${opts.id}:item:${v}`\n\n  return {\n    root: {\n      role: 'radiogroup',\n      'aria-orientation': state.map((s) => s.orientation),\n      'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n      'data-scope': 'radio-group',\n      'data-part': 'root',\n      'data-orientation': state.map((s) => s.orientation),\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n    },\n    item: (value: string): RadioItemParts => ({\n      root: {\n        role: 'radio',\n        id: itemId(value),\n        'aria-checked': state.map((s) => s.value === value),\n        'aria-disabled': state.map((s) =>\n          s.disabledItems.includes(value) || s.disabled ? 'true' : undefined,\n        ),\n        'data-state': state.map((s) => (s.value === value ? 'checked' : 'unchecked')),\n        'data-disabled': state.map((s) =>\n          s.disabledItems.includes(value) || s.disabled ? '' : undefined,\n        ),\n        'data-scope': 'radio-group',\n        'data-part': 'item',\n        'data-value': value,\n        // Only currently-selected (or first if none selected) is tab-stop\n        tabIndex: state.map((st) => {\n          if (st.disabled || st.disabledItems.includes(value)) return -1\n          if (st.value === value) return 0\n          if (st.value === null) {\n            const first = firstEnabled(st.items, st.disabledItems)\n            return first === value ? 0 : -1\n          }\n          return -1\n        }),\n        onClick: tagSend(send, ['setValue'], () => send({ type: 'setValue', value })),\n        onKeyDown: tagSend(\n          send,\n          ['selectNext', 'selectPrev', 'selectFirst', 'selectLast', 'setValue'],\n          (e) => {\n            const key = flipArrow(e.key, e.currentTarget as Element)\n            const isVertical =\n              (e.currentTarget as HTMLElement | null)?.closest('[data-orientation=\"vertical\"]') !==\n              null\n            switch (key) {\n              case 'ArrowDown':\n                if (isVertical) {\n                  e.preventDefault()\n                  send({ type: 'selectNext', from: value })\n                }\n                return\n              case 'ArrowUp':\n                if (isVertical) {\n                  e.preventDefault()\n                  send({ type: 'selectPrev', from: value })\n                }\n                return\n              case 'ArrowRight':\n                e.preventDefault()\n                send({ type: 'selectNext', from: value })\n                return\n              case 'ArrowLeft':\n                e.preventDefault()\n                send({ type: 'selectPrev', from: value })\n                return\n              case 'Home':\n                e.preventDefault()\n                send({ type: 'selectFirst' })\n                return\n              case 'End':\n                e.preventDefault()\n                send({ type: 'selectLast' })\n                return\n              case ' ':\n                e.preventDefault()\n                send({ type: 'setValue', value })\n                return\n            }\n          },\n        ),\n      },\n      label: {\n        'data-scope': 'radio-group',\n        'data-part': 'label',\n        'data-value': value,\n        for: itemId(value),\n      },\n      indicator: {\n        'data-state': state.map((s) => (s.value === value ? 'checked' : 'unchecked')),\n        'data-scope': 'radio-group',\n        'data-part': 'indicator',\n      },\n    }),\n  }\n}\n\nexport const radioGroup = { init, update, connect }\n"]}