@llui/components 0.4.10 → 0.5.1

package/dist/components/number-input.js

@@ -78,10 +78,10 @@ export function update(state, msg) {
             return [{ ...state, disabled: msg.disabled }, []];
     }
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
-    const incrementLabel = opts.incrementLabel ?? ((s) => locale(s).numberInput.increment);
-    const decrementLabel = opts.decrementLabel ?? ((s) => locale(s).numberInput.decrement);
+    const incrementLabel = opts.incrementLabel ?? locale.numberInput.increment;
+    const decrementLabel = opts.decrementLabel ?? locale.numberInput.decrement;
     const validate = opts.validate;
     const trySetValue = (value) => {
         if (validate) {
@@ -95,20 +95,20 @@ export function connect(get, send, opts = {}) {
         root: {
             'data-scope': 'number-input',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),
         },
         input: {
             type: 'text',
             role: 'spinbutton',
             inputMode: 'decimal',
-            'aria-valuemin': (s) => (isFinite(get(s).min) ? get(s).min : undefined),
-            'aria-valuemax': (s) => (isFinite(get(s).max) ? get(s).max : undefined),
-            'aria-valuenow': (s) => get(s).value ?? undefined,
-            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
-            'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),
-            disabled: (s) => get(s).disabled,
-            readOnly: (s) => get(s).readOnly,
-            value: (s) => get(s).rawText,
+            'aria-valuemin': state.map((st) => (isFinite(st.min) ? st.min : undefined)),
+            'aria-valuemax': state.map((st) => (isFinite(st.max) ? st.max : undefined)),
+            'aria-valuenow': state.map((st) => st.value ?? undefined),
+            'aria-disabled': state.map((st) => (st.disabled ? 'true' : undefined)),
+            'aria-readonly': state.map((st) => (st.readOnly ? 'true' : undefined)),
+            disabled: state.map((st) => st.disabled),
+            readOnly: state.map((st) => st.readOnly),
+            value: state.map((st) => st.rawText),
             'data-scope': 'number-input',
             'data-part': 'input',
             onInput: tagSend(send, ['setRawText'], (e) => {
@@ -155,10 +155,8 @@ export function connect(get, send, opts = {}) {
         increment: {
             type: 'button',
             'aria-label': incrementLabel,
-            'aria-disabled': (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) >= get(s).max
-                ? 'true'
-                : undefined,
-            disabled: (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) >= get(s).max,
+            'aria-disabled': state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) >= st.max ? 'true' : undefined),
+            disabled: state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) >= st.max),
             'data-scope': 'number-input',
             'data-part': 'increment',
             tabIndex: -1,
@@ -167,10 +165,8 @@ export function connect(get, send, opts = {}) {
         decrement: {
             type: 'button',
             'aria-label': decrementLabel,
-            'aria-disabled': (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) <= get(s).min
-                ? 'true'
-                : undefined,
-            disabled: (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) <= get(s).min,
+            'aria-disabled': state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) <= st.min ? 'true' : undefined),
+            disabled: state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) <= st.min),
             'data-scope': 'number-input',
             'data-part': 'decrement',
             tabIndex: -1,

package/dist/components/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../src/components/number-input.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 * Number input — numeric field with increment/decrement buttons. Clamps\n * to min/max and snaps to step. Keyboard: Arrow Up/Down, PageUp/PageDown,\n * Home/End.\n */\n\nexport interface NumberInputState {\n  value: number | null\n  min: number\n  max: number\n  step: number\n  disabled: boolean\n  readOnly: boolean\n  /** Allow a free-text input value while the user is typing. */\n  rawText: string\n}\n\nexport type NumberInputMsg =\n  /** @intent(\"Set the numeric value (clamped to min/max, snapped to step)\") */\n  | { type: 'setValue'; value: number | null }\n  /** @humanOnly */\n  | { type: 'setRawText'; text: string }\n  /** @intent(\"Commit the in-progress text input — parse, clamp, snap, and update value\") */\n  | { type: 'commit' }\n  /** @intent(\"Increase value by step (or step × multiplier)\") */\n  | { type: 'increment'; multiplier?: number }\n  /** @intent(\"Decrease value by step (or step × multiplier)\") */\n  | { type: 'decrement'; multiplier?: number }\n  /** @intent(\"Snap value to the configured minimum\") */\n  | { type: 'toMin' }\n  /** @intent(\"Snap value to the configured maximum\") */\n  | { type: 'toMax' }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface NumberInputInit {\n  value?: number | null\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  readOnly?: boolean\n}\n\nexport function init(opts: NumberInputInit = {}): NumberInputState {\n  const value = opts.value ?? null\n  return {\n    value,\n    min: opts.min ?? -Infinity,\n    max: opts.max ?? Infinity,\n    step: opts.step ?? 1,\n    disabled: opts.disabled ?? false,\n    readOnly: opts.readOnly ?? false,\n    rawText: value === null ? '' : String(value),\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  if (n < min) return min\n  if (n > max) return max\n  return n\n}\n\nfunction snap(n: number, step: number, anchor = 0): number {\n  if (step <= 0) return n\n  const origin = isFinite(anchor) ? anchor : 0\n  const decimals = decimalPlaces(step)\n  const steps = Math.round((n - origin) / step)\n  const snapped = origin + steps * step\n  return Number(snapped.toFixed(decimals))\n}\n\nfunction decimalPlaces(n: number): number {\n  if (Math.floor(n) === n) return 0\n  const str = n.toString()\n  const dot = str.indexOf('.')\n  return dot === -1 ? 0 : str.length - dot - 1\n}\n\nexport function update(state: NumberInputState, msg: NumberInputMsg): [NumberInputState, never[]] {\n  if (msg.type !== 'setDisabled' && (state.disabled || state.readOnly)) {\n    // Allow setRawText for controlled typing? No — disabled means no interaction.\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setValue': {\n      const v =\n        msg.value === null\n          ? null\n          : clamp(snap(msg.value, state.step, state.min), state.min, state.max)\n      return [{ ...state, value: v, rawText: v === null ? '' : String(v) }, []]\n    }\n    case 'setRawText':\n      return [{ ...state, rawText: msg.text }, []]\n    case 'commit': {\n      const parsed = parseFloat(state.rawText)\n      if (isNaN(parsed))\n        return [{ ...state, rawText: state.value === null ? '' : String(state.value) }, []]\n      const v = clamp(snap(parsed, state.step, state.min), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'increment': {\n      const base = state.value ?? 0\n      const raw = base + state.step * (msg.multiplier ?? 1)\n      const decimals = decimalPlaces(state.step)\n      const v = clamp(Number(raw.toFixed(decimals)), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'decrement': {\n      const base = state.value ?? 0\n      const raw = base - state.step * (msg.multiplier ?? 1)\n      const decimals = decimalPlaces(state.step)\n      const v = clamp(Number(raw.toFixed(decimals)), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, value: state.min, rawText: String(state.min) }, []]\n    case 'toMax':\n      return [{ ...state, value: state.max, rawText: String(state.max) }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nexport interface NumberInputParts<S> {\n  root: {\n    'data-scope': 'number-input'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  input: {\n    type: 'text'\n    role: 'spinbutton'\n    inputMode: 'decimal'\n    'aria-valuemin': (s: S) => number | undefined\n    'aria-valuemax': (s: S) => number | undefined\n    'aria-valuenow': (s: S) => number | undefined\n    'aria-disabled': (s: S) => 'true' | undefined\n    'aria-readonly': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    readOnly: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'number-input'\n    'data-part': 'input'\n    onInput: (e: Event) => void\n    onBlur: (e: FocusEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  increment: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-scope': 'number-input'\n    'data-part': 'increment'\n    tabIndex: -1\n    onClick: (e: MouseEvent) => void\n  }\n  decrement: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-scope': 'number-input'\n    'data-part': 'decrement'\n    tabIndex: -1\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  incrementLabel?: string\n  decrementLabel?: string\n  /** Validate the numeric value before committing. Non-empty array blocks setValue. */\n  validate?: (value: number) => string[] | null\n}\n\nexport function connect<S>(\n  get: (s: S) => NumberInputState,\n  send: Send<NumberInputMsg>,\n  opts: ConnectOptions = {},\n): NumberInputParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const incrementLabel: string | ((s: S) => string) =\n    opts.incrementLabel ?? ((s: S) => locale(s).numberInput.increment)\n  const decrementLabel: string | ((s: S) => string) =\n    opts.decrementLabel ?? ((s: S) => locale(s).numberInput.decrement)\n  const validate = opts.validate\n\n  const trySetValue = (value: number) => {\n    if (validate) {\n      const errors = validate(value)\n      if (errors && errors.length > 0) return\n    }\n    send({ type: 'setValue', value })\n  }\n\n  return {\n    root: {\n      'data-scope': 'number-input',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    input: {\n      type: 'text',\n      role: 'spinbutton',\n      inputMode: 'decimal',\n      'aria-valuemin': (s) => (isFinite(get(s).min) ? get(s).min : undefined),\n      'aria-valuemax': (s) => (isFinite(get(s).max) ? get(s).max : undefined),\n      'aria-valuenow': (s) => get(s).value ?? undefined,\n      'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n      'aria-readonly': (s) => (get(s).readOnly ? 'true' : undefined),\n      disabled: (s) => get(s).disabled,\n      readOnly: (s) => get(s).readOnly,\n      value: (s) => get(s).rawText,\n      'data-scope': 'number-input',\n      'data-part': 'input',\n      onInput: tagSend(send, ['setRawText'], (e) => {\n        const text = (e.target as HTMLInputElement).value\n        send({ type: 'setRawText', text })\n        const parsed = parseFloat(text)\n        if (!isNaN(parsed)) trySetValue(parsed)\n      }),\n      onBlur: tagSend(send, ['commit'], () => send({ type: 'commit' })),\n      onKeyDown: tagSend(send, ['increment', 'decrement', 'toMin', 'toMax', 'commit'], (e) => {\n        switch (e.key) {\n          case 'ArrowUp':\n            e.preventDefault()\n            send({ type: 'increment' })\n            return\n          case 'ArrowDown':\n            e.preventDefault()\n            send({ type: 'decrement' })\n            return\n          case 'PageUp':\n            e.preventDefault()\n            send({ type: 'increment', multiplier: 10 })\n            return\n          case 'PageDown':\n            e.preventDefault()\n            send({ type: 'decrement', multiplier: 10 })\n            return\n          case 'Home':\n            e.preventDefault()\n            send({ type: 'toMin' })\n            return\n          case 'End':\n            e.preventDefault()\n            send({ type: 'toMax' })\n            return\n          case 'Enter':\n            e.preventDefault()\n            send({ type: 'commit' })\n            return\n        }\n      }),\n    },\n    increment: {\n      type: 'button',\n      'aria-label': incrementLabel,\n      'aria-disabled': (s) =>\n        get(s).disabled || get(s).readOnly || (get(s).value ?? 0) >= get(s).max\n          ? 'true'\n          : undefined,\n      disabled: (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) >= get(s).max,\n      'data-scope': 'number-input',\n      'data-part': 'increment',\n      tabIndex: -1,\n      onClick: tagSend(send, ['increment'], () => send({ type: 'increment' })),\n    },\n    decrement: {\n      type: 'button',\n      'aria-label': decrementLabel,\n      'aria-disabled': (s) =>\n        get(s).disabled || get(s).readOnly || (get(s).value ?? 0) <= get(s).min\n          ? 'true'\n          : undefined,\n      disabled: (s) => get(s).disabled || get(s).readOnly || (get(s).value ?? 0) <= get(s).min,\n      'data-scope': 'number-input',\n      'data-part': 'decrement',\n      tabIndex: -1,\n      onClick: tagSend(send, ['decrement'], () => send({ type: 'decrement' })),\n    },\n  }\n}\n\nexport const numberInput = { init, update, connect }\n"]}
+{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../src/components/number-input.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 * Number input — numeric field with increment/decrement buttons. Clamps\n * to min/max and snaps to step. Keyboard: Arrow Up/Down, PageUp/PageDown,\n * Home/End.\n */\n\nexport interface NumberInputState {\n  value: number | null\n  min: number\n  max: number\n  step: number\n  disabled: boolean\n  readOnly: boolean\n  /** Allow a free-text input value while the user is typing. */\n  rawText: string\n}\n\nexport type NumberInputMsg =\n  /** @intent(\"Set the numeric value (clamped to min/max, snapped to step)\") */\n  | { type: 'setValue'; value: number | null }\n  /** @humanOnly */\n  | { type: 'setRawText'; text: string }\n  /** @intent(\"Commit the in-progress text input — parse, clamp, snap, and update value\") */\n  | { type: 'commit' }\n  /** @intent(\"Increase value by step (or step × multiplier)\") */\n  | { type: 'increment'; multiplier?: number }\n  /** @intent(\"Decrease value by step (or step × multiplier)\") */\n  | { type: 'decrement'; multiplier?: number }\n  /** @intent(\"Snap value to the configured minimum\") */\n  | { type: 'toMin' }\n  /** @intent(\"Snap value to the configured maximum\") */\n  | { type: 'toMax' }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface NumberInputInit {\n  value?: number | null\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  readOnly?: boolean\n}\n\nexport function init(opts: NumberInputInit = {}): NumberInputState {\n  const value = opts.value ?? null\n  return {\n    value,\n    min: opts.min ?? -Infinity,\n    max: opts.max ?? Infinity,\n    step: opts.step ?? 1,\n    disabled: opts.disabled ?? false,\n    readOnly: opts.readOnly ?? false,\n    rawText: value === null ? '' : String(value),\n  }\n}\n\nfunction clamp(n: number, min: number, max: number): number {\n  if (n < min) return min\n  if (n > max) return max\n  return n\n}\n\nfunction snap(n: number, step: number, anchor = 0): number {\n  if (step <= 0) return n\n  const origin = isFinite(anchor) ? anchor : 0\n  const decimals = decimalPlaces(step)\n  const steps = Math.round((n - origin) / step)\n  const snapped = origin + steps * step\n  return Number(snapped.toFixed(decimals))\n}\n\nfunction decimalPlaces(n: number): number {\n  if (Math.floor(n) === n) return 0\n  const str = n.toString()\n  const dot = str.indexOf('.')\n  return dot === -1 ? 0 : str.length - dot - 1\n}\n\nexport function update(state: NumberInputState, msg: NumberInputMsg): [NumberInputState, never[]] {\n  if (msg.type !== 'setDisabled' && (state.disabled || state.readOnly)) {\n    // Allow setRawText for controlled typing? No — disabled means no interaction.\n    return [state, []]\n  }\n  switch (msg.type) {\n    case 'setValue': {\n      const v =\n        msg.value === null\n          ? null\n          : clamp(snap(msg.value, state.step, state.min), state.min, state.max)\n      return [{ ...state, value: v, rawText: v === null ? '' : String(v) }, []]\n    }\n    case 'setRawText':\n      return [{ ...state, rawText: msg.text }, []]\n    case 'commit': {\n      const parsed = parseFloat(state.rawText)\n      if (isNaN(parsed))\n        return [{ ...state, rawText: state.value === null ? '' : String(state.value) }, []]\n      const v = clamp(snap(parsed, state.step, state.min), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'increment': {\n      const base = state.value ?? 0\n      const raw = base + state.step * (msg.multiplier ?? 1)\n      const decimals = decimalPlaces(state.step)\n      const v = clamp(Number(raw.toFixed(decimals)), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'decrement': {\n      const base = state.value ?? 0\n      const raw = base - state.step * (msg.multiplier ?? 1)\n      const decimals = decimalPlaces(state.step)\n      const v = clamp(Number(raw.toFixed(decimals)), state.min, state.max)\n      return [{ ...state, value: v, rawText: String(v) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, value: state.min, rawText: String(state.min) }, []]\n    case 'toMax':\n      return [{ ...state, value: state.max, rawText: String(state.max) }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nexport interface NumberInputParts {\n  root: {\n    'data-scope': 'number-input'\n    'data-part': 'root'\n    'data-disabled': Signal<'' | undefined>\n  }\n  input: {\n    type: 'text'\n    role: 'spinbutton'\n    inputMode: 'decimal'\n    'aria-valuemin': Signal<number | undefined>\n    'aria-valuemax': Signal<number | undefined>\n    'aria-valuenow': Signal<number | undefined>\n    'aria-disabled': Signal<'true' | undefined>\n    'aria-readonly': Signal<'true' | undefined>\n    disabled: Signal<boolean>\n    readOnly: Signal<boolean>\n    value: Signal<string>\n    'data-scope': 'number-input'\n    'data-part': 'input'\n    onInput: (e: Event) => void\n    onBlur: (e: FocusEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n  increment: {\n    type: 'button'\n    'aria-label': string\n    'aria-disabled': Signal<'true' | undefined>\n    disabled: Signal<boolean>\n    'data-scope': 'number-input'\n    'data-part': 'increment'\n    tabIndex: -1\n    onClick: (e: MouseEvent) => void\n  }\n  decrement: {\n    type: 'button'\n    'aria-label': string\n    'aria-disabled': Signal<'true' | undefined>\n    disabled: Signal<boolean>\n    'data-scope': 'number-input'\n    'data-part': 'decrement'\n    tabIndex: -1\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  incrementLabel?: string\n  decrementLabel?: string\n  /** Validate the numeric value before committing. Non-empty array blocks setValue. */\n  validate?: (value: number) => string[] | null\n}\n\nexport function connect(\n  state: Signal<NumberInputState>,\n  send: Send<NumberInputMsg>,\n  opts: ConnectOptions = {},\n): NumberInputParts {\n  const locale = useContext(LocaleContext)\n  const incrementLabel = opts.incrementLabel ?? locale.numberInput.increment\n  const decrementLabel = opts.decrementLabel ?? locale.numberInput.decrement\n  const validate = opts.validate\n\n  const trySetValue = (value: number) => {\n    if (validate) {\n      const errors = validate(value)\n      if (errors && errors.length > 0) return\n    }\n    send({ type: 'setValue', value })\n  }\n\n  return {\n    root: {\n      'data-scope': 'number-input',\n      'data-part': 'root',\n      'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),\n    },\n    input: {\n      type: 'text',\n      role: 'spinbutton',\n      inputMode: 'decimal',\n      'aria-valuemin': state.map((st) => (isFinite(st.min) ? st.min : undefined)),\n      'aria-valuemax': state.map((st) => (isFinite(st.max) ? st.max : undefined)),\n      'aria-valuenow': state.map((st) => st.value ?? undefined),\n      'aria-disabled': state.map((st) => (st.disabled ? 'true' : undefined)),\n      'aria-readonly': state.map((st) => (st.readOnly ? 'true' : undefined)),\n      disabled: state.map((st) => st.disabled),\n      readOnly: state.map((st) => st.readOnly),\n      value: state.map((st) => st.rawText),\n      'data-scope': 'number-input',\n      'data-part': 'input',\n      onInput: tagSend(send, ['setRawText'], (e) => {\n        const text = (e.target as HTMLInputElement).value\n        send({ type: 'setRawText', text })\n        const parsed = parseFloat(text)\n        if (!isNaN(parsed)) trySetValue(parsed)\n      }),\n      onBlur: tagSend(send, ['commit'], () => send({ type: 'commit' })),\n      onKeyDown: tagSend(send, ['increment', 'decrement', 'toMin', 'toMax', 'commit'], (e) => {\n        switch (e.key) {\n          case 'ArrowUp':\n            e.preventDefault()\n            send({ type: 'increment' })\n            return\n          case 'ArrowDown':\n            e.preventDefault()\n            send({ type: 'decrement' })\n            return\n          case 'PageUp':\n            e.preventDefault()\n            send({ type: 'increment', multiplier: 10 })\n            return\n          case 'PageDown':\n            e.preventDefault()\n            send({ type: 'decrement', multiplier: 10 })\n            return\n          case 'Home':\n            e.preventDefault()\n            send({ type: 'toMin' })\n            return\n          case 'End':\n            e.preventDefault()\n            send({ type: 'toMax' })\n            return\n          case 'Enter':\n            e.preventDefault()\n            send({ type: 'commit' })\n            return\n        }\n      }),\n    },\n    increment: {\n      type: 'button',\n      'aria-label': incrementLabel,\n      'aria-disabled': state.map((st) =>\n        st.disabled || st.readOnly || (st.value ?? 0) >= st.max ? 'true' : undefined,\n      ),\n      disabled: state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) >= st.max),\n      'data-scope': 'number-input',\n      'data-part': 'increment',\n      tabIndex: -1,\n      onClick: tagSend(send, ['increment'], () => send({ type: 'increment' })),\n    },\n    decrement: {\n      type: 'button',\n      'aria-label': decrementLabel,\n      'aria-disabled': state.map((st) =>\n        st.disabled || st.readOnly || (st.value ?? 0) <= st.min ? 'true' : undefined,\n      ),\n      disabled: state.map((st) => st.disabled || st.readOnly || (st.value ?? 0) <= st.min),\n      'data-scope': 'number-input',\n      'data-part': 'decrement',\n      tabIndex: -1,\n      onClick: tagSend(send, ['decrement'], () => send({ type: 'decrement' })),\n    },\n  }\n}\n\nexport const numberInput = { init, update, connect }\n"]}

package/dist/components/pagination.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Pagination — page navigation with ellipses for large ranges.
  * `page` is 1-based. Siblings are the count of pages shown on each side
@@ -67,28 +67,28 @@ export type PageItem = {
  * `[first ..boundaries] … [siblings around current] … [boundaries ..last]`.
  */
 export declare function pageItems(state: PaginationState): PageItem[];
-export interface PaginationParts<S> {
+export interface PaginationParts {
     root: {
         role: 'navigation';
-        'aria-label': string | ((s: S) => string);
+        'aria-label': string;
         'data-scope': 'pagination';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
     };
     prevTrigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
-        'aria-disabled': (s: S) => 'true' | undefined;
-        disabled: (s: S) => boolean;
+        'aria-label': string;
+        'aria-disabled': Signal<'true' | undefined>;
+        disabled: Signal<boolean>;
         'data-scope': 'pagination';
         'data-part': 'prev-trigger';
         onClick: (e: MouseEvent) => void;
     };
     nextTrigger: {
         type: 'button';
-        'aria-label': string | ((s: S) => string);
-        'aria-disabled': (s: S) => 'true' | undefined;
-        disabled: (s: S) => boolean;
+        'aria-label': string;
+        'aria-disabled': Signal<'true' | undefined>;
+        disabled: Signal<boolean>;
         'data-scope': 'pagination';
         'data-part': 'next-trigger';
         onClick: (e: MouseEvent) => void;
@@ -96,8 +96,8 @@ export interface PaginationParts<S> {
     item: (page: number) => {
         type: 'button';
         'aria-label': string;
-        'aria-current': (s: S) => 'page' | undefined;
-        'data-selected': (s: S) => '' | undefined;
+        'aria-current': Signal<'page' | undefined>;
+        'data-selected': Signal<'' | undefined>;
         'data-scope': 'pagination';
         'data-part': 'item';
         'data-value': string;
@@ -116,7 +116,7 @@ export interface ConnectOptions {
     nextLabel?: string;
     pageLabel?: (page: number) => string;
 }
-export declare function connect<S>(get: (s: S) => PaginationState, send: Send<PaginationMsg>, opts?: ConnectOptions): PaginationParts<S>;
+export declare function connect(state: Signal<PaginationState>, send: Send<PaginationMsg>, opts?: ConnectOptions): PaginationParts;
 export declare const pagination: {
     init: typeof init;
     update: typeof update;

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

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

package/dist/components/pagination.js

@@ -79,11 +79,11 @@ export function pageItems(state) {
     }
     return items;
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
-    const label = opts.label ?? ((s) => locale(s).pagination.label);
-    const prevLabel = opts.prevLabel ?? ((s) => locale(s).pagination.prev);
-    const nextLabel = opts.nextLabel ?? ((s) => locale(s).pagination.next);
+    const label = opts.label ?? locale.pagination.label;
+    const prevLabel = opts.prevLabel ?? locale.pagination.prev;
+    const nextLabel = opts.nextLabel ?? locale.pagination.next;
     const pageLabel = opts.pageLabel ?? en.pagination.page;
     return {
         root: {
@@ -91,13 +91,13 @@ export function connect(get, send, opts = {}) {
             'aria-label': label,
             'data-scope': 'pagination',
             'data-part': 'root',
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),
         },
         prevTrigger: {
             type: 'button',
             'aria-label': prevLabel,
-            'aria-disabled': (s) => (get(s).page <= 1 || get(s).disabled ? 'true' : undefined),
-            disabled: (s) => get(s).page <= 1 || get(s).disabled,
+            'aria-disabled': state.map((st) => (st.page <= 1 || st.disabled ? 'true' : undefined)),
+            disabled: state.map((st) => st.page <= 1 || st.disabled),
             'data-scope': 'pagination',
             'data-part': 'prev-trigger',
             onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),
@@ -105,14 +105,8 @@ export function connect(get, send, opts = {}) {
         nextTrigger: {
             type: 'button',
             'aria-label': nextLabel,
-            'aria-disabled': (s) => {
-                const st = get(s);
-                return st.page >= totalPages(st) || st.disabled ? 'true' : undefined;
-            },
-            disabled: (s) => {
-                const st = get(s);
-                return st.page >= totalPages(st) || st.disabled;
-            },
+            'aria-disabled': state.map((st) => st.page >= totalPages(st) || st.disabled ? 'true' : undefined),
+            disabled: state.map((st) => st.page >= totalPages(st) || st.disabled),
             'data-scope': 'pagination',
             'data-part': 'next-trigger',
             onClick: tagSend(send, ['next'], () => send({ type: 'next' })),
@@ -120,8 +114,8 @@ export function connect(get, send, opts = {}) {
         item: (page) => ({
             type: 'button',
             'aria-label': pageLabel(page),
-            'aria-current': (s) => (get(s).page === page ? 'page' : undefined),
-            'data-selected': (s) => (get(s).page === page ? '' : undefined),
+            'aria-current': state.map((st) => (st.page === page ? 'page' : undefined)),
+            'data-selected': state.map((st) => (st.page === page ? '' : undefined)),
             'data-scope': 'pagination',
             'data-part': 'item',
             'data-value': String(page),

package/dist/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext, en } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Pagination — page navigation with ellipses for large ranges.\n * `page` is 1-based. Siblings are the count of pages shown on each side\n * of the current page. Boundaries are shown at the start/end.\n */\n\nexport interface PaginationState {\n  page: number\n  pageSize: number\n  total: number\n  siblings: number\n  boundaries: number\n  disabled: boolean\n}\n\nexport type PaginationMsg =\n  /** @intent(\"Jump to a specific 1-based page number\") */\n  | { type: 'goTo'; page: number }\n  /** @intent(\"Advance to the next page\") */\n  | { type: 'next' }\n  /** @intent(\"Go back to the previous page\") */\n  | { type: 'prev' }\n  /** @intent(\"Jump to the first page\") */\n  | { type: 'first' }\n  /** @intent(\"Jump to the last page\") */\n  | { type: 'last' }\n  /** @intent(\"Change how many items each page contains\") */\n  | { type: 'setPageSize'; pageSize: number }\n  /** @humanOnly */\n  | { type: 'setTotal'; total: number }\n\nexport interface PaginationInit {\n  page?: number\n  pageSize?: number\n  total?: number\n  siblings?: number\n  boundaries?: number\n  disabled?: boolean\n}\n\nexport function init(opts: PaginationInit = {}): PaginationState {\n  return {\n    page: opts.page ?? 1,\n    pageSize: opts.pageSize ?? 10,\n    total: opts.total ?? 0,\n    siblings: opts.siblings ?? 1,\n    boundaries: opts.boundaries ?? 1,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function totalPages(state: PaginationState): number {\n  if (state.pageSize <= 0 || state.total <= 0) return 0\n  return Math.max(1, Math.ceil(state.total / state.pageSize))\n}\n\nfunction clampPage(page: number, total: number): number {\n  if (total === 0) return 1\n  return Math.max(1, Math.min(page, total))\n}\n\nexport function update(state: PaginationState, msg: PaginationMsg): [PaginationState, never[]] {\n  if (state.disabled) return [state, []]\n  const pages = totalPages(state)\n  switch (msg.type) {\n    case 'goTo':\n      return [{ ...state, page: clampPage(msg.page, pages) }, []]\n    case 'next':\n      return [{ ...state, page: clampPage(state.page + 1, pages) }, []]\n    case 'prev':\n      return [{ ...state, page: clampPage(state.page - 1, pages) }, []]\n    case 'first':\n      return [{ ...state, page: 1 }, []]\n    case 'last':\n      return [{ ...state, page: pages }, []]\n    case 'setPageSize': {\n      // Preserve first visible item when pageSize changes\n      const firstItem = (state.page - 1) * state.pageSize\n      const nextPage = Math.floor(firstItem / msg.pageSize) + 1\n      const nextPages = Math.max(1, Math.ceil(state.total / msg.pageSize))\n      return [{ ...state, pageSize: msg.pageSize, page: Math.min(nextPage, nextPages) }, []]\n    }\n    case 'setTotal': {\n      const nextPages = Math.max(1, Math.ceil(msg.total / state.pageSize))\n      return [{ ...state, total: msg.total, page: Math.min(state.page, nextPages) }, []]\n    }\n  }\n}\n\nexport type PageItem =\n  | { type: 'page'; page: number }\n  | { type: 'ellipsis'; position: 'start' | 'end' }\n\n/**\n * Compute the visible page buttons with ellipses:\n * `[first ..boundaries] … [siblings around current] … [boundaries ..last]`.\n */\nexport function pageItems(state: PaginationState): PageItem[] {\n  const pages = totalPages(state)\n  if (pages === 0) return []\n\n  // Build the set of pages we want to show: first boundary, last boundary,\n  // and current ± siblings.\n  const pageSet = new Set<number>()\n  for (let i = 1; i <= Math.min(state.boundaries, pages); i++) pageSet.add(i)\n  for (let i = Math.max(pages - state.boundaries + 1, 1); i <= pages; i++) pageSet.add(i)\n  const start = Math.max(1, state.page - state.siblings)\n  const end = Math.min(pages, state.page + state.siblings)\n  for (let i = start; i <= end; i++) pageSet.add(i)\n\n  // Emit items in order, inserting ellipses for gaps > 1.\n  const sorted = [...pageSet].sort((a, b) => a - b)\n  const items: PageItem[] = []\n  for (let i = 0; i < sorted.length; i++) {\n    const page = sorted[i]!\n    items.push({ type: 'page', page })\n    if (i < sorted.length - 1 && sorted[i + 1]! - page > 1) {\n      items.push({ type: 'ellipsis', position: page < state.page ? 'start' : 'end' })\n    }\n  }\n  return items\n}\n\nexport interface PaginationParts<S> {\n  root: {\n    role: 'navigation'\n    'aria-label': string | ((s: S) => string)\n    'data-scope': 'pagination'\n    'data-part': 'root'\n    'data-disabled': (s: S) => '' | undefined\n  }\n  prevTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-scope': 'pagination'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  nextTrigger: {\n    type: 'button'\n    'aria-label': string | ((s: S) => string)\n    'aria-disabled': (s: S) => 'true' | undefined\n    disabled: (s: S) => boolean\n    'data-scope': 'pagination'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  item: (page: number) => {\n    type: 'button'\n    'aria-label': string\n    'aria-current': (s: S) => 'page' | undefined\n    'data-selected': (s: S) => '' | undefined\n    'data-scope': 'pagination'\n    'data-part': 'item'\n    'data-value': string\n    onClick: (e: MouseEvent) => void\n  }\n  ellipsis: (position: 'start' | 'end') => {\n    'aria-hidden': 'true'\n    'data-scope': 'pagination'\n    'data-part': 'ellipsis'\n    'data-position': 'start' | 'end'\n  }\n}\n\nexport interface ConnectOptions {\n  label?: string\n  prevLabel?: string\n  nextLabel?: string\n  pageLabel?: (page: number) => string\n}\n\nexport function connect<S>(\n  get: (s: S) => PaginationState,\n  send: Send<PaginationMsg>,\n  opts: ConnectOptions = {},\n): PaginationParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const label: string | ((s: S) => string) = opts.label ?? ((s: S) => locale(s).pagination.label)\n  const prevLabel: string | ((s: S) => string) =\n    opts.prevLabel ?? ((s: S) => locale(s).pagination.prev)\n  const nextLabel: string | ((s: S) => string) =\n    opts.nextLabel ?? ((s: S) => locale(s).pagination.next)\n  const pageLabel = opts.pageLabel ?? en.pagination.page\n\n  return {\n    root: {\n      role: 'navigation',\n      'aria-label': label,\n      'data-scope': 'pagination',\n      'data-part': 'root',\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    prevTrigger: {\n      type: 'button',\n      'aria-label': prevLabel,\n      'aria-disabled': (s) => (get(s).page <= 1 || get(s).disabled ? 'true' : undefined),\n      disabled: (s) => get(s).page <= 1 || get(s).disabled,\n      'data-scope': 'pagination',\n      'data-part': 'prev-trigger',\n      onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),\n    },\n    nextTrigger: {\n      type: 'button',\n      'aria-label': nextLabel,\n      'aria-disabled': (s) => {\n        const st = get(s)\n        return st.page >= totalPages(st) || st.disabled ? 'true' : undefined\n      },\n      disabled: (s) => {\n        const st = get(s)\n        return st.page >= totalPages(st) || st.disabled\n      },\n      'data-scope': 'pagination',\n      'data-part': 'next-trigger',\n      onClick: tagSend(send, ['next'], () => send({ type: 'next' })),\n    },\n    item: (page: number) => ({\n      type: 'button',\n      'aria-label': pageLabel(page),\n      'aria-current': (s) => (get(s).page === page ? 'page' : undefined),\n      'data-selected': (s) => (get(s).page === page ? '' : undefined),\n      'data-scope': 'pagination',\n      'data-part': 'item',\n      'data-value': String(page),\n      onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', page })),\n    }),\n    ellipsis: (position: 'start' | 'end') => ({\n      'aria-hidden': 'true',\n      'data-scope': 'pagination',\n      'data-part': 'ellipsis',\n      'data-position': position,\n    }),\n  }\n}\n\nexport const pagination = { init, update, connect, totalPages, pageItems }\n"]}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AA0ChD,MAAM,UAAU,IAAI,CAAC,OAAuB,EAAE;IAC5C,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC;QACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE;QAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;QACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC;QAC5B,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC;QAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC;QAAE,OAAO,CAAC,CAAA;IACrD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAC7D,CAAC;AAED,SAAS,SAAS,CAAC,IAAY,EAAE,KAAa;IAC5C,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IACzB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAsB,EAAE,GAAkB;IAC/D,IAAI,KAAK,CAAC,QAAQ;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC/B,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QAC7D,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACnE,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACnE,KAAK,OAAO;YACV,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACpC,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA;QACxC,KAAK,aAAa,CAAC,CAAC,CAAC;YACnB,oDAAoD;YACpD,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;YACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;YACzD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;YACpE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACxF,CAAC;QACD,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;YACpE,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACpF,CAAC;IACH,CAAC;AACH,CAAC;AAMD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC/B,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IAE1B,yEAAyE;IACzE,0BAA0B;IAC1B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAA;IACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE;QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC3E,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE;QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IACvF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IACtD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxD,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;QAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAEjD,wDAAwD;IACxD,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACjD,MAAM,KAAK,GAAe,EAAE,CAAA;IAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACvB,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;QAClC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,CAAE,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;YACvD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;QACjF,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAqDD,MAAM,UAAU,OAAO,CACrB,KAA8B,EAC9B,IAAyB,EACzB,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAA;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAA;IAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAA;IAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAA;IAEtD,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SACnE;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACtF,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC;YACxD,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAChC,EAAE,CAAC,IAAI,IAAI,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAC9D;YACD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC;YACrE,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SAC/D;QACD,IAAI,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;YACvB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC;YAC7B,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC1E,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACvE,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC;YAC1B,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SACrE,CAAC;QACF,QAAQ,EAAE,CAAC,QAAyB,EAAE,EAAE,CAAC,CAAC;YACxC,aAAa,EAAE,MAAM;YACrB,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,UAAU;YACvB,eAAe,EAAE,QAAQ;SAC1B,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext, en } from '../locale.js'\n\n/**\n * Pagination — page navigation with ellipses for large ranges.\n * `page` is 1-based. Siblings are the count of pages shown on each side\n * of the current page. Boundaries are shown at the start/end.\n */\n\nexport interface PaginationState {\n  page: number\n  pageSize: number\n  total: number\n  siblings: number\n  boundaries: number\n  disabled: boolean\n}\n\nexport type PaginationMsg =\n  /** @intent(\"Jump to a specific 1-based page number\") */\n  | { type: 'goTo'; page: number }\n  /** @intent(\"Advance to the next page\") */\n  | { type: 'next' }\n  /** @intent(\"Go back to the previous page\") */\n  | { type: 'prev' }\n  /** @intent(\"Jump to the first page\") */\n  | { type: 'first' }\n  /** @intent(\"Jump to the last page\") */\n  | { type: 'last' }\n  /** @intent(\"Change how many items each page contains\") */\n  | { type: 'setPageSize'; pageSize: number }\n  /** @humanOnly */\n  | { type: 'setTotal'; total: number }\n\nexport interface PaginationInit {\n  page?: number\n  pageSize?: number\n  total?: number\n  siblings?: number\n  boundaries?: number\n  disabled?: boolean\n}\n\nexport function init(opts: PaginationInit = {}): PaginationState {\n  return {\n    page: opts.page ?? 1,\n    pageSize: opts.pageSize ?? 10,\n    total: opts.total ?? 0,\n    siblings: opts.siblings ?? 1,\n    boundaries: opts.boundaries ?? 1,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function totalPages(state: PaginationState): number {\n  if (state.pageSize <= 0 || state.total <= 0) return 0\n  return Math.max(1, Math.ceil(state.total / state.pageSize))\n}\n\nfunction clampPage(page: number, total: number): number {\n  if (total === 0) return 1\n  return Math.max(1, Math.min(page, total))\n}\n\nexport function update(state: PaginationState, msg: PaginationMsg): [PaginationState, never[]] {\n  if (state.disabled) return [state, []]\n  const pages = totalPages(state)\n  switch (msg.type) {\n    case 'goTo':\n      return [{ ...state, page: clampPage(msg.page, pages) }, []]\n    case 'next':\n      return [{ ...state, page: clampPage(state.page + 1, pages) }, []]\n    case 'prev':\n      return [{ ...state, page: clampPage(state.page - 1, pages) }, []]\n    case 'first':\n      return [{ ...state, page: 1 }, []]\n    case 'last':\n      return [{ ...state, page: pages }, []]\n    case 'setPageSize': {\n      // Preserve first visible item when pageSize changes\n      const firstItem = (state.page - 1) * state.pageSize\n      const nextPage = Math.floor(firstItem / msg.pageSize) + 1\n      const nextPages = Math.max(1, Math.ceil(state.total / msg.pageSize))\n      return [{ ...state, pageSize: msg.pageSize, page: Math.min(nextPage, nextPages) }, []]\n    }\n    case 'setTotal': {\n      const nextPages = Math.max(1, Math.ceil(msg.total / state.pageSize))\n      return [{ ...state, total: msg.total, page: Math.min(state.page, nextPages) }, []]\n    }\n  }\n}\n\nexport type PageItem =\n  | { type: 'page'; page: number }\n  | { type: 'ellipsis'; position: 'start' | 'end' }\n\n/**\n * Compute the visible page buttons with ellipses:\n * `[first ..boundaries] … [siblings around current] … [boundaries ..last]`.\n */\nexport function pageItems(state: PaginationState): PageItem[] {\n  const pages = totalPages(state)\n  if (pages === 0) return []\n\n  // Build the set of pages we want to show: first boundary, last boundary,\n  // and current ± siblings.\n  const pageSet = new Set<number>()\n  for (let i = 1; i <= Math.min(state.boundaries, pages); i++) pageSet.add(i)\n  for (let i = Math.max(pages - state.boundaries + 1, 1); i <= pages; i++) pageSet.add(i)\n  const start = Math.max(1, state.page - state.siblings)\n  const end = Math.min(pages, state.page + state.siblings)\n  for (let i = start; i <= end; i++) pageSet.add(i)\n\n  // Emit items in order, inserting ellipses for gaps > 1.\n  const sorted = [...pageSet].sort((a, b) => a - b)\n  const items: PageItem[] = []\n  for (let i = 0; i < sorted.length; i++) {\n    const page = sorted[i]!\n    items.push({ type: 'page', page })\n    if (i < sorted.length - 1 && sorted[i + 1]! - page > 1) {\n      items.push({ type: 'ellipsis', position: page < state.page ? 'start' : 'end' })\n    }\n  }\n  return items\n}\n\nexport interface PaginationParts {\n  root: {\n    role: 'navigation'\n    'aria-label': string\n    'data-scope': 'pagination'\n    'data-part': 'root'\n    'data-disabled': Signal<'' | undefined>\n  }\n  prevTrigger: {\n    type: 'button'\n    'aria-label': string\n    'aria-disabled': Signal<'true' | undefined>\n    disabled: Signal<boolean>\n    'data-scope': 'pagination'\n    'data-part': 'prev-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  nextTrigger: {\n    type: 'button'\n    'aria-label': string\n    'aria-disabled': Signal<'true' | undefined>\n    disabled: Signal<boolean>\n    'data-scope': 'pagination'\n    'data-part': 'next-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n  item: (page: number) => {\n    type: 'button'\n    'aria-label': string\n    'aria-current': Signal<'page' | undefined>\n    'data-selected': Signal<'' | undefined>\n    'data-scope': 'pagination'\n    'data-part': 'item'\n    'data-value': string\n    onClick: (e: MouseEvent) => void\n  }\n  ellipsis: (position: 'start' | 'end') => {\n    'aria-hidden': 'true'\n    'data-scope': 'pagination'\n    'data-part': 'ellipsis'\n    'data-position': 'start' | 'end'\n  }\n}\n\nexport interface ConnectOptions {\n  label?: string\n  prevLabel?: string\n  nextLabel?: string\n  pageLabel?: (page: number) => string\n}\n\nexport function connect(\n  state: Signal<PaginationState>,\n  send: Send<PaginationMsg>,\n  opts: ConnectOptions = {},\n): PaginationParts {\n  const locale = useContext(LocaleContext)\n  const label = opts.label ?? locale.pagination.label\n  const prevLabel = opts.prevLabel ?? locale.pagination.prev\n  const nextLabel = opts.nextLabel ?? locale.pagination.next\n  const pageLabel = opts.pageLabel ?? en.pagination.page\n\n  return {\n    root: {\n      role: 'navigation',\n      'aria-label': label,\n      'data-scope': 'pagination',\n      'data-part': 'root',\n      'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),\n    },\n    prevTrigger: {\n      type: 'button',\n      'aria-label': prevLabel,\n      'aria-disabled': state.map((st) => (st.page <= 1 || st.disabled ? 'true' : undefined)),\n      disabled: state.map((st) => st.page <= 1 || st.disabled),\n      'data-scope': 'pagination',\n      'data-part': 'prev-trigger',\n      onClick: tagSend(send, ['prev'], () => send({ type: 'prev' })),\n    },\n    nextTrigger: {\n      type: 'button',\n      'aria-label': nextLabel,\n      'aria-disabled': state.map((st) =>\n        st.page >= totalPages(st) || st.disabled ? 'true' : undefined,\n      ),\n      disabled: state.map((st) => st.page >= totalPages(st) || st.disabled),\n      'data-scope': 'pagination',\n      'data-part': 'next-trigger',\n      onClick: tagSend(send, ['next'], () => send({ type: 'next' })),\n    },\n    item: (page: number) => ({\n      type: 'button',\n      'aria-label': pageLabel(page),\n      'aria-current': state.map((st) => (st.page === page ? 'page' : undefined)),\n      'data-selected': state.map((st) => (st.page === page ? '' : undefined)),\n      'data-scope': 'pagination',\n      'data-part': 'item',\n      'data-value': String(page),\n      onClick: tagSend(send, ['goTo'], () => send({ type: 'goTo', page })),\n    }),\n    ellipsis: (position: 'start' | 'end') => ({\n      'aria-hidden': 'true',\n      'data-scope': 'pagination',\n      'data-part': 'ellipsis',\n      'data-position': position,\n    }),\n  }\n}\n\nexport const pagination = { init, update, connect, totalPages, pageItems }\n"]}

package/dist/components/password-input.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Password input — text input with show/hide visibility toggle.
  */
@@ -29,27 +29,27 @@ export interface PasswordInputInit {
 }
 export declare function init(opts?: PasswordInputInit): PasswordInputState;
 export declare function update(state: PasswordInputState, msg: PasswordInputMsg): [PasswordInputState, never[]];
-export interface PasswordInputParts<S> {
+export interface PasswordInputParts {
     root: {
         'data-scope': 'password-input';
         'data-part': 'root';
-        'data-visible': (s: S) => '' | undefined;
-        'data-disabled': (s: S) => '' | undefined;
+        'data-visible': Signal<'' | undefined>;
+        'data-disabled': Signal<'' | undefined>;
     };
     input: {
-        type: (s: S) => 'text' | 'password';
+        type: Signal<'text' | 'password'>;
         autoComplete: string;
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
         'data-scope': 'password-input';
         'data-part': 'input';
         onInput: (e: Event) => void;
     };
     visibilityTrigger: {
         type: 'button';
-        'aria-label': (s: S) => string;
-        'aria-pressed': (s: S) => boolean;
-        disabled: (s: S) => boolean;
+        'aria-label': Signal<string>;
+        'aria-pressed': Signal<boolean>;
+        disabled: Signal<boolean>;
         tabIndex: -1;
         'data-scope': 'password-input';
         'data-part': 'visibility-trigger';
@@ -61,7 +61,7 @@ export interface ConnectOptions {
     showLabel?: string;
     hideLabel?: string;
 }
-export declare function connect<S>(get: (s: S) => PasswordInputState, send: Send<PasswordInputMsg>, opts?: ConnectOptions): PasswordInputParts<S>;
+export declare function connect(state: Signal<PasswordInputState>, send: Send<PasswordInputMsg>, opts?: ConnectOptions): PasswordInputParts;
 export declare const passwordInput: {
     init: typeof init;
     update: typeof update;

package/dist/components/password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/components/password-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAKrC;;GAEG;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,gBAAgB;AAC1B,6DAA6D;AAC3D;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACrC,qDAAqD;GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE;AAC9B,sEAAsE;GACpE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,iBAAsB,GAAG,kBAAkB,CAMrE;AAED,wBAAgB,MAAM,CACpB,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,gBAAgB,GACpB,CAAC,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAU/B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,UAAU,CAAA;QACnC,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC9B,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,oBAAoB,CAAA;QACjC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,kBAAkB,EACjC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAC5B,IAAI,GAAE,cAAmB,GACxB,kBAAkB,CAAC,CAAC,CAAC,CAsCvB;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/components/password-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAI7C;;GAEG;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,gBAAgB;AAC1B,6DAA6D;AAC3D;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACrC,qDAAqD;GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE;AAC9B,sEAAsE;GACpE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,iBAAsB,GAAG,kBAAkB,CAMrE;AAED,wBAAgB,MAAM,CACpB,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,gBAAgB,GACpB,CAAC,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAU/B;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QACtC,eAAe,EAAE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;KACxC,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,CAAA;QACjC,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QACrB,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC5B,CAAA;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;QAC5B,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QAC/B,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,gBAAgB,CAAA;QAC9B,WAAW,EAAE,oBAAoB,CAAA;QACjC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,CAAC,kBAAkB,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAC5B,IAAI,GAAE,cAAmB,GACxB,kBAAkB,CAuCpB;AAED,eAAO,MAAM,aAAa;;;;CAA4B,CAAA"}

package/dist/components/password-input.js

@@ -19,7 +19,7 @@ export function update(state, msg) {
             return [{ ...state, visible: msg.visible }, []];
     }
 }
-export function connect(get, send, opts = {}) {
+export function connect(state, send, opts = {}) {
     const locale = useContext(LocaleContext);
     const autoComplete = opts.autoComplete ?? 'current-password';
     const showLabel = opts.showLabel;
@@ -28,25 +28,25 @@ export function connect(get, send, opts = {}) {
         root: {
             'data-scope': 'password-input',
             'data-part': 'root',
-            'data-visible': (s) => (get(s).visible ? '' : undefined),
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-visible': state.map((st) => (st.visible ? '' : undefined)),
+            'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),
         },
         input: {
-            type: (s) => (get(s).visible ? 'text' : 'password'),
+            type: state.map((st) => (st.visible ? 'text' : 'password')),
             autoComplete,
-            disabled: (s) => get(s).disabled,
-            value: (s) => get(s).value,
+            disabled: state.map((st) => st.disabled),
+            value: state.map((st) => st.value),
             'data-scope': 'password-input',
             'data-part': 'input',
             onInput: tagSend(send, ['setValue'], (e) => send({ type: 'setValue', value: e.target.value })),
         },
         visibilityTrigger: {
             type: 'button',
-            'aria-label': (s) => get(s).visible
-                ? (hideLabel ?? locale(s).passwordInput.hide)
-                : (showLabel ?? locale(s).passwordInput.show),
-            'aria-pressed': (s) => get(s).visible,
-            disabled: (s) => get(s).disabled,
+            'aria-label': state.map((st) => st.visible
+                ? (hideLabel ?? locale.passwordInput.hide)
+                : (showLabel ?? locale.passwordInput.show)),
+            'aria-pressed': state.map((st) => st.visible),
+            disabled: state.map((st) => st.disabled),
             tabIndex: -1,
             'data-scope': 'password-input',
             'data-part': 'visibility-trigger',

package/dist/components/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA2B5C,MAAM,UAAU,IAAI,CAAC,OAA0B,EAAE;IAC/C,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;QAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;KACjC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,KAAyB,EACzB,GAAqB;IAErB,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACjE,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,kBAAkB;YACrB,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;QACpD,KAAK,YAAY;YACf,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IACnD,CAAC;AACH,CAAC;AAoCD,MAAM,UAAU,OAAO,CACrB,GAAiC,EACjC,IAA4B,EAC5B,OAAuB,EAAE;IAEzB,MAAM,MAAM,GAAG,UAAU,CAAY,aAAa,CAAC,CAAA;IACnD,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAA;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;IAChC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;IAEhC,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,gBAAgB;YAC9B,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACxD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SAC3D;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;YACnD,YAAY;YACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;YAC1B,YAAY,EAAE,gBAAgB;YAC9B,WAAW,EAAE,OAAO;YACpB,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CACzC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,CACxE;SACF;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO;gBACZ,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;gBAC7C,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;YACjD,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO;YACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ;YAChC,QAAQ,EAAE,CAAC,CAAC;YACZ,YAAY,EAAE,gBAAgB;YAC9B,WAAW,EAAE,oBAAoB;YACjC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;SACvF;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import type { Send } from '@llui/dom'\nimport { useContext, tagSend } from '@llui/dom'\nimport { LocaleContext } from '../locale.js'\nimport type { Locale } from '../locale.js'\n\n/**\n * Password input — text input with show/hide visibility toggle.\n */\n\nexport interface PasswordInputState {\n  value: string\n  visible: boolean\n  disabled: boolean\n}\n\nexport type PasswordInputMsg =\n  /** @intent(\"Update the password value as the user types\") */\n  | { type: 'setValue'; value: string }\n  /** @intent(\"Toggle the show/hide-password state\") */\n  | { type: 'toggleVisibility' }\n  /** @intent(\"Set the show/hide-password state to a specific value\") */\n  | { type: 'setVisible'; visible: boolean }\n\nexport interface PasswordInputInit {\n  value?: string\n  visible?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: PasswordInputInit = {}): PasswordInputState {\n  return {\n    value: opts.value ?? '',\n    visible: opts.visible ?? false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(\n  state: PasswordInputState,\n  msg: PasswordInputMsg,\n): [PasswordInputState, never[]] {\n  if (state.disabled && msg.type !== 'setValue') return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'toggleVisibility':\n      return [{ ...state, visible: !state.visible }, []]\n    case 'setVisible':\n      return [{ ...state, visible: msg.visible }, []]\n  }\n}\n\nexport interface PasswordInputParts<S> {\n  root: {\n    'data-scope': 'password-input'\n    'data-part': 'root'\n    'data-visible': (s: S) => '' | undefined\n    'data-disabled': (s: S) => '' | undefined\n  }\n  input: {\n    type: (s: S) => 'text' | 'password'\n    autoComplete: string\n    disabled: (s: S) => boolean\n    value: (s: S) => string\n    'data-scope': 'password-input'\n    'data-part': 'input'\n    onInput: (e: Event) => void\n  }\n  visibilityTrigger: {\n    type: 'button'\n    'aria-label': (s: S) => string\n    'aria-pressed': (s: S) => boolean\n    disabled: (s: S) => boolean\n    tabIndex: -1\n    'data-scope': 'password-input'\n    'data-part': 'visibility-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  autoComplete?: string\n  showLabel?: string\n  hideLabel?: string\n}\n\nexport function connect<S>(\n  get: (s: S) => PasswordInputState,\n  send: Send<PasswordInputMsg>,\n  opts: ConnectOptions = {},\n): PasswordInputParts<S> {\n  const locale = useContext<S, Locale>(LocaleContext)\n  const autoComplete = opts.autoComplete ?? 'current-password'\n  const showLabel = opts.showLabel\n  const hideLabel = opts.hideLabel\n\n  return {\n    root: {\n      'data-scope': 'password-input',\n      'data-part': 'root',\n      'data-visible': (s) => (get(s).visible ? '' : undefined),\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    input: {\n      type: (s) => (get(s).visible ? 'text' : 'password'),\n      autoComplete,\n      disabled: (s) => get(s).disabled,\n      value: (s) => get(s).value,\n      'data-scope': 'password-input',\n      'data-part': 'input',\n      onInput: tagSend(send, ['setValue'], (e) =>\n        send({ type: 'setValue', value: (e.target as HTMLInputElement).value }),\n      ),\n    },\n    visibilityTrigger: {\n      type: 'button',\n      'aria-label': (s) =>\n        get(s).visible\n          ? (hideLabel ?? locale(s).passwordInput.hide)\n          : (showLabel ?? locale(s).passwordInput.show),\n      'aria-pressed': (s) => get(s).visible,\n      disabled: (s) => get(s).disabled,\n      tabIndex: -1,\n      'data-scope': 'password-input',\n      'data-part': 'visibility-trigger',\n      onClick: tagSend(send, ['toggleVisibility'], () => send({ type: 'toggleVisibility' })),\n    },\n  }\n}\n\nexport const passwordInput = { init, update, connect }\n"]}
+{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input.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 * Password input — text input with show/hide visibility toggle.\n */\n\nexport interface PasswordInputState {\n  value: string\n  visible: boolean\n  disabled: boolean\n}\n\nexport type PasswordInputMsg =\n  /** @intent(\"Update the password value as the user types\") */\n  | { type: 'setValue'; value: string }\n  /** @intent(\"Toggle the show/hide-password state\") */\n  | { type: 'toggleVisibility' }\n  /** @intent(\"Set the show/hide-password state to a specific value\") */\n  | { type: 'setVisible'; visible: boolean }\n\nexport interface PasswordInputInit {\n  value?: string\n  visible?: boolean\n  disabled?: boolean\n}\n\nexport function init(opts: PasswordInputInit = {}): PasswordInputState {\n  return {\n    value: opts.value ?? '',\n    visible: opts.visible ?? false,\n    disabled: opts.disabled ?? false,\n  }\n}\n\nexport function update(\n  state: PasswordInputState,\n  msg: PasswordInputMsg,\n): [PasswordInputState, never[]] {\n  if (state.disabled && msg.type !== 'setValue') return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'toggleVisibility':\n      return [{ ...state, visible: !state.visible }, []]\n    case 'setVisible':\n      return [{ ...state, visible: msg.visible }, []]\n  }\n}\n\nexport interface PasswordInputParts {\n  root: {\n    'data-scope': 'password-input'\n    'data-part': 'root'\n    'data-visible': Signal<'' | undefined>\n    'data-disabled': Signal<'' | undefined>\n  }\n  input: {\n    type: Signal<'text' | 'password'>\n    autoComplete: string\n    disabled: Signal<boolean>\n    value: Signal<string>\n    'data-scope': 'password-input'\n    'data-part': 'input'\n    onInput: (e: Event) => void\n  }\n  visibilityTrigger: {\n    type: 'button'\n    'aria-label': Signal<string>\n    'aria-pressed': Signal<boolean>\n    disabled: Signal<boolean>\n    tabIndex: -1\n    'data-scope': 'password-input'\n    'data-part': 'visibility-trigger'\n    onClick: (e: MouseEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  autoComplete?: string\n  showLabel?: string\n  hideLabel?: string\n}\n\nexport function connect(\n  state: Signal<PasswordInputState>,\n  send: Send<PasswordInputMsg>,\n  opts: ConnectOptions = {},\n): PasswordInputParts {\n  const locale = useContext(LocaleContext)\n  const autoComplete = opts.autoComplete ?? 'current-password'\n  const showLabel = opts.showLabel\n  const hideLabel = opts.hideLabel\n\n  return {\n    root: {\n      'data-scope': 'password-input',\n      'data-part': 'root',\n      'data-visible': state.map((st) => (st.visible ? '' : undefined)),\n      'data-disabled': state.map((st) => (st.disabled ? '' : undefined)),\n    },\n    input: {\n      type: state.map((st) => (st.visible ? 'text' : 'password')),\n      autoComplete,\n      disabled: state.map((st) => st.disabled),\n      value: state.map((st) => st.value),\n      'data-scope': 'password-input',\n      'data-part': 'input',\n      onInput: tagSend(send, ['setValue'], (e) =>\n        send({ type: 'setValue', value: (e.target as HTMLInputElement).value }),\n      ),\n    },\n    visibilityTrigger: {\n      type: 'button',\n      'aria-label': state.map((st) =>\n        st.visible\n          ? (hideLabel ?? locale.passwordInput.hide)\n          : (showLabel ?? locale.passwordInput.show),\n      ),\n      'aria-pressed': state.map((st) => st.visible),\n      disabled: state.map((st) => st.disabled),\n      tabIndex: -1,\n      'data-scope': 'password-input',\n      'data-part': 'visibility-trigger',\n      onClick: tagSend(send, ['toggleVisibility'], () => send({ type: 'toggleVisibility' })),\n    },\n  }\n}\n\nexport const passwordInput = { init, update, connect }\n"]}

package/dist/components/pin-input.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Pin input — a sequence of single-character fields for OTP codes, etc.
  * Auto-advances on input, handles backspace to previous field, supports
@@ -50,13 +50,13 @@ export declare function init(opts?: PinInputInit): PinInputState;
 export declare function update(state: PinInputState, msg: PinInputMsg): [PinInputState, never[]];
 export declare function isComplete(state: PinInputState): boolean;
 export declare function getValue(state: PinInputState): string;
-export interface PinInputParts<S> {
+export interface PinInputParts {
     root: {
         role: 'group';
         'aria-labelledby': string;
         'data-scope': 'pin-input';
         'data-part': 'root';
-        'data-disabled': (s: S) => '' | undefined;
+        'data-disabled': Signal<'' | undefined>;
     };
     label: {
         id: string;
@@ -65,14 +65,14 @@ export interface PinInputParts<S> {
     };
     /** Props for the input at a given index. */
     input: (index: number) => {
-        type: (s: S) => 'text' | 'password';
-        inputMode: (s: S) => 'numeric' | 'text';
-        pattern: (s: S) => string;
+        type: Signal<'text' | 'password'>;
+        inputMode: Signal<'numeric' | 'text'>;
+        pattern: Signal<string>;
         maxLength: 1;
         autoComplete: 'off';
         'aria-label': string;
-        disabled: (s: S) => boolean;
-        value: (s: S) => string;
+        disabled: Signal<boolean>;
+        value: Signal<string>;
         'data-scope': 'pin-input';
         'data-part': 'input';
         'data-index': string;
@@ -88,7 +88,7 @@ export interface ConnectOptions {
     /** Validate each character before setting. Non-empty array blocks setDigit. */
     validate?: (value: string) => string[] | null;
 }
-export declare function connect<S>(get: (s: S) => PinInputState, send: Send<PinInputMsg>, opts: ConnectOptions): PinInputParts<S>;
+export declare function connect(state: Signal<PinInputState>, send: Send<PinInputMsg>, opts: ConnectOptions): PinInputParts;
 export declare const pinInput: {
     init: typeof init;
     update: typeof update;