@llui/components 0.4.10 → 0.5.1

package/dist/components/slider.js

@@ -75,18 +75,18 @@ function thumbPercent(state, index) {
         return 0;
     return ((v - state.min) / range) * 100;
 }
-export function connect(get, send) {
+export function connect(state, send) {
     return {
         root: {
             'data-scope': 'slider',
             'data-part': 'root',
-            'data-orientation': (s) => get(s).orientation,
-            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            'data-orientation': state.map((s) => s.orientation),
+            'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
         },
         control: {
             'data-scope': 'slider',
             'data-part': 'control',
-            'data-orientation': (s) => get(s).orientation,
+            'data-orientation': state.map((s) => s.orientation),
             // Consumers attach their own pointer drag logic via onMount, using
             // `valueFromPoint` + `closestThumbIndex` helpers. The connect layer
             // preventDefault's to suppress text selection while dragging.
@@ -95,33 +95,33 @@ export function connect(get, send) {
         track: {
             'data-scope': 'slider',
             'data-part': 'track',
-            'data-orientation': (s) => get(s).orientation,
+            'data-orientation': state.map((s) => s.orientation),
         },
         range: {
             'data-scope': 'slider',
             'data-part': 'range',
-            'data-orientation': (s) => get(s).orientation,
-            style: (s) => rangeStyle(get(s)),
+            'data-orientation': state.map((s) => s.orientation),
+            style: state.map((s) => rangeStyle(s)),
         },
         thumb: (index) => ({
             thumb: {
                 role: 'slider',
-                'aria-valuemin': (s) => get(s).min,
-                'aria-valuemax': (s) => get(s).max,
-                'aria-valuenow': (s) => get(s).value[index] ?? get(s).min,
-                'aria-orientation': (s) => get(s).orientation,
-                'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
-                'data-orientation': (s) => get(s).orientation,
-                'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+                'aria-valuemin': state.map((s) => s.min),
+                'aria-valuemax': state.map((s) => s.max),
+                'aria-valuenow': state.map((s) => s.value[index] ?? s.min),
+                'aria-orientation': state.map((s) => s.orientation),
+                'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),
+                'data-orientation': state.map((s) => s.orientation),
+                'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),
                 'data-scope': 'slider',
                 'data-part': 'thumb',
                 'data-index': String(index),
-                tabIndex: (s) => (get(s).disabled ? -1 : 0),
-                style: (s) => thumbStyle(get(s), index),
+                tabIndex: state.map((s) => (s.disabled ? -1 : 0)),
+                style: state.map((s) => thumbStyle(s, index)),
                 onKeyDown: (e) => handleThumbKey(e, index, send),
             },
         }),
-        value: (s) => get(s).value,
+        value: state.map((s) => s.value),
     };
 }
 function handleThumbKey(e, index, send) {

package/dist/components/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Slider — numeric input controlled by drag or keyboard. Supports multiple\n * thumbs (range slider) and horizontal/vertical orientations. The machine is\n * pure; pointer drag handling (pointermove listeners during a drag) is done\n * by the consumer via `startThumbDrag()` helper which returns a cleanup.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface SliderState {\n  /** One value per thumb. For a single-value slider, a one-element array. */\n  value: number[]\n  min: number\n  max: number\n  step: number\n  disabled: boolean\n  orientation: Orientation\n  /** Minimum gap enforced between adjacent thumbs (range slider). */\n  minStepsBetweenThumbs: number\n}\n\nexport type SliderMsg =\n  /** @intent(\"Replace all thumb values at once\") */\n  | { type: 'setValue'; value: number[] }\n  /** @intent(\"Set the value of the thumb at the given index\") */\n  | { type: 'setThumb'; index: number; value: number }\n  /** @intent(\"Move the thumb at the given index up by one step (or step × multiplier)\") */\n  | { type: 'increment'; index: number; multiplier?: number }\n  /** @intent(\"Move the thumb at the given index down by one step (or step × multiplier)\") */\n  | { type: 'decrement'; index: number; multiplier?: number }\n  /** @intent(\"Snap the thumb at the given index to the slider's minimum\") */\n  | { type: 'toMin'; index: number }\n  /** @intent(\"Snap the thumb at the given index to the slider's maximum\") */\n  | { type: 'toMax'; index: number }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface SliderInit {\n  value?: number[]\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  orientation?: Orientation\n  minStepsBetweenThumbs?: number\n}\n\nexport function init(opts: SliderInit = {}): SliderState {\n  return {\n    value: opts.value ?? [0],\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    step: opts.step ?? 1,\n    disabled: opts.disabled ?? false,\n    orientation: opts.orientation ?? 'horizontal',\n    minStepsBetweenThumbs: opts.minStepsBetweenThumbs ?? 0,\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 snapToStep(n: number, min: number, step: number): number {\n  const steps = Math.round((n - min) / step)\n  const snapped = min + steps * step\n  // Avoid floating-point drift — round to precision of step\n  const decimals = decimalPlaces(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\nfunction setThumbValue(state: SliderState, index: number, rawValue: number): number[] {\n  const { min, max, step, minStepsBetweenThumbs } = state\n  const snapped = snapToStep(clamp(rawValue, min, max), min, step)\n  const value = [...state.value]\n  // Enforce gap with neighbors\n  const gap = minStepsBetweenThumbs * step\n  const lowerBound = index > 0 ? (value[index - 1] ?? min) + gap : min\n  const upperBound = index < value.length - 1 ? (value[index + 1] ?? max) - gap : max\n  value[index] = clamp(snapped, lowerBound, upperBound)\n  return value\n}\n\nexport function update(state: SliderState, msg: SliderMsg): [SliderState, never[]] {\n  if (state.disabled && msg.type !== 'setDisabled') return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setThumb':\n      return [{ ...state, value: setThumbValue(state, msg.index, msg.value) }, []]\n    case 'increment': {\n      const m = msg.multiplier ?? 1\n      const current = state.value[msg.index] ?? state.min\n      return [{ ...state, value: setThumbValue(state, msg.index, current + state.step * m) }, []]\n    }\n    case 'decrement': {\n      const m = msg.multiplier ?? 1\n      const current = state.value[msg.index] ?? state.min\n      return [{ ...state, value: setThumbValue(state, msg.index, current - state.step * m) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, value: setThumbValue(state, msg.index, state.min) }, []]\n    case 'toMax':\n      return [{ ...state, value: setThumbValue(state, msg.index, state.max) }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nfunction thumbPercent(state: SliderState, index: number): number {\n  const v = state.value[index] ?? state.min\n  const range = state.max - state.min\n  if (range === 0) return 0\n  return ((v - state.min) / range) * 100\n}\n\nexport interface SliderThumbParts<S> {\n  thumb: {\n    role: 'slider'\n    'aria-valuemin': (s: S) => number\n    'aria-valuemax': (s: S) => number\n    'aria-valuenow': (s: S) => number\n    'aria-orientation': (s: S) => Orientation\n    'aria-disabled': (s: S) => 'true' | undefined\n    'data-orientation': (s: S) => Orientation\n    'data-disabled': (s: S) => '' | undefined\n    'data-scope': 'slider'\n    'data-part': 'thumb'\n    'data-index': string\n    tabIndex: (s: S) => number\n    onKeyDown: (e: KeyboardEvent) => void\n    style: (s: S) => string\n  }\n}\n\nexport interface SliderParts<S> {\n  root: {\n    'data-scope': 'slider'\n    'data-part': 'root'\n    'data-orientation': (s: S) => Orientation\n    'data-disabled': (s: S) => '' | undefined\n  }\n  control: {\n    'data-scope': 'slider'\n    'data-part': 'control'\n    'data-orientation': (s: S) => Orientation\n    onPointerDown: (e: PointerEvent) => void\n  }\n  track: {\n    'data-scope': 'slider'\n    'data-part': 'track'\n    'data-orientation': (s: S) => Orientation\n  }\n  range: {\n    'data-scope': 'slider'\n    'data-part': 'range'\n    'data-orientation': (s: S) => Orientation\n    style: (s: S) => string\n  }\n  thumb: (index: number) => SliderThumbParts<S>\n  /** Current raw values — accessor convenience. */\n  value: (s: S) => number[]\n}\n\nexport function connect<S>(get: (s: S) => SliderState, send: Send<SliderMsg>): SliderParts<S> {\n  return {\n    root: {\n      'data-scope': 'slider',\n      'data-part': 'root',\n      'data-orientation': (s) => get(s).orientation,\n      'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n    },\n    control: {\n      'data-scope': 'slider',\n      'data-part': 'control',\n      'data-orientation': (s) => get(s).orientation,\n      // Consumers attach their own pointer drag logic via onMount, using\n      // `valueFromPoint` + `closestThumbIndex` helpers. The connect layer\n      // preventDefault's to suppress text selection while dragging.\n      onPointerDown: (e: PointerEvent) => e.preventDefault(),\n    },\n    track: {\n      'data-scope': 'slider',\n      'data-part': 'track',\n      'data-orientation': (s) => get(s).orientation,\n    },\n    range: {\n      'data-scope': 'slider',\n      'data-part': 'range',\n      'data-orientation': (s) => get(s).orientation,\n      style: (s) => rangeStyle(get(s)),\n    },\n    thumb: (index: number): SliderThumbParts<S> => ({\n      thumb: {\n        role: 'slider',\n        'aria-valuemin': (s) => get(s).min,\n        'aria-valuemax': (s) => get(s).max,\n        'aria-valuenow': (s) => get(s).value[index] ?? get(s).min,\n        'aria-orientation': (s) => get(s).orientation,\n        'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),\n        'data-orientation': (s) => get(s).orientation,\n        'data-disabled': (s) => (get(s).disabled ? '' : undefined),\n        'data-scope': 'slider',\n        'data-part': 'thumb',\n        'data-index': String(index),\n        tabIndex: (s) => (get(s).disabled ? -1 : 0),\n        style: (s) => thumbStyle(get(s), index),\n        onKeyDown: (e: KeyboardEvent) => handleThumbKey(e, index, send),\n      },\n    }),\n    value: (s) => get(s).value,\n  }\n}\n\nfunction handleThumbKey(e: KeyboardEvent, index: number, send: Send<SliderMsg>): void {\n  const key = flipArrow(e.key, e.currentTarget as Element)\n  switch (key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      e.preventDefault()\n      send({ type: 'increment', index })\n      return\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      e.preventDefault()\n      send({ type: 'decrement', index })\n      return\n    case 'PageUp':\n      e.preventDefault()\n      send({ type: 'increment', index, multiplier: 10 })\n      return\n    case 'PageDown':\n      e.preventDefault()\n      send({ type: 'decrement', index, multiplier: 10 })\n      return\n    case 'Home':\n      e.preventDefault()\n      send({ type: 'toMin', index })\n      return\n    case 'End':\n      e.preventDefault()\n      send({ type: 'toMax', index })\n      return\n  }\n}\n\nfunction thumbStyle(state: SliderState, index: number): string {\n  const pct = thumbPercent(state, index)\n  if (state.orientation === 'horizontal') {\n    return `position:absolute;left:${pct}%;transform:translateX(-50%);`\n  }\n  return `position:absolute;bottom:${pct}%;transform:translateY(50%);`\n}\n\nfunction rangeStyle(state: SliderState): string {\n  if (state.value.length === 0) return ''\n  const sorted = [...state.value].sort((a, b) => a - b)\n  const low = sorted[0]!\n  const high = sorted[sorted.length - 1]!\n  const range = state.max - state.min\n  if (range === 0) return ''\n  const startPct = ((low - state.min) / range) * 100\n  const endPct = ((high - state.min) / range) * 100\n  if (state.orientation === 'horizontal') {\n    return `position:absolute;left:${startPct}%;right:${100 - endPct}%;`\n  }\n  return `position:absolute;bottom:${startPct}%;top:${100 - endPct}%;`\n}\n\n/**\n * Compute the slider value at a given pointer position within the control's\n * bounding rect. Returns null if the pointer is outside the track.\n */\nexport function valueFromPoint(\n  state: SliderState,\n  rect: DOMRect,\n  clientX: number,\n  clientY: number,\n): number {\n  const { min, max, step, orientation } = state\n  let pct: number\n  if (orientation === 'horizontal') {\n    pct = (clientX - rect.left) / rect.width\n  } else {\n    pct = 1 - (clientY - rect.top) / rect.height\n  }\n  const raw = min + pct * (max - min)\n  return snapToStep(clamp(raw, min, max), min, step)\n}\n\n/** Determine which thumb index is closest to a given raw value. */\nexport function closestThumbIndex(state: SliderState, raw: number): number {\n  if (state.value.length === 0) return 0\n  let best = 0\n  let bestDist = Infinity\n  for (let i = 0; i < state.value.length; i++) {\n    const d = Math.abs((state.value[i] ?? 0) - raw)\n    if (d < bestDist) {\n      bestDist = d\n      best = i\n    }\n  }\n  return best\n}\n\nexport const slider = { init, update, connect, valueFromPoint, closestThumbIndex }\n"]}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Send, Signal } from '@llui/dom'\nimport { flipArrow } from '../utils/direction.js'\n\n/**\n * Slider — numeric input controlled by drag or keyboard. Supports multiple\n * thumbs (range slider) and horizontal/vertical orientations. The machine is\n * pure; pointer drag handling (pointermove listeners during a drag) is done\n * by the consumer via `startThumbDrag()` helper which returns a cleanup.\n */\n\nexport type Orientation = 'horizontal' | 'vertical'\n\nexport interface SliderState {\n  /** One value per thumb. For a single-value slider, a one-element array. */\n  value: number[]\n  min: number\n  max: number\n  step: number\n  disabled: boolean\n  orientation: Orientation\n  /** Minimum gap enforced between adjacent thumbs (range slider). */\n  minStepsBetweenThumbs: number\n}\n\nexport type SliderMsg =\n  /** @intent(\"Replace all thumb values at once\") */\n  | { type: 'setValue'; value: number[] }\n  /** @intent(\"Set the value of the thumb at the given index\") */\n  | { type: 'setThumb'; index: number; value: number }\n  /** @intent(\"Move the thumb at the given index up by one step (or step × multiplier)\") */\n  | { type: 'increment'; index: number; multiplier?: number }\n  /** @intent(\"Move the thumb at the given index down by one step (or step × multiplier)\") */\n  | { type: 'decrement'; index: number; multiplier?: number }\n  /** @intent(\"Snap the thumb at the given index to the slider's minimum\") */\n  | { type: 'toMin'; index: number }\n  /** @intent(\"Snap the thumb at the given index to the slider's maximum\") */\n  | { type: 'toMax'; index: number }\n  /** @humanOnly */\n  | { type: 'setDisabled'; disabled: boolean }\n\nexport interface SliderInit {\n  value?: number[]\n  min?: number\n  max?: number\n  step?: number\n  disabled?: boolean\n  orientation?: Orientation\n  minStepsBetweenThumbs?: number\n}\n\nexport function init(opts: SliderInit = {}): SliderState {\n  return {\n    value: opts.value ?? [0],\n    min: opts.min ?? 0,\n    max: opts.max ?? 100,\n    step: opts.step ?? 1,\n    disabled: opts.disabled ?? false,\n    orientation: opts.orientation ?? 'horizontal',\n    minStepsBetweenThumbs: opts.minStepsBetweenThumbs ?? 0,\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 snapToStep(n: number, min: number, step: number): number {\n  const steps = Math.round((n - min) / step)\n  const snapped = min + steps * step\n  // Avoid floating-point drift — round to precision of step\n  const decimals = decimalPlaces(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\nfunction setThumbValue(state: SliderState, index: number, rawValue: number): number[] {\n  const { min, max, step, minStepsBetweenThumbs } = state\n  const snapped = snapToStep(clamp(rawValue, min, max), min, step)\n  const value = [...state.value]\n  // Enforce gap with neighbors\n  const gap = minStepsBetweenThumbs * step\n  const lowerBound = index > 0 ? (value[index - 1] ?? min) + gap : min\n  const upperBound = index < value.length - 1 ? (value[index + 1] ?? max) - gap : max\n  value[index] = clamp(snapped, lowerBound, upperBound)\n  return value\n}\n\nexport function update(state: SliderState, msg: SliderMsg): [SliderState, never[]] {\n  if (state.disabled && msg.type !== 'setDisabled') return [state, []]\n  switch (msg.type) {\n    case 'setValue':\n      return [{ ...state, value: msg.value }, []]\n    case 'setThumb':\n      return [{ ...state, value: setThumbValue(state, msg.index, msg.value) }, []]\n    case 'increment': {\n      const m = msg.multiplier ?? 1\n      const current = state.value[msg.index] ?? state.min\n      return [{ ...state, value: setThumbValue(state, msg.index, current + state.step * m) }, []]\n    }\n    case 'decrement': {\n      const m = msg.multiplier ?? 1\n      const current = state.value[msg.index] ?? state.min\n      return [{ ...state, value: setThumbValue(state, msg.index, current - state.step * m) }, []]\n    }\n    case 'toMin':\n      return [{ ...state, value: setThumbValue(state, msg.index, state.min) }, []]\n    case 'toMax':\n      return [{ ...state, value: setThumbValue(state, msg.index, state.max) }, []]\n    case 'setDisabled':\n      return [{ ...state, disabled: msg.disabled }, []]\n  }\n}\n\nfunction thumbPercent(state: SliderState, index: number): number {\n  const v = state.value[index] ?? state.min\n  const range = state.max - state.min\n  if (range === 0) return 0\n  return ((v - state.min) / range) * 100\n}\n\nexport interface SliderThumbParts {\n  thumb: {\n    role: 'slider'\n    'aria-valuemin': Signal<number>\n    'aria-valuemax': Signal<number>\n    'aria-valuenow': Signal<number>\n    'aria-orientation': Signal<Orientation>\n    'aria-disabled': Signal<'true' | undefined>\n    'data-orientation': Signal<Orientation>\n    'data-disabled': Signal<'' | undefined>\n    'data-scope': 'slider'\n    'data-part': 'thumb'\n    'data-index': string\n    tabIndex: Signal<number>\n    onKeyDown: (e: KeyboardEvent) => void\n    style: Signal<string>\n  }\n}\n\nexport interface SliderParts {\n  root: {\n    'data-scope': 'slider'\n    'data-part': 'root'\n    'data-orientation': Signal<Orientation>\n    'data-disabled': Signal<'' | undefined>\n  }\n  control: {\n    'data-scope': 'slider'\n    'data-part': 'control'\n    'data-orientation': Signal<Orientation>\n    onPointerDown: (e: PointerEvent) => void\n  }\n  track: {\n    'data-scope': 'slider'\n    'data-part': 'track'\n    'data-orientation': Signal<Orientation>\n  }\n  range: {\n    'data-scope': 'slider'\n    'data-part': 'range'\n    'data-orientation': Signal<Orientation>\n    style: Signal<string>\n  }\n  thumb: (index: number) => SliderThumbParts\n  /** Current raw values — reactive convenience. */\n  value: Signal<number[]>\n}\n\nexport function connect(state: Signal<SliderState>, send: Send<SliderMsg>): SliderParts {\n  return {\n    root: {\n      'data-scope': 'slider',\n      'data-part': 'root',\n      'data-orientation': state.map((s) => s.orientation),\n      'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n    },\n    control: {\n      'data-scope': 'slider',\n      'data-part': 'control',\n      'data-orientation': state.map((s) => s.orientation),\n      // Consumers attach their own pointer drag logic via onMount, using\n      // `valueFromPoint` + `closestThumbIndex` helpers. The connect layer\n      // preventDefault's to suppress text selection while dragging.\n      onPointerDown: (e: PointerEvent) => e.preventDefault(),\n    },\n    track: {\n      'data-scope': 'slider',\n      'data-part': 'track',\n      'data-orientation': state.map((s) => s.orientation),\n    },\n    range: {\n      'data-scope': 'slider',\n      'data-part': 'range',\n      'data-orientation': state.map((s) => s.orientation),\n      style: state.map((s) => rangeStyle(s)),\n    },\n    thumb: (index: number): SliderThumbParts => ({\n      thumb: {\n        role: 'slider',\n        'aria-valuemin': state.map((s) => s.min),\n        'aria-valuemax': state.map((s) => s.max),\n        'aria-valuenow': state.map((s) => s.value[index] ?? s.min),\n        'aria-orientation': state.map((s) => s.orientation),\n        'aria-disabled': state.map((s) => (s.disabled ? 'true' : undefined)),\n        'data-orientation': state.map((s) => s.orientation),\n        'data-disabled': state.map((s) => (s.disabled ? '' : undefined)),\n        'data-scope': 'slider',\n        'data-part': 'thumb',\n        'data-index': String(index),\n        tabIndex: state.map((s) => (s.disabled ? -1 : 0)),\n        style: state.map((s) => thumbStyle(s, index)),\n        onKeyDown: (e: KeyboardEvent) => handleThumbKey(e, index, send),\n      },\n    }),\n    value: state.map((s) => s.value),\n  }\n}\n\nfunction handleThumbKey(e: KeyboardEvent, index: number, send: Send<SliderMsg>): void {\n  const key = flipArrow(e.key, e.currentTarget as Element)\n  switch (key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      e.preventDefault()\n      send({ type: 'increment', index })\n      return\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      e.preventDefault()\n      send({ type: 'decrement', index })\n      return\n    case 'PageUp':\n      e.preventDefault()\n      send({ type: 'increment', index, multiplier: 10 })\n      return\n    case 'PageDown':\n      e.preventDefault()\n      send({ type: 'decrement', index, multiplier: 10 })\n      return\n    case 'Home':\n      e.preventDefault()\n      send({ type: 'toMin', index })\n      return\n    case 'End':\n      e.preventDefault()\n      send({ type: 'toMax', index })\n      return\n  }\n}\n\nfunction thumbStyle(state: SliderState, index: number): string {\n  const pct = thumbPercent(state, index)\n  if (state.orientation === 'horizontal') {\n    return `position:absolute;left:${pct}%;transform:translateX(-50%);`\n  }\n  return `position:absolute;bottom:${pct}%;transform:translateY(50%);`\n}\n\nfunction rangeStyle(state: SliderState): string {\n  if (state.value.length === 0) return ''\n  const sorted = [...state.value].sort((a, b) => a - b)\n  const low = sorted[0]!\n  const high = sorted[sorted.length - 1]!\n  const range = state.max - state.min\n  if (range === 0) return ''\n  const startPct = ((low - state.min) / range) * 100\n  const endPct = ((high - state.min) / range) * 100\n  if (state.orientation === 'horizontal') {\n    return `position:absolute;left:${startPct}%;right:${100 - endPct}%;`\n  }\n  return `position:absolute;bottom:${startPct}%;top:${100 - endPct}%;`\n}\n\n/**\n * Compute the slider value at a given pointer position within the control's\n * bounding rect. Returns null if the pointer is outside the track.\n */\nexport function valueFromPoint(\n  state: SliderState,\n  rect: DOMRect,\n  clientX: number,\n  clientY: number,\n): number {\n  const { min, max, step, orientation } = state\n  let pct: number\n  if (orientation === 'horizontal') {\n    pct = (clientX - rect.left) / rect.width\n  } else {\n    pct = 1 - (clientY - rect.top) / rect.height\n  }\n  const raw = min + pct * (max - min)\n  return snapToStep(clamp(raw, min, max), min, step)\n}\n\n/** Determine which thumb index is closest to a given raw value. */\nexport function closestThumbIndex(state: SliderState, raw: number): number {\n  if (state.value.length === 0) return 0\n  let best = 0\n  let bestDist = Infinity\n  for (let i = 0; i < state.value.length; i++) {\n    const d = Math.abs((state.value[i] ?? 0) - raw)\n    if (d < bestDist) {\n      bestDist = d\n      best = i\n    }\n  }\n  return best\n}\n\nexport const slider = { init, update, connect, valueFromPoint, closestThumbIndex }\n"]}

package/dist/components/sortable.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Sortable — pointer-based reorderable list.
  *
@@ -22,7 +22,7 @@ import type { Send } from '@llui/dom';
  * }
  *
  * view: ({ send, each, text }) => {
- *   const s = sortable.connect<State>(s => s.sort, m => send({ type: 'sort', msg: m }), { id: 'list' })
+ *   const s = sortable.connect(state.map((s) => s.sort), m => send({ type: 'sort', msg: m }), { id: 'list' })
  *   return [
  *     ul({ ...s.root, class: 'list' }, [
  *       ...each({
@@ -121,12 +121,12 @@ export type SortableMsg =
 };
 export declare function init(): SortableState;
 export declare function update(state: SortableState, msg: SortableMsg): [SortableState, never[]];
-export interface SortableParts<S> {
+export interface SortableParts {
     root: {
         'data-scope': 'sortable';
         'data-part': 'root';
         'data-container-id': string;
-        'data-dragging': (s: S) => '' | undefined;
+        'data-dragging': Signal<'' | undefined>;
         onPointerMove: (e: PointerEvent) => void;
         onPointerUp: (e: PointerEvent) => void;
         onPointerCancel: (e: PointerEvent) => void;
@@ -136,18 +136,18 @@ export interface SortableParts<S> {
         'data-part': 'item';
         'data-index': string;
         'data-id': string;
-        'data-dragging': (s: S) => '' | undefined;
-        'data-over': (s: S) => '' | undefined;
-        'data-shift': (s: S) => 'up' | 'down' | undefined;
-        'style.transform': (s: S) => string | undefined;
-        'style.zIndex': (s: S) => string | undefined;
+        'data-dragging': Signal<'' | undefined>;
+        'data-over': Signal<'' | undefined>;
+        'data-shift': Signal<'up' | 'down' | undefined>;
+        'style.transform': Signal<string | undefined>;
+        'style.zIndex': Signal<string | undefined>;
     };
     handle: (id: string, index: number) => {
         'data-scope': 'sortable';
         'data-part': 'handle';
         role: 'button';
         tabIndex: 0;
-        'aria-grabbed': (s: S) => boolean;
+        'aria-grabbed': Signal<boolean>;
         'aria-label': string;
         onPointerDown: (e: PointerEvent) => void;
         onKeyDown: (e: KeyboardEvent) => void;
@@ -182,7 +182,7 @@ export interface ConnectOptions {
      */
     layout?: '1d' | '2d';
 }
-export declare function connect<S>(get: (s: S) => SortableState, send: Send<SortableMsg>, opts: ConnectOptions): SortableParts<S>;
+export declare function connect(state: Signal<SortableState>, send: Send<SortableMsg>, opts: ConnectOptions): SortableParts;
 /**
  * Move an item in an array from one index to another, returning a new array.
  * Out-of-range indices are clamped to array bounds.

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

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

package/dist/components/sortable.js

@@ -79,7 +79,7 @@ export function update(state, msg) {
         }
     }
 }
-export function connect(get, send, opts) {
+export function connect(state, send, opts) {
     // The connect's `id` doubles as the cross-container identifier
     const containerId = opts.id;
     const layout = opts.layout ?? '1d';
@@ -165,7 +165,7 @@ export function connect(get, send, opts) {
             'data-scope': 'sortable',
             'data-part': 'root',
             'data-container-id': containerId,
-            'data-dragging': (s) => (get(s).dragging ? '' : undefined),
+            'data-dragging': state.map((s) => (s.dragging ? '' : undefined)),
             onPointerMove: tagSend(send, ['move'], (e) => {
                 if (!e.buttons)
                     return;
@@ -193,12 +193,12 @@ export function connect(get, send, opts) {
             'data-part': 'item',
             'data-index': String(index),
             'data-id': id,
-            'data-dragging': (s) => {
-                const d = get(s).dragging;
+            'data-dragging': state.map((s) => {
+                const d = s.dragging;
                 return d?.id === id && d?.fromContainer === containerId ? '' : undefined;
-            },
-            'data-over': (s) => {
-                const d = get(s).dragging;
+            }),
+            'data-over': state.map((s) => {
+                const d = s.dragging;
                 if (!d || d.toContainer !== containerId)
                     return undefined;
                 // Look up this item's CURRENT DOM index via the drag-start snapshot.
@@ -207,7 +207,7 @@ export function connect(get, send, opts) {
                 const snap = snapshots.get(containerId);
                 const liveIndex = snap?.idToIndex.get(id) ?? index;
                 return d.currentIndex === liveIndex ? '' : undefined;
-            },
+            }),
             // Shift direction for items BETWEEN the source and target (excluding the
             // dragged item itself). 'down' = item should translate down to make room;
             // 'up' = item should translate up. CSS controls the actual displacement.
@@ -217,10 +217,10 @@ export function connect(get, send, opts) {
             // `data-shift` out of the 2D path prevents any author-provided
             // CSS rule like `[data-shift] { translate: 0 var(--sortable-shift) }`
             // from fighting with the computed transform.
-            'data-shift': (s) => {
+            'data-shift': state.map((s) => {
                 if (layout === '2d')
                     return undefined;
-                const d = get(s).dragging;
+                const d = s.dragging;
                 if (!d || d.fromContainer !== containerId || d.toContainer !== containerId)
                     return undefined;
                 if (d.id === id)
@@ -241,7 +241,7 @@ export function connect(get, send, opts) {
                         return 'down';
                 }
                 return undefined;
-            },
+            }),
             // The dragged item follows the pointer. In 1D, translateY only; in
             // 2D, both axes. Non-dragged items in 2D between source and target
             // get a per-item translate computed from the snapshot — each item's
@@ -249,8 +249,8 @@ export function connect(get, send, opts) {
             // opens correctly regardless of row wrap. In 1D, non-dragged items
             // emit `undefined` here and rely on the consumer's CSS `data-shift`
             // rule.
-            'style.transform': (s) => {
-                const d = get(s).dragging;
+            'style.transform': state.map((s) => {
+                const d = s.dragging;
                 if (!d)
                     return undefined;
                 const isDragged = d.id === id && d.fromContainer === containerId;
@@ -301,23 +301,23 @@ export function connect(get, send, opts) {
                 const dx = target.x - own.x;
                 const dy = target.y - own.y;
                 return `translate(${dx}px, ${dy}px)`;
-            },
-            'style.zIndex': (s) => {
-                const d = get(s).dragging;
+            }),
+            'style.zIndex': state.map((s) => {
+                const d = s.dragging;
                 if (!d || d.id !== id || d.fromContainer !== containerId)
                     return undefined;
                 return '10';
-            },
+            }),
         }),
         handle: (id, index) => ({
             'data-scope': 'sortable',
             'data-part': 'handle',
             role: 'button',
             tabIndex: 0,
-            'aria-grabbed': (s) => {
-                const d = get(s).dragging;
+            'aria-grabbed': state.map((s) => {
+                const d = s.dragging;
                 return d?.id === id && d?.fromContainer === containerId;
-            },
+            }),
             'aria-label': 'Drag handle. Press space to pick up, arrow keys to move, space again to drop, escape to cancel.',
             onPointerDown: tagSend(send, ['start'], (e) => {
                 e.preventDefault();

package/dist/components/sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable.js","sourceRoot":"","sources":["../../src/components/sortable.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send } from '@llui/dom'\n\n/**\n * Sortable — pointer-based reorderable list.\n *\n * State machine tracks the currently-dragged item and where it's hovering.\n * The app owns the actual array; listen for `drop` and use `reorder(arr, from, to)`\n * to compute the new order, or watch `currentIndex` during drag for live preview.\n *\n * ```ts\n * type State = { items: string[]; sort: SortableState }\n *\n * update: (state, msg) => {\n *   switch (msg.type) {\n *     case 'sort':\n *       return [{ ...state, sort: sortable.update(state.sort, msg.msg)[0] }, []]\n *     case 'drop': {\n *       const d = state.sort.dragging\n *       if (!d) return [state, []]\n *       return [{ ...state, items: reorder(state.items, d.startIndex, d.currentIndex) }, []]\n *     }\n *   }\n * }\n *\n * view: ({ send, each, text }) => {\n *   const s = sortable.connect<State>(s => s.sort, m => send({ type: 'sort', msg: m }), { id: 'list' })\n *   return [\n *     ul({ ...s.root, class: 'list' }, [\n *       ...each({\n *         items: (st) => st.items,\n *         key: (x) => x,\n *         render: ({ item, index }) => [\n *           li({ ...s.item(item(), index()), class: 'item' }, [\n *             div({ ...s.handle(item(), index()), class: 'handle' }, [text('⋮⋮')]),\n *             text(item),\n *           ]),\n *         ],\n *       }),\n *     ]),\n *   ]\n * }\n * ```\n *\n * Hook up pointermove/pointerup at the root (attachPointerHandlers) — or\n * wire them directly via `onPointerMove` / `onPointerUp` on the root part.\n */\n\nexport interface DragState {\n  id: string\n  startIndex: number\n  currentIndex: number\n  /**\n   * Container the drag originated from. Defaults to the connect's `id` for\n   * single-container sortables. Set when multiple sortables share state.\n   */\n  fromContainer: string\n  /**\n   * Container the pointer is currently over. Same as `fromContainer` for\n   * single-container sortables. Differs when dragging across containers.\n   */\n  toContainer: string\n  /**\n   * Pointer X at drag start (viewport coordinates). Used by 2D layouts\n   * to compute `deltaX = currentX - startX` alongside the Y axis. In 1D\n   * layouts X is tracked but ignored by the renderer.\n   */\n  startX: number\n  /**\n   * Pointer Y at drag start (viewport coordinates). Used by CSS / the\n   * library's `style.transform` binding to make the dragged item follow\n   * the pointer.\n   */\n  startY: number\n  /**\n   * Current pointer X (viewport coordinates). `deltaX = currentX - startX`.\n   */\n  currentX: number\n  /**\n   * Current pointer Y (viewport coordinates). `deltaY = currentY - startY`.\n   */\n  currentY: number\n}\n\nexport interface SortableState {\n  dragging: DragState | null\n}\n\nexport type SortableMsg =\n  /** @humanOnly */\n  | { type: 'start'; id: string; index: number; container: string; x: number; y: number }\n  /** @humanOnly */\n  | { type: 'move'; index: number; container: string; x: number; y: number }\n  /** @humanOnly */\n  | { type: 'drop' }\n  /** @humanOnly */\n  | { type: 'cancel' }\n  /** @humanOnly */\n  | { type: 'toggleGrab'; id: string; index: number; container: string }\n  /** @humanOnly */\n  | { type: 'moveBy'; delta: number }\n\nexport function init(): SortableState {\n  return { dragging: null }\n}\n\nexport function update(state: SortableState, msg: SortableMsg): [SortableState, never[]] {\n  switch (msg.type) {\n    case 'start':\n      return [\n        {\n          dragging: {\n            id: msg.id,\n            startIndex: msg.index,\n            currentIndex: msg.index,\n            fromContainer: msg.container,\n            toContainer: msg.container,\n            startX: msg.x,\n            startY: msg.y,\n            currentX: msg.x,\n            currentY: msg.y,\n          },\n        },\n        [],\n      ]\n    case 'move': {\n      if (!state.dragging) return [state, []]\n      if (\n        state.dragging.currentIndex === msg.index &&\n        state.dragging.toContainer === msg.container &&\n        state.dragging.currentX === msg.x &&\n        state.dragging.currentY === msg.y\n      ) {\n        return [state, []]\n      }\n      return [\n        {\n          dragging: {\n            ...state.dragging,\n            currentIndex: msg.index,\n            toContainer: msg.container,\n            currentX: msg.x,\n            currentY: msg.y,\n          },\n        },\n        [],\n      ]\n    }\n    case 'drop':\n      return state.dragging ? [{ dragging: null }, []] : [state, []]\n    case 'cancel':\n      return state.dragging ? [{ dragging: null }, []] : [state, []]\n    case 'toggleGrab':\n      if (state.dragging) {\n        // Already dragging — drop at current position\n        return [{ dragging: null }, []]\n      }\n      // Pick up (keyboard — no pointer position)\n      return [\n        {\n          dragging: {\n            id: msg.id,\n            startIndex: msg.index,\n            currentIndex: msg.index,\n            fromContainer: msg.container,\n            toContainer: msg.container,\n            startX: 0,\n            startY: 0,\n            currentX: 0,\n            currentY: 0,\n          },\n        },\n        [],\n      ]\n    case 'moveBy': {\n      if (!state.dragging) return [state, []]\n      const next = Math.max(0, state.dragging.currentIndex + msg.delta)\n      if (next === state.dragging.currentIndex) return [state, []]\n      return [{ dragging: { ...state.dragging, currentIndex: next } }, []]\n    }\n  }\n}\n\nexport interface SortableParts<S> {\n  root: {\n    'data-scope': 'sortable'\n    'data-part': 'root'\n    'data-container-id': string\n    'data-dragging': (s: S) => '' | undefined\n    onPointerMove: (e: PointerEvent) => void\n    onPointerUp: (e: PointerEvent) => void\n    onPointerCancel: (e: PointerEvent) => void\n  }\n  item: (\n    id: string,\n    index: number,\n  ) => {\n    'data-scope': 'sortable'\n    'data-part': 'item'\n    'data-index': string\n    'data-id': string\n    'data-dragging': (s: S) => '' | undefined\n    'data-over': (s: S) => '' | undefined\n    'data-shift': (s: S) => 'up' | 'down' | undefined\n    'style.transform': (s: S) => string | undefined\n    'style.zIndex': (s: S) => string | undefined\n  }\n  handle: (\n    id: string,\n    index: number,\n  ) => {\n    'data-scope': 'sortable'\n    'data-part': 'handle'\n    role: 'button'\n    tabIndex: 0\n    'aria-grabbed': (s: S) => boolean\n    'aria-label': string\n    onPointerDown: (e: PointerEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  /**\n   * Drag-target selection + render strategy.\n   *\n   *   - `'1d'` (default) — single-axis, Y-only. `findTargetAt` picks\n   *     by vertical distance; `style.transform` on the dragged item\n   *     is `translateY(deltaY)`; non-dragged items between source\n   *     and target emit `data-shift: 'up' | 'down'` so CSS can\n   *     animate them via `translateY(±var(--sortable-shift))`.\n   *     Correct for vertical lists; fails for 2D layouts (flex-wrap,\n   *     grid) because same-row items collapse to the same midpoint\n   *     distance.\n   *\n   *   - `'2d'` — Euclidean target selection against 2D midpoints;\n   *     dragged item follows both X and Y (`translate(dx, dy)`);\n   *     non-dragged items between source and target get a per-item\n   *     `style.transform = translate(deltaFromSnapshot)` that opens\n   *     the correct gap regardless of row boundaries. `data-shift`\n   *     is always `undefined` in 2D so CSS `translateY(var(--...))`\n   *     rules don't conflict with the per-item transform.\n   *\n   * Keyboard navigation (`moveBy`) stays linear-array in both modes —\n   * arrow keys step through the array indices regardless of visual\n   * row, because that's what screen readers announce and what the\n   * underlying data order actually is.\n   */\n  layout?: '1d' | '2d'\n}\n\nexport function connect<S>(\n  get: (s: S) => SortableState,\n  send: Send<SortableMsg>,\n  opts: ConnectOptions,\n): SortableParts<S> {\n  // The connect's `id` doubles as the cross-container identifier\n  const containerId = opts.id\n  const layout = opts.layout ?? '1d'\n\n  // Snapshots taken at drag start — stable throughout the drag so computing\n  // the target index is not affected by items visually shifting via CSS.\n  // Map: container-id → array of midpoint {x, y} pairs for each item's\n  // original bounding rect (sorted by index). The handler records this on\n  // pointerdown. Always 2D internally; 1D layout's findTargetAt ignores X.\n  interface Snapshot {\n    mids: Array<{ x: number; y: number }>\n    // id → current DOM index at drag start. Used by data-shift / per-item\n    // transform to look up an item's live position, since the `index`\n    // captured at render time is frozen and goes stale after each()\n    // reconciles a reorder.\n    idToIndex: Map<string, number>\n  }\n  const snapshots = new Map<string, Snapshot>()\n\n  function snapshotContainer(rootEl: HTMLElement, cid: string): void {\n    const items = rootEl.querySelectorAll<HTMLElement>('[data-scope=\"sortable\"][data-part=\"item\"]')\n    // Read rects once — they're pre-transform (no drag shifts yet)\n    const mids: Array<{ x: number; y: number }> = []\n    const idToIndex = new Map<string, number>()\n    items.forEach((item, i) => {\n      const r = item.getBoundingClientRect()\n      mids.push({ x: r.left + r.width / 2, y: r.top + r.height / 2 })\n      const itemId = item.dataset.id\n      if (itemId !== undefined) idToIndex.set(itemId, i)\n    })\n    snapshots.set(cid, { mids, idToIndex })\n  }\n\n  function snapshotAll(): void {\n    const roots = document.querySelectorAll<HTMLElement>(\n      '[data-scope=\"sortable\"][data-part=\"root\"]',\n    )\n    for (const root of roots) {\n      const cid = root.dataset.containerId\n      if (cid) snapshotContainer(root, cid)\n    }\n  }\n\n  // Find the target index under the pointer using the drag-start snapshot.\n  // 1D mode: picks by Y-only distance (original behavior). 2D mode: picks\n  // by Euclidean distance over {x, y} midpoints — required for flex-wrap\n  // / grid layouts where multiple items share a row and collapse to the\n  // same Y value. Both modes are stable against items being visually\n  // transformed during the drag because midpoints are taken pre-transform.\n  function findTargetAt(e: PointerEvent): { container: string; index: number } | null {\n    const roots = document.querySelectorAll<HTMLElement>(\n      '[data-scope=\"sortable\"][data-part=\"root\"]',\n    )\n    for (const root of roots) {\n      const r = root.getBoundingClientRect()\n      if (e.clientX < r.left || e.clientX > r.right) continue\n      if (e.clientY < r.top || e.clientY > r.bottom) continue\n      const cid = root.dataset.containerId\n      if (!cid) continue\n      const snap = snapshots.get(cid)\n      if (!snap || snap.mids.length === 0) return { container: cid, index: 0 }\n      const mids = snap.mids\n      let bestIdx = 0\n      if (layout === '2d') {\n        // Euclidean (squared — monotonic with distance, saves a sqrt).\n        const dx0 = e.clientX - mids[0]!.x\n        const dy0 = e.clientY - mids[0]!.y\n        let bestDist = dx0 * dx0 + dy0 * dy0\n        for (let i = 1; i < mids.length; i++) {\n          const dx = e.clientX - mids[i]!.x\n          const dy = e.clientY - mids[i]!.y\n          const d = dx * dx + dy * dy\n          if (d < bestDist) {\n            bestDist = d\n            bestIdx = i\n          }\n        }\n      } else {\n        // 1D — Y-only distance. Preserves the original behavior for\n        // vertical lists; same-row items in a flex-wrap would tie and\n        // the first match wins, which is the bug that motivates 2D.\n        let bestDist = Math.abs(e.clientY - mids[0]!.y)\n        for (let i = 1; i < mids.length; i++) {\n          const d = Math.abs(e.clientY - mids[i]!.y)\n          if (d < bestDist) {\n            bestDist = d\n            bestIdx = i\n          }\n        }\n      }\n      return { container: cid, index: bestIdx }\n    }\n    return null\n  }\n\n  return {\n    root: {\n      'data-scope': 'sortable',\n      'data-part': 'root',\n      'data-container-id': containerId,\n      'data-dragging': (s) => (get(s).dragging ? '' : undefined),\n      onPointerMove: tagSend(send, ['move'], (e) => {\n        if (!e.buttons) return\n        const hit = findTargetAt(e)\n        if (hit !== null)\n          send({\n            type: 'move',\n            index: hit.index,\n            container: hit.container,\n            x: e.clientX,\n            y: e.clientY,\n          })\n      }),\n      onPointerUp: tagSend(send, ['drop'], () => {\n        snapshots.clear()\n        send({ type: 'drop' })\n      }),\n      onPointerCancel: tagSend(send, ['cancel'], () => {\n        snapshots.clear()\n        send({ type: 'cancel' })\n      }),\n    },\n    item: (id, index) => ({\n      'data-scope': 'sortable',\n      'data-part': 'item',\n      'data-index': String(index),\n      'data-id': id,\n      'data-dragging': (s) => {\n        const d = get(s).dragging\n        return d?.id === id && d?.fromContainer === containerId ? '' : undefined\n      },\n      'data-over': (s) => {\n        const d = get(s).dragging\n        if (!d || d.toContainer !== containerId) return undefined\n        // Look up this item's CURRENT DOM index via the drag-start snapshot.\n        // The `index` closed over here is frozen at initial render and goes\n        // stale after each() reconciles a reorder.\n        const snap = snapshots.get(containerId)\n        const liveIndex = snap?.idToIndex.get(id) ?? index\n        return d.currentIndex === liveIndex ? '' : undefined\n      },\n      // Shift direction for items BETWEEN the source and target (excluding the\n      // dragged item itself). 'down' = item should translate down to make room;\n      // 'up' = item should translate up. CSS controls the actual displacement.\n      //\n      // In 2D layout, `data-shift` is always undefined — the per-item\n      // `style.transform` below opens the correct gap directly. Keeping\n      // `data-shift` out of the 2D path prevents any author-provided\n      // CSS rule like `[data-shift] { translate: 0 var(--sortable-shift) }`\n      // from fighting with the computed transform.\n      'data-shift': (s) => {\n        if (layout === '2d') return undefined\n        const d = get(s).dragging\n        if (!d || d.fromContainer !== containerId || d.toContainer !== containerId) return undefined\n        if (d.id === id) return undefined\n        if (d.startIndex === d.currentIndex) return undefined\n        // Look up this item's live DOM index — see note on data-over.\n        const snap = snapshots.get(containerId)\n        const liveIndex = snap?.idToIndex.get(id) ?? index\n        if (d.startIndex < d.currentIndex) {\n          // Dragging down: items between start+1 and current shift up\n          if (liveIndex > d.startIndex && liveIndex <= d.currentIndex) return 'up'\n        } else {\n          // Dragging up: items between current and start-1 shift down\n          if (liveIndex >= d.currentIndex && liveIndex < d.startIndex) return 'down'\n        }\n        return undefined\n      },\n      // The dragged item follows the pointer. In 1D, translateY only; in\n      // 2D, both axes. Non-dragged items in 2D between source and target\n      // get a per-item translate computed from the snapshot — each item's\n      // vector is `snapshot[newSlot] - snapshot[ownSlot]` so the gap\n      // opens correctly regardless of row wrap. In 1D, non-dragged items\n      // emit `undefined` here and rely on the consumer's CSS `data-shift`\n      // rule.\n      'style.transform': (s) => {\n        const d = get(s).dragging\n        if (!d) return undefined\n        const isDragged = d.id === id && d.fromContainer === containerId\n        if (isDragged) {\n          const deltaY = d.currentY - d.startY\n          if (layout === '2d') {\n            const deltaX = d.currentX - d.startX\n            return `translate(${deltaX}px, ${deltaY}px)`\n          }\n          return `translateY(${deltaY}px)`\n        }\n        // Non-dragged items: per-item displacement in 2D only.\n        if (layout !== '2d') return undefined\n        if (d.fromContainer !== containerId || d.toContainer !== containerId) return undefined\n        if (d.startIndex === d.currentIndex) return undefined\n        const snap = snapshots.get(containerId)\n        if (!snap) return undefined\n        const liveIndex = snap.idToIndex.get(id)\n        if (liveIndex === undefined) return undefined\n        // Which slot this item should visually occupy while the drag\n        // previews the reorder:\n        //   drag-down (start < current): items at liveIndex in\n        //     (start .. current] shift left-by-one in array order, so\n        //     they take the slot at liveIndex - 1.\n        //   drag-up (current < start): items at liveIndex in\n        //     [current .. start) shift right-by-one, take slot\n        //     liveIndex + 1.\n        let targetSlot: number\n        if (d.startIndex < d.currentIndex) {\n          if (liveIndex <= d.startIndex || liveIndex > d.currentIndex) return undefined\n          targetSlot = liveIndex - 1\n        } else {\n          if (liveIndex < d.currentIndex || liveIndex >= d.startIndex) return undefined\n          targetSlot = liveIndex + 1\n        }\n        const own = snap.mids[liveIndex]\n        const target = snap.mids[targetSlot]\n        if (!own || !target) return undefined\n        const dx = target.x - own.x\n        const dy = target.y - own.y\n        return `translate(${dx}px, ${dy}px)`\n      },\n      'style.zIndex': (s) => {\n        const d = get(s).dragging\n        if (!d || d.id !== id || d.fromContainer !== containerId) return undefined\n        return '10'\n      },\n    }),\n    handle: (id, index) => ({\n      'data-scope': 'sortable',\n      'data-part': 'handle',\n      role: 'button',\n      tabIndex: 0,\n      'aria-grabbed': (s) => {\n        const d = get(s).dragging\n        return d?.id === id && d?.fromContainer === containerId\n      },\n      'aria-label':\n        'Drag handle. Press space to pick up, arrow keys to move, space again to drop, escape to cancel.',\n      onPointerDown: tagSend(send, ['start'], (e) => {\n        e.preventDefault()\n        const target = e.currentTarget as Element | null\n        if (target && 'setPointerCapture' in target) {\n          try {\n            ;(target as Element & { setPointerCapture: (id: number) => void }).setPointerCapture(\n              e.pointerId,\n            )\n          } catch {\n            // Ignore — not all elements support pointer capture\n          }\n        }\n        // Compute the CURRENT DOM index of this handle's item — the captured\n        // `index` param is stale after a reorder (each() moves keyed nodes\n        // without re-running render, so the closure's index is frozen at\n        // initial mount). Walk up to find the containing item, then count its\n        // position among sibling items.\n        let currentIndex = index\n        if (target) {\n          const itemEl = (target as Element).closest<HTMLElement>(\n            '[data-scope=\"sortable\"][data-part=\"item\"]',\n          )\n          const rootEl = (target as Element).closest<HTMLElement>(\n            '[data-scope=\"sortable\"][data-part=\"root\"]',\n          )\n          if (itemEl && rootEl) {\n            const items = rootEl.querySelectorAll<HTMLElement>(\n              '[data-scope=\"sortable\"][data-part=\"item\"]',\n            )\n            for (let i = 0; i < items.length; i++) {\n              if (items[i] === itemEl) {\n                currentIndex = i\n                break\n              }\n            }\n          }\n        }\n        // Snapshot positions BEFORE the drag starts, so subsequent pointermove\n        // events can resolve the target index against stable (pre-transform)\n        // positions. Otherwise items shifting via CSS would cause the target\n        // to oscillate as elementFromPoint hits different items.\n        snapshotAll()\n        send({\n          type: 'start',\n          id,\n          index: currentIndex,\n          container: containerId,\n          x: e.clientX,\n          y: e.clientY,\n        })\n      }),\n      onKeyDown: tagSend(send, ['toggleGrab', 'cancel', 'moveBy'], (e) => {\n        switch (e.key) {\n          case ' ':\n          case 'Enter':\n            e.preventDefault()\n            send({ type: 'toggleGrab', id, index, container: containerId })\n            return\n          case 'Escape':\n            e.preventDefault()\n            send({ type: 'cancel' })\n            return\n          case 'ArrowDown':\n          case 'ArrowRight':\n            e.preventDefault()\n            send({ type: 'moveBy', delta: 1 })\n            return\n          case 'ArrowUp':\n          case 'ArrowLeft':\n            e.preventDefault()\n            send({ type: 'moveBy', delta: -1 })\n            return\n        }\n      }),\n    }),\n  }\n}\n\n// ── Reorder utility ────────────────────────────────────────────\n\n/**\n * Move an item in an array from one index to another, returning a new array.\n * Out-of-range indices are clamped to array bounds.\n */\nexport function reorder<T>(arr: readonly T[], from: number, to: number): T[] {\n  const len = arr.length\n  if (len === 0) return []\n  const f = Math.max(0, Math.min(len - 1, from))\n  const t = Math.max(0, Math.min(len - 1, to))\n  if (f === t) return arr.slice()\n  const result = arr.slice()\n  const [item] = result.splice(f, 1)\n  result.splice(t, 0, item)\n  return result\n}\n\nexport const sortable = { init, update, connect, reorder }\n"]}
+{"version":3,"file":"sortable.js","sourceRoot":"","sources":["../../src/components/sortable.ts"],"names":[],"mappings":"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","sourcesContent":["import { tagSend } from '@llui/dom'\nimport type { Send, Signal } from '@llui/dom'\n\n/**\n * Sortable — pointer-based reorderable list.\n *\n * State machine tracks the currently-dragged item and where it's hovering.\n * The app owns the actual array; listen for `drop` and use `reorder(arr, from, to)`\n * to compute the new order, or watch `currentIndex` during drag for live preview.\n *\n * ```ts\n * type State = { items: string[]; sort: SortableState }\n *\n * update: (state, msg) => {\n *   switch (msg.type) {\n *     case 'sort':\n *       return [{ ...state, sort: sortable.update(state.sort, msg.msg)[0] }, []]\n *     case 'drop': {\n *       const d = state.sort.dragging\n *       if (!d) return [state, []]\n *       return [{ ...state, items: reorder(state.items, d.startIndex, d.currentIndex) }, []]\n *     }\n *   }\n * }\n *\n * view: ({ send, each, text }) => {\n *   const s = sortable.connect(state.map((s) => s.sort), m => send({ type: 'sort', msg: m }), { id: 'list' })\n *   return [\n *     ul({ ...s.root, class: 'list' }, [\n *       ...each({\n *         items: (st) => st.items,\n *         key: (x) => x,\n *         render: ({ item, index }) => [\n *           li({ ...s.item(item(), index()), class: 'item' }, [\n *             div({ ...s.handle(item(), index()), class: 'handle' }, [text('⋮⋮')]),\n *             text(item),\n *           ]),\n *         ],\n *       }),\n *     ]),\n *   ]\n * }\n * ```\n *\n * Hook up pointermove/pointerup at the root (attachPointerHandlers) — or\n * wire them directly via `onPointerMove` / `onPointerUp` on the root part.\n */\n\nexport interface DragState {\n  id: string\n  startIndex: number\n  currentIndex: number\n  /**\n   * Container the drag originated from. Defaults to the connect's `id` for\n   * single-container sortables. Set when multiple sortables share state.\n   */\n  fromContainer: string\n  /**\n   * Container the pointer is currently over. Same as `fromContainer` for\n   * single-container sortables. Differs when dragging across containers.\n   */\n  toContainer: string\n  /**\n   * Pointer X at drag start (viewport coordinates). Used by 2D layouts\n   * to compute `deltaX = currentX - startX` alongside the Y axis. In 1D\n   * layouts X is tracked but ignored by the renderer.\n   */\n  startX: number\n  /**\n   * Pointer Y at drag start (viewport coordinates). Used by CSS / the\n   * library's `style.transform` binding to make the dragged item follow\n   * the pointer.\n   */\n  startY: number\n  /**\n   * Current pointer X (viewport coordinates). `deltaX = currentX - startX`.\n   */\n  currentX: number\n  /**\n   * Current pointer Y (viewport coordinates). `deltaY = currentY - startY`.\n   */\n  currentY: number\n}\n\nexport interface SortableState {\n  dragging: DragState | null\n}\n\nexport type SortableMsg =\n  /** @humanOnly */\n  | { type: 'start'; id: string; index: number; container: string; x: number; y: number }\n  /** @humanOnly */\n  | { type: 'move'; index: number; container: string; x: number; y: number }\n  /** @humanOnly */\n  | { type: 'drop' }\n  /** @humanOnly */\n  | { type: 'cancel' }\n  /** @humanOnly */\n  | { type: 'toggleGrab'; id: string; index: number; container: string }\n  /** @humanOnly */\n  | { type: 'moveBy'; delta: number }\n\nexport function init(): SortableState {\n  return { dragging: null }\n}\n\nexport function update(state: SortableState, msg: SortableMsg): [SortableState, never[]] {\n  switch (msg.type) {\n    case 'start':\n      return [\n        {\n          dragging: {\n            id: msg.id,\n            startIndex: msg.index,\n            currentIndex: msg.index,\n            fromContainer: msg.container,\n            toContainer: msg.container,\n            startX: msg.x,\n            startY: msg.y,\n            currentX: msg.x,\n            currentY: msg.y,\n          },\n        },\n        [],\n      ]\n    case 'move': {\n      if (!state.dragging) return [state, []]\n      if (\n        state.dragging.currentIndex === msg.index &&\n        state.dragging.toContainer === msg.container &&\n        state.dragging.currentX === msg.x &&\n        state.dragging.currentY === msg.y\n      ) {\n        return [state, []]\n      }\n      return [\n        {\n          dragging: {\n            ...state.dragging,\n            currentIndex: msg.index,\n            toContainer: msg.container,\n            currentX: msg.x,\n            currentY: msg.y,\n          },\n        },\n        [],\n      ]\n    }\n    case 'drop':\n      return state.dragging ? [{ dragging: null }, []] : [state, []]\n    case 'cancel':\n      return state.dragging ? [{ dragging: null }, []] : [state, []]\n    case 'toggleGrab':\n      if (state.dragging) {\n        // Already dragging — drop at current position\n        return [{ dragging: null }, []]\n      }\n      // Pick up (keyboard — no pointer position)\n      return [\n        {\n          dragging: {\n            id: msg.id,\n            startIndex: msg.index,\n            currentIndex: msg.index,\n            fromContainer: msg.container,\n            toContainer: msg.container,\n            startX: 0,\n            startY: 0,\n            currentX: 0,\n            currentY: 0,\n          },\n        },\n        [],\n      ]\n    case 'moveBy': {\n      if (!state.dragging) return [state, []]\n      const next = Math.max(0, state.dragging.currentIndex + msg.delta)\n      if (next === state.dragging.currentIndex) return [state, []]\n      return [{ dragging: { ...state.dragging, currentIndex: next } }, []]\n    }\n  }\n}\n\nexport interface SortableParts {\n  root: {\n    'data-scope': 'sortable'\n    'data-part': 'root'\n    'data-container-id': string\n    'data-dragging': Signal<'' | undefined>\n    onPointerMove: (e: PointerEvent) => void\n    onPointerUp: (e: PointerEvent) => void\n    onPointerCancel: (e: PointerEvent) => void\n  }\n  item: (\n    id: string,\n    index: number,\n  ) => {\n    'data-scope': 'sortable'\n    'data-part': 'item'\n    'data-index': string\n    'data-id': string\n    'data-dragging': Signal<'' | undefined>\n    'data-over': Signal<'' | undefined>\n    'data-shift': Signal<'up' | 'down' | undefined>\n    'style.transform': Signal<string | undefined>\n    'style.zIndex': Signal<string | undefined>\n  }\n  handle: (\n    id: string,\n    index: number,\n  ) => {\n    'data-scope': 'sortable'\n    'data-part': 'handle'\n    role: 'button'\n    tabIndex: 0\n    'aria-grabbed': Signal<boolean>\n    'aria-label': string\n    onPointerDown: (e: PointerEvent) => void\n    onKeyDown: (e: KeyboardEvent) => void\n  }\n}\n\nexport interface ConnectOptions {\n  id: string\n  /**\n   * Drag-target selection + render strategy.\n   *\n   *   - `'1d'` (default) — single-axis, Y-only. `findTargetAt` picks\n   *     by vertical distance; `style.transform` on the dragged item\n   *     is `translateY(deltaY)`; non-dragged items between source\n   *     and target emit `data-shift: 'up' | 'down'` so CSS can\n   *     animate them via `translateY(±var(--sortable-shift))`.\n   *     Correct for vertical lists; fails for 2D layouts (flex-wrap,\n   *     grid) because same-row items collapse to the same midpoint\n   *     distance.\n   *\n   *   - `'2d'` — Euclidean target selection against 2D midpoints;\n   *     dragged item follows both X and Y (`translate(dx, dy)`);\n   *     non-dragged items between source and target get a per-item\n   *     `style.transform = translate(deltaFromSnapshot)` that opens\n   *     the correct gap regardless of row boundaries. `data-shift`\n   *     is always `undefined` in 2D so CSS `translateY(var(--...))`\n   *     rules don't conflict with the per-item transform.\n   *\n   * Keyboard navigation (`moveBy`) stays linear-array in both modes —\n   * arrow keys step through the array indices regardless of visual\n   * row, because that's what screen readers announce and what the\n   * underlying data order actually is.\n   */\n  layout?: '1d' | '2d'\n}\n\nexport function connect(\n  state: Signal<SortableState>,\n  send: Send<SortableMsg>,\n  opts: ConnectOptions,\n): SortableParts {\n  // The connect's `id` doubles as the cross-container identifier\n  const containerId = opts.id\n  const layout = opts.layout ?? '1d'\n\n  // Snapshots taken at drag start — stable throughout the drag so computing\n  // the target index is not affected by items visually shifting via CSS.\n  // Map: container-id → array of midpoint {x, y} pairs for each item's\n  // original bounding rect (sorted by index). The handler records this on\n  // pointerdown. Always 2D internally; 1D layout's findTargetAt ignores X.\n  interface Snapshot {\n    mids: Array<{ x: number; y: number }>\n    // id → current DOM index at drag start. Used by data-shift / per-item\n    // transform to look up an item's live position, since the `index`\n    // captured at render time is frozen and goes stale after each()\n    // reconciles a reorder.\n    idToIndex: Map<string, number>\n  }\n  const snapshots = new Map<string, Snapshot>()\n\n  function snapshotContainer(rootEl: HTMLElement, cid: string): void {\n    const items = rootEl.querySelectorAll<HTMLElement>('[data-scope=\"sortable\"][data-part=\"item\"]')\n    // Read rects once — they're pre-transform (no drag shifts yet)\n    const mids: Array<{ x: number; y: number }> = []\n    const idToIndex = new Map<string, number>()\n    items.forEach((item, i) => {\n      const r = item.getBoundingClientRect()\n      mids.push({ x: r.left + r.width / 2, y: r.top + r.height / 2 })\n      const itemId = item.dataset.id\n      if (itemId !== undefined) idToIndex.set(itemId, i)\n    })\n    snapshots.set(cid, { mids, idToIndex })\n  }\n\n  function snapshotAll(): void {\n    const roots = document.querySelectorAll<HTMLElement>(\n      '[data-scope=\"sortable\"][data-part=\"root\"]',\n    )\n    for (const root of roots) {\n      const cid = root.dataset.containerId\n      if (cid) snapshotContainer(root, cid)\n    }\n  }\n\n  // Find the target index under the pointer using the drag-start snapshot.\n  // 1D mode: picks by Y-only distance (original behavior). 2D mode: picks\n  // by Euclidean distance over {x, y} midpoints — required for flex-wrap\n  // / grid layouts where multiple items share a row and collapse to the\n  // same Y value. Both modes are stable against items being visually\n  // transformed during the drag because midpoints are taken pre-transform.\n  function findTargetAt(e: PointerEvent): { container: string; index: number } | null {\n    const roots = document.querySelectorAll<HTMLElement>(\n      '[data-scope=\"sortable\"][data-part=\"root\"]',\n    )\n    for (const root of roots) {\n      const r = root.getBoundingClientRect()\n      if (e.clientX < r.left || e.clientX > r.right) continue\n      if (e.clientY < r.top || e.clientY > r.bottom) continue\n      const cid = root.dataset.containerId\n      if (!cid) continue\n      const snap = snapshots.get(cid)\n      if (!snap || snap.mids.length === 0) return { container: cid, index: 0 }\n      const mids = snap.mids\n      let bestIdx = 0\n      if (layout === '2d') {\n        // Euclidean (squared — monotonic with distance, saves a sqrt).\n        const dx0 = e.clientX - mids[0]!.x\n        const dy0 = e.clientY - mids[0]!.y\n        let bestDist = dx0 * dx0 + dy0 * dy0\n        for (let i = 1; i < mids.length; i++) {\n          const dx = e.clientX - mids[i]!.x\n          const dy = e.clientY - mids[i]!.y\n          const d = dx * dx + dy * dy\n          if (d < bestDist) {\n            bestDist = d\n            bestIdx = i\n          }\n        }\n      } else {\n        // 1D — Y-only distance. Preserves the original behavior for\n        // vertical lists; same-row items in a flex-wrap would tie and\n        // the first match wins, which is the bug that motivates 2D.\n        let bestDist = Math.abs(e.clientY - mids[0]!.y)\n        for (let i = 1; i < mids.length; i++) {\n          const d = Math.abs(e.clientY - mids[i]!.y)\n          if (d < bestDist) {\n            bestDist = d\n            bestIdx = i\n          }\n        }\n      }\n      return { container: cid, index: bestIdx }\n    }\n    return null\n  }\n\n  return {\n    root: {\n      'data-scope': 'sortable',\n      'data-part': 'root',\n      'data-container-id': containerId,\n      'data-dragging': state.map((s) => (s.dragging ? '' : undefined)),\n      onPointerMove: tagSend(send, ['move'], (e) => {\n        if (!e.buttons) return\n        const hit = findTargetAt(e)\n        if (hit !== null)\n          send({\n            type: 'move',\n            index: hit.index,\n            container: hit.container,\n            x: e.clientX,\n            y: e.clientY,\n          })\n      }),\n      onPointerUp: tagSend(send, ['drop'], () => {\n        snapshots.clear()\n        send({ type: 'drop' })\n      }),\n      onPointerCancel: tagSend(send, ['cancel'], () => {\n        snapshots.clear()\n        send({ type: 'cancel' })\n      }),\n    },\n    item: (id, index) => ({\n      'data-scope': 'sortable',\n      'data-part': 'item',\n      'data-index': String(index),\n      'data-id': id,\n      'data-dragging': state.map((s) => {\n        const d = s.dragging\n        return d?.id === id && d?.fromContainer === containerId ? '' : undefined\n      }),\n      'data-over': state.map((s) => {\n        const d = s.dragging\n        if (!d || d.toContainer !== containerId) return undefined\n        // Look up this item's CURRENT DOM index via the drag-start snapshot.\n        // The `index` closed over here is frozen at initial render and goes\n        // stale after each() reconciles a reorder.\n        const snap = snapshots.get(containerId)\n        const liveIndex = snap?.idToIndex.get(id) ?? index\n        return d.currentIndex === liveIndex ? '' : undefined\n      }),\n      // Shift direction for items BETWEEN the source and target (excluding the\n      // dragged item itself). 'down' = item should translate down to make room;\n      // 'up' = item should translate up. CSS controls the actual displacement.\n      //\n      // In 2D layout, `data-shift` is always undefined — the per-item\n      // `style.transform` below opens the correct gap directly. Keeping\n      // `data-shift` out of the 2D path prevents any author-provided\n      // CSS rule like `[data-shift] { translate: 0 var(--sortable-shift) }`\n      // from fighting with the computed transform.\n      'data-shift': state.map((s) => {\n        if (layout === '2d') return undefined\n        const d = s.dragging\n        if (!d || d.fromContainer !== containerId || d.toContainer !== containerId) return undefined\n        if (d.id === id) return undefined\n        if (d.startIndex === d.currentIndex) return undefined\n        // Look up this item's live DOM index — see note on data-over.\n        const snap = snapshots.get(containerId)\n        const liveIndex = snap?.idToIndex.get(id) ?? index\n        if (d.startIndex < d.currentIndex) {\n          // Dragging down: items between start+1 and current shift up\n          if (liveIndex > d.startIndex && liveIndex <= d.currentIndex) return 'up'\n        } else {\n          // Dragging up: items between current and start-1 shift down\n          if (liveIndex >= d.currentIndex && liveIndex < d.startIndex) return 'down'\n        }\n        return undefined\n      }),\n      // The dragged item follows the pointer. In 1D, translateY only; in\n      // 2D, both axes. Non-dragged items in 2D between source and target\n      // get a per-item translate computed from the snapshot — each item's\n      // vector is `snapshot[newSlot] - snapshot[ownSlot]` so the gap\n      // opens correctly regardless of row wrap. In 1D, non-dragged items\n      // emit `undefined` here and rely on the consumer's CSS `data-shift`\n      // rule.\n      'style.transform': state.map((s) => {\n        const d = s.dragging\n        if (!d) return undefined\n        const isDragged = d.id === id && d.fromContainer === containerId\n        if (isDragged) {\n          const deltaY = d.currentY - d.startY\n          if (layout === '2d') {\n            const deltaX = d.currentX - d.startX\n            return `translate(${deltaX}px, ${deltaY}px)`\n          }\n          return `translateY(${deltaY}px)`\n        }\n        // Non-dragged items: per-item displacement in 2D only.\n        if (layout !== '2d') return undefined\n        if (d.fromContainer !== containerId || d.toContainer !== containerId) return undefined\n        if (d.startIndex === d.currentIndex) return undefined\n        const snap = snapshots.get(containerId)\n        if (!snap) return undefined\n        const liveIndex = snap.idToIndex.get(id)\n        if (liveIndex === undefined) return undefined\n        // Which slot this item should visually occupy while the drag\n        // previews the reorder:\n        //   drag-down (start < current): items at liveIndex in\n        //     (start .. current] shift left-by-one in array order, so\n        //     they take the slot at liveIndex - 1.\n        //   drag-up (current < start): items at liveIndex in\n        //     [current .. start) shift right-by-one, take slot\n        //     liveIndex + 1.\n        let targetSlot: number\n        if (d.startIndex < d.currentIndex) {\n          if (liveIndex <= d.startIndex || liveIndex > d.currentIndex) return undefined\n          targetSlot = liveIndex - 1\n        } else {\n          if (liveIndex < d.currentIndex || liveIndex >= d.startIndex) return undefined\n          targetSlot = liveIndex + 1\n        }\n        const own = snap.mids[liveIndex]\n        const target = snap.mids[targetSlot]\n        if (!own || !target) return undefined\n        const dx = target.x - own.x\n        const dy = target.y - own.y\n        return `translate(${dx}px, ${dy}px)`\n      }),\n      'style.zIndex': state.map((s) => {\n        const d = s.dragging\n        if (!d || d.id !== id || d.fromContainer !== containerId) return undefined\n        return '10'\n      }),\n    }),\n    handle: (id, index) => ({\n      'data-scope': 'sortable',\n      'data-part': 'handle',\n      role: 'button',\n      tabIndex: 0,\n      'aria-grabbed': state.map((s) => {\n        const d = s.dragging\n        return d?.id === id && d?.fromContainer === containerId\n      }),\n      'aria-label':\n        'Drag handle. Press space to pick up, arrow keys to move, space again to drop, escape to cancel.',\n      onPointerDown: tagSend(send, ['start'], (e) => {\n        e.preventDefault()\n        const target = e.currentTarget as Element | null\n        if (target && 'setPointerCapture' in target) {\n          try {\n            ;(target as Element & { setPointerCapture: (id: number) => void }).setPointerCapture(\n              e.pointerId,\n            )\n          } catch {\n            // Ignore — not all elements support pointer capture\n          }\n        }\n        // Compute the CURRENT DOM index of this handle's item — the captured\n        // `index` param is stale after a reorder (each() moves keyed nodes\n        // without re-running render, so the closure's index is frozen at\n        // initial mount). Walk up to find the containing item, then count its\n        // position among sibling items.\n        let currentIndex = index\n        if (target) {\n          const itemEl = (target as Element).closest<HTMLElement>(\n            '[data-scope=\"sortable\"][data-part=\"item\"]',\n          )\n          const rootEl = (target as Element).closest<HTMLElement>(\n            '[data-scope=\"sortable\"][data-part=\"root\"]',\n          )\n          if (itemEl && rootEl) {\n            const items = rootEl.querySelectorAll<HTMLElement>(\n              '[data-scope=\"sortable\"][data-part=\"item\"]',\n            )\n            for (let i = 0; i < items.length; i++) {\n              if (items[i] === itemEl) {\n                currentIndex = i\n                break\n              }\n            }\n          }\n        }\n        // Snapshot positions BEFORE the drag starts, so subsequent pointermove\n        // events can resolve the target index against stable (pre-transform)\n        // positions. Otherwise items shifting via CSS would cause the target\n        // to oscillate as elementFromPoint hits different items.\n        snapshotAll()\n        send({\n          type: 'start',\n          id,\n          index: currentIndex,\n          container: containerId,\n          x: e.clientX,\n          y: e.clientY,\n        })\n      }),\n      onKeyDown: tagSend(send, ['toggleGrab', 'cancel', 'moveBy'], (e) => {\n        switch (e.key) {\n          case ' ':\n          case 'Enter':\n            e.preventDefault()\n            send({ type: 'toggleGrab', id, index, container: containerId })\n            return\n          case 'Escape':\n            e.preventDefault()\n            send({ type: 'cancel' })\n            return\n          case 'ArrowDown':\n          case 'ArrowRight':\n            e.preventDefault()\n            send({ type: 'moveBy', delta: 1 })\n            return\n          case 'ArrowUp':\n          case 'ArrowLeft':\n            e.preventDefault()\n            send({ type: 'moveBy', delta: -1 })\n            return\n        }\n      }),\n    }),\n  }\n}\n\n// ── Reorder utility ────────────────────────────────────────────\n\n/**\n * Move an item in an array from one index to another, returning a new array.\n * Out-of-range indices are clamped to array bounds.\n */\nexport function reorder<T>(arr: readonly T[], from: number, to: number): T[] {\n  const len = arr.length\n  if (len === 0) return []\n  const f = Math.max(0, Math.min(len - 1, from))\n  const t = Math.max(0, Math.min(len - 1, to))\n  if (f === t) return arr.slice()\n  const result = arr.slice()\n  const [item] = result.splice(f, 1)\n  result.splice(t, 0, item)\n  return result\n}\n\nexport const sortable = { init, update, connect, reorder }\n"]}

package/dist/components/splitter.d.ts

@@ -1,4 +1,4 @@
-import type { Send } from '@llui/dom';
+import type { Send, Signal } from '@llui/dom';
 /**
  * Splitter — resizable panes with a draggable handle. The handle's position
  * is expressed as a percentage of the container, stored as a number 0..100.
@@ -58,40 +58,40 @@ export declare function init(opts?: SplitterInit): SplitterState;
 export declare function update(state: SplitterState, msg: SplitterMsg): [SplitterState, never[]];
 /** Compute position percentage from a pointer event within a container rect. */
 export declare function positionFromPoint(state: SplitterState, rect: DOMRect, clientX: number, clientY: number): number;
-export interface SplitterParts<S> {
+export interface SplitterParts {
     root: {
         'data-scope': 'splitter';
         'data-part': 'root';
-        'data-orientation': (s: S) => Orientation;
-        'data-disabled': (s: S) => '' | undefined;
-        'data-dragging': (s: S) => '' | undefined;
+        'data-orientation': Signal<Orientation>;
+        'data-disabled': Signal<'' | undefined>;
+        'data-dragging': Signal<'' | undefined>;
     };
     primaryPanel: {
         'data-scope': 'splitter';
         'data-part': 'primary-panel';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
     secondaryPanel: {
         'data-scope': 'splitter';
         'data-part': 'secondary-panel';
-        style: (s: S) => string;
+        style: Signal<string>;
     };
     resizeTrigger: {
         role: 'separator';
-        'aria-orientation': (s: S) => Orientation;
-        'aria-valuemin': (s: S) => number;
-        'aria-valuemax': (s: S) => number;
-        'aria-valuenow': (s: S) => number;
-        'aria-disabled': (s: S) => 'true' | undefined;
+        'aria-orientation': Signal<Orientation>;
+        'aria-valuemin': Signal<number>;
+        'aria-valuemax': Signal<number>;
+        'aria-valuenow': Signal<number>;
+        'aria-disabled': Signal<'true' | undefined>;
         'data-scope': 'splitter';
         'data-part': 'resize-trigger';
-        'data-orientation': (s: S) => Orientation;
-        tabIndex: (s: S) => number;
+        'data-orientation': Signal<Orientation>;
+        tabIndex: Signal<number>;
         onKeyDown: (e: KeyboardEvent) => void;
         onPointerDown: (e: PointerEvent) => void;
     };
 }
-export declare function connect<S>(get: (s: S) => SplitterState, send: Send<SplitterMsg>): SplitterParts<S>;
+export declare function connect(state: Signal<SplitterState>, send: Send<SplitterMsg>): SplitterParts;
 export declare const splitter: {
     init: typeof init;
     update: typeof update;