@llui/components 0.4.10 → 0.5.0

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

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Color picker — HSL/HSV color selection. Tracks hue (0-360), saturation
  * (0-100), and lightness (0-100). Emits hex strings for convenience.
@@ -60,20 +60,20 @@ export declare function hslToRgb(hsl: Hsl): {
 };
 export declare function toHex(hsl: Hsl): string;
 export declare function hexToHsl(hex: string): Hsl | null;
-export interface ColorPickerParts<S> {
+export interface ColorPickerParts {
     root: {
         'data-scope': 'color-picker';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
     };
     hueSlider: {
         type: 'range';
         min: 0;
         max: 360;
         step: 1;
-        'aria-label': string | ((s: S) => string);
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
+        'aria-label': string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
         'data-scope': 'color-picker';
         'data-part': 'hue-slider';
         onInput: (e: Event) => void;
@@ -83,10 +83,10 @@ export interface ColorPickerParts<S> {
         min: 0;
         max: 100;
         step: 1;
-        'aria-label': string | ((s: S) => string);
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
-        style: (s: S) => string;
+        'aria-label': string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
+        style: Signal<string>;
         'data-scope': 'color-picker';
         'data-part': 'saturation-slider';
         onInput: (e: Event) => void;
@@ -96,10 +96,10 @@ export interface ColorPickerParts<S> {
         min: 0;
         max: 100;
         step: 1;
-        'aria-label': string | ((s: S) => string);
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
-        style: (s: S) => string;
+        'aria-label': string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
+        style: Signal<string>;
         'data-scope': 'color-picker';
         'data-part': 'lightness-slider';
         onInput: (e: Event) => void;
@@ -107,9 +107,9 @@ export interface ColorPickerParts<S> {
     hexInput: {
         type: 'text';
         autoComplete: 'off';
-        'aria-label': string | ((s: S) => string);
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
+        'aria-label': string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
         'data-scope': 'color-picker';
         'data-part': 'hex-input';
         onInput: (e: Event) => void;
@@ -118,7 +118,7 @@ export interface ColorPickerParts<S> {
         'data-scope': 'color-picker';
         'data-part': 'swatch';
         'aria-hidden': 'true';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
 }
 export interface ConnectOptions {
@@ -127,7 +127,7 @@ export interface ConnectOptions {
     lightnessLabel?: string;
     hexLabel?: string;
 }
-export declare function connect<S>(get: (s: S) => ColorPickerState, send: Send<ColorPickerMsg>, opts?: ConnectOptions): ColorPickerParts<S>;
+export declare function connect(state: Signal<ColorPickerState>, send: Send<ColorPickerMsg>, opts?: ConnectOptions): ColorPickerParts;
 export declare const colorPicker: {
     init: typeof init;
     update: typeof update;

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

package/dist/components/color-picker.js

@@ -107,22 +107,22 @@ export function hexToHsl(hex) {
         l: Math.round(l * 100),
     };
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
     return {
         root: {
             'data-scope': 'color-picker',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         hueSlider: {
             type: 'range',
             min: 0,
             max: 360,
             step: 1,
-            'aria-label': opts.hueLabel ?? ((s) => locale(s).colorPicker.hue),
-            disabled: (s) => get(s).disabled,
-            value: (s) => String(get(s).hsl.h),
+            'aria-label': opts.hueLabel ?? locale.colorPicker.hue,
+            disabled: state.map((s) => s.disabled),
+            value: state.map((s) => String(s.hsl.h)),
             'data-scope': 'color-picker',
             'data-part': 'hue-slider',
             onInput: tagSend(send, ['setHue'], (e) => send({ type: 'setHue', h: Number(e.target.value) })),
@@ -132,13 +132,13 @@ export function connect(get, send, opts = {}) {
             min: 0,
             max: 100,
             step: 1,
-            'aria-label': opts.saturationLabel ?? ((s) => locale(s).colorPicker.saturation),
-            disabled: (s) => get(s).disabled,
-            value: (s) => String(get(s).hsl.s),
-            style: (s) => {
-                const { h, l } = get(s).hsl;
+            'aria-label': opts.saturationLabel ?? locale.colorPicker.saturation,
+            disabled: state.map((s) => s.disabled),
+            value: state.map((s) => String(s.hsl.s)),
+            style: state.map((s) => {
+                const { h, l } = s.hsl;
                 return `background: linear-gradient(to right, hsl(${h} 0% ${l}%), hsl(${h} 100% ${l}%))`;
-            },
+            }),
             'data-scope': 'color-picker',
             'data-part': 'saturation-slider',
             onInput: tagSend(send, ['setSaturation'], (e) => send({ type: 'setSaturation', s: Number(e.target.value) })),
@@ -148,13 +148,13 @@ export function connect(get, send, opts = {}) {
             min: 0,
             max: 100,
             step: 1,
-            'aria-label': opts.lightnessLabel ?? ((s) => locale(s).colorPicker.lightness),
-            disabled: (s) => get(s).disabled,
-            value: (s) => String(get(s).hsl.l),
-            style: (s) => {
-                const { h, s: sat } = get(s).hsl;
+            'aria-label': opts.lightnessLabel ?? locale.colorPicker.lightness,
+            disabled: state.map((s) => s.disabled),
+            value: state.map((s) => String(s.hsl.l)),
+            style: state.map((s) => {
+                const { h, s: sat } = s.hsl;
                 return `background: linear-gradient(to right, hsl(${h} ${sat}% 0%), hsl(${h} ${sat}% 50%), hsl(${h} ${sat}% 100%))`;
-            },
+            }),
             'data-scope': 'color-picker',
             'data-part': 'lightness-slider',
             onInput: tagSend(send, ['setLightness'], (e) => send({ type: 'setLightness', l: Number(e.target.value) })),
@@ -162,9 +162,9 @@ export function connect(get, send, opts = {}) {
         hexInput: {
             type: 'text',
             autoComplete: 'off',
-            'aria-label': opts.hexLabel ?? ((s) => locale(s).colorPicker.hex),
-            disabled: (s) => get(s).disabled,
-            value: (s) => toHex(get(s).hsl),
+            'aria-label': opts.hexLabel ?? locale.colorPicker.hex,
+            disabled: state.map((s) => s.disabled),
+            value: state.map((s) => toHex(s.hsl)),
             'data-scope': 'color-picker',
             'data-part': 'hex-input',
             onInput: tagSend(send, ['setHex'], (e) => send({ type: 'setHex', hex: e.target.value })),
@@ -173,7 +173,7 @@ export function connect(get, send, opts = {}) {
             'data-scope': 'color-picker',
             'data-part': 'swatch',
             'aria-hidden': 'true',
-            style: (s) => `background-color:${toHex(get(s).hsl)};`,
+            style: state.map((s) => `background-color:${toHex(s.hsl)};`),
         },
     };
 }

package/dist/components/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/components/color-picker.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 * Color picker — HSL/HSV color selection. Tracks hue (0-360), saturation\n * (0-100), and lightness (0-100). Emits hex strings for convenience.\n */\n\nexport interface Hsl {\n  h: number\n  s: number\n  l: number\n}\n\nexport interface ColorPickerState {\n  hsl: Hsl\n  /** Alpha channel 0..1. */\n  alpha: number\n  disabled: boolean\n}\n\nexport type ColorPickerMsg =\n  /** @intent(\"Set the full HSL color at once\") */\n  | { type: 'setHsl'; hsl: Hsl }\n  /** @intent(\"Set the hue channel (0–360)\") */\n  | { type: 'setHue'; h: number }\n  /** @intent(\"Set the saturation channel (0–100)\") */\n  | { type: 'setSaturation'; s: number }\n  /** @intent(\"Set the lightness channel (0–100)\") */\n  | { type: 'setLightness'; l: number }\n  /** @intent(\"Set the alpha channel (0–1)\") */\n  | { type: 'setAlpha'; alpha: number }\n  /** @intent(\"Set the color from a hex string (#RRGGBB or #RGB)\") */\n  | { type: 'setHex'; hex: string }\n\nexport interface ColorPickerInit {\n  hsl?: Hsl\n  alpha?: number\n  disabled?: boolean\n}\n\nexport function init(opts: ColorPickerInit = {}): ColorPickerState {\n  return {\n    hsl: opts.hsl ?? { h: 0, s: 100, l: 50 },\n    alpha: opts.alpha ?? 1,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: ColorPickerState, msg: ColorPickerMsg): [ColorPickerState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'setHsl':\n      return [{ ...state, hsl: msg.hsl }, []]\n    case 'setHue':\n      return [{ ...state, hsl: { ...state.hsl, h: ((msg.h % 360) + 360) % 360 } }, []]\n    case 'setSaturation':\n      return [{ ...state, hsl: { ...state.hsl, s: clamp(msg.s, 0, 100) } }, []]\n    case 'setLightness':\n      return [{ ...state, hsl: { ...state.hsl, l: clamp(msg.l, 0, 100) } }, []]\n    case 'setAlpha':\n      return [{ ...state, alpha: clamp(msg.alpha, 0, 1) }, []]\n    case 'setHex': {\n      const hsl = hexToHsl(msg.hex)\n      return hsl ? [{ ...state, hsl }, []] : [state, []]\n    }\n  }\n}\n\n/** Convert HSL (h 0-360, s/l 0-100) to RGB (0-255 each). */\nexport function hslToRgb(hsl: Hsl): { r: number; g: number; b: number } {\n  const s = hsl.s / 100\n  const l = hsl.l / 100\n  const c = (1 - Math.abs(2 * l - 1)) * s\n  const x = c * (1 - Math.abs(((hsl.h / 60) % 2) - 1))\n  const m = l - c / 2\n  let r: number\n  let g: number\n  let b: number\n  const h = hsl.h\n  if (h < 60) [r, g, b] = [c, x, 0]\n  else if (h < 120) [r, g, b] = [x, c, 0]\n  else if (h < 180) [r, g, b] = [0, c, x]\n  else if (h < 240) [r, g, b] = [0, x, c]\n  else if (h < 300) [r, g, b] = [x, 0, c]\n  else [r, g, b] = [c, 0, x]\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  }\n}\n\nexport function toHex(hsl: Hsl): string {\n  const { r, g, b } = hslToRgb(hsl)\n  const hex = (n: number): string => n.toString(16).padStart(2, '0')\n  return `#${hex(r)}${hex(g)}${hex(b)}`\n}\n\nexport function hexToHsl(hex: string): Hsl | null {\n  const normalized = hex.trim().replace(/^#/, '')\n  if (!/^[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(normalized)) return null\n  let r: number\n  let g: number\n  let b: number\n  if (normalized.length === 3) {\n    r = parseInt(normalized[0]! + normalized[0]!, 16)\n    g = parseInt(normalized[1]! + normalized[1]!, 16)\n    b = parseInt(normalized[2]! + normalized[2]!, 16)\n  } else {\n    r = parseInt(normalized.slice(0, 2), 16)\n    g = parseInt(normalized.slice(2, 4), 16)\n    b = parseInt(normalized.slice(4, 6), 16)\n  }\n  const rf = r / 255\n  const gf = g / 255\n  const bf = b / 255\n  const max = Math.max(rf, gf, bf)\n  const min = Math.min(rf, gf, bf)\n  const d = max - min\n  let h = 0\n  if (d !== 0) {\n    if (max === rf) h = ((gf - bf) / d) % 6\n    else if (max === gf) h = (bf - rf) / d + 2\n    else h = (rf - gf) / d + 4\n    h *= 60\n    if (h < 0) h += 360\n  }\n  const l = (max + min) / 2\n  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1))\n  return {\n    h: Math.round(h),\n    s: Math.round(s * 100),\n    l: Math.round(l * 100),\n  }\n}\n\nexport interface ColorPickerParts<S> {\n  root: {\n    'data-scope': 'color-picker'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  hueSlider: {\n    type: 'range'\n    min: 0\n    max: 360\n    step: 1\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'color-picker'\n    'data-part': 'hue-slider'\n    onInput: (e: Event) => void\n  }\n  saturationSlider: {\n    type: 'range'\n    min: 0\n    max: 100\n    step: 1\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    style: (s: S) => string\n    'data-scope': 'color-picker'\n    'data-part': 'saturation-slider'\n    onInput: (e: Event) => void\n  }\n  lightnessSlider: {\n    type: 'range'\n    min: 0\n    max: 100\n    step: 1\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    style: (s: S) => string\n    'data-scope': 'color-picker'\n    'data-part': 'lightness-slider'\n    onInput: (e: Event) => void\n  }\n  hexInput: {\n    type: 'text'\n    autoComplete: 'off'\n    'aria-label': string | ((s: S) => string)\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'color-picker'\n    'data-part': 'hex-input'\n    onInput: (e: Event) => void\n  }\n  swatch: {\n    'data-scope': 'color-picker'\n    'data-part': 'swatch'\n    'aria-hidden': 'true'\n    style: (s: S) => string\n  }\n}\n\nexport interface ConnectOptions {\n  hueLabel?: string\n  saturationLabel?: string\n  lightnessLabel?: string\n  hexLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => ColorPickerState,\n  send: Send<ColorPickerMsg>,\n  opts: ConnectOptions = {},\n): ColorPickerParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  return {\n    root: {\n      'data-scope': 'color-picker',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    hueSlider: {\n      type: 'range',\n      min: 0,\n      max: 360,\n      step: 1,\n      'aria-label': opts.hueLabel ?? ((s: S) => locale(s).colorPicker.hue),\n      disabled: (s) => get(s).disabled,\n      value: (s) => String(get(s).hsl.h),\n      'data-scope': 'color-picker',\n      'data-part': 'hue-slider',\n      onInput: tagSend(send, ['setHue'], (e) =>\n        send({ type: 'setHue', h: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    saturationSlider: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 1,\n      'aria-label': opts.saturationLabel ?? ((s: S) => locale(s).colorPicker.saturation),\n      disabled: (s) => get(s).disabled,\n      value: (s) => String(get(s).hsl.s),\n      style: (s) => {\n        const { h, l } = get(s).hsl\n        return `background: linear-gradient(to right, hsl(${h} 0% ${l}%), hsl(${h} 100% ${l}%))`\n      },\n      'data-scope': 'color-picker',\n      'data-part': 'saturation-slider',\n      onInput: tagSend(send, ['setSaturation'], (e) =>\n        send({ type: 'setSaturation', s: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    lightnessSlider: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 1,\n      'aria-label': opts.lightnessLabel ?? ((s: S) => locale(s).colorPicker.lightness),\n      disabled: (s) => get(s).disabled,\n      value: (s) => String(get(s).hsl.l),\n      style: (s) => {\n        const { h, s: sat } = get(s).hsl\n        return `background: linear-gradient(to right, hsl(${h} ${sat}% 0%), hsl(${h} ${sat}% 50%), hsl(${h} ${sat}% 100%))`\n      },\n      'data-scope': 'color-picker',\n      'data-part': 'lightness-slider',\n      onInput: tagSend(send, ['setLightness'], (e) =>\n        send({ type: 'setLightness', l: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    hexInput: {\n      type: 'text',\n      autoComplete: 'off',\n      'aria-label': opts.hexLabel ?? ((s: S) => locale(s).colorPicker.hex),\n      disabled: (s) => get(s).disabled,\n      value: (s) => toHex(get(s).hsl),\n      'data-scope': 'color-picker',\n      'data-part': 'hex-input',\n      onInput: tagSend(send, ['setHex'], (e) =>\n        send({ type: 'setHex', hex: (e.target as HTMLInputElement).value }),\n      ),\n    },\n    swatch: {\n      'data-scope': 'color-picker',\n      'data-part': 'swatch',\n      'aria-hidden': 'true',\n      style: (s) => `background-color:${toHex(get(s).hsl)};`,\n    },\n  }\n}\n\nexport const colorPicker = { init, update, connect, toHex, hexToHsl, hslToRgb }\n"]}
+{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\n\n/**\n * Color picker — HSL/HSV color selection. Tracks hue (0-360), saturation\n * (0-100), and lightness (0-100). Emits hex strings for convenience.\n */\n\nexport interface Hsl {\n  h: number\n  s: number\n  l: number\n}\n\nexport interface ColorPickerState {\n  hsl: Hsl\n  /** Alpha channel 0..1. */\n  alpha: number\n  disabled: boolean\n}\n\nexport type ColorPickerMsg =\n  /** @intent(\"Set the full HSL color at once\") */\n  | { type: 'setHsl'; hsl: Hsl }\n  /** @intent(\"Set the hue channel (0–360)\") */\n  | { type: 'setHue'; h: number }\n  /** @intent(\"Set the saturation channel (0–100)\") */\n  | { type: 'setSaturation'; s: number }\n  /** @intent(\"Set the lightness channel (0–100)\") */\n  | { type: 'setLightness'; l: number }\n  /** @intent(\"Set the alpha channel (0–1)\") */\n  | { type: 'setAlpha'; alpha: number }\n  /** @intent(\"Set the color from a hex string (#RRGGBB or #RGB)\") */\n  | { type: 'setHex'; hex: string }\n\nexport interface ColorPickerInit {\n  hsl?: Hsl\n  alpha?: number\n  disabled?: boolean\n}\n\nexport function init(opts: ColorPickerInit = {}): ColorPickerState {\n  return {\n    hsl: opts.hsl ?? { h: 0, s: 100, l: 50 },\n    alpha: opts.alpha ?? 1,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, n))\n}\n\nexport function update(state: ColorPickerState, msg: ColorPickerMsg): [ColorPickerState, never[]] {\n  if (state.disabled) return [state, []]\n  switch (msg.type) {\n    case 'setHsl':\n      return [{ ...state, hsl: msg.hsl }, []]\n    case 'setHue':\n      return [{ ...state, hsl: { ...state.hsl, h: ((msg.h % 360) + 360) % 360 } }, []]\n    case 'setSaturation':\n      return [{ ...state, hsl: { ...state.hsl, s: clamp(msg.s, 0, 100) } }, []]\n    case 'setLightness':\n      return [{ ...state, hsl: { ...state.hsl, l: clamp(msg.l, 0, 100) } }, []]\n    case 'setAlpha':\n      return [{ ...state, alpha: clamp(msg.alpha, 0, 1) }, []]\n    case 'setHex': {\n      const hsl = hexToHsl(msg.hex)\n      return hsl ? [{ ...state, hsl }, []] : [state, []]\n    }\n  }\n}\n\n/** Convert HSL (h 0-360, s/l 0-100) to RGB (0-255 each). */\nexport function hslToRgb(hsl: Hsl): { r: number; g: number; b: number } {\n  const s = hsl.s / 100\n  const l = hsl.l / 100\n  const c = (1 - Math.abs(2 * l - 1)) * s\n  const x = c * (1 - Math.abs(((hsl.h / 60) % 2) - 1))\n  const m = l - c / 2\n  let r: number\n  let g: number\n  let b: number\n  const h = hsl.h\n  if (h < 60) [r, g, b] = [c, x, 0]\n  else if (h < 120) [r, g, b] = [x, c, 0]\n  else if (h < 180) [r, g, b] = [0, c, x]\n  else if (h < 240) [r, g, b] = [0, x, c]\n  else if (h < 300) [r, g, b] = [x, 0, c]\n  else [r, g, b] = [c, 0, x]\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  }\n}\n\nexport function toHex(hsl: Hsl): string {\n  const { r, g, b } = hslToRgb(hsl)\n  const hex = (n: number): string => n.toString(16).padStart(2, '0')\n  return `#${hex(r)}${hex(g)}${hex(b)}`\n}\n\nexport function hexToHsl(hex: string): Hsl | null {\n  const normalized = hex.trim().replace(/^#/, '')\n  if (!/^[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(normalized)) return null\n  let r: number\n  let g: number\n  let b: number\n  if (normalized.length === 3) {\n    r = parseInt(normalized[0]! + normalized[0]!, 16)\n    g = parseInt(normalized[1]! + normalized[1]!, 16)\n    b = parseInt(normalized[2]! + normalized[2]!, 16)\n  } else {\n    r = parseInt(normalized.slice(0, 2), 16)\n    g = parseInt(normalized.slice(2, 4), 16)\n    b = parseInt(normalized.slice(4, 6), 16)\n  }\n  const rf = r / 255\n  const gf = g / 255\n  const bf = b / 255\n  const max = Math.max(rf, gf, bf)\n  const min = Math.min(rf, gf, bf)\n  const d = max - min\n  let h = 0\n  if (d !== 0) {\n    if (max === rf) h = ((gf - bf) / d) % 6\n    else if (max === gf) h = (bf - rf) / d + 2\n    else h = (rf - gf) / d + 4\n    h *= 60\n    if (h < 0) h += 360\n  }\n  const l = (max + min) / 2\n  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1))\n  return {\n    h: Math.round(h),\n    s: Math.round(s * 100),\n    l: Math.round(l * 100),\n  }\n}\n\nexport interface ColorPickerParts {\n  root: {\n    'data-scope': 'color-picker'\n    'data-part': 'root'\n    'data-disabled': Signal<'' | undefined>\n  }\n  hueSlider: {\n    type: 'range'\n    min: 0\n    max: 360\n    step: 1\n    'aria-label': string\n    disabled: Signal<boolean>\n    value: Signal<string>\n    'data-scope': 'color-picker'\n    'data-part': 'hue-slider'\n    onInput: (e: Event) => void\n  }\n  saturationSlider: {\n    type: 'range'\n    min: 0\n    max: 100\n    step: 1\n    'aria-label': string\n    disabled: Signal<boolean>\n    value: Signal<string>\n    style: Signal<string>\n    'data-scope': 'color-picker'\n    'data-part': 'saturation-slider'\n    onInput: (e: Event) => void\n  }\n  lightnessSlider: {\n    type: 'range'\n    min: 0\n    max: 100\n    step: 1\n    'aria-label': string\n    disabled: Signal<boolean>\n    value: Signal<string>\n    style: Signal<string>\n    'data-scope': 'color-picker'\n    'data-part': 'lightness-slider'\n    onInput: (e: Event) => void\n  }\n  hexInput: {\n    type: 'text'\n    autoComplete: 'off'\n    'aria-label': string\n    disabled: Signal<boolean>\n    value: Signal<string>\n    'data-scope': 'color-picker'\n    'data-part': 'hex-input'\n    onInput: (e: Event) => void\n  }\n  swatch: {\n    'data-scope': 'color-picker'\n    'data-part': 'swatch'\n    'aria-hidden': 'true'\n    style: Signal<string>\n  }\n}\n\nexport interface ConnectOptions {\n  hueLabel?: string\n  saturationLabel?: string\n  lightnessLabel?: string\n  hexLabel?: string\n}\n\nexport function connect(\n  state: Signal<ColorPickerState>,\n  send: Send<ColorPickerMsg>,\n  opts: ConnectOptions = {},\n): ColorPickerParts {\n  const locale = useContext(LocaleContext)\n  return {\n    root: {\n      'data-scope': 'color-picker',\n      'data-part': 'root',\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n    },\n    hueSlider: {\n      type: 'range',\n      min: 0,\n      max: 360,\n      step: 1,\n      'aria-label': opts.hueLabel ?? locale.colorPicker.hue,\n      disabled: state.map((s) => s.disabled),\n      value: state.map((s) => String(s.hsl.h)),\n      'data-scope': 'color-picker',\n      'data-part': 'hue-slider',\n      onInput: tagSend(send, ['setHue'], (e) =>\n        send({ type: 'setHue', h: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    saturationSlider: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 1,\n      'aria-label': opts.saturationLabel ?? locale.colorPicker.saturation,\n      disabled: state.map((s) => s.disabled),\n      value: state.map((s) => String(s.hsl.s)),\n      style: state.map((s) => {\n        const { h, l } = s.hsl\n        return `background: linear-gradient(to right, hsl(${h} 0% ${l}%), hsl(${h} 100% ${l}%))`\n      }),\n      'data-scope': 'color-picker',\n      'data-part': 'saturation-slider',\n      onInput: tagSend(send, ['setSaturation'], (e) =>\n        send({ type: 'setSaturation', s: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    lightnessSlider: {\n      type: 'range',\n      min: 0,\n      max: 100,\n      step: 1,\n      'aria-label': opts.lightnessLabel ?? locale.colorPicker.lightness,\n      disabled: state.map((s) => s.disabled),\n      value: state.map((s) => String(s.hsl.l)),\n      style: state.map((s) => {\n        const { h, s: sat } = s.hsl\n        return `background: linear-gradient(to right, hsl(${h} ${sat}% 0%), hsl(${h} ${sat}% 50%), hsl(${h} ${sat}% 100%))`\n      }),\n      'data-scope': 'color-picker',\n      'data-part': 'lightness-slider',\n      onInput: tagSend(send, ['setLightness'], (e) =>\n        send({ type: 'setLightness', l: Number((e.target as HTMLInputElement).value) }),\n      ),\n    },\n    hexInput: {\n      type: 'text',\n      autoComplete: 'off',\n      'aria-label': opts.hexLabel ?? locale.colorPicker.hex,\n      disabled: state.map((s) => s.disabled),\n      value: state.map((s) => toHex(s.hsl)),\n      'data-scope': 'color-picker',\n      'data-part': 'hex-input',\n      onInput: tagSend(send, ['setHex'], (e) =>\n        send({ type: 'setHex', hex: (e.target as HTMLInputElement).value }),\n      ),\n    },\n    swatch: {\n      'data-scope': 'color-picker',\n      'data-part': 'swatch',\n      'aria-hidden': 'true',\n      style: state.map((s) => `background-color:${toHex(s.hsl)};`),\n    },\n  }\n}\n\nexport const colorPicker = { init, update, connect, toHex, hexToHsl, hslToRgb }\n"]}

package/dist/components/combobox.d.ts

@@ -1,4 +1,4 @@
-import type { Send, TransitionOptions } from '@llui/dom';
+import type { Send, Signal, TransitionOptions } from '@llui/dom';
 import { type Placement } from '../utils/floating.js';
 /**
  * Combobox — text input paired with a filtered listbox dropdown. User
@@ -86,15 +86,15 @@ export interface ComboboxInit {
 }
 export declare function init(opts?: ComboboxInit): ComboboxState;
 export declare function update(state: ComboboxState, msg: ComboboxMsg): [ComboboxState, never[]];
-export interface ComboboxItemParts<S> {
+export interface ComboboxItemParts {
     item: {
         role: 'option';
         id: string;
-        'aria-selected': (s: S) => boolean;
-        'aria-disabled': (s: S) => 'true' | undefined;
-        'data-state': (s: S) => 'selected' | undefined;
-        'data-highlighted': (s: S) => '' | undefined;
-        'data-disabled': (s: S) => '' | undefined;
+        'aria-selected': Signal<boolean>;
+        'aria-disabled': Signal<'true' | undefined>;
+        'data-state': Signal<'selected' | undefined>;
+        'data-highlighted': Signal<'' | undefined>;
+        'data-disabled': Signal<'' | undefined>;
         'data-scope': 'combobox';
         'data-part': 'item';
         'data-value': string;
@@ -103,28 +103,28 @@ export interface ComboboxItemParts<S> {
         onPointerMove: (e: PointerEvent) => void;
     };
 }
-export interface ComboboxParts<S> {
+export interface ComboboxParts {
     root: {
         role: 'combobox';
-        'aria-expanded': (s: S) => boolean;
+        'aria-expanded': Signal<boolean>;
         'aria-controls': string;
         'aria-haspopup': 'listbox';
         'data-scope': 'combobox';
         'data-part': 'root';
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
     };
     input: {
         type: 'text';
         role: 'combobox';
         autoComplete: 'off';
         'aria-autocomplete': 'list';
-        'aria-expanded': (s: S) => boolean;
+        'aria-expanded': Signal<boolean>;
         'aria-controls': string;
-        'aria-activedescendant': (s: S) => string | undefined;
-        'aria-disabled': (s: S) => 'true' | undefined;
+        'aria-activedescendant': Signal<string | undefined>;
+        'aria-disabled': Signal<'true' | undefined>;
         id: string;
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
         'data-scope': 'combobox';
         'data-part': 'input';
         onInput: (e: Event) => void;
@@ -133,8 +133,8 @@ export interface ComboboxParts<S> {
     };
     trigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
-        'aria-expanded': (s: S) => boolean;
+        'aria-label': string;
+        'aria-expanded': Signal<boolean>;
         'aria-controls': string;
         tabIndex: -1;
         'data-scope': 'combobox';
@@ -151,11 +151,11 @@ export interface ComboboxParts<S> {
         id: string;
         'aria-labelledby': string;
         tabIndex: -1;
-        'data-state': (s: S) => 'open' | 'closed';
+        'data-state': Signal<'open' | 'closed'>;
         'data-scope': 'combobox';
         'data-part': 'content';
     };
-    item: (value: string, index: number) => ComboboxItemParts<S>;
+    item: (value: string, index: number) => ComboboxItemParts;
     empty: {
         'data-scope': 'combobox';
         'data-part': 'empty';
@@ -165,12 +165,12 @@ export interface ConnectOptions {
     id: string;
     triggerLabel?: string;
 }
-export declare function connect<S>(get: (s: S) => ComboboxState, send: Send<ComboboxMsg>, opts: ConnectOptions): ComboboxParts<S>;
-export interface OverlayOptions<S> {
-    get: (s: S) => ComboboxState;
+export declare function connect(state: Signal<ComboboxState>, send: Send<ComboboxMsg>, opts: ConnectOptions): ComboboxParts;
+export interface OverlayOptions {
+    state: Signal<ComboboxState>;
     send: Send<ComboboxMsg>;
-    parts: ComboboxParts<S>;
-    content: () => Node[];
+    parts: ComboboxParts;
+    content: () => readonly Node[];
     placement?: Placement;
     offset?: number;
     flip?: boolean;
@@ -179,7 +179,7 @@ export interface OverlayOptions<S> {
     transition?: TransitionOptions;
     target?: string | HTMLElement;
 }
-export declare function overlay<S>(opts: OverlayOptions<S>): Node[];
+export declare function overlay(opts: OverlayOptions): Node;
 export declare const combobox: {
     init: typeof init;
     update: typeof update;

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAIhE,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErE;;;;GAIG;AAEH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEjD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,aAAa,EAAE,aAAa,CAAA;IAC5B,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,WAAW;AACrB,4CAA4C;AAC1C;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;AAClB,6CAA6C;GAC3C;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE;AACnB,kEAAkE;GAChE;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAC1C,gFAAgF;GAC9E;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACzC,oEAAoE;GAClE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE;AACvC,8DAA8D;GAC5D;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE;AACnB,iBAAiB;GACf;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,iBAAiB;GACf;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,iBAAiB;GACf;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE;AAC5B,iBAAiB;GACf;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE;AAC3B,iBAAiB;GACf;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE;AAC7C,4EAA4E;GAC1E;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE;AAC/B,iBAAiB;GACf;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,YAAiB,GAAG,aAAa,CAe3D;AA6CD,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,WAAW,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CA4HvF;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,eAAe,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;QAC3C,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;QAC5C,kBAAkB,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QAC1C,eAAe,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QACvC,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,aAAa,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;KACzC,CAAA;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU,CAAA;QAChB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,eAAe,EAAE,MAAM,CAAA;QACvB,eAAe,EAAE,SAAS,CAAA;QAC1B,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;KACxC,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,UAAU,CAAA;QAChB,YAAY,EAAE,KAAK,CAAA;QACnB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,eAAe,EAAE,MAAM,CAAA;QACvB,uBAAuB,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;QACnD,eAAe,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;QAC3C,EAAE,EAAE,MAAM,CAAA;QACV,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QACrB,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,eAAe,EAAE,MAAM,CAAA;QACvB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,SAAS,CAAA;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,UAAU,EAAE;QACV,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,YAAY,CAAA;QACzB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,EAAE,EAAE,MAAM,CAAA;QACV,iBAAiB,EAAE,MAAM,CAAA;QACzB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAA;QACvC,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;IACD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,iBAAiB,CAAA;IACzD,KAAK,EAAE;QACL,YAAY,EAAE,UAAU,CAAA;QACxB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,EAC5B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,EACvB,IAAI,EAAE,cAAc,GACnB,aAAa,CAiIf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;IAC5B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;IACvB,KAAK,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,MAAM,SAAS,IAAI,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;CAC9B;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAqDlD;AAED,eAAO,MAAM,QAAQ;;;;;CAAqC,CAAA"}

package/dist/components/combobox.js

@@ -176,38 +176,38 @@ export function update(state, msg) {
         }
     }
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     const locale = useContext(LocaleContext);
     const base = opts.id;
     const inputId = `${base}:input`;
     const contentId = `${base}:content`;
     const itemId = (index) => `${base}:item:${index}`;
-    const triggerLabel = opts.triggerLabel ?? ((s) => locale(s).combobox.toggle);
+    const triggerLabel = opts.triggerLabel ?? locale.combobox.toggle;
     return {
         root: {
             role: 'combobox',
-            'aria-expanded': (s) => get(s).open,
+            'aria-expanded': state.map((s) => s.open),
             'aria-controls': contentId,
             'aria-haspopup': 'listbox',
             'data-scope': 'combobox',
             'data-part': 'root',
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
         },
         input: {
             type: 'text',
             role: 'combobox',
             autoComplete: 'off',
             'aria-autocomplete': 'list',
-            'aria-expanded': (s) => get(s).open,
+            'aria-expanded': state.map((s) => s.open),
             'aria-controls': contentId,
-            'aria-activedescendant': (s) => {
-                const idx = get(s).highlightedIndex;
+            'aria-activedescendant': state.map((s) => {
+                const idx = s.highlightedIndex;
                 return idx === null ? undefined : itemId(idx);
-            },
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            }),
+            'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
             id: inputId,
-            disabled: (s) => get(s).disabled,
-            value: (s) => get(s).inputValue,
+            disabled: state.map((s) => s.disabled),
+            value: state.map((s) => s.inputValue),
             'data-scope': 'combobox',
             'data-part': 'input',
             onInput: tagSend(send, ['setInputValue'], (e) => {
@@ -257,7 +257,7 @@ export function connect(get, send, opts) {
         trigger: {
             type: 'button',
             'aria-label': triggerLabel,
-            'aria-expanded': (s) => get(s).open,
+            'aria-expanded': state.map((s) => s.open),
             'aria-controls': contentId,
             tabIndex: -1,
             'data-scope': 'combobox',
@@ -274,7 +274,7 @@ export function connect(get, send, opts) {
             id: contentId,
             'aria-labelledby': inputId,
             tabIndex: -1,
-            'data-state': (s) => (get(s).open ? 'open' : 'closed'),
+            'data-state': state.map((s) => (s.open ? 'open' : 'closed')),
             'data-scope': 'combobox',
             'data-part': 'content',
         },
@@ -282,11 +282,11 @@ export function connect(get, send, opts) {
             item: {
                 role: 'option',
                 id: itemId(index),
-                'aria-selected': (s) => get(s).value.includes(value),
-                'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),
-                'data-state': (s) => (get(s).value.includes(value) ? 'selected' : undefined),
-                'data-highlighted': (s) => (get(s).highlightedIndex === index ? '' : undefined),
-                'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),
+                'aria-selected': state.map((s) => s.value.includes(value)),
+                'aria-disabled': state.map((s) => (s.disabledItems.includes(value) ? 'true' : undefined)),
+                'data-state': state.map((s) => (s.value.includes(value) ? 'selected' : undefined)),
+                'data-highlighted': state.map((s) => (s.highlightedIndex === index ? '' : undefined)),
+                'data-disabled': state.map((s) => (s.disabledItems.includes(value) ? '' : undefined)),
                 'data-scope': 'combobox',
                 'data-part': 'item',
                 'data-value': value,
@@ -302,7 +302,7 @@ export function connect(get, send, opts) {
     };
 }
 export function overlay(opts) {
-    const target = opts.target ?? 'body';
+    const targetOpt = opts.target ?? 'body';
     const placement = opts.placement ?? 'bottom-start';
     const offset = opts.offset ?? 4;
     const flip = opts.flip !== false;
@@ -311,46 +311,41 @@ export function overlay(opts) {
     const parts = opts.parts;
     const contentId = parts.content.id;
     const inputId = parts.input.id;
-    return show({
-        when: (s) => opts.get(s).open,
-        render: () => portal({
-            target,
-            render: () => {
-                onMount(() => {
-                    const contentEl = document.getElementById(contentId);
-                    const inputEl = document.getElementById(inputId);
-                    if (!contentEl || !inputEl)
-                        return;
-                    const cleanups = [];
-                    const positioner = contentEl.closest('[data-part="positioner"]');
-                    const floatingEl = positioner ?? contentEl;
-                    if (sameWidth) {
-                        floatingEl.style.minWidth = `${inputEl.offsetWidth}px`;
-                    }
-                    cleanups.push(attachFloating({
-                        anchor: inputEl,
-                        floating: floatingEl,
-                        placement,
-                        offset,
-                        flip,
-                        shift,
-                    }));
-                    cleanups.push(pushDismissable({
-                        element: contentEl,
-                        ignore: () => [inputEl],
-                        onDismiss: () => opts.send({ type: 'close' }),
-                    }));
-                    return () => {
-                        for (let i = cleanups.length - 1; i >= 0; i--)
-                            cleanups[i]();
-                    };
-                });
-                return [div(parts.positioner, opts.content())];
-            },
-        }),
-        enter: opts.transition?.enter,
-        leave: opts.transition?.leave,
-    });
+    const host = typeof targetOpt === 'string' ? (document.querySelector(targetOpt) ?? document.body) : targetOpt;
+    return show(opts.state.map((s) => s.open), () => [
+        portal(() => {
+            onMount(() => {
+                const contentEl = document.getElementById(contentId);
+                const inputEl = document.getElementById(inputId);
+                if (!contentEl || !inputEl)
+                    return;
+                const cleanups = [];
+                const positioner = contentEl.closest('[data-part="positioner"]');
+                const floatingEl = positioner ?? contentEl;
+                if (sameWidth) {
+                    floatingEl.style.minWidth = `${inputEl.offsetWidth}px`;
+                }
+                cleanups.push(attachFloating({
+                    anchor: inputEl,
+                    floating: floatingEl,
+                    placement,
+                    offset,
+                    flip,
+                    shift,
+                }));
+                cleanups.push(pushDismissable({
+                    element: contentEl,
+                    ignore: () => [inputEl],
+                    onDismiss: () => opts.send({ type: 'close' }),
+                }));
+                return () => {
+                    for (let i = cleanups.length - 1; i >= 0; i--)
+                        cleanups[i]();
+                };
+            });
+            return [div(parts.positioner, opts.content())];
+        }, host),
+    ]);
 }
 export const combobox = { init, update, connect, overlay };
 //# sourceMappingURL=combobox.js.map