@vielzeug/refine 1.1.1

package/dist/headless/selection-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-control.js","names":[],"sources":["../../src/headless/selection-control.ts"],"sourcesContent":["import { computed, type Readable, signal } from '@vielzeug/ripple';\n\nimport type { SelectionMode } from './datagrid';\n\n// ── Selection control ─────────────────────────────────────────────────────────\n\nexport type SelectionControlOptions<T> = {\n  /** Returns a unique string key for each row item. */\n  getRowKey: (item: T) => string;\n  /** Called when selection changes. Receives the full set of selected keys. */\n  onSelectionChange?: (keys: Set<string>) => void;\n  /** Returns the current page items reactively. */\n  pageItems: () => T[];\n  /** Returns the current selection mode reactively. */\n  selectionMode: () => SelectionMode;\n};\n\nexport type SelectionControl = {\n  /** Deselect all rows. */\n  clearSelection(): void;\n  /** Whether all current-page rows are selected. */\n  isAllSelected(): boolean;\n  /** Whether a given row key is selected. */\n  isSelected(key: string): boolean;\n  /** Select (or deselect if already all selected) all rows on the current page. */\n  selectAll(): void;\n  /** Current selected row keys. Reactive signal. Returns a snapshot copy. */\n  readonly selectedKeys: Readable<ReadonlySet<string>>;\n  /** Set the selection to an explicit set of keys. */\n  setSelection(keys: Set<string>): void;\n  /** Toggle selection for a single row. */\n  toggleRow(key: string): void;\n};\n\nexport const createSelectionControl = <T>(options: SelectionControlOptions<T>): SelectionControl => {\n  const _selectedKeys = signal<Set<string>>(new Set());\n\n  const isSelected = (key: string): boolean => _selectedKeys.value.has(key);\n\n  const isAllSelected = (): boolean => {\n    const page = options.pageItems();\n\n    if (!page.length) return false;\n\n    return page.every((item) => _selectedKeys.value.has(options.getRowKey(item)));\n  };\n\n  const _commitSelection = (next: Set<string>): void => {\n    _selectedKeys.value = next;\n    options.onSelectionChange?.(next);\n  };\n\n  const toggleRow = (key: string): void => {\n    const mode = options.selectionMode();\n\n    if (mode === 'none') return;\n\n    const next = new Set(_selectedKeys.value);\n\n    if (next.has(key)) {\n      next.delete(key);\n    } else if (mode === 'single') {\n      next.clear();\n      next.add(key);\n    } else {\n      next.add(key);\n    }\n\n    _commitSelection(next);\n  };\n\n  const selectAll = (): void => {\n    if (options.selectionMode() !== 'multi') return;\n\n    const page = options.pageItems();\n\n    if (isAllSelected()) {\n      const next = new Set(_selectedKeys.value);\n\n      for (const item of page) next.delete(options.getRowKey(item));\n\n      _commitSelection(next);\n    } else {\n      const next = new Set(_selectedKeys.value);\n\n      for (const item of page) next.add(options.getRowKey(item));\n\n      _commitSelection(next);\n    }\n  };\n\n  const clearSelection = (): void => {\n    _commitSelection(new Set());\n  };\n\n  const setSelection = (keys: Set<string>): void => {\n    _commitSelection(new Set(keys));\n  };\n\n  return {\n    clearSelection,\n    isAllSelected,\n    isSelected,\n    selectAll,\n    selectedKeys: computed(() => new Set(_selectedKeys.value)),\n    setSelection,\n    toggleRow,\n  };\n};\n"],"mappings":";;AAkCA,IAAa,KAA6B,MAA0D;CAClG,IAAM,IAAgB,kBAAoB,IAAI,IAAI,CAAC,GAE7C,KAAc,MAAyB,EAAc,MAAM,IAAI,CAAG,GAElE,UAA+B;EACnC,IAAM,IAAO,EAAQ,UAAU;EAI/B,OAFK,EAAK,SAEH,EAAK,OAAO,MAAS,EAAc,MAAM,IAAI,EAAQ,UAAU,CAAI,CAAC,CAAC,IAFnD;CAG3B,GAEM,KAAoB,MAA4B;EAEpD,AADA,EAAc,QAAQ,GACtB,EAAQ,oBAAoB,CAAI;CAClC;CAiDA,OAAO;EACL,sBATiC;GACjC,kBAAiB,IAAI,IAAI,CAAC;EAC5B;EAQE;EACA;EACA,iBAhC4B;GAC5B,IAAI,EAAQ,cAAc,MAAM,SAAS;GAEzC,IAAM,IAAO,EAAQ,UAAU;GAE/B,IAAI,EAAc,GAAG;IACnB,IAAM,IAAO,IAAI,IAAI,EAAc,KAAK;IAExC,KAAK,IAAM,KAAQ,GAAM,EAAK,OAAO,EAAQ,UAAU,CAAI,CAAC;IAE5D,EAAiB,CAAI;GACvB,OAAO;IACL,IAAM,IAAO,IAAI,IAAI,EAAc,KAAK;IAExC,KAAK,IAAM,KAAQ,GAAM,EAAK,IAAI,EAAQ,UAAU,CAAI,CAAC;IAEzD,EAAiB,CAAI;GACvB;EACF;EAeE,cAAc,QAAe,IAAI,IAAI,EAAc,KAAK,CAAC;EACzD,eAVoB,MAA4B;GAChD,EAAiB,IAAI,IAAI,CAAI,CAAC;EAChC;EASE,YAtDiB,MAAsB;GACvC,IAAM,IAAO,EAAQ,cAAc;GAEnC,IAAI,MAAS,QAAQ;GAErB,IAAM,IAAO,IAAI,IAAI,EAAc,KAAK;GAWxC,AATI,EAAK,IAAI,CAAG,IACd,EAAK,OAAO,CAAG,KACN,MAAS,YAClB,EAAK,MAAM,GAGX,EAAK,IAAI,CAAG,IAGd,EAAiB,CAAI;EACvB;CAsCA;AACF"}

package/dist/headless/signals.cjs

@@ -0,0 +1,2 @@
+let e=require("@vielzeug/ripple");var t=(t,n,r=e=>e)=>{let i=(0,e.signal)((0,e.untrack)(()=>r(t.value))),a=(0,e.watch)(t,e=>{i.value=r(e)});return n&&n.addEventListener(`abort`,()=>a.dispose(),{once:!0}),i};exports.syncedSignal=t;
+//# sourceMappingURL=signals.cjs.map

package/dist/headless/signals.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.cjs","names":[],"sources":["../../src/headless/signals.ts"],"sourcesContent":["import { type Readable, signal, type Signal, untrack, watch } from '@vielzeug/ripple';\n\n// ── syncedSignal ──────────────────────────────────────────────────────────────\n\n/**\n * Creates a local writable `Signal<T>` that stays in sync with an external\n * `Reactive<T>`. When `abortSignal` is provided the watcher subscription\n * is disposed automatically on abort; otherwise the caller is responsible for\n * disposal.\n *\n * Initialised synchronously via `untrack` so the first render never reads a\n * stale value. The optional `transform` coerces each incoming value (e.g.\n * `Boolean`, `String`).\n *\n * @example\n * ```ts\n * const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));\n * // Without lifecycle signal (test / non-component context):\n * const value = syncedSignal(source);\n * ```\n */\nexport const syncedSignal = <TIn, TOut = TIn>(\n  source: Readable<TIn>,\n  abortSignal?: AbortSignal,\n  transform: (value: TIn) => TOut = (v) => v as unknown as TOut,\n): Signal<TOut> => {\n  const local = signal<TOut>(untrack(() => transform(source.value)));\n  const sub = watch(source, (v) => {\n    local.value = transform(v);\n  });\n\n  if (abortSignal) {\n    abortSignal.addEventListener('abort', () => sub.dispose(), { once: true });\n  }\n\n  return local;\n};\n"],"mappings":"kCAqBA,IAAa,GACX,EACA,EACA,EAAmC,GAAM,IACxB,CACjB,IAAM,GAAA,EAAA,EAAA,OAAA,EAAA,EAAA,EAAA,QAAA,KAAmC,EAAU,EAAO,KAAK,CAAC,CAAC,EAC3D,GAAA,EAAA,EAAA,MAAA,CAAY,EAAS,GAAM,CAC/B,EAAM,MAAQ,EAAU,CAAC,CAC3B,CAAC,EAMD,OAJI,GACF,EAAY,iBAAiB,YAAe,EAAI,QAAQ,EAAG,CAAE,KAAM,EAAK,CAAC,EAGpE,CACT"}

package/dist/headless/signals.d.ts

@@ -0,0 +1,20 @@
+import { type Readable, type Signal } from '@vielzeug/ripple';
+/**
+ * Creates a local writable `Signal<T>` that stays in sync with an external
+ * `Reactive<T>`. When `abortSignal` is provided the watcher subscription
+ * is disposed automatically on abort; otherwise the caller is responsible for
+ * disposal.
+ *
+ * Initialised synchronously via `untrack` so the first render never reads a
+ * stale value. The optional `transform` coerces each incoming value (e.g.
+ * `Boolean`, `String`).
+ *
+ * @example
+ * ```ts
+ * const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));
+ * // Without lifecycle signal (test / non-component context):
+ * const value = syncedSignal(source);
+ * ```
+ */
+export declare const syncedSignal: <TIn, TOut = TIn>(source: Readable<TIn>, abortSignal?: AbortSignal, transform?: (value: TIn) => TOut) => Signal<TOut>;
+//# sourceMappingURL=signals.d.ts.map

package/dist/headless/signals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.d.ts","sourceRoot":"","sources":["../../src/headless/signals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAU,KAAK,MAAM,EAAkB,MAAM,kBAAkB,CAAC;AAItF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,GAAI,GAAG,EAAE,IAAI,GAAG,GAAG,EAC1C,QAAQ,QAAQ,CAAC,GAAG,CAAC,EACrB,cAAc,WAAW,EACzB,YAAW,CAAC,KAAK,EAAE,GAAG,KAAK,IAAkC,KAC5D,MAAM,CAAC,IAAI,CAWb,CAAC"}

package/dist/headless/signals.js

@@ -0,0 +1,12 @@
+import { signal as e, untrack as t, watch as n } from "@vielzeug/ripple";
+//#region src/headless/signals.ts
+var r = (r, i, a = (e) => e) => {
+	let o = e(t(() => a(r.value))), s = n(r, (e) => {
+		o.value = a(e);
+	});
+	return i && i.addEventListener("abort", () => s.dispose(), { once: !0 }), o;
+};
+//#endregion
+export { r as syncedSignal };
+
+//# sourceMappingURL=signals.js.map

package/dist/headless/signals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.js","names":[],"sources":["../../src/headless/signals.ts"],"sourcesContent":["import { type Readable, signal, type Signal, untrack, watch } from '@vielzeug/ripple';\n\n// ── syncedSignal ──────────────────────────────────────────────────────────────\n\n/**\n * Creates a local writable `Signal<T>` that stays in sync with an external\n * `Reactive<T>`. When `abortSignal` is provided the watcher subscription\n * is disposed automatically on abort; otherwise the caller is responsible for\n * disposal.\n *\n * Initialised synchronously via `untrack` so the first render never reads a\n * stale value. The optional `transform` coerces each incoming value (e.g.\n * `Boolean`, `String`).\n *\n * @example\n * ```ts\n * const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));\n * // Without lifecycle signal (test / non-component context):\n * const value = syncedSignal(source);\n * ```\n */\nexport const syncedSignal = <TIn, TOut = TIn>(\n  source: Readable<TIn>,\n  abortSignal?: AbortSignal,\n  transform: (value: TIn) => TOut = (v) => v as unknown as TOut,\n): Signal<TOut> => {\n  const local = signal<TOut>(untrack(() => transform(source.value)));\n  const sub = watch(source, (v) => {\n    local.value = transform(v);\n  });\n\n  if (abortSignal) {\n    abortSignal.addEventListener('abort', () => sub.dispose(), { once: true });\n  }\n\n  return local;\n};\n"],"mappings":";;AAqBA,IAAa,KACX,GACA,GACA,KAAmC,MAAM,MACxB;CACjB,IAAM,IAAQ,EAAa,QAAc,EAAU,EAAO,KAAK,CAAC,CAAC,GAC3D,IAAM,EAAM,IAAS,MAAM;EAC/B,EAAM,QAAQ,EAAU,CAAC;CAC3B,CAAC;CAMD,OAJI,KACF,EAAY,iBAAiB,eAAe,EAAI,QAAQ,GAAG,EAAE,MAAM,GAAK,CAAC,GAGpE;AACT"}

package/dist/headless/slider.cjs

@@ -0,0 +1,2 @@
+const e=require("./numbers.cjs");let t=require("@vielzeug/arsenal");var n=n=>{let r=()=>e.toFiniteNumberOr(n.min?.value,0),i=()=>e.toFiniteNumberOr(n.max?.value,100),a=()=>e.toPositiveStep(n.step?.value,1),o=n=>{let a=r(),o=i();return(0,t.clamp)(e.toFiniteNumberOr(n,a),a,o)},s=t=>{let n=r();return o(Math.round(e.toFiniteNumberOr(t,n)/a())*a())},c=t=>{let n=r(),a=i(),o=e.toFiniteNumberOr(t,n);return a<=n?0:(o-n)/(a-n)*100},l=(e,t)=>{if(t.width<=0)return s(r());let n=Math.max(0,Math.min(1,(e-t.left)/t.width)),a=r(),o=i();return s(a+n*(o-a))},u=(t,n)=>{let s=e.toFiniteNumberOr(n,r());return t===`ArrowRight`||t===`ArrowUp`?o(s+a()):t===`ArrowLeft`||t===`ArrowDown`?o(s-a()):t===`Home`?r():t===`End`?i():null};return{clamp:o,fromClientX:l,handleKeydown:(e,t,r)=>{if(n.disabled?.value||n.readonly?.value)return!1;let i=u(e.key,t);return i===null?!1:(e.preventDefault(),r(i),!0)},max:i,min:r,nextFromKey:u,snap:s,toPercent:c}};exports.createSliderControl=n;
+//# sourceMappingURL=slider.cjs.map

package/dist/headless/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","names":[],"sources":["../../src/headless/slider.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { clamp as clampRange } from '@vielzeug/arsenal';\n\nimport { toFiniteNumberOr, toPositiveStep } from './numbers';\n\n// ── Slider control ────────────────────────────────────────────────────────────\n\nexport type SliderControlOptions = {\n  disabled?: Readable<boolean | undefined>;\n  max?: Readable<number | string | undefined>;\n  min?: Readable<number | string | undefined>;\n  readonly?: Readable<boolean | undefined>;\n  step?: Readable<number | string | undefined>;\n};\n\nexport type SliderControl = {\n  clamp: (value: number) => number;\n  fromClientX: (clientX: number, rect: { left: number; width: number }) => number;\n  /**\n   * Handles keyboard navigation for a slider input.\n   * When the slider is disabled or readonly, the event is ignored and `false` is returned.\n   * @returns `true` when the event was handled and `onCommit` was called, `false` otherwise.\n   */\n  handleKeydown: (event: KeyboardEvent, currentValue: number, onCommit: (value: number) => void) => boolean;\n  max: () => number;\n  min: () => number;\n  nextFromKey: (key: string, current: number) => number | null;\n  snap: (value: number) => number;\n  toPercent: (value: number) => number;\n};\n\nexport const createSliderControl = (options: SliderControlOptions): SliderControl => {\n  const min = (): number => toFiniteNumberOr(options.min?.value, 0);\n  const max = (): number => toFiniteNumberOr(options.max?.value, 100);\n  const step = (): number => toPositiveStep(options.step?.value, 1);\n\n  const clamp = (value: number): number => {\n    const minValue = min();\n    const maxValue = max();\n\n    return clampRange(toFiniteNumberOr(value, minValue), minValue, maxValue);\n  };\n\n  const snap = (value: number): number => {\n    const minValue = min();\n\n    return clamp(Math.round(toFiniteNumberOr(value, minValue) / step()) * step());\n  };\n\n  const toPercent = (value: number): number => {\n    const minValue = min();\n    const maxValue = max();\n    const normalized = toFiniteNumberOr(value, minValue);\n\n    if (maxValue <= minValue) return 0;\n\n    return ((normalized - minValue) / (maxValue - minValue)) * 100;\n  };\n\n  const fromClientX = (clientX: number, rect: { left: number; width: number }): number => {\n    if (rect.width <= 0) return snap(min());\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    const minValue = min();\n    const maxValue = max();\n\n    return snap(minValue + pct * (maxValue - minValue));\n  };\n\n  const nextFromKey = (key: string, current: number): number | null => {\n    const normalized = toFiniteNumberOr(current, min());\n\n    if (key === 'ArrowRight' || key === 'ArrowUp') return clamp(normalized + step());\n\n    if (key === 'ArrowLeft' || key === 'ArrowDown') return clamp(normalized - step());\n\n    if (key === 'Home') return min();\n\n    if (key === 'End') return max();\n\n    return null;\n  };\n\n  const handleKeydown = (event: KeyboardEvent, currentValue: number, onCommit: (value: number) => void): boolean => {\n    if (options.disabled?.value || options.readonly?.value) return false;\n\n    const next = nextFromKey(event.key, currentValue);\n\n    if (next === null) return false;\n\n    event.preventDefault();\n    onCommit(next);\n\n    return true;\n  };\n\n  return { clamp, fromClientX, handleKeydown, max, min, nextFromKey, snap, toPercent };\n};\n"],"mappings":"oEAgCA,IAAa,EAAuB,GAAiD,CACnF,IAAM,MAAoB,EAAA,iBAAiB,EAAQ,KAAK,MAAO,CAAC,EAC1D,MAAoB,EAAA,iBAAiB,EAAQ,KAAK,MAAO,GAAG,EAC5D,MAAqB,EAAA,eAAe,EAAQ,MAAM,MAAO,CAAC,EAE1D,EAAS,GAA0B,CACvC,IAAM,EAAW,EAAI,EACf,EAAW,EAAI,EAErB,OAAA,EAAA,EAAA,MAAA,CAAkB,EAAA,iBAAiB,EAAO,CAAQ,EAAG,EAAU,CAAQ,CACzE,EAEM,EAAQ,GAA0B,CACtC,IAAM,EAAW,EAAI,EAErB,OAAO,EAAM,KAAK,MAAM,EAAA,iBAAiB,EAAO,CAAQ,EAAI,EAAK,CAAC,EAAI,EAAK,CAAC,CAC9E,EAEM,EAAa,GAA0B,CAC3C,IAAM,EAAW,EAAI,EACf,EAAW,EAAI,EACf,EAAa,EAAA,iBAAiB,EAAO,CAAQ,EAInD,OAFI,GAAY,EAAiB,GAExB,EAAa,IAAa,EAAW,GAAa,GAC7D,EAEM,GAAe,EAAiB,IAAkD,CACtF,GAAI,EAAK,OAAS,EAAG,OAAO,EAAK,EAAI,CAAC,EAEtC,IAAM,EAAM,KAAK,IAAI,EAAG,KAAK,IAAI,GAAI,EAAU,EAAK,MAAQ,EAAK,KAAK,CAAC,EACjE,EAAW,EAAI,EACf,EAAW,EAAI,EAErB,OAAO,EAAK,EAAW,GAAO,EAAW,EAAS,CACpD,EAEM,GAAe,EAAa,IAAmC,CACnE,IAAM,EAAa,EAAA,iBAAiB,EAAS,EAAI,CAAC,EAUlD,OARI,IAAQ,cAAgB,IAAQ,UAAkB,EAAM,EAAa,EAAK,CAAC,EAE3E,IAAQ,aAAe,IAAQ,YAAoB,EAAM,EAAa,EAAK,CAAC,EAE5E,IAAQ,OAAe,EAAI,EAE3B,IAAQ,MAAc,EAAI,EAEvB,IACT,EAeA,MAAO,CAAE,QAAO,cAAa,eAbN,EAAsB,EAAsB,IAA+C,CAChH,GAAI,EAAQ,UAAU,OAAS,EAAQ,UAAU,MAAO,MAAO,GAE/D,IAAM,EAAO,EAAY,EAAM,IAAK,CAAY,EAOhD,OALI,IAAS,KAAa,IAE1B,EAAM,eAAe,EACrB,EAAS,CAAI,EAEN,GACT,EAE4C,MAAK,MAAK,cAAa,OAAM,WAAU,CACrF"}

package/dist/headless/slider.d.ts

@@ -0,0 +1,28 @@
+import type { Readable } from '@vielzeug/ripple';
+export type SliderControlOptions = {
+    disabled?: Readable<boolean | undefined>;
+    max?: Readable<number | string | undefined>;
+    min?: Readable<number | string | undefined>;
+    readonly?: Readable<boolean | undefined>;
+    step?: Readable<number | string | undefined>;
+};
+export type SliderControl = {
+    clamp: (value: number) => number;
+    fromClientX: (clientX: number, rect: {
+        left: number;
+        width: number;
+    }) => number;
+    /**
+     * Handles keyboard navigation for a slider input.
+     * When the slider is disabled or readonly, the event is ignored and `false` is returned.
+     * @returns `true` when the event was handled and `onCommit` was called, `false` otherwise.
+     */
+    handleKeydown: (event: KeyboardEvent, currentValue: number, onCommit: (value: number) => void) => boolean;
+    max: () => number;
+    min: () => number;
+    nextFromKey: (key: string, current: number) => number | null;
+    snap: (value: number) => number;
+    toPercent: (value: number) => number;
+};
+export declare const createSliderControl: (options: SliderControlOptions) => SliderControl;
+//# sourceMappingURL=slider.d.ts.map

package/dist/headless/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/headless/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAChF;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC;IAC1G,GAAG,EAAE,MAAM,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC7D,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,SAAS,oBAAoB,KAAG,aAkEnE,CAAC"}

package/dist/headless/slider.js

@@ -0,0 +1,40 @@
+import { toFiniteNumberOr as e, toPositiveStep as t } from "./numbers.js";
+import { clamp as n } from "@vielzeug/arsenal";
+//#region src/headless/slider.ts
+var r = (r) => {
+	let i = () => e(r.min?.value, 0), a = () => e(r.max?.value, 100), o = () => t(r.step?.value, 1), s = (t) => {
+		let r = i(), o = a();
+		return n(e(t, r), r, o);
+	}, c = (t) => {
+		let n = i();
+		return s(Math.round(e(t, n) / o()) * o());
+	}, l = (t) => {
+		let n = i(), r = a(), o = e(t, n);
+		return r <= n ? 0 : (o - n) / (r - n) * 100;
+	}, u = (e, t) => {
+		if (t.width <= 0) return c(i());
+		let n = Math.max(0, Math.min(1, (e - t.left) / t.width)), r = i(), o = a();
+		return c(r + n * (o - r));
+	}, d = (t, n) => {
+		let r = e(n, i());
+		return t === "ArrowRight" || t === "ArrowUp" ? s(r + o()) : t === "ArrowLeft" || t === "ArrowDown" ? s(r - o()) : t === "Home" ? i() : t === "End" ? a() : null;
+	};
+	return {
+		clamp: s,
+		fromClientX: u,
+		handleKeydown: (e, t, n) => {
+			if (r.disabled?.value || r.readonly?.value) return !1;
+			let i = d(e.key, t);
+			return i === null ? !1 : (e.preventDefault(), n(i), !0);
+		},
+		max: a,
+		min: i,
+		nextFromKey: d,
+		snap: c,
+		toPercent: l
+	};
+};
+//#endregion
+export { r as createSliderControl };
+
+//# sourceMappingURL=slider.js.map

package/dist/headless/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/headless/slider.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { clamp as clampRange } from '@vielzeug/arsenal';\n\nimport { toFiniteNumberOr, toPositiveStep } from './numbers';\n\n// ── Slider control ────────────────────────────────────────────────────────────\n\nexport type SliderControlOptions = {\n  disabled?: Readable<boolean | undefined>;\n  max?: Readable<number | string | undefined>;\n  min?: Readable<number | string | undefined>;\n  readonly?: Readable<boolean | undefined>;\n  step?: Readable<number | string | undefined>;\n};\n\nexport type SliderControl = {\n  clamp: (value: number) => number;\n  fromClientX: (clientX: number, rect: { left: number; width: number }) => number;\n  /**\n   * Handles keyboard navigation for a slider input.\n   * When the slider is disabled or readonly, the event is ignored and `false` is returned.\n   * @returns `true` when the event was handled and `onCommit` was called, `false` otherwise.\n   */\n  handleKeydown: (event: KeyboardEvent, currentValue: number, onCommit: (value: number) => void) => boolean;\n  max: () => number;\n  min: () => number;\n  nextFromKey: (key: string, current: number) => number | null;\n  snap: (value: number) => number;\n  toPercent: (value: number) => number;\n};\n\nexport const createSliderControl = (options: SliderControlOptions): SliderControl => {\n  const min = (): number => toFiniteNumberOr(options.min?.value, 0);\n  const max = (): number => toFiniteNumberOr(options.max?.value, 100);\n  const step = (): number => toPositiveStep(options.step?.value, 1);\n\n  const clamp = (value: number): number => {\n    const minValue = min();\n    const maxValue = max();\n\n    return clampRange(toFiniteNumberOr(value, minValue), minValue, maxValue);\n  };\n\n  const snap = (value: number): number => {\n    const minValue = min();\n\n    return clamp(Math.round(toFiniteNumberOr(value, minValue) / step()) * step());\n  };\n\n  const toPercent = (value: number): number => {\n    const minValue = min();\n    const maxValue = max();\n    const normalized = toFiniteNumberOr(value, minValue);\n\n    if (maxValue <= minValue) return 0;\n\n    return ((normalized - minValue) / (maxValue - minValue)) * 100;\n  };\n\n  const fromClientX = (clientX: number, rect: { left: number; width: number }): number => {\n    if (rect.width <= 0) return snap(min());\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    const minValue = min();\n    const maxValue = max();\n\n    return snap(minValue + pct * (maxValue - minValue));\n  };\n\n  const nextFromKey = (key: string, current: number): number | null => {\n    const normalized = toFiniteNumberOr(current, min());\n\n    if (key === 'ArrowRight' || key === 'ArrowUp') return clamp(normalized + step());\n\n    if (key === 'ArrowLeft' || key === 'ArrowDown') return clamp(normalized - step());\n\n    if (key === 'Home') return min();\n\n    if (key === 'End') return max();\n\n    return null;\n  };\n\n  const handleKeydown = (event: KeyboardEvent, currentValue: number, onCommit: (value: number) => void): boolean => {\n    if (options.disabled?.value || options.readonly?.value) return false;\n\n    const next = nextFromKey(event.key, currentValue);\n\n    if (next === null) return false;\n\n    event.preventDefault();\n    onCommit(next);\n\n    return true;\n  };\n\n  return { clamp, fromClientX, handleKeydown, max, min, nextFromKey, snap, toPercent };\n};\n"],"mappings":";;;AAgCA,IAAa,KAAuB,MAAiD;CACnF,IAAM,UAAoB,EAAiB,EAAQ,KAAK,OAAO,CAAC,GAC1D,UAAoB,EAAiB,EAAQ,KAAK,OAAO,GAAG,GAC5D,UAAqB,EAAe,EAAQ,MAAM,OAAO,CAAC,GAE1D,KAAS,MAA0B;EACvC,IAAM,IAAW,EAAI,GACf,IAAW,EAAI;EAErB,OAAO,EAAW,EAAiB,GAAO,CAAQ,GAAG,GAAU,CAAQ;CACzE,GAEM,KAAQ,MAA0B;EACtC,IAAM,IAAW,EAAI;EAErB,OAAO,EAAM,KAAK,MAAM,EAAiB,GAAO,CAAQ,IAAI,EAAK,CAAC,IAAI,EAAK,CAAC;CAC9E,GAEM,KAAa,MAA0B;EAC3C,IAAM,IAAW,EAAI,GACf,IAAW,EAAI,GACf,IAAa,EAAiB,GAAO,CAAQ;EAInD,OAFI,KAAY,IAAiB,KAExB,IAAa,MAAa,IAAW,KAAa;CAC7D,GAEM,KAAe,GAAiB,MAAkD;EACtF,IAAI,EAAK,SAAS,GAAG,OAAO,EAAK,EAAI,CAAC;EAEtC,IAAM,IAAM,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,IAAU,EAAK,QAAQ,EAAK,KAAK,CAAC,GACjE,IAAW,EAAI,GACf,IAAW,EAAI;EAErB,OAAO,EAAK,IAAW,KAAO,IAAW,EAAS;CACpD,GAEM,KAAe,GAAa,MAAmC;EACnE,IAAM,IAAa,EAAiB,GAAS,EAAI,CAAC;EAUlD,OARI,MAAQ,gBAAgB,MAAQ,YAAkB,EAAM,IAAa,EAAK,CAAC,IAE3E,MAAQ,eAAe,MAAQ,cAAoB,EAAM,IAAa,EAAK,CAAC,IAE5E,MAAQ,SAAe,EAAI,IAE3B,MAAQ,QAAc,EAAI,IAEvB;CACT;CAeA,OAAO;EAAE,OAAA;EAAO;EAAa,gBAbN,GAAsB,GAAsB,MAA+C;GAChH,IAAI,EAAQ,UAAU,SAAS,EAAQ,UAAU,OAAO,OAAO;GAE/D,IAAM,IAAO,EAAY,EAAM,KAAK,CAAY;GAOhD,OALI,MAAS,OAAa,MAE1B,EAAM,eAAe,GACrB,EAAS,CAAI,GAEN;EACT;EAE4C;EAAK;EAAK;EAAa;EAAM;CAAU;AACrF"}

package/dist/headless/sort-control.cjs

@@ -0,0 +1,2 @@
+let e=require("@vielzeug/ripple");var t=t=>{let n=t.items,r=(0,e.signal)(``),i=(0,e.signal)(`none`),a=(0,e.computed)(()=>({direction:i.value,key:r.value}));return{sortBy:e=>{r.value===e?i.value===`asc`?i.value=`desc`:i.value===`desc`&&(r.value=``,i.value=`none`):(r.value=e,i.value=`asc`),t.onSortChange?.({direction:i.value,key:r.value})},sortedItems:(0,e.computed)(()=>{let e=n.value,a=r.value,o=i.value;if(!a||o===`none`)return e;let s=t.columns().find(e=>e.key===a);return e.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:a,sortTo:(e,n)=>{n===`none`?(r.value=``,i.value=`none`):(r.value=e,i.value=n),t.onSortChange?.({direction:i.value,key:r.value})}}};exports.createSortControl=t;
+//# sourceMappingURL=sort-control.cjs.map

package/dist/headless/sort-control.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-control.cjs","names":[],"sources":["../../src/headless/sort-control.ts"],"sourcesContent":["import { computed, type Readable, signal } from '@vielzeug/ripple';\n\nimport type { DataGridColumn, SortDirection, SortState } from './datagrid';\n\n// ── Sort control ──────────────────────────────────────────────────────────────\n\nexport type SortControlOptions<T> = {\n  /** Returns the current column definitions reactively. */\n  columns: () => DataGridColumn<T>[];\n  /** The reactive list of items to sort. */\n  items: Readable<T[]>;\n  /** Called when sort state changes. */\n  onSortChange?: (sort: SortState) => void;\n};\n\nexport type SortControl<T> = {\n  /** Sort by the given column key — cycles asc → desc → none. */\n  sortBy(key: string): void;\n  /** Sorted version of the provided items. Reactive signal. */\n  readonly sortedItems: Readable<T[]>;\n  /** Current sort state. Reactive signal. */\n  readonly sortState: Readable<SortState>;\n  /** Set sort to an explicit key and direction. Passing `'none'` clears the sort. */\n  sortTo(key: string, direction: SortDirection): void;\n};\n\nexport const createSortControl = <T>(options: SortControlOptions<T>): SortControl<T> => {\n  const items = options.items;\n  const _sortKey = signal<string>('');\n  const _sortDir = signal<SortDirection>('none');\n\n  const sortState = computed<SortState>(() => ({ direction: _sortDir.value, key: _sortKey.value }));\n\n  const sortedItems = computed<T[]>(() => {\n    const all = items.value;\n    const key = _sortKey.value;\n    const dir = _sortDir.value;\n\n    if (!key || dir === 'none') return all;\n\n    const col = options.columns().find((c) => c.key === key);\n\n    return all.slice().sort((a, b) => {\n      const av = col?.sortValue ? col.sortValue(a) : ((a as Record<string, unknown>)[key] as number | string);\n      const bv = col?.sortValue ? col.sortValue(b) : ((b as Record<string, unknown>)[key] as number | string);\n      const cmp =\n        typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av ?? '').localeCompare(String(bv ?? ''));\n\n      return dir === 'asc' ? cmp : -cmp;\n    });\n  });\n\n  const sortBy = (key: string): void => {\n    if (_sortKey.value !== key) {\n      _sortKey.value = key;\n      _sortDir.value = 'asc';\n    } else if (_sortDir.value === 'asc') {\n      _sortDir.value = 'desc';\n    } else if (_sortDir.value === 'desc') {\n      _sortKey.value = '';\n      _sortDir.value = 'none';\n    }\n\n    options.onSortChange?.({ direction: _sortDir.value, key: _sortKey.value });\n  };\n\n  const sortTo = (key: string, direction: SortDirection): void => {\n    if (direction === 'none') {\n      _sortKey.value = '';\n      _sortDir.value = 'none';\n    } else {\n      _sortKey.value = key;\n      _sortDir.value = direction;\n    }\n\n    options.onSortChange?.({ direction: _sortDir.value, key: _sortKey.value });\n  };\n\n  return { sortBy, sortedItems, sortState, sortTo };\n};\n"],"mappings":"kCA0BA,IAAa,EAAwB,GAAmD,CACtF,IAAM,EAAQ,EAAQ,MAChB,GAAA,EAAA,EAAA,OAAA,CAA0B,EAAE,EAC5B,GAAA,EAAA,EAAA,OAAA,CAAiC,MAAM,EAEvC,GAAA,EAAA,EAAA,SAAA,MAAuC,CAAE,UAAW,EAAS,MAAO,IAAK,EAAS,KAAM,EAAE,EA+ChG,MAAO,CAAE,OA1BO,GAAsB,CAChC,EAAS,QAAU,EAGZ,EAAS,QAAU,MAC5B,EAAS,MAAQ,OACR,EAAS,QAAU,SAC5B,EAAS,MAAQ,GACjB,EAAS,MAAQ,SANjB,EAAS,MAAQ,EACjB,EAAS,MAAQ,OAQnB,EAAQ,eAAe,CAAE,UAAW,EAAS,MAAO,IAAK,EAAS,KAAM,CAAC,CAC3E,EAciB,aA7CX,EAAA,EAAA,SAAA,KAAkC,CACtC,IAAM,EAAM,EAAM,MACZ,EAAM,EAAS,MACf,EAAM,EAAS,MAErB,GAAI,CAAC,GAAO,IAAQ,OAAQ,OAAO,EAEnC,IAAM,EAAM,EAAQ,QAAQ,CAAC,CAAC,KAAM,GAAM,EAAE,MAAQ,CAAG,EAEvD,OAAO,EAAI,MAAM,CAAC,CAAC,MAAM,EAAG,IAAM,CAChC,IAAM,EAAK,GAAK,UAAY,EAAI,UAAU,CAAC,EAAM,EAA8B,GACzE,EAAK,GAAK,UAAY,EAAI,UAAU,CAAC,EAAM,EAA8B,GACzE,EACJ,OAAO,GAAO,UAAY,OAAO,GAAO,SAAW,EAAK,EAAK,OAAO,GAAM,EAAE,CAAC,CAAC,cAAc,OAAO,GAAM,EAAE,CAAC,EAE9G,OAAO,IAAQ,MAAQ,EAAM,CAAC,CAChC,CAAC,CACH,CA4BiB,EAAa,YAAW,QAZzB,EAAa,IAAmC,CAC1D,IAAc,QAChB,EAAS,MAAQ,GACjB,EAAS,MAAQ,SAEjB,EAAS,MAAQ,EACjB,EAAS,MAAQ,GAGnB,EAAQ,eAAe,CAAE,UAAW,EAAS,MAAO,IAAK,EAAS,KAAM,CAAC,CAC3E,CAEgD,CAClD"}

package/dist/headless/sort-control.d.ts

@@ -0,0 +1,22 @@
+import { type Readable } from '@vielzeug/ripple';
+import type { DataGridColumn, SortDirection, SortState } from './datagrid';
+export type SortControlOptions<T> = {
+    /** Returns the current column definitions reactively. */
+    columns: () => DataGridColumn<T>[];
+    /** The reactive list of items to sort. */
+    items: Readable<T[]>;
+    /** Called when sort state changes. */
+    onSortChange?: (sort: SortState) => void;
+};
+export type SortControl<T> = {
+    /** Sort by the given column key — cycles asc → desc → none. */
+    sortBy(key: string): void;
+    /** Sorted version of the provided items. Reactive signal. */
+    readonly sortedItems: Readable<T[]>;
+    /** Current sort state. Reactive signal. */
+    readonly sortState: Readable<SortState>;
+    /** Set sort to an explicit key and direction. Passing `'none'` clears the sort. */
+    sortTo(key: string, direction: SortDirection): void;
+};
+export declare const createSortControl: <T>(options: SortControlOptions<T>) => SortControl<T>;
+//# sourceMappingURL=sort-control.d.ts.map

package/dist/headless/sort-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-control.d.ts","sourceRoot":"","sources":["../../src/headless/sort-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAEnE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAI3E,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,yDAAyD;IACzD,OAAO,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,0CAA0C;IAC1C,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,+DAA+D;IAC/D,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IACpC,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxC,mFAAmF;IACnF,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,SAAS,kBAAkB,CAAC,CAAC,CAAC,KAAG,WAAW,CAAC,CAAC,CAqDlF,CAAC"}

package/dist/headless/sort-control.js

@@ -0,0 +1,36 @@
+import { computed as e, signal as t } from "@vielzeug/ripple";
+//#region src/headless/sort-control.ts
+var n = (n) => {
+	let r = n.items, i = t(""), a = t("none"), o = e(() => ({
+		direction: a.value,
+		key: i.value
+	}));
+	return {
+		sortBy: (e) => {
+			i.value === e ? a.value === "asc" ? a.value = "desc" : a.value === "desc" && (i.value = "", a.value = "none") : (i.value = e, a.value = "asc"), n.onSortChange?.({
+				direction: a.value,
+				key: i.value
+			});
+		},
+		sortedItems: e(() => {
+			let e = r.value, t = i.value, o = a.value;
+			if (!t || o === "none") return e;
+			let s = n.columns().find((e) => e.key === t);
+			return e.slice().sort((e, n) => {
+				let r = s?.sortValue ? s.sortValue(e) : e[t], i = s?.sortValue ? s.sortValue(n) : n[t], a = typeof r == "number" && typeof i == "number" ? r - i : String(r ?? "").localeCompare(String(i ?? ""));
+				return o === "asc" ? a : -a;
+			});
+		}),
+		sortState: o,
+		sortTo: (e, t) => {
+			t === "none" ? (i.value = "", a.value = "none") : (i.value = e, a.value = t), n.onSortChange?.({
+				direction: a.value,
+				key: i.value
+			});
+		}
+	};
+};
+//#endregion
+export { n as createSortControl };
+
+//# sourceMappingURL=sort-control.js.map

package/dist/headless/sort-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-control.js","names":[],"sources":["../../src/headless/sort-control.ts"],"sourcesContent":["import { computed, type Readable, signal } from '@vielzeug/ripple';\n\nimport type { DataGridColumn, SortDirection, SortState } from './datagrid';\n\n// ── Sort control ──────────────────────────────────────────────────────────────\n\nexport type SortControlOptions<T> = {\n  /** Returns the current column definitions reactively. */\n  columns: () => DataGridColumn<T>[];\n  /** The reactive list of items to sort. */\n  items: Readable<T[]>;\n  /** Called when sort state changes. */\n  onSortChange?: (sort: SortState) => void;\n};\n\nexport type SortControl<T> = {\n  /** Sort by the given column key — cycles asc → desc → none. */\n  sortBy(key: string): void;\n  /** Sorted version of the provided items. Reactive signal. */\n  readonly sortedItems: Readable<T[]>;\n  /** Current sort state. Reactive signal. */\n  readonly sortState: Readable<SortState>;\n  /** Set sort to an explicit key and direction. Passing `'none'` clears the sort. */\n  sortTo(key: string, direction: SortDirection): void;\n};\n\nexport const createSortControl = <T>(options: SortControlOptions<T>): SortControl<T> => {\n  const items = options.items;\n  const _sortKey = signal<string>('');\n  const _sortDir = signal<SortDirection>('none');\n\n  const sortState = computed<SortState>(() => ({ direction: _sortDir.value, key: _sortKey.value }));\n\n  const sortedItems = computed<T[]>(() => {\n    const all = items.value;\n    const key = _sortKey.value;\n    const dir = _sortDir.value;\n\n    if (!key || dir === 'none') return all;\n\n    const col = options.columns().find((c) => c.key === key);\n\n    return all.slice().sort((a, b) => {\n      const av = col?.sortValue ? col.sortValue(a) : ((a as Record<string, unknown>)[key] as number | string);\n      const bv = col?.sortValue ? col.sortValue(b) : ((b as Record<string, unknown>)[key] as number | string);\n      const cmp =\n        typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av ?? '').localeCompare(String(bv ?? ''));\n\n      return dir === 'asc' ? cmp : -cmp;\n    });\n  });\n\n  const sortBy = (key: string): void => {\n    if (_sortKey.value !== key) {\n      _sortKey.value = key;\n      _sortDir.value = 'asc';\n    } else if (_sortDir.value === 'asc') {\n      _sortDir.value = 'desc';\n    } else if (_sortDir.value === 'desc') {\n      _sortKey.value = '';\n      _sortDir.value = 'none';\n    }\n\n    options.onSortChange?.({ direction: _sortDir.value, key: _sortKey.value });\n  };\n\n  const sortTo = (key: string, direction: SortDirection): void => {\n    if (direction === 'none') {\n      _sortKey.value = '';\n      _sortDir.value = 'none';\n    } else {\n      _sortKey.value = key;\n      _sortDir.value = direction;\n    }\n\n    options.onSortChange?.({ direction: _sortDir.value, key: _sortKey.value });\n  };\n\n  return { sortBy, sortedItems, sortState, sortTo };\n};\n"],"mappings":";;AA0BA,IAAa,KAAwB,MAAmD;CACtF,IAAM,IAAQ,EAAQ,OAChB,IAAW,EAAe,EAAE,GAC5B,IAAW,EAAsB,MAAM,GAEvC,IAAY,SAA2B;EAAE,WAAW,EAAS;EAAO,KAAK,EAAS;CAAM,EAAE;CA+ChG,OAAO;EAAE,SA1BO,MAAsB;GAWpC,AAVI,EAAS,UAAU,IAGZ,EAAS,UAAU,QAC5B,EAAS,QAAQ,SACR,EAAS,UAAU,WAC5B,EAAS,QAAQ,IACjB,EAAS,QAAQ,WANjB,EAAS,QAAQ,GACjB,EAAS,QAAQ,QAQnB,EAAQ,eAAe;IAAE,WAAW,EAAS;IAAO,KAAK,EAAS;GAAM,CAAC;EAC3E;EAciB,aA7CG,QAAoB;GACtC,IAAM,IAAM,EAAM,OACZ,IAAM,EAAS,OACf,IAAM,EAAS;GAErB,IAAI,CAAC,KAAO,MAAQ,QAAQ,OAAO;GAEnC,IAAM,IAAM,EAAQ,QAAQ,CAAC,CAAC,MAAM,MAAM,EAAE,QAAQ,CAAG;GAEvD,OAAO,EAAI,MAAM,CAAC,CAAC,MAAM,GAAG,MAAM;IAChC,IAAM,IAAK,GAAK,YAAY,EAAI,UAAU,CAAC,IAAM,EAA8B,IACzE,IAAK,GAAK,YAAY,EAAI,UAAU,CAAC,IAAM,EAA8B,IACzE,IACJ,OAAO,KAAO,YAAY,OAAO,KAAO,WAAW,IAAK,IAAK,OAAO,KAAM,EAAE,CAAC,CAAC,cAAc,OAAO,KAAM,EAAE,CAAC;IAE9G,OAAO,MAAQ,QAAQ,IAAM,CAAC;GAChC,CAAC;EACH,CA4BiB;EAAa;EAAW,SAZzB,GAAa,MAAmC;GAS9D,AARI,MAAc,UAChB,EAAS,QAAQ,IACjB,EAAS,QAAQ,WAEjB,EAAS,QAAQ,GACjB,EAAS,QAAQ,IAGnB,EAAQ,eAAe;IAAE,WAAW,EAAS;IAAO,KAAK,EAAS;GAAM,CAAC;EAC3E;CAEgD;AAClD"}

package/dist/headless/spinner.cjs

@@ -0,0 +1,2 @@
+const e=require("./keyboard.cjs"),t=require("./numbers.cjs");let n=require("@vielzeug/arsenal");var r=r=>{let i=()=>!!r.disabled?.value||!!r.readonly?.value,a=()=>t.toFiniteNumber(r.min?.value),o=()=>t.toFiniteNumber(r.max?.value),s=e=>(0,n.clamp)(e,a(),o()),c=()=>t.toPositiveStep(r.step?.value,1),l=()=>{let e=c();return t.toPositiveStep(r.largeStep?.value,e*10)},u=()=>r.parse()??a()??0,d=(e,t)=>{if(e==null){r.commit(null,t);return}r.commit(s(e),t)},f=(e,t)=>{i()||d(u()+e,t)};return{atMax:()=>{let e=r.parse(),t=o();return e!=null&&t!=null&&e>=t},atMin:()=>{let e=r.parse(),t=a();return e!=null&&t!=null&&e<=t},handleKeydown:t=>i()?!1:e.dispatchKeyboardAction(t,{keymap:{ArrowDown:()=>f(-c(),t),ArrowUp:()=>f(c(),t),End:()=>{let e=o();if(e==null)return!1;d(e,t)},Home:()=>{let e=a();if(e==null)return!1;d(e,t)},PageDown:()=>f(-l(),t),PageUp:()=>f(l(),t)},preventDefault:`after`}),incrementBy:f}};exports.createSpinnerControl=r;
+//# sourceMappingURL=spinner.cjs.map

package/dist/headless/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","names":[],"sources":["../../src/headless/spinner.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { clamp as clampRange } from '@vielzeug/arsenal';\n\nimport { dispatchKeyboardAction } from './keyboard';\nimport { toFiniteNumber, toPositiveStep } from './numbers';\n\nexport type SpinnerControlOptions = {\n  commit: (value: number | null, originalEvent?: Event) => void;\n  disabled?: Readable<boolean | undefined>;\n  largeStep?: Readable<number | string | undefined>;\n  max?: Readable<number | string | undefined>;\n  min?: Readable<number | string | undefined>;\n  parse: () => number | null;\n  readonly?: Readable<boolean | undefined>;\n  step?: Readable<number | string | undefined>;\n};\n\nexport type SpinnerControl = {\n  atMax: () => boolean;\n  atMin: () => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  incrementBy: (delta: number, originalEvent?: Event) => void;\n};\n\nexport const createSpinnerControl = (options: SpinnerControlOptions): SpinnerControl => {\n  const isBlocked = (): boolean => Boolean(options.disabled?.value) || Boolean(options.readonly?.value);\n\n  const min = (): number | undefined => {\n    return toFiniteNumber(options.min?.value);\n  };\n\n  const max = (): number | undefined => {\n    return toFiniteNumber(options.max?.value);\n  };\n\n  const clamp = (value: number): number => {\n    return clampRange(value, min(), max());\n  };\n\n  const step = (): number => toPositiveStep(options.step?.value, 1);\n\n  const largeStep = (): number => {\n    const s = step();\n\n    return toPositiveStep(options.largeStep?.value, s * 10);\n  };\n\n  const currentOrFallback = (): number => {\n    const parsed = options.parse();\n\n    if (parsed != null) return parsed;\n\n    const minValue = min();\n\n    if (minValue != null) return minValue;\n\n    return 0;\n  };\n\n  const commit = (value: number | null, originalEvent?: Event): void => {\n    if (value == null) {\n      options.commit(null, originalEvent);\n\n      return;\n    }\n\n    options.commit(clamp(value), originalEvent);\n  };\n\n  const incrementBy = (delta: number, originalEvent?: Event): void => {\n    if (isBlocked()) return;\n\n    commit(currentOrFallback() + delta, originalEvent);\n  };\n\n  const atMin = (): boolean => {\n    const parsed = options.parse();\n    const minValue = min();\n\n    return parsed != null && minValue != null && parsed <= minValue;\n  };\n\n  const atMax = (): boolean => {\n    const parsed = options.parse();\n    const maxValue = max();\n\n    return parsed != null && maxValue != null && parsed >= maxValue;\n  };\n\n  const handleKeydown = (event: KeyboardEvent): boolean => {\n    if (isBlocked()) return false;\n\n    return dispatchKeyboardAction(event, {\n      keymap: {\n        ArrowDown: () => incrementBy(-step(), event),\n        ArrowUp: () => incrementBy(step(), event),\n        End: () => {\n          const maxValue = max();\n\n          if (maxValue == null) return false;\n\n          commit(maxValue, event);\n        },\n        Home: () => {\n          const minValue = min();\n\n          if (minValue == null) return false;\n\n          commit(minValue, event);\n        },\n        PageDown: () => incrementBy(-largeStep(), event),\n        PageUp: () => incrementBy(largeStep(), event),\n      },\n      preventDefault: 'after',\n    });\n  };\n\n  return {\n    atMax,\n    atMin,\n    handleKeydown,\n    incrementBy,\n  };\n};\n"],"mappings":"gGAyBA,IAAa,EAAwB,GAAmD,CACtF,IAAM,MAA2B,EAAQ,EAAQ,UAAU,OAAU,EAAQ,EAAQ,UAAU,MAEzF,MACG,EAAA,eAAe,EAAQ,KAAK,KAAK,EAGpC,MACG,EAAA,eAAe,EAAQ,KAAK,KAAK,EAGpC,EAAS,IACb,EAAA,EAAA,MAAA,CAAkB,EAAO,EAAI,EAAG,EAAI,CAAC,EAGjC,MAAqB,EAAA,eAAe,EAAQ,MAAM,MAAO,CAAC,EAE1D,MAA0B,CAC9B,IAAM,EAAI,EAAK,EAEf,OAAO,EAAA,eAAe,EAAQ,WAAW,MAAO,EAAI,EAAE,CACxD,EAEM,MACW,EAAQ,MAEnB,GAEa,EAEb,GAEG,EAGH,GAAU,EAAsB,IAAgC,CACpE,GAAI,GAAS,KAAM,CACjB,EAAQ,OAAO,KAAM,CAAa,EAElC,MACF,CAEA,EAAQ,OAAO,EAAM,CAAK,EAAG,CAAa,CAC5C,EAEM,GAAe,EAAe,IAAgC,CAC9D,EAAU,GAEd,EAAO,EAAkB,EAAI,EAAO,CAAa,CACnD,EA4CA,MAAO,CACL,UApC2B,CAC3B,IAAM,EAAS,EAAQ,MAAM,EACvB,EAAW,EAAI,EAErB,OAAO,GAAU,MAAQ,GAAY,MAAQ,GAAU,CACzD,EAgCE,UA5C2B,CAC3B,IAAM,EAAS,EAAQ,MAAM,EACvB,EAAW,EAAI,EAErB,OAAO,GAAU,MAAQ,GAAY,MAAQ,GAAU,CACzD,EAwCE,cA/BqB,GACjB,EAAU,EAAU,GAEjB,EAAA,uBAAuB,EAAO,CACnC,OAAQ,CACN,cAAiB,EAAY,CAAC,EAAK,EAAG,CAAK,EAC3C,YAAe,EAAY,EAAK,EAAG,CAAK,EACxC,QAAW,CACT,IAAM,EAAW,EAAI,EAErB,GAAI,GAAY,KAAM,MAAO,GAE7B,EAAO,EAAU,CAAK,CACxB,EACA,SAAY,CACV,IAAM,EAAW,EAAI,EAErB,GAAI,GAAY,KAAM,MAAO,GAE7B,EAAO,EAAU,CAAK,CACxB,EACA,aAAgB,EAAY,CAAC,EAAU,EAAG,CAAK,EAC/C,WAAc,EAAY,EAAU,EAAG,CAAK,CAC9C,EACA,eAAgB,OAClB,CAAC,EAOD,aACF,CACF"}

package/dist/headless/spinner.d.ts

@@ -0,0 +1,19 @@
+import type { Readable } from '@vielzeug/ripple';
+export type SpinnerControlOptions = {
+    commit: (value: number | null, originalEvent?: Event) => void;
+    disabled?: Readable<boolean | undefined>;
+    largeStep?: Readable<number | string | undefined>;
+    max?: Readable<number | string | undefined>;
+    min?: Readable<number | string | undefined>;
+    parse: () => number | null;
+    readonly?: Readable<boolean | undefined>;
+    step?: Readable<number | string | undefined>;
+};
+export type SpinnerControl = {
+    atMax: () => boolean;
+    atMin: () => boolean;
+    handleKeydown: (event: KeyboardEvent) => boolean;
+    incrementBy: (delta: number, originalEvent?: Event) => void;
+};
+export declare const createSpinnerControl: (options: SpinnerControlOptions) => SpinnerControl;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/headless/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/headless/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,aAAa,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAClD,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACjD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,qBAAqB,KAAG,cAmGrE,CAAC"}

package/dist/headless/spinner.js

@@ -0,0 +1,52 @@
+import { dispatchKeyboardAction as e } from "./keyboard.js";
+import { toFiniteNumber as t, toPositiveStep as n } from "./numbers.js";
+import { clamp as r } from "@vielzeug/arsenal";
+//#region src/headless/spinner.ts
+var i = (i) => {
+	let a = () => !!i.disabled?.value || !!i.readonly?.value, o = () => t(i.min?.value), s = () => t(i.max?.value), c = (e) => r(e, o(), s()), l = () => n(i.step?.value, 1), u = () => {
+		let e = l();
+		return n(i.largeStep?.value, e * 10);
+	}, d = () => i.parse() ?? o() ?? 0, f = (e, t) => {
+		if (e == null) {
+			i.commit(null, t);
+			return;
+		}
+		i.commit(c(e), t);
+	}, p = (e, t) => {
+		a() || f(d() + e, t);
+	};
+	return {
+		atMax: () => {
+			let e = i.parse(), t = s();
+			return e != null && t != null && e >= t;
+		},
+		atMin: () => {
+			let e = i.parse(), t = o();
+			return e != null && t != null && e <= t;
+		},
+		handleKeydown: (t) => a() ? !1 : e(t, {
+			keymap: {
+				ArrowDown: () => p(-l(), t),
+				ArrowUp: () => p(l(), t),
+				End: () => {
+					let e = s();
+					if (e == null) return !1;
+					f(e, t);
+				},
+				Home: () => {
+					let e = o();
+					if (e == null) return !1;
+					f(e, t);
+				},
+				PageDown: () => p(-u(), t),
+				PageUp: () => p(u(), t)
+			},
+			preventDefault: "after"
+		}),
+		incrementBy: p
+	};
+};
+//#endregion
+export { i as createSpinnerControl };
+
+//# sourceMappingURL=spinner.js.map

package/dist/headless/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/headless/spinner.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport { clamp as clampRange } from '@vielzeug/arsenal';\n\nimport { dispatchKeyboardAction } from './keyboard';\nimport { toFiniteNumber, toPositiveStep } from './numbers';\n\nexport type SpinnerControlOptions = {\n  commit: (value: number | null, originalEvent?: Event) => void;\n  disabled?: Readable<boolean | undefined>;\n  largeStep?: Readable<number | string | undefined>;\n  max?: Readable<number | string | undefined>;\n  min?: Readable<number | string | undefined>;\n  parse: () => number | null;\n  readonly?: Readable<boolean | undefined>;\n  step?: Readable<number | string | undefined>;\n};\n\nexport type SpinnerControl = {\n  atMax: () => boolean;\n  atMin: () => boolean;\n  handleKeydown: (event: KeyboardEvent) => boolean;\n  incrementBy: (delta: number, originalEvent?: Event) => void;\n};\n\nexport const createSpinnerControl = (options: SpinnerControlOptions): SpinnerControl => {\n  const isBlocked = (): boolean => Boolean(options.disabled?.value) || Boolean(options.readonly?.value);\n\n  const min = (): number | undefined => {\n    return toFiniteNumber(options.min?.value);\n  };\n\n  const max = (): number | undefined => {\n    return toFiniteNumber(options.max?.value);\n  };\n\n  const clamp = (value: number): number => {\n    return clampRange(value, min(), max());\n  };\n\n  const step = (): number => toPositiveStep(options.step?.value, 1);\n\n  const largeStep = (): number => {\n    const s = step();\n\n    return toPositiveStep(options.largeStep?.value, s * 10);\n  };\n\n  const currentOrFallback = (): number => {\n    const parsed = options.parse();\n\n    if (parsed != null) return parsed;\n\n    const minValue = min();\n\n    if (minValue != null) return minValue;\n\n    return 0;\n  };\n\n  const commit = (value: number | null, originalEvent?: Event): void => {\n    if (value == null) {\n      options.commit(null, originalEvent);\n\n      return;\n    }\n\n    options.commit(clamp(value), originalEvent);\n  };\n\n  const incrementBy = (delta: number, originalEvent?: Event): void => {\n    if (isBlocked()) return;\n\n    commit(currentOrFallback() + delta, originalEvent);\n  };\n\n  const atMin = (): boolean => {\n    const parsed = options.parse();\n    const minValue = min();\n\n    return parsed != null && minValue != null && parsed <= minValue;\n  };\n\n  const atMax = (): boolean => {\n    const parsed = options.parse();\n    const maxValue = max();\n\n    return parsed != null && maxValue != null && parsed >= maxValue;\n  };\n\n  const handleKeydown = (event: KeyboardEvent): boolean => {\n    if (isBlocked()) return false;\n\n    return dispatchKeyboardAction(event, {\n      keymap: {\n        ArrowDown: () => incrementBy(-step(), event),\n        ArrowUp: () => incrementBy(step(), event),\n        End: () => {\n          const maxValue = max();\n\n          if (maxValue == null) return false;\n\n          commit(maxValue, event);\n        },\n        Home: () => {\n          const minValue = min();\n\n          if (minValue == null) return false;\n\n          commit(minValue, event);\n        },\n        PageDown: () => incrementBy(-largeStep(), event),\n        PageUp: () => incrementBy(largeStep(), event),\n      },\n      preventDefault: 'after',\n    });\n  };\n\n  return {\n    atMax,\n    atMin,\n    handleKeydown,\n    incrementBy,\n  };\n};\n"],"mappings":";;;;AAyBA,IAAa,KAAwB,MAAmD;CACtF,IAAM,UAA2B,EAAQ,EAAQ,UAAU,SAAU,EAAQ,EAAQ,UAAU,OAEzF,UACG,EAAe,EAAQ,KAAK,KAAK,GAGpC,UACG,EAAe,EAAQ,KAAK,KAAK,GAGpC,KAAS,MACN,EAAW,GAAO,EAAI,GAAG,EAAI,CAAC,GAGjC,UAAqB,EAAe,EAAQ,MAAM,OAAO,CAAC,GAE1D,UAA0B;EAC9B,IAAM,IAAI,EAAK;EAEf,OAAO,EAAe,EAAQ,WAAW,OAAO,IAAI,EAAE;CACxD,GAEM,UACW,EAAQ,MAEnB,KAEa,EAEb,KAEG,GAGH,KAAU,GAAsB,MAAgC;EACpE,IAAI,KAAS,MAAM;GACjB,EAAQ,OAAO,MAAM,CAAa;GAElC;EACF;EAEA,EAAQ,OAAO,EAAM,CAAK,GAAG,CAAa;CAC5C,GAEM,KAAe,GAAe,MAAgC;EAC9D,EAAU,KAEd,EAAO,EAAkB,IAAI,GAAO,CAAa;CACnD;CA4CA,OAAO;EACL,aApC2B;GAC3B,IAAM,IAAS,EAAQ,MAAM,GACvB,IAAW,EAAI;GAErB,OAAO,KAAU,QAAQ,KAAY,QAAQ,KAAU;EACzD;EAgCE,aA5C2B;GAC3B,IAAM,IAAS,EAAQ,MAAM,GACvB,IAAW,EAAI;GAErB,OAAO,KAAU,QAAQ,KAAY,QAAQ,KAAU;EACzD;EAwCE,gBA/BqB,MACjB,EAAU,IAAU,KAEjB,EAAuB,GAAO;GACnC,QAAQ;IACN,iBAAiB,EAAY,CAAC,EAAK,GAAG,CAAK;IAC3C,eAAe,EAAY,EAAK,GAAG,CAAK;IACxC,WAAW;KACT,IAAM,IAAW,EAAI;KAErB,IAAI,KAAY,MAAM,OAAO;KAE7B,EAAO,GAAU,CAAK;IACxB;IACA,YAAY;KACV,IAAM,IAAW,EAAI;KAErB,IAAI,KAAY,MAAM,OAAO;KAE7B,EAAO,GAAU,CAAK;IACxB;IACA,gBAAgB,EAAY,CAAC,EAAU,GAAG,CAAK;IAC/C,cAAc,EAAY,EAAU,GAAG,CAAK;GAC9C;GACA,gBAAgB;EAClB,CAAC;EAOD;CACF;AACF"}

package/dist/headless/swipe.cjs

@@ -0,0 +1,2 @@
+var e=e=>e.axis?.()??`x`,t=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},n=(e,t)=>t===`x`?e.clientX:e.clientY,r=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,i=i=>{let a=null,o=()=>!!i.disabled?.value,s=()=>{a=null},c=e=>a?.pointerId===e.pointerId,l=e=>{if(!a)return null;let t=n(e,a.axis),r=t-a.start;return{axis:a.axis,current:t,distance:r,event:e,pointerId:a.pointerId,progress:Math.min(Math.abs(r)/a.threshold,1),start:a.start,threshold:a.threshold}};return{dispose:s,handlePointerCancel:e=>{if(!a||!c(e))return!1;let t=l(e);return s(),t&&i.onCancel?.(t),!0},handlePointerDown:s=>{if(a||o())return!1;let c=e(i);a={axis:c,pointerId:s.pointerId,start:n(s,c),threshold:t(i)},(typeof i.captureTarget==`function`?i.captureTarget(s):r(s))?.setPointerCapture?.(s.pointerId);let u=l(s);return u&&i.onStart?.(u),!0},handlePointerMove:e=>{if(!a||!c(e))return!1;let t=l(e);return t?(i.onMove?.(t),i.shouldCommit?.(t)??Math.abs(t.distance)>=t.threshold?(s(),i.onCommit?.(t),!0):!0):!1},handlePointerUp:e=>{if(!a||!c(e))return!1;let t=l(e);return s(),t&&i.onRelease?.(t),!0},isActive:()=>a!=null,[Symbol.dispose]:s}};exports.createSwipeControl=i;
+//# sourceMappingURL=swipe.cjs.map

package/dist/headless/swipe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.cjs","names":[],"sources":["../../src/headless/swipe.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nexport type SwipeAxis = 'x' | 'y';\n\nexport type SwipeControlDetail = {\n  axis: SwipeAxis;\n  current: number;\n  distance: number;\n  event: PointerEvent;\n  pointerId: number;\n  progress: number;\n  start: number;\n  threshold: number;\n};\n\nexport type SwipeControlOptions = {\n  axis?: () => SwipeAxis;\n  captureTarget?: (event: PointerEvent) => HTMLElement | null;\n  disabled?: Readable<boolean | undefined>;\n  /** Called when the platform interrupts an in-flight swipe (`pointercancel`). */\n  onCancel?: (detail: SwipeControlDetail) => void;\n  onCommit?: (detail: SwipeControlDetail) => void;\n  onMove?: (detail: SwipeControlDetail) => void;\n  /** Called when the pointer is released (`pointerup`) without crossing the commit threshold. */\n  onRelease?: (detail: SwipeControlDetail) => void;\n  onStart?: (detail: SwipeControlDetail) => void;\n  shouldCommit?: (detail: SwipeControlDetail) => boolean;\n  threshold?: () => number;\n};\n\nexport type SwipeControl = {\n  [Symbol.dispose](): void;\n  /** Cancel any in-flight swipe and clean up internal state. */\n  dispose: () => void;\n  handlePointerCancel: (event: PointerEvent) => boolean;\n  handlePointerDown: (event: PointerEvent) => boolean;\n  handlePointerMove: (event: PointerEvent) => boolean;\n  handlePointerUp: (event: PointerEvent) => boolean;\n  isActive: () => boolean;\n};\n\ntype ActiveSwipe = {\n  axis: SwipeAxis;\n  pointerId: number;\n  start: number;\n  threshold: number;\n};\n\nconst resolveAxis = (options: SwipeControlOptions): SwipeAxis => options.axis?.() ?? 'x';\n\nconst resolveThreshold = (options: SwipeControlOptions): number => {\n  const threshold = options.threshold?.() ?? 48;\n\n  return Number.isFinite(threshold) && threshold > 0 ? threshold : 1;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: SwipeAxis): number => {\n  return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst defaultCaptureTarget = (event: PointerEvent): HTMLElement | null => {\n  if (event.currentTarget instanceof HTMLElement) return event.currentTarget;\n\n  if (event.target instanceof HTMLElement) return event.target;\n\n  return null;\n};\n\nexport const createSwipeControl = (options: SwipeControlOptions): SwipeControl => {\n  let active: ActiveSwipe | null = null;\n\n  const isDisabled = (): boolean => Boolean(options.disabled?.value);\n\n  const reset = (): void => {\n    active = null;\n  };\n\n  const matchesPointer = (event: PointerEvent): boolean => {\n    return active?.pointerId === event.pointerId;\n  };\n\n  const createDetail = (event: PointerEvent): SwipeControlDetail | null => {\n    if (!active) return null;\n\n    const current = getCoordinate(event, active.axis);\n    const distance = current - active.start;\n\n    return {\n      axis: active.axis,\n      current,\n      distance,\n      event,\n      pointerId: active.pointerId,\n      progress: Math.min(Math.abs(distance) / active.threshold, 1),\n      start: active.start,\n      threshold: active.threshold,\n    };\n  };\n\n  const handlePointerDown = (event: PointerEvent): boolean => {\n    if (active || isDisabled()) return false;\n\n    const axis = resolveAxis(options);\n\n    active = {\n      axis,\n      pointerId: event.pointerId,\n      start: getCoordinate(event, axis),\n      threshold: resolveThreshold(options),\n    };\n\n    const captureTarget =\n      typeof options.captureTarget === 'function' ? options.captureTarget(event) : defaultCaptureTarget(event);\n\n    captureTarget?.setPointerCapture?.(event.pointerId);\n\n    const detail = createDetail(event);\n\n    if (detail) options.onStart?.(detail);\n\n    return true;\n  };\n\n  const handlePointerMove = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    if (!detail) return false;\n\n    options.onMove?.(detail);\n\n    const shouldCommit = options.shouldCommit?.(detail) ?? Math.abs(detail.distance) >= detail.threshold;\n\n    if (!shouldCommit) return true;\n\n    reset();\n    options.onCommit?.(detail);\n\n    return true;\n  };\n\n  const handlePointerUp = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onRelease?.(detail);\n\n    return true;\n  };\n\n  const handlePointerCancel = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onCancel?.(detail);\n\n    return true;\n  };\n\n  return {\n    dispose: reset,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    isActive: () => active != null,\n    [Symbol.dispose]: reset,\n  };\n};\n"],"mappings":"AAgDA,IAAM,EAAe,GAA4C,EAAQ,OAAO,GAAK,IAE/E,EAAoB,GAAyC,CACjE,IAAM,EAAY,EAAQ,YAAY,GAAK,GAE3C,OAAO,OAAO,SAAS,CAAS,GAAK,EAAY,EAAI,EAAY,CACnE,EAEM,GAAiB,EAAqB,IACnC,IAAS,IAAM,EAAM,QAAU,EAAM,QAGxC,EAAwB,GACxB,EAAM,yBAAyB,YAAoB,EAAM,cAEzD,EAAM,kBAAkB,YAAoB,EAAM,OAE/C,KAGI,EAAsB,GAA+C,CAChF,IAAI,EAA6B,KAE3B,MAA4B,EAAQ,EAAQ,UAAU,MAEtD,MAAoB,CACxB,EAAS,IACX,EAEM,EAAkB,GACf,GAAQ,YAAc,EAAM,UAG/B,EAAgB,GAAmD,CACvE,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAU,EAAc,EAAO,EAAO,IAAI,EAC1C,EAAW,EAAU,EAAO,MAElC,MAAO,CACL,KAAM,EAAO,KACb,UACA,WACA,QACA,UAAW,EAAO,UAClB,SAAU,KAAK,IAAI,KAAK,IAAI,CAAQ,EAAI,EAAO,UAAW,CAAC,EAC3D,MAAO,EAAO,MACd,UAAW,EAAO,SACpB,CACF,EAqEA,MAAO,CACL,QAAS,EACT,oBAd2B,GAAiC,CAC5D,GAAI,CAAC,GAAU,CAAC,EAAe,CAAK,EAAG,MAAO,GAE9C,IAAM,EAAS,EAAa,CAAK,EAMjC,OAJA,EAAM,EAEF,GAAQ,EAAQ,WAAW,CAAM,EAE9B,EACT,EAKE,kBAtEyB,GAAiC,CAC1D,GAAI,GAAU,EAAW,EAAG,MAAO,GAEnC,IAAM,EAAO,EAAY,CAAO,EAEhC,EAAS,CACP,OACA,UAAW,EAAM,UACjB,MAAO,EAAc,EAAO,CAAI,EAChC,UAAW,EAAiB,CAAO,CACrC,GAGE,OAAO,EAAQ,eAAkB,WAAa,EAAQ,cAAc,CAAK,EAAI,EAAqB,CAAK,EAAA,EAE1F,oBAAoB,EAAM,SAAS,EAElD,IAAM,EAAS,EAAa,CAAK,EAIjC,OAFI,GAAQ,EAAQ,UAAU,CAAM,EAE7B,EACT,EAiDE,kBA/CyB,GAAiC,CAC1D,GAAI,CAAC,GAAU,CAAC,EAAe,CAAK,EAAG,MAAO,GAE9C,IAAM,EAAS,EAAa,CAAK,EAajC,OAXK,GAEL,EAAQ,SAAS,CAAM,EAEF,EAAQ,eAAe,CAAM,GAAK,KAAK,IAAI,EAAO,QAAQ,GAAK,EAAO,WAI3F,EAAM,EACN,EAAQ,WAAW,CAAM,EAElB,IALmB,IANN,EAYtB,EA+BE,gBA7BuB,GAAiC,CACxD,GAAI,CAAC,GAAU,CAAC,EAAe,CAAK,EAAG,MAAO,GAE9C,IAAM,EAAS,EAAa,CAAK,EAMjC,OAJA,EAAM,EAEF,GAAQ,EAAQ,YAAY,CAAM,EAE/B,EACT,EAoBE,aAAgB,GAAU,MACzB,OAAO,SAAU,CACpB,CACF"}

package/dist/headless/swipe.d.ts

@@ -0,0 +1,38 @@
+import type { Readable } from '@vielzeug/ripple';
+export type SwipeAxis = 'x' | 'y';
+export type SwipeControlDetail = {
+    axis: SwipeAxis;
+    current: number;
+    distance: number;
+    event: PointerEvent;
+    pointerId: number;
+    progress: number;
+    start: number;
+    threshold: number;
+};
+export type SwipeControlOptions = {
+    axis?: () => SwipeAxis;
+    captureTarget?: (event: PointerEvent) => HTMLElement | null;
+    disabled?: Readable<boolean | undefined>;
+    /** Called when the platform interrupts an in-flight swipe (`pointercancel`). */
+    onCancel?: (detail: SwipeControlDetail) => void;
+    onCommit?: (detail: SwipeControlDetail) => void;
+    onMove?: (detail: SwipeControlDetail) => void;
+    /** Called when the pointer is released (`pointerup`) without crossing the commit threshold. */
+    onRelease?: (detail: SwipeControlDetail) => void;
+    onStart?: (detail: SwipeControlDetail) => void;
+    shouldCommit?: (detail: SwipeControlDetail) => boolean;
+    threshold?: () => number;
+};
+export type SwipeControl = {
+    [Symbol.dispose](): void;
+    /** Cancel any in-flight swipe and clean up internal state. */
+    dispose: () => void;
+    handlePointerCancel: (event: PointerEvent) => boolean;
+    handlePointerDown: (event: PointerEvent) => boolean;
+    handlePointerMove: (event: PointerEvent) => boolean;
+    handlePointerUp: (event: PointerEvent) => boolean;
+    isActive: () => boolean;
+};
+export declare const createSwipeControl: (options: SwipeControlOptions) => SwipeControl;
+//# sourceMappingURL=swipe.d.ts.map

package/dist/headless/swipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../src/headless/swipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAElC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,WAAW,GAAG,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IACzB,8DAA8D;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IACtD,iBAAiB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IACpD,iBAAiB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IACpD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IAClD,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AA6BF,eAAO,MAAM,kBAAkB,GAAI,SAAS,mBAAmB,KAAG,YA2GjE,CAAC"}

package/dist/headless/swipe.js

@@ -0,0 +1,58 @@
+//#region src/headless/swipe.ts
+var e = (e) => e.axis?.() ?? "x", t = (e) => {
+	let t = e.threshold?.() ?? 48;
+	return Number.isFinite(t) && t > 0 ? t : 1;
+}, n = (e, t) => t === "x" ? e.clientX : e.clientY, r = (e) => e.currentTarget instanceof HTMLElement ? e.currentTarget : e.target instanceof HTMLElement ? e.target : null, i = (i) => {
+	let a = null, o = () => !!i.disabled?.value, s = () => {
+		a = null;
+	}, c = (e) => a?.pointerId === e.pointerId, l = (e) => {
+		if (!a) return null;
+		let t = n(e, a.axis), r = t - a.start;
+		return {
+			axis: a.axis,
+			current: t,
+			distance: r,
+			event: e,
+			pointerId: a.pointerId,
+			progress: Math.min(Math.abs(r) / a.threshold, 1),
+			start: a.start,
+			threshold: a.threshold
+		};
+	};
+	return {
+		dispose: s,
+		handlePointerCancel: (e) => {
+			if (!a || !c(e)) return !1;
+			let t = l(e);
+			return s(), t && i.onCancel?.(t), !0;
+		},
+		handlePointerDown: (s) => {
+			if (a || o()) return !1;
+			let c = e(i);
+			a = {
+				axis: c,
+				pointerId: s.pointerId,
+				start: n(s, c),
+				threshold: t(i)
+			}, (typeof i.captureTarget == "function" ? i.captureTarget(s) : r(s))?.setPointerCapture?.(s.pointerId);
+			let u = l(s);
+			return u && i.onStart?.(u), !0;
+		},
+		handlePointerMove: (e) => {
+			if (!a || !c(e)) return !1;
+			let t = l(e);
+			return t ? (i.onMove?.(t), i.shouldCommit?.(t) ?? Math.abs(t.distance) >= t.threshold ? (s(), i.onCommit?.(t), !0) : !0) : !1;
+		},
+		handlePointerUp: (e) => {
+			if (!a || !c(e)) return !1;
+			let t = l(e);
+			return s(), t && i.onRelease?.(t), !0;
+		},
+		isActive: () => a != null,
+		[Symbol.dispose]: s
+	};
+};
+//#endregion
+export { i as createSwipeControl };
+
+//# sourceMappingURL=swipe.js.map

package/dist/headless/swipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.js","names":[],"sources":["../../src/headless/swipe.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nexport type SwipeAxis = 'x' | 'y';\n\nexport type SwipeControlDetail = {\n  axis: SwipeAxis;\n  current: number;\n  distance: number;\n  event: PointerEvent;\n  pointerId: number;\n  progress: number;\n  start: number;\n  threshold: number;\n};\n\nexport type SwipeControlOptions = {\n  axis?: () => SwipeAxis;\n  captureTarget?: (event: PointerEvent) => HTMLElement | null;\n  disabled?: Readable<boolean | undefined>;\n  /** Called when the platform interrupts an in-flight swipe (`pointercancel`). */\n  onCancel?: (detail: SwipeControlDetail) => void;\n  onCommit?: (detail: SwipeControlDetail) => void;\n  onMove?: (detail: SwipeControlDetail) => void;\n  /** Called when the pointer is released (`pointerup`) without crossing the commit threshold. */\n  onRelease?: (detail: SwipeControlDetail) => void;\n  onStart?: (detail: SwipeControlDetail) => void;\n  shouldCommit?: (detail: SwipeControlDetail) => boolean;\n  threshold?: () => number;\n};\n\nexport type SwipeControl = {\n  [Symbol.dispose](): void;\n  /** Cancel any in-flight swipe and clean up internal state. */\n  dispose: () => void;\n  handlePointerCancel: (event: PointerEvent) => boolean;\n  handlePointerDown: (event: PointerEvent) => boolean;\n  handlePointerMove: (event: PointerEvent) => boolean;\n  handlePointerUp: (event: PointerEvent) => boolean;\n  isActive: () => boolean;\n};\n\ntype ActiveSwipe = {\n  axis: SwipeAxis;\n  pointerId: number;\n  start: number;\n  threshold: number;\n};\n\nconst resolveAxis = (options: SwipeControlOptions): SwipeAxis => options.axis?.() ?? 'x';\n\nconst resolveThreshold = (options: SwipeControlOptions): number => {\n  const threshold = options.threshold?.() ?? 48;\n\n  return Number.isFinite(threshold) && threshold > 0 ? threshold : 1;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: SwipeAxis): number => {\n  return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst defaultCaptureTarget = (event: PointerEvent): HTMLElement | null => {\n  if (event.currentTarget instanceof HTMLElement) return event.currentTarget;\n\n  if (event.target instanceof HTMLElement) return event.target;\n\n  return null;\n};\n\nexport const createSwipeControl = (options: SwipeControlOptions): SwipeControl => {\n  let active: ActiveSwipe | null = null;\n\n  const isDisabled = (): boolean => Boolean(options.disabled?.value);\n\n  const reset = (): void => {\n    active = null;\n  };\n\n  const matchesPointer = (event: PointerEvent): boolean => {\n    return active?.pointerId === event.pointerId;\n  };\n\n  const createDetail = (event: PointerEvent): SwipeControlDetail | null => {\n    if (!active) return null;\n\n    const current = getCoordinate(event, active.axis);\n    const distance = current - active.start;\n\n    return {\n      axis: active.axis,\n      current,\n      distance,\n      event,\n      pointerId: active.pointerId,\n      progress: Math.min(Math.abs(distance) / active.threshold, 1),\n      start: active.start,\n      threshold: active.threshold,\n    };\n  };\n\n  const handlePointerDown = (event: PointerEvent): boolean => {\n    if (active || isDisabled()) return false;\n\n    const axis = resolveAxis(options);\n\n    active = {\n      axis,\n      pointerId: event.pointerId,\n      start: getCoordinate(event, axis),\n      threshold: resolveThreshold(options),\n    };\n\n    const captureTarget =\n      typeof options.captureTarget === 'function' ? options.captureTarget(event) : defaultCaptureTarget(event);\n\n    captureTarget?.setPointerCapture?.(event.pointerId);\n\n    const detail = createDetail(event);\n\n    if (detail) options.onStart?.(detail);\n\n    return true;\n  };\n\n  const handlePointerMove = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    if (!detail) return false;\n\n    options.onMove?.(detail);\n\n    const shouldCommit = options.shouldCommit?.(detail) ?? Math.abs(detail.distance) >= detail.threshold;\n\n    if (!shouldCommit) return true;\n\n    reset();\n    options.onCommit?.(detail);\n\n    return true;\n  };\n\n  const handlePointerUp = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onRelease?.(detail);\n\n    return true;\n  };\n\n  const handlePointerCancel = (event: PointerEvent): boolean => {\n    if (!active || !matchesPointer(event)) return false;\n\n    const detail = createDetail(event);\n\n    reset();\n\n    if (detail) options.onCancel?.(detail);\n\n    return true;\n  };\n\n  return {\n    dispose: reset,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    isActive: () => active != null,\n    [Symbol.dispose]: reset,\n  };\n};\n"],"mappings":";AAgDA,IAAM,KAAe,MAA4C,EAAQ,OAAO,KAAK,KAE/E,KAAoB,MAAyC;CACjE,IAAM,IAAY,EAAQ,YAAY,KAAK;CAE3C,OAAO,OAAO,SAAS,CAAS,KAAK,IAAY,IAAI,IAAY;AACnE,GAEM,KAAiB,GAAqB,MACnC,MAAS,MAAM,EAAM,UAAU,EAAM,SAGxC,KAAwB,MACxB,EAAM,yBAAyB,cAAoB,EAAM,gBAEzD,EAAM,kBAAkB,cAAoB,EAAM,SAE/C,MAGI,KAAsB,MAA+C;CAChF,IAAI,IAA6B,MAE3B,UAA4B,EAAQ,EAAQ,UAAU,OAEtD,UAAoB;EACxB,IAAS;CACX,GAEM,KAAkB,MACf,GAAQ,cAAc,EAAM,WAG/B,KAAgB,MAAmD;EACvE,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAU,EAAc,GAAO,EAAO,IAAI,GAC1C,IAAW,IAAU,EAAO;EAElC,OAAO;GACL,MAAM,EAAO;GACb;GACA;GACA;GACA,WAAW,EAAO;GAClB,UAAU,KAAK,IAAI,KAAK,IAAI,CAAQ,IAAI,EAAO,WAAW,CAAC;GAC3D,OAAO,EAAO;GACd,WAAW,EAAO;EACpB;CACF;CAqEA,OAAO;EACL,SAAS;EACT,sBAd2B,MAAiC;GAC5D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,WAAW,CAAM,GAE9B;EACT;EAKE,oBAtEyB,MAAiC;GAC1D,IAAI,KAAU,EAAW,GAAG,OAAO;GAEnC,IAAM,IAAO,EAAY,CAAO;GAYhC,AAVA,IAAS;IACP;IACA,WAAW,EAAM;IACjB,OAAO,EAAc,GAAO,CAAI;IAChC,WAAW,EAAiB,CAAO;GACrC,IAGE,OAAO,EAAQ,iBAAkB,aAAa,EAAQ,cAAc,CAAK,IAAI,EAAqB,CAAK,EAAA,EAE1F,oBAAoB,EAAM,SAAS;GAElD,IAAM,IAAS,EAAa,CAAK;GAIjC,OAFI,KAAQ,EAAQ,UAAU,CAAM,GAE7B;EACT;EAiDE,oBA/CyB,MAAiC;GAC1D,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAajC,OAXK,KAEL,EAAQ,SAAS,CAAM,GAEF,EAAQ,eAAe,CAAM,KAAK,KAAK,IAAI,EAAO,QAAQ,KAAK,EAAO,aAI3F,EAAM,GACN,EAAQ,WAAW,CAAM,GAElB,MALmB,MANN;EAYtB;EA+BE,kBA7BuB,MAAiC;GACxD,IAAI,CAAC,KAAU,CAAC,EAAe,CAAK,GAAG,OAAO;GAE9C,IAAM,IAAS,EAAa,CAAK;GAMjC,OAJA,EAAM,GAEF,KAAQ,EAAQ,YAAY,CAAM,GAE/B;EACT;EAoBE,gBAAgB,KAAU;GACzB,OAAO,UAAU;CACpB;AACF"}

package/dist/headless/text-field.cjs

@@ -0,0 +1,2 @@
+const e=require("./field-base.cjs"),t=require("./signals.cjs");require("@vielzeug/ripple");var n=n=>{let r=t.syncedSignal(n.value,n.signal,e=>String(e??``)),i=e.createField(n),a=n.maxLength?e.createCounterState({maxLength:n.maxLength,value:r}):null,o=e=>{e?.preventDefault?.(),r.value=``,n.onInput?.(e??new InputEvent(`input`,{bubbles:!0}),``),n.onChange?.(e??new Event(`change`,{bubbles:!0}),``),i.triggerValidation(`change`)},s=(e,t)=>{let a=[],o=(t,n)=>{e.addEventListener(t,n),a.push(()=>e.removeEventListener(t,n))};n.onFocus&&o(`focus`,e=>n.onFocus(e)),o(`input`,t=>{t.stopPropagation(),n.onBeforeInput?.(t),r.value=e.value,n.onInput?.(t,e.value)}),o(`change`,t=>{t.stopPropagation(),r.value=e.value,n.onChange?.(t,e.value),i.triggerValidation(`change`)}),o(`blur`,e=>{n.onBlur?.(e),i.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return t?.addEventListener(`abort`,c,{once:!0}),c};return{...i,clear:o,counter:a,value:r,wire:s}};exports.createTextField=n;
+//# sourceMappingURL=text-field.cjs.map

package/dist/headless/text-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.cjs","names":[],"sources":["../../src/headless/text-field.ts"],"sourcesContent":["import { type Readable, type Signal } from '@vielzeug/ripple';\n\nimport { type CounterState, createCounterState, createField, type FieldHandle, type FieldOptions } from './field-base';\nimport { syncedSignal } from './signals';\n\n// ── Text field ────────────────────────────────────────────────────────────────\n\n/** Detach function returned by `wire()`. Call to remove element listeners. */\nexport type TextFieldDetach = () => void;\n\nexport type TextFieldOptions = FieldOptions & {\n  maxLength?: Readable<number | undefined>;\n  /**\n   * Called synchronously before value extraction on every input event.\n   * Use only for DOM side-effects (e.g. auto-resize measurement) that must\n   * run before the reactive value is updated.\n   */\n  onBeforeInput?: (event: Event) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onChange?: (event: Event, value: string) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onInput?: (event: Event, value: string) => void;\n  /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */\n  signal: AbortSignal;\n  value: Readable<string | undefined>;\n};\n\nexport type TextFieldHandle = FieldHandle & {\n  /** Clears the field value and fires synthetic input/change events. */\n  clear: (event?: Event) => void;\n  /**\n   * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.\n   * Components should only render a counter element when this is non-null.\n   */\n  counter: Readable<CounterState> | null;\n  /** The local mutable field value (two-way bound to the input element via `wire()`). */\n  value: Signal<string>;\n  /**\n   * Attaches event listeners to the underlying input or textarea element.\n   *\n   * When `signal` is provided, the listeners are detached automatically when\n   * the signal's controller calls `abort()`. Without a signal the returned\n   * `TextFieldDetach` must be called manually.\n   *\n   * Safe to call multiple times — each call attaches a fresh set of listeners\n   * and returns a distinct detach function. Calling detach multiple times is\n   * a no-op (guarded internally).\n   */\n  wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;\n};\n\nexport const createTextField = (options: TextFieldOptions): TextFieldHandle => {\n  const value = syncedSignal(options.value, options.signal, (v) => String(v ?? ''));\n\n  const field = createField(options);\n  const counter = options.maxLength ? createCounterState({ maxLength: options.maxLength, value }) : null;\n\n  const clear = (event?: Event): void => {\n    event?.preventDefault?.();\n    value.value = '';\n    options.onInput?.(event ?? new InputEvent('input', { bubbles: true }), '');\n    options.onChange?.(event ?? new Event('change', { bubbles: true }), '');\n    field.triggerValidation('change');\n  };\n\n  const wire = (element: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal): TextFieldDetach => {\n    const cleanups: Array<() => void> = [];\n    const on = (type: string, handler: EventListener): void => {\n      element.addEventListener(type, handler);\n      cleanups.push(() => element.removeEventListener(type, handler));\n    };\n\n    if (options.onFocus) {\n      on('focus', (e) => options.onFocus!(e as FocusEvent));\n    }\n\n    on('input', (e) => {\n      e.stopPropagation();\n      options.onBeforeInput?.(e);\n      value.value = element.value;\n      options.onInput?.(e, element.value);\n    });\n\n    on('change', (e) => {\n      e.stopPropagation();\n      value.value = element.value;\n      options.onChange?.(e, element.value);\n      field.triggerValidation('change');\n    });\n\n    on('blur', (e) => {\n      options.onBlur?.(e as FocusEvent);\n      field.triggerValidation('blur');\n    });\n\n    let detached = false;\n    const detach = (): void => {\n      if (detached) return;\n\n      detached = true;\n      for (const dispose of cleanups) dispose();\n    };\n\n    signal?.addEventListener('abort', detach, { once: true });\n\n    return detach;\n  };\n\n  return { ...field, clear, counter, value, wire };\n};\n"],"mappings":"2FAmDA,IAAa,EAAmB,GAA+C,CAC7E,IAAM,EAAQ,EAAA,aAAa,EAAQ,MAAO,EAAQ,OAAS,GAAM,OAAO,GAAK,EAAE,CAAC,EAE1E,EAAQ,EAAA,YAAY,CAAO,EAC3B,EAAU,EAAQ,UAAY,EAAA,mBAAmB,CAAE,UAAW,EAAQ,UAAW,OAAM,CAAC,EAAI,KAE5F,EAAS,GAAwB,CACrC,GAAO,iBAAiB,EACxB,EAAM,MAAQ,GACd,EAAQ,UAAU,GAAS,IAAI,WAAW,QAAS,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACzE,EAAQ,WAAW,GAAS,IAAI,MAAM,SAAU,CAAE,QAAS,EAAK,CAAC,EAAG,EAAE,EACtE,EAAM,kBAAkB,QAAQ,CAClC,EAEM,GAAQ,EAAiD,IAA0C,CACvG,IAAM,EAA8B,CAAC,EAC/B,GAAM,EAAc,IAAiC,CACzD,EAAQ,iBAAiB,EAAM,CAAO,EACtC,EAAS,SAAW,EAAQ,oBAAoB,EAAM,CAAO,CAAC,CAChE,EAEI,EAAQ,SACV,EAAG,QAAU,GAAM,EAAQ,QAAS,CAAe,CAAC,EAGtD,EAAG,QAAU,GAAM,CACjB,EAAE,gBAAgB,EAClB,EAAQ,gBAAgB,CAAC,EACzB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,UAAU,EAAG,EAAQ,KAAK,CACpC,CAAC,EAED,EAAG,SAAW,GAAM,CAClB,EAAE,gBAAgB,EAClB,EAAM,MAAQ,EAAQ,MACtB,EAAQ,WAAW,EAAG,EAAQ,KAAK,EACnC,EAAM,kBAAkB,QAAQ,CAClC,CAAC,EAED,EAAG,OAAS,GAAM,CAChB,EAAQ,SAAS,CAAe,EAChC,EAAM,kBAAkB,MAAM,CAChC,CAAC,EAED,IAAI,EAAW,GACT,MAAqB,CACrB,MAEJ,GAAW,GACX,IAAK,IAAM,KAAW,EAAU,EAAQ,CAD7B,CAEb,EAIA,OAFA,GAAQ,iBAAiB,QAAS,EAAQ,CAAE,KAAM,EAAK,CAAC,EAEjD,CACT,EAEA,MAAO,CAAE,GAAG,EAAO,QAAO,UAAS,QAAO,MAAK,CACjD"}

package/dist/headless/text-field.d.ts

@@ -0,0 +1,45 @@
+import { type Readable, type Signal } from '@vielzeug/ripple';
+import { type CounterState, type FieldHandle, type FieldOptions } from './field-base';
+/** Detach function returned by `wire()`. Call to remove element listeners. */
+export type TextFieldDetach = () => void;
+export type TextFieldOptions = FieldOptions & {
+    maxLength?: Readable<number | undefined>;
+    /**
+     * Called synchronously before value extraction on every input event.
+     * Use only for DOM side-effects (e.g. auto-resize measurement) that must
+     * run before the reactive value is updated.
+     */
+    onBeforeInput?: (event: Event) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onChange?: (event: Event, value: string) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onInput?: (event: Event, value: string) => void;
+    /** `AbortSignal` from the component lifecycle. The internal value-sync watcher is disposed on abort. */
+    signal: AbortSignal;
+    value: Readable<string | undefined>;
+};
+export type TextFieldHandle = FieldHandle & {
+    /** Clears the field value and fires synthetic input/change events. */
+    clear: (event?: Event) => void;
+    /**
+     * Reactive counter state. Non-null when `maxLength` was provided; `null` otherwise.
+     * Components should only render a counter element when this is non-null.
+     */
+    counter: Readable<CounterState> | null;
+    /** The local mutable field value (two-way bound to the input element via `wire()`). */
+    value: Signal<string>;
+    /**
+     * Attaches event listeners to the underlying input or textarea element.
+     *
+     * When `signal` is provided, the listeners are detached automatically when
+     * the signal's controller calls `abort()`. Without a signal the returned
+     * `TextFieldDetach` must be called manually.
+     *
+     * Safe to call multiple times — each call attaches a fresh set of listeners
+     * and returns a distinct detach function. Calling detach multiple times is
+     * a no-op (guarded internally).
+     */
+    wire: (el: HTMLInputElement | HTMLTextAreaElement, signal?: AbortSignal) => TextFieldDetach;
+};
+export declare const createTextField: (options: TextFieldOptions) => TextFieldHandle;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/headless/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/headless/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,KAAK,YAAY,EAAmC,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAKvH,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,wGAAwG;IACxG,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,sEAAsE;IACtE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IACvC,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,mBAAmB,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,eAAe,CAAC;CAC7F,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,gBAAgB,KAAG,eA0D3D,CAAC"}