@smwb/ui-solid 0.3.0 → 0.4.1

package/dist/headless/source/primitives/createCssTransition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createCssTransition.ts"],
+  "sourcesContent": ["import { type Accessor, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nexport interface CssTransitionClassNames {\n  appear?: string;\n  appearActive?: string;\n  appearDone?: string;\n  enter?: string;\n  enterActive?: string;\n  enterDone?: string;\n  exit?: string;\n  exitActive?: string;\n  exitDone?: string;\n}\n\nexport interface CreateCssTransitionOptions {\n  in: Accessor<boolean>;\n  timeout: { appear?: number; enter: number; exit: number };\n  classNames: CssTransitionClassNames;\n  /** Animate the very first mount when `in` is already true. */\n  appear?: boolean;\n}\n\nexport interface CssTransitionState {\n  /** Whether the node should be in the DOM (mountOnEnter + unmountOnExit). */\n  mounted: Accessor<boolean>;\n  /** Transition classes to apply to the node for the current phase. */\n  classes: Accessor<string>;\n}\n\nconst join = (...parts: Array<string | undefined>): string => parts.filter(Boolean).join(\" \");\n\n/**\n * Single-node CSS transition with mountOnEnter + unmountOnExit semantics \u2014 a\n * dependency-free replacement for react-transition-group's CSSTransition. Uses\n * a double rAF to flush the start class before the active class so the CSS\n * transition runs, and a timeout to advance to the done/unmounted phase.\n */\nexport function createCssTransition(options: CreateCssTransitionOptions): CssTransitionState {\n  const [mounted, setMounted] = createSignal(options.in());\n  const [classes, setClasses] = createSignal(\"\");\n\n  let first = true;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let raf1: number | undefined;\n  let raf2: number | undefined;\n\n  const clearTimers = (): void => {\n    if (timer !== undefined) clearTimeout(timer);\n    if (raf1 !== undefined) cancelAnimationFrame(raf1);\n    if (raf2 !== undefined) cancelAnimationFrame(raf2);\n    timer = undefined;\n    raf1 = undefined;\n    raf2 = undefined;\n  };\n\n  const run = (start: string | undefined, active: string | undefined, done: string | undefined, duration: number, onEnd?: () => void): void => {\n    setClasses(start ?? \"\");\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => setClasses(join(start, active)));\n    });\n    timer = setTimeout(() => {\n      if (onEnd) onEnd();\n      else setClasses(done ?? \"\");\n    }, duration);\n  };\n\n  createEffect(() => {\n    const show = options.in();\n    clearTimers();\n    const cls = options.classNames;\n\n    if (show) {\n      setMounted(true);\n      if (first && !options.appear) {\n        setClasses(cls.enterDone ?? \"\");\n      } else {\n        const useAppear = first && !!options.appear;\n        run(\n          useAppear ? cls.appear : cls.enter,\n          useAppear ? cls.appearActive : cls.enterActive,\n          useAppear ? (cls.appearDone ?? cls.enterDone) : cls.enterDone,\n          useAppear ? (options.timeout.appear ?? options.timeout.enter) : options.timeout.enter\n        );\n      }\n    } else if (mounted()) {\n      run(cls.exit, cls.exitActive, cls.exitDone, options.timeout.exit, () => {\n        setMounted(false);\n        setClasses(\"\");\n      });\n    }\n    first = false;\n  });\n\n  onCleanup(clearTimers);\n\n  return { mounted, classes };\n}\n"],
+  "mappings": "AAAA,SAAwB,cAAc,cAAc,iBAAiB;AA6BrE,MAAM,OAAO,IAAI,UAA6C,MAAM,OAAO,OAAO,EAAE,KAAK,GAAG;AAQrF,SAAS,oBAAoB,SAAyD;AAC3F,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,QAAQ,GAAG,CAAC;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,EAAE;AAE7C,MAAI,QAAQ;AACZ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,QAAM,cAAc,MAAY;AAC9B,QAAI,UAAU,OAAW,cAAa,KAAK;AAC3C,QAAI,SAAS,OAAW,sBAAqB,IAAI;AACjD,QAAI,SAAS,OAAW,sBAAqB,IAAI;AACjD,YAAQ;AACR,WAAO;AACP,WAAO;AAAA,EACT;AAEA,QAAM,MAAM,CAAC,OAA2B,QAA4B,MAA0B,UAAkB,UAA6B;AAC3I,eAAW,SAAS,EAAE;AACtB,WAAO,sBAAsB,MAAM;AACjC,aAAO,sBAAsB,MAAM,WAAW,KAAK,OAAO,MAAM,CAAC,CAAC;AAAA,IACpE,CAAC;AACD,YAAQ,WAAW,MAAM;AACvB,UAAI,MAAO,OAAM;AAAA,UACZ,YAAW,QAAQ,EAAE;AAAA,IAC5B,GAAG,QAAQ;AAAA,EACb;AAEA,eAAa,MAAM;AACjB,UAAM,OAAO,QAAQ,GAAG;AACxB,gBAAY;AACZ,UAAM,MAAM,QAAQ;AAEpB,QAAI,MAAM;AACR,iBAAW,IAAI;AACf,UAAI,SAAS,CAAC,QAAQ,QAAQ;AAC5B,mBAAW,IAAI,aAAa,EAAE;AAAA,MAChC,OAAO;AACL,cAAM,YAAY,SAAS,CAAC,CAAC,QAAQ;AACrC;AAAA,UACE,YAAY,IAAI,SAAS,IAAI;AAAA,UAC7B,YAAY,IAAI,eAAe,IAAI;AAAA,UACnC,YAAa,IAAI,cAAc,IAAI,YAAa,IAAI;AAAA,UACpD,YAAa,QAAQ,QAAQ,UAAU,QAAQ,QAAQ,QAAS,QAAQ,QAAQ;AAAA,QAClF;AAAA,MACF;AAAA,IACF,WAAW,QAAQ,GAAG;AACpB,UAAI,IAAI,MAAM,IAAI,YAAY,IAAI,UAAU,QAAQ,QAAQ,MAAM,MAAM;AACtE,mBAAW,KAAK;AAChB,mBAAW,EAAE;AAAA,MACf,CAAC;AAAA,IACH;AACA,YAAQ;AAAA,EACV,CAAC;AAED,YAAU,WAAW;AAErB,SAAO,EAAE,SAAS,QAAQ;AAC5B;",
+  "names": []
+}

package/dist/headless/source/primitives/createDropzone.js

@@ -0,0 +1,46 @@
+import { createSignal } from "solid-js";
+function acceptToString(accept) {
+  if (!accept) return void 0;
+  if (typeof accept === "string") return accept;
+  return Object.entries(accept).flatMap(([mime, exts]) => [mime, ...exts]).join(",");
+}
+function createDropzone(options = {}) {
+  let inputEl;
+  const [isDragActive, setIsDragActive] = createSignal(false);
+  const open = () => {
+    if (!options.disabled) inputEl?.click();
+  };
+  const handleFiles = (list, event) => {
+    if (!list) return;
+    let files = Array.from(list);
+    if (options.maxFiles && options.maxFiles > 0) files = files.slice(0, options.maxFiles);
+    options.onDrop?.(files, event);
+    options.onDropAccepted?.(files, event);
+  };
+  const getRootProps = () => ({
+    onClick: () => open(),
+    onDragOver: (event) => {
+      event.preventDefault();
+      if (!options.disabled) setIsDragActive(true);
+    },
+    onDragLeave: () => setIsDragActive(false),
+    onDrop: (event) => {
+      event.preventDefault();
+      setIsDragActive(false);
+      if (!options.disabled) handleFiles(event.dataTransfer?.files ?? null, event);
+    }
+  });
+  const getInputProps = () => ({
+    type: "file",
+    multiple: options.multiple,
+    accept: acceptToString(options.accept),
+    disabled: options.disabled,
+    style: { display: "none" },
+    onChange: (event) => handleFiles(event.currentTarget.files, event)
+  });
+  return { getRootProps, getInputProps, inputRef: (el) => inputEl = el, isDragActive, open };
+}
+export {
+  createDropzone
+};
+//# sourceMappingURL=createDropzone.js.map

package/dist/headless/source/primitives/createDropzone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createDropzone.ts"],
+  "sourcesContent": ["import { type Accessor, type JSX, createSignal } from \"solid-js\";\n\nexport interface DropzoneOptions {\n  /** Record of mime \u2192 extensions, or a raw accept string. */\n  accept?: Record<string, string[]> | string | undefined;\n  multiple?: boolean | undefined;\n  maxFiles?: number | undefined;\n  disabled?: boolean | undefined;\n  onDrop?: (files: File[], event: Event) => void;\n  onDropAccepted?: (files: File[], event: Event) => void;\n}\n\nexport interface DropzoneRootProps {\n  onClick: () => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent) => void;\n}\n\nexport interface DropzoneInputProps {\n  type: \"file\";\n  multiple: boolean | undefined;\n  accept: string | undefined;\n  disabled: boolean | undefined;\n  style: JSX.CSSProperties;\n  onChange: (event: Event & { currentTarget: HTMLInputElement; target: Element }) => void;\n}\n\nexport interface DropzoneState {\n  getRootProps: () => DropzoneRootProps;\n  getInputProps: () => DropzoneInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n  isDragActive: Accessor<boolean>;\n  open: () => void;\n}\n\nfunction acceptToString(accept: DropzoneOptions[\"accept\"]): string | undefined {\n  if (!accept) return undefined;\n  if (typeof accept === \"string\") return accept;\n  return Object.entries(accept)\n    .flatMap(([mime, exts]) => [mime, ...exts])\n    .join(\",\");\n}\n\n/**\n * Dependency-free file dropzone \u2014 the Solid replacement for react-dropzone's\n * useDropzone. Provides root/input prop getters, drag-active state and a\n * programmatic `open()`.\n */\nexport function createDropzone(options: DropzoneOptions = {}): DropzoneState {\n  let inputEl: HTMLInputElement | undefined;\n  const [isDragActive, setIsDragActive] = createSignal(false);\n\n  const open = (): void => {\n    if (!options.disabled) inputEl?.click();\n  };\n\n  const handleFiles = (list: FileList | null, event: Event): void => {\n    if (!list) return;\n    let files = Array.from(list);\n    if (options.maxFiles && options.maxFiles > 0) files = files.slice(0, options.maxFiles);\n    options.onDrop?.(files, event);\n    options.onDropAccepted?.(files, event);\n  };\n\n  const getRootProps = (): DropzoneRootProps => ({\n    onClick: () => open(),\n    onDragOver: (event) => {\n      event.preventDefault();\n      if (!options.disabled) setIsDragActive(true);\n    },\n    onDragLeave: () => setIsDragActive(false),\n    onDrop: (event) => {\n      event.preventDefault();\n      setIsDragActive(false);\n      if (!options.disabled) handleFiles(event.dataTransfer?.files ?? null, event);\n    },\n  });\n\n  const getInputProps = (): DropzoneInputProps => ({\n    type: \"file\",\n    multiple: options.multiple,\n    accept: acceptToString(options.accept),\n    disabled: options.disabled,\n    style: { display: \"none\" },\n    onChange: (event) => handleFiles(event.currentTarget.files, event),\n  });\n\n  return { getRootProps, getInputProps, inputRef: (el) => (inputEl = el), isDragActive, open };\n}\n"],
+  "mappings": "AAAA,SAAkC,oBAAoB;AAoCtD,SAAS,eAAe,QAAuD;AAC7E,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI,OAAO,WAAW,SAAU,QAAO;AACvC,SAAO,OAAO,QAAQ,MAAM,EACzB,QAAQ,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EACzC,KAAK,GAAG;AACb;AAOO,SAAS,eAAe,UAA2B,CAAC,GAAkB;AAC3E,MAAI;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,aAAa,KAAK;AAE1D,QAAM,OAAO,MAAY;AACvB,QAAI,CAAC,QAAQ,SAAU,UAAS,MAAM;AAAA,EACxC;AAEA,QAAM,cAAc,CAAC,MAAuB,UAAuB;AACjE,QAAI,CAAC,KAAM;AACX,QAAI,QAAQ,MAAM,KAAK,IAAI;AAC3B,QAAI,QAAQ,YAAY,QAAQ,WAAW,EAAG,SAAQ,MAAM,MAAM,GAAG,QAAQ,QAAQ;AACrF,YAAQ,SAAS,OAAO,KAAK;AAC7B,YAAQ,iBAAiB,OAAO,KAAK;AAAA,EACvC;AAEA,QAAM,eAAe,OAA0B;AAAA,IAC7C,SAAS,MAAM,KAAK;AAAA,IACpB,YAAY,CAAC,UAAU;AACrB,YAAM,eAAe;AACrB,UAAI,CAAC,QAAQ,SAAU,iBAAgB,IAAI;AAAA,IAC7C;AAAA,IACA,aAAa,MAAM,gBAAgB,KAAK;AAAA,IACxC,QAAQ,CAAC,UAAU;AACjB,YAAM,eAAe;AACrB,sBAAgB,KAAK;AACrB,UAAI,CAAC,QAAQ,SAAU,aAAY,MAAM,cAAc,SAAS,MAAM,KAAK;AAAA,IAC7E;AAAA,EACF;AAEA,QAAM,gBAAgB,OAA2B;AAAA,IAC/C,MAAM;AAAA,IACN,UAAU,QAAQ;AAAA,IAClB,QAAQ,eAAe,QAAQ,MAAM;AAAA,IACrC,UAAU,QAAQ;AAAA,IAClB,OAAO,EAAE,SAAS,OAAO;AAAA,IACzB,UAAU,CAAC,UAAU,YAAY,MAAM,cAAc,OAAO,KAAK;AAAA,EACnE;AAEA,SAAO,EAAE,cAAc,eAAe,UAAU,CAAC,OAAQ,UAAU,IAAK,cAAc,KAAK;AAC7F;",
+  "names": []
+}

package/dist/headless/source/primitives/createFloating.js

@@ -0,0 +1,48 @@
+import {
+  autoUpdate,
+  computePosition
+} from "@floating-ui/dom";
+import { createEffect, createSignal, onCleanup } from "solid-js";
+function createFloating(options = {}) {
+  const strategy = options.strategy ?? "absolute";
+  const [reference, setReference] = createSignal(null);
+  const [floating, setFloating] = createSignal(null);
+  const [x, setX] = createSignal(0);
+  const [y, setY] = createSignal(0);
+  const [placement, setPlacement] = createSignal(options.placement?.() ?? "bottom");
+  const update = () => {
+    const ref = reference();
+    const float = floating();
+    if (!ref || !float) return;
+    const middleware = (options.middleware?.() ?? []).filter(Boolean);
+    void computePosition(ref, float, {
+      placement: options.placement?.() ?? "bottom",
+      strategy,
+      middleware
+    }).then((position) => {
+      setX(position.x);
+      setY(position.y);
+      setPlacement(position.placement);
+    });
+  };
+  createEffect(() => {
+    const ref = reference();
+    const float = floating();
+    options.placement?.();
+    options.middleware?.();
+    if (!ref || !float) return;
+    const cleanup = autoUpdate(ref, float, update);
+    onCleanup(cleanup);
+  });
+  const floatingStyles = () => ({
+    position: strategy,
+    top: "0",
+    left: "0",
+    transform: `translate(${Math.round(x())}px, ${Math.round(y())}px)`
+  });
+  return { setReference, setFloating, reference, floating, x, y, placement, floatingStyles, update };
+}
+export {
+  createFloating
+};
+//# sourceMappingURL=createFloating.js.map

package/dist/headless/source/primitives/createFloating.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createFloating.ts"],
+  "sourcesContent": ["import {\n  type Middleware,\n  type Placement,\n  type ReferenceElement,\n  type Strategy,\n  autoUpdate,\n  computePosition,\n} from \"@floating-ui/dom\";\nimport { type Accessor, type JSX, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nexport interface CreateFloatingOptions {\n  /** Reactive desired placement. */\n  placement?: Accessor<Placement | undefined>;\n  /** Reactive middleware list. Falsy entries are ignored. */\n  middleware?: Accessor<Array<Middleware | false | null | undefined>>;\n  strategy?: Strategy;\n}\n\nexport interface FloatingState {\n  setReference: (el: ReferenceElement | null) => void;\n  setFloating: (el: HTMLElement | null) => void;\n  reference: Accessor<ReferenceElement | null>;\n  floating: Accessor<HTMLElement | null>;\n  x: Accessor<number>;\n  y: Accessor<number>;\n  placement: Accessor<Placement>;\n  floatingStyles: Accessor<JSX.CSSProperties>;\n  update: () => void;\n}\n\n/**\n * Framework-agnostic `@floating-ui/dom` wrapper \u2014 the Solid replacement for\n * `@floating-ui/react`'s `useFloating`. Recomputes position via `autoUpdate`\n * (scroll/resize/layout) while both elements are mounted, and re-subscribes\n * when the reactive placement/middleware change. Exposes transform-based\n * `floatingStyles` matching the React adapter.\n */\nexport function createFloating(options: CreateFloatingOptions = {}): FloatingState {\n  const strategy: Strategy = options.strategy ?? \"absolute\";\n  const [reference, setReference] = createSignal<ReferenceElement | null>(null);\n  const [floating, setFloating] = createSignal<HTMLElement | null>(null);\n  const [x, setX] = createSignal(0);\n  const [y, setY] = createSignal(0);\n  const [placement, setPlacement] = createSignal<Placement>(options.placement?.() ?? \"bottom\");\n\n  const update = (): void => {\n    const ref = reference();\n    const float = floating();\n    if (!ref || !float) return;\n    const middleware = (options.middleware?.() ?? []).filter(Boolean) as Middleware[];\n    void computePosition(ref, float, {\n      placement: options.placement?.() ?? \"bottom\",\n      strategy,\n      middleware,\n    }).then((position) => {\n      setX(position.x);\n      setY(position.y);\n      setPlacement(position.placement);\n    });\n  };\n\n  createEffect(() => {\n    const ref = reference();\n    const float = floating();\n    // Track reactive options so the subscription restarts when they change.\n    options.placement?.();\n    options.middleware?.();\n    if (!ref || !float) return;\n    const cleanup = autoUpdate(ref, float, update);\n    onCleanup(cleanup);\n  });\n\n  const floatingStyles = (): JSX.CSSProperties => ({\n    position: strategy,\n    top: \"0\",\n    left: \"0\",\n    transform: `translate(${Math.round(x())}px, ${Math.round(y())}px)`,\n  });\n\n  return { setReference, setFloating, reference, floating, x, y, placement, floatingStyles, update };\n}\n"],
+  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AACP,SAAkC,cAAc,cAAc,iBAAiB;AA6BxE,SAAS,eAAe,UAAiC,CAAC,GAAkB;AACjF,QAAM,WAAqB,QAAQ,YAAY;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,aAAsC,IAAI;AAC5E,QAAM,CAAC,UAAU,WAAW,IAAI,aAAiC,IAAI;AACrE,QAAM,CAAC,GAAG,IAAI,IAAI,aAAa,CAAC;AAChC,QAAM,CAAC,GAAG,IAAI,IAAI,aAAa,CAAC;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,aAAwB,QAAQ,YAAY,KAAK,QAAQ;AAE3F,QAAM,SAAS,MAAY;AACzB,UAAM,MAAM,UAAU;AACtB,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,OAAO,CAAC,MAAO;AACpB,UAAM,cAAc,QAAQ,aAAa,KAAK,CAAC,GAAG,OAAO,OAAO;AAChE,SAAK,gBAAgB,KAAK,OAAO;AAAA,MAC/B,WAAW,QAAQ,YAAY,KAAK;AAAA,MACpC;AAAA,MACA;AAAA,IACF,CAAC,EAAE,KAAK,CAAC,aAAa;AACpB,WAAK,SAAS,CAAC;AACf,WAAK,SAAS,CAAC;AACf,mBAAa,SAAS,SAAS;AAAA,IACjC,CAAC;AAAA,EACH;AAEA,eAAa,MAAM;AACjB,UAAM,MAAM,UAAU;AACtB,UAAM,QAAQ,SAAS;AAEvB,YAAQ,YAAY;AACpB,YAAQ,aAAa;AACrB,QAAI,CAAC,OAAO,CAAC,MAAO;AACpB,UAAM,UAAU,WAAW,KAAK,OAAO,MAAM;AAC7C,cAAU,OAAO;AAAA,EACnB,CAAC;AAED,QAAM,iBAAiB,OAA0B;AAAA,IAC/C,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW,aAAa,KAAK,MAAM,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC,CAAC;AAAA,EAC/D;AAEA,SAAO,EAAE,cAAc,aAAa,WAAW,UAAU,GAAG,GAAG,WAAW,gBAAgB,OAAO;AACnG;",
+  "names": []
+}

package/dist/headless/source/primitives/createFocusTrap.js

@@ -0,0 +1,50 @@
+import { createEffect, onCleanup } from "solid-js";
+const FOCUSABLE = 'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
+function createFocusTrap(options) {
+  const restoreFocus = options.restoreFocus ?? true;
+  const autoFocus = options.autoFocus ?? true;
+  createEffect(() => {
+    if (!options.active()) return;
+    const container = options.container();
+    if (!container) return;
+    const prevFocused = document.activeElement;
+    const focusables = () => Array.from(container.querySelectorAll(FOCUSABLE)).filter(
+      (el) => el.offsetParent !== null || el === document.activeElement
+    );
+    if (autoFocus) {
+      (focusables()[0] ?? container).focus({ preventScroll: true });
+    }
+    const onKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const items = focusables();
+      const first = items[0];
+      const last = items[items.length - 1];
+      if (!first || !last) {
+        event.preventDefault();
+        return;
+      }
+      const activeEl = document.activeElement;
+      if (event.shiftKey && activeEl === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && activeEl === last) {
+        event.preventDefault();
+        first.focus();
+      } else if (!container.contains(activeEl)) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    onCleanup(() => {
+      document.removeEventListener("keydown", onKeyDown, true);
+      if (restoreFocus && prevFocused) {
+        prevFocused.focus({ preventScroll: true });
+      }
+    });
+  });
+}
+export {
+  createFocusTrap
+};
+//# sourceMappingURL=createFocusTrap.js.map

package/dist/headless/source/primitives/createFocusTrap.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createFocusTrap.ts"],
+  "sourcesContent": ["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nconst FOCUSABLE =\n  'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\n\nexport interface CreateFocusTrapOptions {\n  /** Trap is active only while this returns true. */\n  active: Accessor<boolean>;\n  /** The element whose focusable descendants are trapped. */\n  container: Accessor<HTMLElement | undefined>;\n  /** Restore focus to the previously focused element on deactivate. */\n  restoreFocus?: boolean;\n  /** Focus the first focusable element on activate. */\n  autoFocus?: boolean;\n}\n\n/**\n * Confines Tab/Shift+Tab focus within `container` while `active`. Restores\n * focus to the previously focused element on teardown. Solid port of\n * summer-ui's useFocusTrap.\n */\nexport function createFocusTrap(options: CreateFocusTrapOptions): void {\n  const restoreFocus = options.restoreFocus ?? true;\n  const autoFocus = options.autoFocus ?? true;\n\n  createEffect(() => {\n    if (!options.active()) return;\n    const container = options.container();\n    if (!container) return;\n\n    const prevFocused = document.activeElement as HTMLElement | null;\n\n    const focusables = (): HTMLElement[] =>\n      Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n        (el) => el.offsetParent !== null || el === document.activeElement\n      );\n\n    if (autoFocus) {\n      (focusables()[0] ?? container).focus({ preventScroll: true });\n    }\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Tab\") return;\n      const items = focusables();\n      const first = items[0];\n      const last = items[items.length - 1];\n      if (!first || !last) {\n        event.preventDefault();\n        return;\n      }\n      const activeEl = document.activeElement;\n      if (event.shiftKey && activeEl === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeEl === last) {\n        event.preventDefault();\n        first.focus();\n      } else if (!container.contains(activeEl)) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown, true);\n      if (restoreFocus && prevFocused) {\n        prevFocused.focus({ preventScroll: true });\n      }\n    });\n  });\n}\n"],
+  "mappings": "AAAA,SAAwB,cAAc,iBAAiB;AAEvD,MAAM,YACJ;AAkBK,SAAS,gBAAgB,SAAuC;AACrE,QAAM,eAAe,QAAQ,gBAAgB;AAC7C,QAAM,YAAY,QAAQ,aAAa;AAEvC,eAAa,MAAM;AACjB,QAAI,CAAC,QAAQ,OAAO,EAAG;AACvB,UAAM,YAAY,QAAQ,UAAU;AACpC,QAAI,CAAC,UAAW;AAEhB,UAAM,cAAc,SAAS;AAE7B,UAAM,aAAa,MACjB,MAAM,KAAK,UAAU,iBAA8B,SAAS,CAAC,EAAE;AAAA,MAC7D,CAAC,OAAO,GAAG,iBAAiB,QAAQ,OAAO,SAAS;AAAA,IACtD;AAEF,QAAI,WAAW;AACb,OAAC,WAAW,EAAE,CAAC,KAAK,WAAW,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,IAC9D;AAEA,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,MAAO;AACzB,YAAM,QAAQ,WAAW;AACzB,YAAM,QAAQ,MAAM,CAAC;AACrB,YAAM,OAAO,MAAM,MAAM,SAAS,CAAC;AACnC,UAAI,CAAC,SAAS,CAAC,MAAM;AACnB,cAAM,eAAe;AACrB;AAAA,MACF;AACA,YAAM,WAAW,SAAS;AAC1B,UAAI,MAAM,YAAY,aAAa,OAAO;AACxC,cAAM,eAAe;AACrB,aAAK,MAAM;AAAA,MACb,WAAW,CAAC,MAAM,YAAY,aAAa,MAAM;AAC/C,cAAM,eAAe;AACrB,cAAM,MAAM;AAAA,MACd,WAAW,CAAC,UAAU,SAAS,QAAQ,GAAG;AACxC,cAAM,eAAe;AACrB,cAAM,MAAM;AAAA,MACd;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,WAAW,IAAI;AACpD,cAAU,MAAM;AACd,eAAS,oBAAoB,WAAW,WAAW,IAAI;AACvD,UAAI,gBAAgB,aAAa;AAC/B,oBAAY,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,MAC3C;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;",
+  "names": []
+}

package/dist/headless/source/primitives/createId.js

@@ -0,0 +1,9 @@
+import { createUniqueId } from "solid-js";
+function createId(idProp, prefix = "smwb") {
+  const generated = createUniqueId();
+  return idProp ?? `${prefix}-${generated}`;
+}
+export {
+  createId
+};
+//# sourceMappingURL=createId.js.map

package/dist/headless/source/primitives/createId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createId.ts"],
+  "sourcesContent": ["import { createUniqueId } from \"solid-js\";\n\n/**\n * Stable unique id for ARIA wiring (label `for`, aria-describedby,\n * aria-controls, \u2026). Replaces React 18's `useId`:\n *  - returns the caller-supplied `idProp` verbatim when provided, so an\n *    explicit `id` always wins;\n *  - otherwise produces a deterministic id, optionally prefixed.\n *\n * Must be called during component setup (it relies on the owner context).\n * For an id that must react to a changing `id` prop, wrap the call site in a\n * memo over `props.id`.\n */\nexport function createId(idProp?: string, prefix = \"smwb\"): string {\n  const generated = createUniqueId();\n  return idProp ?? `${prefix}-${generated}`;\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAaxB,SAAS,SAAS,QAAiB,SAAS,QAAgB;AACjE,QAAM,YAAY,eAAe;AACjC,SAAO,UAAU,GAAG,MAAM,IAAI,SAAS;AACzC;",
+  "names": []
+}

package/dist/headless/source/primitives/createMaskedInput.js

@@ -0,0 +1,35 @@
+function caretAfterDigits(str, n) {
+  if (n <= 0) return 0;
+  let count = 0;
+  for (let i = 0; i < str.length; i++) {
+    if (/\d/.test(str[i] ?? "")) {
+      count++;
+      if (count >= n) return i + 1;
+    }
+  }
+  return str.length;
+}
+function createMaskedInput(options) {
+  let inputEl;
+  const onInput = (event) => {
+    const el = event.currentTarget;
+    const raw = el.value;
+    const caret = el.selectionStart ?? raw.length;
+    const digitsBeforeCaret = raw.slice(0, caret).replace(/\D/g, "").length;
+    const formatted = options.format(raw);
+    options.onChange(formatted);
+    queueMicrotask(() => {
+      if (!inputEl) return;
+      const pos = caretAfterDigits(inputEl.value, digitsBeforeCaret);
+      try {
+        inputEl.setSelectionRange(pos, pos);
+      } catch {
+      }
+    });
+  };
+  return { value: options.value, onInput, ref: (el) => inputEl = el };
+}
+export {
+  createMaskedInput
+};
+//# sourceMappingURL=createMaskedInput.js.map

package/dist/headless/source/primitives/createMaskedInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createMaskedInput.ts"],
+  "sourcesContent": ["import type { Accessor } from \"solid-js\";\n\nexport interface CreateMaskedInputOptions {\n  /** Controlled display value (the formatted string). */\n  value: Accessor<string>;\n  /** Called with the next formatted value as the user types. */\n  onChange: (value: string) => void;\n  /** Formats a raw input string into the masked output. */\n  format: (value: string) => string;\n}\n\nexport interface MaskedInputState {\n  value: Accessor<string>;\n  onInput: (event: InputEvent & { currentTarget: HTMLInputElement; target: Element }) => void;\n  ref: (el: HTMLInputElement) => void;\n}\n\n/** Place the caret just after the `n`-th digit in `str`. */\nfunction caretAfterDigits(str: string, n: number): number {\n  if (n <= 0) return 0;\n  let count = 0;\n  for (let i = 0; i < str.length; i++) {\n    if (/\\d/.test(str[i] ?? \"\")) {\n      count++;\n      if (count >= n) return i + 1;\n    }\n  }\n  return str.length;\n}\n\n/**\n * Controlled masked-input helper \u2014 the Solid replacement for rifm's useRifm.\n * Re-formats on input, calls back with the formatted value, and restores the\n * caret based on how many digits preceded it (works for date/time digit masks).\n */\nexport function createMaskedInput(options: CreateMaskedInputOptions): MaskedInputState {\n  let inputEl: HTMLInputElement | undefined;\n\n  const onInput = (event: InputEvent & { currentTarget: HTMLInputElement; target: Element }): void => {\n    const el = event.currentTarget;\n    const raw = el.value;\n    const caret = el.selectionStart ?? raw.length;\n    const digitsBeforeCaret = raw.slice(0, caret).replace(/\\D/g, \"\").length;\n    const formatted = options.format(raw);\n    options.onChange(formatted);\n    queueMicrotask(() => {\n      if (!inputEl) return;\n      const pos = caretAfterDigits(inputEl.value, digitsBeforeCaret);\n      try {\n        inputEl.setSelectionRange(pos, pos);\n      } catch {\n        /* setSelectionRange unsupported for some input types */\n      }\n    });\n  };\n\n  return { value: options.value, onInput, ref: (el) => (inputEl = el) };\n}\n"],
+  "mappings": "AAkBA,SAAS,iBAAiB,KAAa,GAAmB;AACxD,MAAI,KAAK,EAAG,QAAO;AACnB,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACnC,QAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,GAAG;AAC3B;AACA,UAAI,SAAS,EAAG,QAAO,IAAI;AAAA,IAC7B;AAAA,EACF;AACA,SAAO,IAAI;AACb;AAOO,SAAS,kBAAkB,SAAqD;AACrF,MAAI;AAEJ,QAAM,UAAU,CAAC,UAAmF;AAClG,UAAM,KAAK,MAAM;AACjB,UAAM,MAAM,GAAG;AACf,UAAM,QAAQ,GAAG,kBAAkB,IAAI;AACvC,UAAM,oBAAoB,IAAI,MAAM,GAAG,KAAK,EAAE,QAAQ,OAAO,EAAE,EAAE;AACjE,UAAM,YAAY,QAAQ,OAAO,GAAG;AACpC,YAAQ,SAAS,SAAS;AAC1B,mBAAe,MAAM;AACnB,UAAI,CAAC,QAAS;AACd,YAAM,MAAM,iBAAiB,QAAQ,OAAO,iBAAiB;AAC7D,UAAI;AACF,gBAAQ,kBAAkB,KAAK,GAAG;AAAA,MACpC,QAAQ;AAAA,MAER;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,OAAO,QAAQ,OAAO,SAAS,KAAK,CAAC,OAAQ,UAAU,GAAI;AACtE;",
+  "names": []
+}

package/dist/headless/source/primitives/createTheme.js

@@ -0,0 +1,51 @@
+import { createSignal, onCleanup, onMount } from "solid-js";
+import { isServer } from "solid-js/web";
+var Theme = /* @__PURE__ */ ((Theme2) => {
+  Theme2["dark"] = "dark";
+  Theme2["light"] = "light";
+  return Theme2;
+})(Theme || {});
+const themeStorageKey = "smui-theme";
+const [theme, setThemeSignal] = createSignal("light" /* light */);
+function applyTheme(value) {
+  setThemeSignal(value);
+  if (!isServer) {
+    document.documentElement.dataset.theme = value;
+  }
+}
+function createTheme() {
+  onMount(() => {
+    const saved = localStorage.getItem(themeStorageKey);
+    if (saved) {
+      applyTheme(saved);
+    } else {
+      const preferred = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" /* light */ : "dark" /* dark */;
+      localStorage.setItem(themeStorageKey, preferred);
+      applyTheme(preferred);
+    }
+    const onStorage = (event) => {
+      if (event.storageArea === localStorage) {
+        const next = localStorage.getItem(themeStorageKey);
+        if (next) {
+          applyTheme(next);
+        }
+      }
+    };
+    window.addEventListener("storage", onStorage);
+    onCleanup(() => window.removeEventListener("storage", onStorage));
+  });
+  return {
+    theme,
+    setTheme: (value) => {
+      if (!isServer) {
+        localStorage.setItem(themeStorageKey, value);
+      }
+      applyTheme(value);
+    }
+  };
+}
+export {
+  Theme,
+  createTheme
+};
+//# sourceMappingURL=createTheme.js.map

package/dist/headless/source/primitives/createTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createTheme.ts"],
+  "sourcesContent": ["import { type Accessor, createSignal, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport enum Theme {\n  dark = \"dark\",\n  light = \"light\",\n}\n\nconst themeStorageKey = \"smui-theme\";\n\n// Module-level signal acts as the shared theme store (the Solid analogue of\n// summer-ui's Observable singleton), so every createTheme() consumer stays in\n// sync.\nconst [theme, setThemeSignal] = createSignal<Theme>(Theme.light);\n\nfunction applyTheme(value: Theme): void {\n  setThemeSignal(value);\n  if (!isServer) {\n    document.documentElement.dataset.theme = value;\n  }\n}\n\nexport interface CreateThemeResult {\n  theme: Accessor<Theme>;\n  setTheme: (value: Theme) => void;\n}\n\nexport function createTheme(): CreateThemeResult {\n  onMount(() => {\n    const saved = localStorage.getItem(themeStorageKey) as Theme | null;\n    if (saved) {\n      applyTheme(saved);\n    } else {\n      const preferred: Theme = window.matchMedia(\"(prefers-color-scheme: light)\").matches ? Theme.light : Theme.dark;\n      localStorage.setItem(themeStorageKey, preferred);\n      applyTheme(preferred);\n    }\n\n    const onStorage = (event: StorageEvent): void => {\n      if (event.storageArea === localStorage) {\n        const next = localStorage.getItem(themeStorageKey) as Theme | null;\n        if (next) {\n          applyTheme(next);\n        }\n      }\n    };\n    window.addEventListener(\"storage\", onStorage);\n    onCleanup(() => window.removeEventListener(\"storage\", onStorage));\n  });\n\n  return {\n    theme,\n    setTheme: (value: Theme) => {\n      if (!isServer) {\n        localStorage.setItem(themeStorageKey, value);\n      }\n      applyTheme(value);\n    },\n  };\n}\n"],
+  "mappings": "AAAA,SAAwB,cAAc,WAAW,eAAe;AAChE,SAAS,gBAAgB;AAElB,IAAK,QAAL,kBAAKA,WAAL;AACL,EAAAA,OAAA,UAAO;AACP,EAAAA,OAAA,WAAQ;AAFE,SAAAA;AAAA,GAAA;AAKZ,MAAM,kBAAkB;AAKxB,MAAM,CAAC,OAAO,cAAc,IAAI,aAAoB,mBAAW;AAE/D,SAAS,WAAW,OAAoB;AACtC,iBAAe,KAAK;AACpB,MAAI,CAAC,UAAU;AACb,aAAS,gBAAgB,QAAQ,QAAQ;AAAA,EAC3C;AACF;AAOO,SAAS,cAAiC;AAC/C,UAAQ,MAAM;AACZ,UAAM,QAAQ,aAAa,QAAQ,eAAe;AAClD,QAAI,OAAO;AACT,iBAAW,KAAK;AAAA,IAClB,OAAO;AACL,YAAM,YAAmB,OAAO,WAAW,+BAA+B,EAAE,UAAU,sBAAc;AACpG,mBAAa,QAAQ,iBAAiB,SAAS;AAC/C,iBAAW,SAAS;AAAA,IACtB;AAEA,UAAM,YAAY,CAAC,UAA8B;AAC/C,UAAI,MAAM,gBAAgB,cAAc;AACtC,cAAM,OAAO,aAAa,QAAQ,eAAe;AACjD,YAAI,MAAM;AACR,qBAAW,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,cAAU,MAAM,OAAO,oBAAoB,WAAW,SAAS,CAAC;AAAA,EAClE,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,UAAU,CAAC,UAAiB;AAC1B,UAAI,CAAC,UAAU;AACb,qBAAa,QAAQ,iBAAiB,KAAK;AAAA,MAC7C;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AACF;",
+  "names": ["Theme"]
+}

package/dist/headless/source/primitives/createVirtualList.js

@@ -0,0 +1,19 @@
+import { createSignal } from "solid-js";
+function createVirtualList(params) {
+  const overscan = params.overscan ?? 4;
+  const [scrollTop, setScrollTop] = createSignal(0);
+  const onScroll = (event) => {
+    setScrollTop(event.currentTarget.scrollTop);
+  };
+  const safeItemHeight = () => params.itemHeight() > 0 ? params.itemHeight() : 1;
+  const visibleCount = () => Math.ceil(params.viewportHeight() / safeItemHeight());
+  const startIndex = () => Math.max(0, Math.floor(scrollTop() / safeItemHeight()) - overscan);
+  const endIndex = () => Math.min(params.itemCount(), startIndex() + visibleCount() + overscan * 2);
+  const totalHeight = () => params.itemCount() * safeItemHeight();
+  const offsetY = () => startIndex() * safeItemHeight();
+  return { startIndex, endIndex, totalHeight, offsetY, onScroll };
+}
+export {
+  createVirtualList
+};
+//# sourceMappingURL=createVirtualList.js.map

package/dist/headless/source/primitives/createVirtualList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/createVirtualList.ts"],
+  "sourcesContent": ["import { type Accessor, createSignal } from \"solid-js\";\n\nexport interface CreateVirtualListParams {\n  /** Total number of items (reactive). */\n  itemCount: Accessor<number>;\n  /** Fixed height (px) of a single item (reactive). */\n  itemHeight: Accessor<number>;\n  /** Visible viewport height (px) (reactive). */\n  viewportHeight: Accessor<number>;\n  /** Extra rows rendered above/below the viewport. */\n  overscan?: number;\n}\n\nexport interface VirtualListResult {\n  startIndex: Accessor<number>;\n  endIndex: Accessor<number>;\n  totalHeight: Accessor<number>;\n  offsetY: Accessor<number>;\n  onScroll: (event: { currentTarget: { scrollTop: number } }) => void;\n}\n\n/**\n * Minimal fixed-height windowing helper (no dependencies). Render only\n * `[startIndex, endIndex)` inside a relative container of `totalHeight`,\n * translated by `offsetY`. Solid port of summer-ui's useVirtualList.\n */\nexport function createVirtualList(params: CreateVirtualListParams): VirtualListResult {\n  const overscan = params.overscan ?? 4;\n  const [scrollTop, setScrollTop] = createSignal(0);\n\n  const onScroll = (event: { currentTarget: { scrollTop: number } }): void => {\n    setScrollTop(event.currentTarget.scrollTop);\n  };\n\n  const safeItemHeight = (): number => (params.itemHeight() > 0 ? params.itemHeight() : 1);\n  const visibleCount = (): number => Math.ceil(params.viewportHeight() / safeItemHeight());\n  const startIndex = (): number => Math.max(0, Math.floor(scrollTop() / safeItemHeight()) - overscan);\n  const endIndex = (): number => Math.min(params.itemCount(), startIndex() + visibleCount() + overscan * 2);\n  const totalHeight = (): number => params.itemCount() * safeItemHeight();\n  const offsetY = (): number => startIndex() * safeItemHeight();\n\n  return { startIndex, endIndex, totalHeight, offsetY, onScroll };\n}\n"],
+  "mappings": "AAAA,SAAwB,oBAAoB;AA0BrC,SAAS,kBAAkB,QAAoD;AACpF,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,CAAC;AAEhD,QAAM,WAAW,CAAC,UAA0D;AAC1E,iBAAa,MAAM,cAAc,SAAS;AAAA,EAC5C;AAEA,QAAM,iBAAiB,MAAe,OAAO,WAAW,IAAI,IAAI,OAAO,WAAW,IAAI;AACtF,QAAM,eAAe,MAAc,KAAK,KAAK,OAAO,eAAe,IAAI,eAAe,CAAC;AACvF,QAAM,aAAa,MAAc,KAAK,IAAI,GAAG,KAAK,MAAM,UAAU,IAAI,eAAe,CAAC,IAAI,QAAQ;AAClG,QAAM,WAAW,MAAc,KAAK,IAAI,OAAO,UAAU,GAAG,WAAW,IAAI,aAAa,IAAI,WAAW,CAAC;AACxG,QAAM,cAAc,MAAc,OAAO,UAAU,IAAI,eAAe;AACtE,QAAM,UAAU,MAAc,WAAW,IAAI,eAAe;AAE5D,SAAO,EAAE,YAAY,UAAU,aAAa,SAAS,SAAS;AAChE;",
+  "names": []
+}

package/dist/headless/source/primitives/mergeRefs.js

@@ -0,0 +1,13 @@
+function mergeRefs(...refs) {
+  return (el) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(el);
+      }
+    }
+  };
+}
+export {
+  mergeRefs
+};
+//# sourceMappingURL=mergeRefs.js.map

package/dist/headless/source/primitives/mergeRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/primitives/mergeRefs.ts"],
+  "sourcesContent": ["/**\n * Solid `ref` props are always compiled to callbacks (or `undefined`), so a\n * forwarded `props.ref` plus a local `let el` can both be satisfied by calling\n * each function ref. Replaces React's useForkRef/setRef.\n *\n * Usage: `<div ref={mergeRefs(props.ref, (el) => (local = el))} />`\n */\nexport type RefCallback<T> = (el: T) => void;\nexport type Ref<T> = RefCallback<T> | T | undefined;\n\nexport function mergeRefs<T>(...refs: Array<Ref<T>>): RefCallback<T> {\n  return (el: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        (ref as RefCallback<T>)(el);\n      }\n    }\n  };\n}\n"],
+  "mappings": "AAUO,SAAS,aAAgB,MAAqC;AACnE,SAAO,CAAC,OAAU;AAChB,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,QAAC,IAAuB,EAAE;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/headless/source/utils/animate.js

@@ -0,0 +1,35 @@
+const easeInOutSin = (time) => (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;
+function animate(element, property, to, options = {}, cb = () => void 0) {
+  const ease = options.ease ?? easeInOutSin;
+  const duration = options.duration ?? 300;
+  let start = null;
+  const from = element[property];
+  let cancelled = false;
+  const cancel = () => {
+    cancelled = true;
+  };
+  const step = (timestamp) => {
+    if (cancelled) {
+      cb(new Error("Animation cancelled"));
+      return;
+    }
+    if (start === null) start = timestamp;
+    const time = Math.min(1, (timestamp - start) / duration);
+    element[property] = ease(time) * (to - from) + from;
+    if (time >= 1) {
+      requestAnimationFrame(() => cb(null));
+      return;
+    }
+    requestAnimationFrame(step);
+  };
+  if (from === to) {
+    cb(new Error("Element already at target position"));
+    return cancel;
+  }
+  requestAnimationFrame(step);
+  return cancel;
+}
+export {
+  animate
+};
+//# sourceMappingURL=animate.js.map

package/dist/headless/source/utils/animate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/animate.ts"],
+  "sourcesContent": ["const easeInOutSin = (time: number): number => (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;\n\ninterface AnimateOptions {\n  ease?: (time: number) => number;\n  duration?: number;\n}\n\n/**\n * rAF-based numeric property tween (used for smooth tab scrolling). Returns a\n * cancel function. Narrowed to scroll properties \u2014 the only use sites.\n */\nexport function animate(\n  element: HTMLElement,\n  property: \"scrollLeft\" | \"scrollTop\",\n  to: number,\n  options: AnimateOptions = {},\n  cb: (arg: null | Error) => void = () => undefined\n): () => void {\n  const ease = options.ease ?? easeInOutSin;\n  const duration = options.duration ?? 300;\n\n  let start: number | null = null;\n  const from = element[property];\n  let cancelled = false;\n\n  const cancel = (): void => {\n    cancelled = true;\n  };\n\n  const step = (timestamp: number): void => {\n    if (cancelled) {\n      cb(new Error(\"Animation cancelled\"));\n      return;\n    }\n    if (start === null) start = timestamp;\n    const time = Math.min(1, (timestamp - start) / duration);\n    element[property] = ease(time) * (to - from) + from;\n    if (time >= 1) {\n      requestAnimationFrame(() => cb(null));\n      return;\n    }\n    requestAnimationFrame(step);\n  };\n\n  if (from === to) {\n    cb(new Error(\"Element already at target position\"));\n    return cancel;\n  }\n\n  requestAnimationFrame(step);\n  return cancel;\n}\n"],
+  "mappings": "AAAA,MAAM,eAAe,CAAC,UAA0B,IAAI,KAAK,IAAI,KAAK,KAAK,OAAO,KAAK,KAAK,CAAC,KAAK;AAWvF,SAAS,QACd,SACA,UACA,IACA,UAA0B,CAAC,GAC3B,KAAkC,MAAM,QAC5B;AACZ,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,WAAW,QAAQ,YAAY;AAErC,MAAI,QAAuB;AAC3B,QAAM,OAAO,QAAQ,QAAQ;AAC7B,MAAI,YAAY;AAEhB,QAAM,SAAS,MAAY;AACzB,gBAAY;AAAA,EACd;AAEA,QAAM,OAAO,CAAC,cAA4B;AACxC,QAAI,WAAW;AACb,SAAG,IAAI,MAAM,qBAAqB,CAAC;AACnC;AAAA,IACF;AACA,QAAI,UAAU,KAAM,SAAQ;AAC5B,UAAM,OAAO,KAAK,IAAI,IAAI,YAAY,SAAS,QAAQ;AACvD,YAAQ,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,QAAQ;AAC/C,QAAI,QAAQ,GAAG;AACb,4BAAsB,MAAM,GAAG,IAAI,CAAC;AACpC;AAAA,IACF;AACA,0BAAsB,IAAI;AAAA,EAC5B;AAEA,MAAI,SAAS,IAAI;AACf,OAAG,IAAI,MAAM,oCAAoC,CAAC;AAClD,WAAO;AAAA,EACT;AAEA,wBAAsB,IAAI;AAC1B,SAAO;AACT;",
+  "names": []
+}

package/dist/headless/source/utils/debounce.js

@@ -0,0 +1,23 @@
+function debounce(fn, wait) {
+  let timer;
+  const debounced = (...args) => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+      timer = void 0;
+      fn(...args);
+    }, wait);
+  };
+  debounced.cancel = () => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+  };
+  return debounced;
+}
+export {
+  debounce
+};
+//# sourceMappingURL=debounce.js.map

package/dist/headless/source/utils/debounce.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/debounce.ts"],
+  "sourcesContent": ["export interface DebouncedFunction<A extends unknown[]> {\n  (...args: A): void;\n  cancel(): void;\n}\n\nexport function debounce<A extends unknown[]>(fn: (...args: A) => void, wait: number): DebouncedFunction<A> {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  const debounced = (...args: A): void => {\n    if (timer !== undefined) {\n      clearTimeout(timer);\n    }\n    timer = setTimeout(() => {\n      timer = undefined;\n      fn(...args);\n    }, wait);\n  };\n\n  debounced.cancel = (): void => {\n    if (timer !== undefined) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n  };\n\n  return debounced;\n}\n"],
+  "mappings": "AAKO,SAAS,SAA8B,IAA0B,MAAoC;AAC1G,MAAI;AAEJ,QAAM,YAAY,IAAI,SAAkB;AACtC,QAAI,UAAU,QAAW;AACvB,mBAAa,KAAK;AAAA,IACpB;AACA,YAAQ,WAAW,MAAM;AACvB,cAAQ;AACR,SAAG,GAAG,IAAI;AAAA,IACZ,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAY;AAC7B,QAAI,UAAU,QAAW;AACvB,mBAAa,KAAK;AAClB,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/headless/source/utils/floating.js

@@ -0,0 +1,42 @@
+import { autoPlacement, flip, offset, shift } from "@floating-ui/dom";
+const placements = [
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+];
+function resolvePlacement(placement) {
+  if (placement === "auto" || placement === "auto-start" || placement === "auto-end") {
+    const alignment = placement === "auto-start" ? "start" : placement === "auto-end" ? "end" : null;
+    return { autoMiddleware: autoPlacement({ alignment }) };
+  }
+  return { placement };
+}
+const FLOATING_OFFSET_PX = 4;
+const FLOATING_SHIFT_PADDING_PX = 8;
+function buildFloatingMiddleware(resolved, custom) {
+  if (custom?.length) {
+    return [...custom, flip(), shift({ padding: FLOATING_SHIFT_PADDING_PX })];
+  }
+  if (resolved.autoMiddleware) {
+    return [offset(FLOATING_OFFSET_PX), shift({ padding: FLOATING_SHIFT_PADDING_PX }), resolved.autoMiddleware];
+  }
+  return [offset(FLOATING_OFFSET_PX), flip(), shift({ padding: FLOATING_SHIFT_PADDING_PX })];
+}
+export {
+  buildFloatingMiddleware,
+  placements,
+  resolvePlacement
+};
+//# sourceMappingURL=floating.js.map

package/dist/headless/source/utils/floating.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/floating.ts"],
+  "sourcesContent": ["import { autoPlacement, flip, type Middleware, offset, type Placement as FloatingUiPlacement, shift } from \"@floating-ui/dom\";\n\nexport type Placement = FloatingUiPlacement | \"auto\" | \"auto-start\" | \"auto-end\";\n\nexport const placements: Placement[] = [\n  \"auto\",\n  \"auto-start\",\n  \"auto-end\",\n  \"top\",\n  \"top-start\",\n  \"top-end\",\n  \"bottom\",\n  \"bottom-start\",\n  \"bottom-end\",\n  \"right\",\n  \"right-start\",\n  \"right-end\",\n  \"left\",\n  \"left-start\",\n  \"left-end\",\n];\n\nexport interface ResolvedPlacement {\n  placement?: FloatingUiPlacement;\n  autoMiddleware?: Middleware;\n}\n\nexport function resolvePlacement(placement: Placement): ResolvedPlacement {\n  if (placement === \"auto\" || placement === \"auto-start\" || placement === \"auto-end\") {\n    const alignment = placement === \"auto-start\" ? \"start\" : placement === \"auto-end\" ? \"end\" : null;\n    return { autoMiddleware: autoPlacement({ alignment }) };\n  }\n  return { placement };\n}\n\nconst FLOATING_OFFSET_PX = 4;\nconst FLOATING_SHIFT_PADDING_PX = 8;\n\nexport function buildFloatingMiddleware(resolved: ResolvedPlacement, custom?: Middleware[]): Middleware[] {\n  if (custom?.length) {\n    return [...custom, flip(), shift({ padding: FLOATING_SHIFT_PADDING_PX })];\n  }\n  if (resolved.autoMiddleware) {\n    return [offset(FLOATING_OFFSET_PX), shift({ padding: FLOATING_SHIFT_PADDING_PX }), resolved.autoMiddleware];\n  }\n  return [offset(FLOATING_OFFSET_PX), flip(), shift({ padding: FLOATING_SHIFT_PADDING_PX })];\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe,MAAuB,QAA+C,aAAa;AAIpG,MAAM,aAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,iBAAiB,WAAyC;AACxE,MAAI,cAAc,UAAU,cAAc,gBAAgB,cAAc,YAAY;AAClF,UAAM,YAAY,cAAc,eAAe,UAAU,cAAc,aAAa,QAAQ;AAC5F,WAAO,EAAE,gBAAgB,cAAc,EAAE,UAAU,CAAC,EAAE;AAAA,EACxD;AACA,SAAO,EAAE,UAAU;AACrB;AAEA,MAAM,qBAAqB;AAC3B,MAAM,4BAA4B;AAE3B,SAAS,wBAAwB,UAA6B,QAAqC;AACxG,MAAI,QAAQ,QAAQ;AAClB,WAAO,CAAC,GAAG,QAAQ,KAAK,GAAG,MAAM,EAAE,SAAS,0BAA0B,CAAC,CAAC;AAAA,EAC1E;AACA,MAAI,SAAS,gBAAgB;AAC3B,WAAO,CAAC,OAAO,kBAAkB,GAAG,MAAM,EAAE,SAAS,0BAA0B,CAAC,GAAG,SAAS,cAAc;AAAA,EAC5G;AACA,SAAO,CAAC,OAAO,kBAAkB,GAAG,KAAK,GAAG,MAAM,EAAE,SAAS,0BAA0B,CAAC,CAAC;AAC3F;",
+  "names": []
+}

package/dist/headless/source/utils/throttle.js

@@ -0,0 +1,41 @@
+function throttle(fn, wait) {
+  let lastCall = 0;
+  let timer;
+  let lastArgs;
+  const invoke = (time, args) => {
+    lastCall = time;
+    fn(...args);
+  };
+  const throttled = (...args) => {
+    const now = Date.now();
+    const remaining = wait - (now - lastCall);
+    lastArgs = args;
+    if (remaining <= 0 || remaining > wait) {
+      if (timer !== void 0) {
+        clearTimeout(timer);
+        timer = void 0;
+      }
+      invoke(now, args);
+    } else if (timer === void 0) {
+      timer = setTimeout(() => {
+        timer = void 0;
+        if (lastArgs !== void 0) {
+          invoke(Date.now(), lastArgs);
+        }
+      }, remaining);
+    }
+  };
+  throttled.cancel = () => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+    lastCall = 0;
+    lastArgs = void 0;
+  };
+  return throttled;
+}
+export {
+  throttle
+};
+//# sourceMappingURL=throttle.js.map

package/dist/headless/source/utils/throttle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/utils/throttle.ts"],
+  "sourcesContent": ["export interface ThrottledFunction<A extends unknown[]> {\n  (...args: A): void;\n  cancel(): void;\n}\n\nexport function throttle<A extends unknown[]>(fn: (...args: A) => void, wait: number): ThrottledFunction<A> {\n  let lastCall = 0;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let lastArgs: A | undefined;\n\n  const invoke = (time: number, args: A): void => {\n    lastCall = time;\n    fn(...args);\n  };\n\n  const throttled = (...args: A): void => {\n    const now = Date.now();\n    const remaining = wait - (now - lastCall);\n    lastArgs = args;\n\n    if (remaining <= 0 || remaining > wait) {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n        timer = undefined;\n      }\n      invoke(now, args);\n    } else if (timer === undefined) {\n      timer = setTimeout(() => {\n        timer = undefined;\n        if (lastArgs !== undefined) {\n          invoke(Date.now(), lastArgs);\n        }\n      }, remaining);\n    }\n  };\n\n  throttled.cancel = (): void => {\n    if (timer !== undefined) {\n      clearTimeout(timer);\n      timer = undefined;\n    }\n    lastCall = 0;\n    lastArgs = undefined;\n  };\n\n  return throttled;\n}\n"],
+  "mappings": "AAKO,SAAS,SAA8B,IAA0B,MAAoC;AAC1G,MAAI,WAAW;AACf,MAAI;AACJ,MAAI;AAEJ,QAAM,SAAS,CAAC,MAAc,SAAkB;AAC9C,eAAW;AACX,OAAG,GAAG,IAAI;AAAA,EACZ;AAEA,QAAM,YAAY,IAAI,SAAkB;AACtC,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,YAAY,QAAQ,MAAM;AAChC,eAAW;AAEX,QAAI,aAAa,KAAK,YAAY,MAAM;AACtC,UAAI,UAAU,QAAW;AACvB,qBAAa,KAAK;AAClB,gBAAQ;AAAA,MACV;AACA,aAAO,KAAK,IAAI;AAAA,IAClB,WAAW,UAAU,QAAW;AAC9B,cAAQ,WAAW,MAAM;AACvB,gBAAQ;AACR,YAAI,aAAa,QAAW;AAC1B,iBAAO,KAAK,IAAI,GAAG,QAAQ;AAAA,QAC7B;AAAA,MACF,GAAG,SAAS;AAAA,IACd;AAAA,EACF;AAEA,YAAU,SAAS,MAAY;AAC7B,QAAI,UAAU,QAAW;AACvB,mBAAa,KAAK;AAClB,cAAQ;AAAA,IACV;AACA,eAAW;AACX,eAAW;AAAA,EACb;AAEA,SAAO;AACT;",
+  "names": []
+}