@noxlovette/material 0.4.8 → 0.5.1

package/dist/utils/icon/loadingShapes.d.ts

@@ -0,0 +1 @@
+export declare const LOADING_SHAPES: readonly ["m37.4 24.7 0.5 0.7 0.8 0.9 0.8 1.0 0.6 1.0 -0.1 0.8 -0.0 0.1 -0.6 0.7 -1.1 0.5 -1.3 0.3 -1.0 0.2 -0.9 0.4 -0.7 1.1 0.1 1.0 0.1 1.1 0.0 1.2 -0.2 1.1 -0.4 0.5 -0.3 0.2 -0.8 0.2 -1.2 -0.4 -1.2 -0.4 -1.0 -0.5 -0.8 -0.1 -1.3 0.5 -0.5 0.8 -0.6 0.9 -0.6 1.0 -0.8 0.8 -0.8 0.2 -0.1 -0.0 -0.9 -0.3 -0.8 -1.0 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.3 -0.3 -0.9 0.2 -0.9 0.4 -1.2 0.5 -1.2 0.3 -0.8 -0.3 -0.0 -0.1 -0.6 -0.6 -0.1 -1.2 0.1 -1.2 0.0 -1.1 0.0 -0.9 -0.7 -1.1 -0.9 -0.3 -1.1 -0.3 -1.2 -0.3 -1.1 -0.4 -0.5 -0.8 -0.0 0.0 -0.1 -0.9 0.6 -1.0 0.8 -0.9 0.8 -0.9 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.8 -0.9 -0.8 -0.9 -0.6 -1.0 0.1 -0.9 0.0 -0.0 0.5 -0.8 1.1 -0.4 1.2 -0.3 1.1 -0.3 0.9 -0.3 0.7 -1.1 0.0 -0.9 -0.0 -1.1 -0.1 -1.2 0.1 -1.2 0.6 -0.6 0.0 -0.1 0.8 -0.3 1.2 0.3 1.2 0.5 0.9 0.4 0.9 0.2 1.3 -0.3 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.8 -1.0 0.9 -0.3 0.1 0.0 0.8 0.2 0.8 0.8 0.6 1.0 0.6 0.9 0.5 0.8 1.3 0.5 0.8 -0.1 1.0 -0.5 1.2 -0.4 1.2 -0.4 0.8 0.2 0.3 0.2 0.4 0.5 0.2 1.1 -0.0 1.2 -0.1 1.1 -0.1 1.0 0.7 1.1 0.9 0.4 1.0 0.2 1.3 0.3 1.1 0.5 0.6 0.7 0.0 0.1 0.1 0.8 -0.5 1.0 -0.9 1.0 -0.8 0.9 -0.5 0.7 z", "m39.9 24.0 -0.3 0.8 -0.4 0.8 -0.3 0.8 -0.2 1.5 0.1 0.9 0.1 0.9 -0.1 0.9 -0.2 0.8 -0.3 0.8 -0.2 0.4 -0.3 0.4 -0.5 0.7 -0.7 0.5 -0.8 0.4 -0.8 0.4 -0.8 0.4 -1.2 1.0 -0.5 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.8 0.4 -0.4 0.2 -0.5 0.1 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.1 -0.8 0.2 -0.9 0.3 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.5 -0.1 -0.4 -0.2 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.5 -0.8 -0.5 -0.7 -1.2 -1.0 -0.7 -0.4 -0.9 -0.4 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.3 -0.4 -0.2 -0.4 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.9 0.1 -0.9 -0.2 -1.5 -0.3 -0.8 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.7 -0.0 -0.2 0.2 -0.8 0.4 -0.8 0.5 -0.7 0.6 -0.6 0.7 -0.7 0.5 -0.6 0.6 -1.3 0.3 -0.9 0.2 -0.8 0.3 -0.8 0.5 -0.7 0.5 -0.6 0.2 -0.2 0.5 -0.4 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.9 -0.0 0.8 -0.1 1.4 -0.5 0.7 -0.4 0.7 -0.5 0.7 -0.5 0.8 -0.3 0.8 -0.2 0.9 -0.1 0.0 -0.0 0.8 0.1 0.9 0.2 0.8 0.3 0.7 0.5 0.7 0.5 0.7 0.4 1.4 0.5 0.8 0.1 0.9 0.0 0.9 0.2 0.8 0.3 0.7 0.4 0.5 0.4 0.2 0.1 0.5 0.7 0.5 0.7 0.3 0.8 0.2 0.8 0.3 0.9 0.6 1.3 0.5 0.6 0.7 0.7 0.6 0.6 0.5 0.7 0.4 0.8 0.2 0.8 0.0 0.2 0.1 0.7 -0.1 0.9 z", "m38.9 24.2 -0.2 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.3 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.4 1.0 -0.4 0.8 -0.4 0.8 -0.6 0.6 -0.7 0.5 0.0 0.1 -0.7 0.4 -0.8 0.3 -0.8 0.3 -0.9 0.1 -1.1 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -1.1 -0.0 -0.9 -0.1 -0.8 -0.3 -0.8 -0.3 -0.7 -0.5 -0.1 0.0 -0.6 -0.5 -0.6 -0.7 -0.4 -0.7 -0.4 -0.8 -0.4 -1.0 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -1.1 -0.2 -0.9 -0.0 -0.8 0.0 -0.9 0.2 -0.8 0.1 -0.1 0.3 -0.7 0.4 -0.8 0.6 -0.6 0.6 -0.6 0.9 -0.7 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.9 -0.7 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.8 -0.0 0.1 -0.0 0.9 0.0 0.8 0.2 0.8 0.3 0.8 0.4 0.9 0.7 0.6 0.5 0.7 0.4 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.4 0.6 0.5 0.9 0.7 0.6 0.6 0.6 0.7 0.4 0.7 0.3 0.7 0.0 0.1 0.2 0.8 0.1 0.9 -0.0 0.9 -0.2 0.8 -0.3 1.1 z", "m39.6 24.0 -0.1 0.8 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.3 0.8 -0.4 0.7 -0.4 0.7 -0.5 0.6 -0.4 0.6 -0.6 0.6 -0.6 0.6 -0.4 0.4 -0.6 0.6 -0.4 0.5 -0.9 0.8 -0.5 0.5 -0.6 0.6 -0.4 0.4 -0.7 0.7 -0.5 0.5 -0.6 0.4 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.7 0.3 -0.8 0.3 -0.8 0.3 -0.8 0.2 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.9 0.0 -0.8 -0.0 -0.9 -0.1 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.3 -0.8 -0.4 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -0.7 -0.5 -0.6 -0.6 -0.1 -0.1 -0.5 -0.6 -0.6 -0.7 -0.5 -0.7 -0.5 -0.8 -0.4 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.1 -0.9 0.0 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.3 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.3 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.5 0.6 -0.6 0.6 -0.7 0.4 -0.4 0.6 -0.6 0.5 -0.4 0.8 -0.9 0.5 -0.5 0.6 -0.6 0.4 -0.4 0.7 -0.7 0.5 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.3 0.8 -0.3 0.8 -0.3 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.9 -0.0 0.8 0.0 0.9 0.1 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.4 0.8 0.3 0.8 0.4 0.7 0.5 0.7 0.5 0.7 0.5 0.6 0.7 0.1 -0.0 0.5 0.6 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.7 0.3 0.8 0.4 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.0 0.8 -0.0 0.8 -0.1 0.9 z", "m40.0 24.0 -0.1 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.6 -0.6 0.7 -0.5 0.6 -0.7 1.2 -0.1 0.7 -0.1 0.8 -0.0 0.9 -0.1 0.9 -0.1 0.9 -0.2 0.9 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.9 0.2 -0.9 0.1 -0.9 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -1.2 0.7 -0.6 0.5 -0.7 0.6 -0.6 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.5 -0.8 -0.6 -0.6 -0.6 -0.7 -0.6 -0.6 -0.5 -1.2 -0.7 -0.7 -0.1 -0.8 -0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.2 -0.7 -0.5 -0.0 0.0 -0.5 -0.7 -0.2 -0.9 -0.1 -0.9 -0.1 -0.9 -0.0 -0.8 -0.1 -0.8 -0.1 -0.8 -0.7 -1.2 -0.5 -0.6 -0.6 -0.7 -0.6 -0.6 -0.6 -0.8 -0.5 -0.8 -0.1 -0.8 -0.0 -0.0 0.1 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.7 -1.2 0.1 -0.7 0.1 -0.8 0.0 -0.9 0.1 -0.9 0.1 -0.9 0.2 -0.9 0.5 -0.7 -0.0 -0.0 0.7 -0.5 0.9 -0.2 0.9 -0.1 0.9 -0.1 0.8 -0.0 0.8 -0.1 0.8 -0.1 1.2 -0.7 0.6 -0.5 0.7 -0.6 0.6 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.1 0.0 -0.0 0.8 0.1 0.8 0.5 0.8 0.6 0.6 0.6 0.7 0.6 0.6 0.5 1.2 0.7 0.7 0.1 0.8 0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.2 0.7 0.5 0.0 -0.0 0.5 0.7 0.2 0.9 0.1 0.9 0.1 0.9 0.0 0.8 0.1 0.8 0.1 0.8 0.7 1.2 0.5 0.6 0.6 0.7 0.6 0.6 0.6 0.8 0.5 0.8 0.1 0.8 z", "m36.9 24.6 0.1 0.7 0.2 0.8 0.2 0.7 0.4 0.9 0.4 0.9 0.2 0.9 0.1 1.0 0.1 0.9 -0.1 0.9 -0.3 0.9 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.9 0.3 -0.9 0.1 -0.9 -0.1 -1.0 -0.1 -0.9 -0.2 -0.9 -0.4 -0.9 -0.4 -0.7 -0.2 -0.8 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.8 0.2 -0.7 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -1.0 0.1 -0.9 0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.6 -0.6 -0.1 -0.1 -0.6 -0.6 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -0.7 0.2 -0.8 0.1 -0.7 -0.0 -1.2 -0.1 -0.7 -0.2 -0.8 -0.2 -0.7 -0.4 -0.9 -0.4 -0.9 -0.2 -0.9 -0.1 -1.0 -0.1 -0.9 0.1 -0.9 0.3 -0.9 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.6 0.1 -0.1 0.6 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.3 0.9 -0.1 0.9 0.1 1.0 0.1 0.9 0.2 0.9 0.4 0.9 0.4 0.7 0.2 0.8 0.2 0.7 0.1 1.2 -0.0 0.7 -0.1 0.8 -0.2 0.7 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 1.0 -0.1 0.9 -0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.5 0.6 0.6 0.1 0.1 0.6 0.6 0.5 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 0.7 -0.2 0.8 -0.1 0.7 z", "m37.7 24.0 -0.3 0.7 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.6 -0.3 0.5 -0.4 0.6 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.4 -0.5 0.4 -0.8 0.8 -0.4 0.5 -0.4 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.6 0.4 -0.5 0.3 -0.6 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.7 0.3 -0.7 0.2 -0.7 0.3 -0.9 0.3 -0.8 0.2 -0.8 0.1 -0.9 0.1 -1.0 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.6 -0.7 -0.6 -0.0 0.0 -0.6 -0.7 -0.6 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 -0.1 -0.9 0.0 -0.9 0.1 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.2 -0.7 0.3 -0.7 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.6 0.3 -0.5 0.4 -0.6 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.4 0.5 -0.4 0.8 -0.8 0.4 -0.5 0.4 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.6 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.7 -0.3 0.7 -0.2 0.7 -0.3 0.9 -0.3 0.8 -0.2 0.8 -0.1 0.9 -0.1 1.0 -0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.6 0.7 0.6 -0.0 0.0 0.6 0.7 0.6 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 0.1 0.9 -0.0 0.9 -0.1 1.0 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.9 -0.3 0.7 z"];

package/dist/utils/icon/loadingShapes.js

@@ -0,0 +1,16 @@
+import { pathAnimatableSmallFourSidedCookie, pathAnimatableSmallNineSidedCookie, pathAnimatableSmallOval, pathAnimatableSmallPentagon, pathAnimatableSmallPill, pathAnimatableSmallSoftBurst, pathAnimatableSmallSunny } from '../../animation/shapesAnimatableSmall.js';
+/*
+  The seven shapes the M3 loading indicator morphs through, in a 48 × 48 viewBox. They come from the
+  small animatable set, so every path has the same command structure (120 relative points) and
+  Motion's `mix` can interpolate between any two.
+  https://m3.material.io/components/loading-indicator/specs
+*/
+export const LOADING_SHAPES = [
+    pathAnimatableSmallSoftBurst,
+    pathAnimatableSmallNineSidedCookie,
+    pathAnimatableSmallPentagon,
+    pathAnimatableSmallPill,
+    pathAnimatableSmallSunny,
+    pathAnimatableSmallFourSidedCookie,
+    pathAnimatableSmallOval
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxlovette/material",
-  "version": "0.4.8",
+  "version": "0.5.1",
   "type": "module",
   "description": "A Material Design 3 component library for Svelte, built on Bits UI.",
   "keywords": [
@@ -23,7 +23,8 @@
     "url": "https://github.com/noxlovette/material/issues"
   },
   "scripts": {
-    "build": "svelte-package",
+    "build": "bun run generate:springs && svelte-package",
+    "generate:springs": "bun scripts/generate-motion-springs.ts && prettier --write src/lib/styles/motion.css",
     "build:site": "vite build",
     "watch": "svelte-package --watch",
     "prepublishOnly": "bun run build",
@@ -81,6 +82,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.23.0",
     "globals": "^17.11.0",
+    "jsdom": "^30.1.1",
     "lefthook": "^2.1.12",
     "prettier": "^3.9.6",
     "prettier-plugin-organize-imports": "^4.3.0",
@@ -110,6 +112,7 @@
     "bits-ui": "^2.19.0",
     "clsx": "^2.1.1",
     "mode-watcher": "^1.1.0",
+    "motion": "^13.4.0",
     "nanoid": "^6.0.1",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.3.1"

package/dist/actions/clickOutside.d.ts

@@ -1,3 +0,0 @@
-export declare function clickOutside(node: HTMLElement, callback: () => void): {
-    destroy(): void;
-};

package/dist/actions/clickOutside.js

@@ -1,13 +0,0 @@
-export function clickOutside(node, callback) {
-    const handleClick = (event) => {
-        if (!node.contains(event.target)) {
-            callback();
-        }
-    };
-    document.addEventListener('click', handleClick, true);
-    return {
-        destroy() {
-            document.removeEventListener('click', handleClick, true);
-        }
-    };
-}

package/dist/actions/floating.d.ts

@@ -1,20 +0,0 @@
-import { type Middleware, type Placement } from '@floating-ui/dom';
-export type FloatingParams = {
-    reference: HTMLElement;
-    placement?: Placement;
-    strategy?: 'absolute' | 'fixed';
-    offsetPx?: number;
-    middleware?: Middleware[];
-    arrowEl?: HTMLElement | null;
-    arrowPadding?: number;
-    enabled?: boolean;
-    onUpdate?: (data: {
-        x: number;
-        y: number;
-        placement: Placement;
-    }) => void;
-};
-export declare function floating(node: HTMLElement, params: FloatingParams): {
-    update(next: FloatingParams): void;
-    destroy(): void;
-};

package/dist/actions/floating.js

@@ -1,87 +0,0 @@
-import { arrow as arrowMw, autoUpdate, computePosition, offset, shift } from '@floating-ui/dom';
-export function floating(node, params) {
-    let cleanup = null;
-    let p = { ...params };
-    p.strategy ??= 'absolute';
-    p.offsetPx ??= 8;
-    p.enabled ??= true;
-    async function update() {
-        if (!p.enabled)
-            return;
-        if (!p.reference)
-            return;
-        const middleware = [
-            offset(p.offsetPx ?? 8),
-            shift({ padding: 8 }),
-            ...(p.middleware ?? [])
-        ];
-        if (p.arrowEl) {
-            middleware.push(arrowMw({
-                element: p.arrowEl,
-                padding: p.arrowPadding ?? 6
-            }));
-        }
-        const { x, y, placement, middlewareData } = await computePosition(p.reference, node, {
-            placement: p.placement,
-            strategy: p.strategy,
-            middleware
-        });
-        Object.assign(node.style, {
-            position: p.strategy,
-            left: `${x}px`,
-            top: `${y}px`
-        });
-        // Optional arrow positioning
-        if (p.arrowEl && middlewareData.arrow) {
-            const { x: ax, y: ay } = middlewareData.arrow;
-            const side = placement.split('-')[0]; // 'top'|'bottom'|'left'|'right'
-            const staticSide = {
-                top: 'bottom',
-                bottom: 'top',
-                left: 'right',
-                right: 'left'
-            };
-            Object.assign(p.arrowEl.style, {
-                left: ax != null ? `${ax}px` : '',
-                top: ay != null ? `${ay}px` : '',
-                right: '',
-                bottom: '',
-                [staticSide[side]]: `-4px` // arrow size tweak
-            });
-        }
-        p.onUpdate?.({ x, y, placement: placement });
-    }
-    function startAutoUpdate() {
-        stopAutoUpdate();
-        if (!p.enabled || !p.reference)
-            return;
-        cleanup = autoUpdate(p.reference, node, update, {
-            // works well for scroll containers too
-            ancestorScroll: true,
-            ancestorResize: true,
-            elementResize: true,
-            layoutShift: true,
-            animationFrame: false
-        });
-    }
-    function stopAutoUpdate() {
-        cleanup?.();
-        cleanup = null;
-    }
-    // init
-    startAutoUpdate();
-    void update();
-    return {
-        update(next) {
-            p = { ...p, ...next };
-            p.strategy ??= 'absolute';
-            p.offsetPx ??= 8;
-            p.enabled ??= true;
-            startAutoUpdate();
-            void update();
-        },
-        destroy() {
-            stopAutoUpdate();
-        }
-    };
-}

package/dist/actions/index.d.ts

@@ -1,6 +0,0 @@
-export * from './clickOutside.js';
-export * from './floating.js';
-export * from './keyboard.js';
-export * from './portal.js';
-export * from './positionFloating.js';
-export * from './rovingFocusGroup.js';

package/dist/actions/index.js

@@ -1,6 +0,0 @@
-export * from './clickOutside.js';
-export * from './floating.js';
-export * from './keyboard.js';
-export * from './portal.js';
-export * from './positionFloating.js';
-export * from './rovingFocusGroup.js';

package/dist/actions/keyboard.d.ts

@@ -1,3 +0,0 @@
-export declare function keyEscape(node: HTMLElement, callback: () => void): {
-    destroy(): void;
-};

package/dist/actions/keyboard.js

@@ -1,14 +0,0 @@
-export function keyEscape(node, callback) {
-    const handleKeydown = (event) => {
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            callback();
-        }
-    };
-    window.addEventListener('keydown', handleKeydown);
-    return {
-        destroy() {
-            window.removeEventListener('keydown', handleKeydown);
-        }
-    };
-}

package/dist/actions/portal.d.ts

@@ -1,3 +0,0 @@
-export declare function portal(node: HTMLElement, target?: HTMLElement): {
-    destroy(): void;
-};

package/dist/actions/portal.js

@@ -1,8 +0,0 @@
-export function portal(node, target = document.body) {
-    target.appendChild(node);
-    return {
-        destroy() {
-            node.remove();
-        }
-    };
-}

package/dist/actions/positionFloating.d.ts

@@ -1,10 +0,0 @@
-type FloatingOptions = {
-    anchor: HTMLElement;
-    offset?: number;
-    viewportPadding?: number;
-};
-export declare function positionFloating(node: HTMLElement, options: FloatingOptions): {
-    update(newOptions: FloatingOptions): void;
-    destroy(): void;
-};
-export {};

package/dist/actions/positionFloating.js

@@ -1,59 +0,0 @@
-export function positionFloating(node, options) {
-    let { anchor, offset = 8, viewportPadding = 8 } = options;
-    function updatePosition() {
-        if (!anchor || !node)
-            return;
-        const anchorRect = anchor.getBoundingClientRect();
-        const pickerRect = node.getBoundingClientRect();
-        const vh = window.innerHeight;
-        const vw = window.innerWidth;
-        const spaceBelow = vh - anchorRect.bottom;
-        const spaceAbove = anchorRect.top;
-        let placement = 'bottom';
-        if (spaceBelow < pickerRect.height && spaceAbove > spaceBelow) {
-            placement = 'top';
-        }
-        let top;
-        if (placement === 'bottom') {
-            top = anchorRect.bottom + offset;
-        }
-        else {
-            top = anchorRect.top - pickerRect.height - offset;
-        }
-        node.style.position = 'fixed';
-        const maxWidth = Math.max(vw - viewportPadding * 2, 0);
-        const maxHeight = Math.max(vh - viewportPadding * 2, 0);
-        const minWidth = Math.min(anchorRect.width, maxWidth);
-        const clamp = (value, min, max) => max < min ? min : Math.min(Math.max(value, min), max);
-        const clampedTop = clamp(top, viewportPadding, vh - pickerRect.height - viewportPadding);
-        const clampedLeft = clamp(anchorRect.left, viewportPadding, vw - pickerRect.width - viewportPadding);
-        node.style.top = `${isFinite(clampedTop) ? clampedTop : viewportPadding}px`;
-        node.style.left = `${isFinite(clampedLeft) ? clampedLeft : viewportPadding}px`;
-        node.style.minWidth = `${minWidth}px`;
-        node.style.maxWidth = `${maxWidth}px`;
-        node.style.maxHeight = `${maxHeight}px`;
-        node.style.overflow = 'auto';
-        node.dataset.placement = placement;
-    }
-    const ro = new ResizeObserver(() => updatePosition());
-    ro.observe(node);
-    ro.observe(anchor);
-    const onScroll = () => updatePosition();
-    const onResize = () => updatePosition();
-    window.addEventListener('scroll', onScroll, true);
-    window.addEventListener('resize', onResize);
-    queueMicrotask(updatePosition);
-    return {
-        update(newOptions) {
-            anchor = newOptions.anchor;
-            offset = newOptions.offset ?? 8;
-            viewportPadding = newOptions.viewportPadding ?? 8;
-            updatePosition();
-        },
-        destroy() {
-            ro.disconnect();
-            window.removeEventListener('scroll', onScroll, true);
-            window.removeEventListener('resize', onResize);
-        }
-    };
-}

package/dist/actions/rovingFocusGroup.d.ts

@@ -1,20 +0,0 @@
-export type RovingFocusGroupParams = {
-    /** CSS selector (relative to the node) matching the focusable candidates. */
-    candidateSelector: string;
-    /** Loop from the last candidate back to the first (and vice versa). */
-    loop?: boolean;
-    /** Disable the group without unmounting it (leaves existing tabindex/focus alone). */
-    enabled?: boolean;
-};
-/**
- * Roving-tabindex keyboard navigation for a group of sibling elements (e.g. table rows,
- * list items): only one candidate is ever a Tab stop, and ArrowDown/ArrowUp (plus the
- * j/k vim aliases) move focus — and the roving tab stop — between candidates. Tab and
- * Shift+Tab keep working natively since they only ever see the single active tabindex=0
- * candidate. Modeled on bits-ui's RovingFocusGroup (packages/bits-ui/src/lib/internal/
- * roving-focus-group.ts), adapted to a plain Svelte action instead of a headless class.
- */
-export declare function rovingFocusGroup(node: HTMLElement, params: RovingFocusGroupParams): {
-    update(newParams: RovingFocusGroupParams): void;
-    destroy(): void;
-};

package/dist/actions/rovingFocusGroup.js

@@ -1,82 +0,0 @@
-const NEXT_KEYS = new Set(['ArrowDown', 'j']);
-const PREV_KEYS = new Set(['ArrowUp', 'k']);
-/**
- * Roving-tabindex keyboard navigation for a group of sibling elements (e.g. table rows,
- * list items): only one candidate is ever a Tab stop, and ArrowDown/ArrowUp (plus the
- * j/k vim aliases) move focus — and the roving tab stop — between candidates. Tab and
- * Shift+Tab keep working natively since they only ever see the single active tabindex=0
- * candidate. Modeled on bits-ui's RovingFocusGroup (packages/bits-ui/src/lib/internal/
- * roving-focus-group.ts), adapted to a plain Svelte action instead of a headless class.
- */
-export function rovingFocusGroup(node, params) {
-    let p = params;
-    function candidates() {
-        return Array.from(node.querySelectorAll(p.candidateSelector));
-    }
-    function setup() {
-        if (!p.enabled)
-            return;
-        const items = candidates();
-        if (!items.length)
-            return;
-        const active = items.includes(document.activeElement)
-            ? document.activeElement
-            : items[0];
-        for (const item of items) {
-            item.tabIndex = item === active ? 0 : -1;
-        }
-    }
-    function handleFocusIn(event) {
-        if (!p.enabled)
-            return;
-        const items = candidates();
-        const target = event.target;
-        if (!items.includes(target))
-            return;
-        for (const item of items) {
-            item.tabIndex = item === target ? 0 : -1;
-        }
-    }
-    function handleKeydown(event) {
-        if (!p.enabled)
-            return;
-        const target = event.target;
-        const items = candidates();
-        const index = items.indexOf(target);
-        if (index === -1)
-            return;
-        let nextIndex;
-        if (NEXT_KEYS.has(event.key))
-            nextIndex = index + 1;
-        else if (PREV_KEYS.has(event.key))
-            nextIndex = index - 1;
-        else if (event.key === 'Home')
-            nextIndex = 0;
-        else if (event.key === 'End')
-            nextIndex = items.length - 1;
-        if (nextIndex === undefined)
-            return;
-        if (nextIndex < 0)
-            nextIndex = p.loop ? items.length - 1 : 0;
-        else if (nextIndex >= items.length)
-            nextIndex = p.loop ? 0 : items.length - 1;
-        const nextItem = items[nextIndex];
-        if (!nextItem || nextItem === target)
-            return;
-        event.preventDefault();
-        nextItem.focus();
-    }
-    setup();
-    node.addEventListener('keydown', handleKeydown);
-    node.addEventListener('focusin', handleFocusIn);
-    return {
-        update(newParams) {
-            p = newParams;
-            setup();
-        },
-        destroy() {
-            node.removeEventListener('keydown', handleKeydown);
-            node.removeEventListener('focusin', handleFocusIn);
-        }
-    };
-}

package/dist/animation/easing.d.ts

@@ -1,6 +0,0 @@
-export declare const easeEmphasized: (t: number) => number;
-export declare const easeEmphasizedDecel: (t: number) => number;
-export declare const easeEmphasizedAccel: (t: number) => number;
-export declare const easeStandard: (t: number) => number;
-export declare const easeStandardDecel: (t: number) => number;
-export declare const easeStandardAccel: (t: number) => number;

package/dist/animation/easing.js

@@ -1,78 +0,0 @@
-// TODO: update for Expressive
-const createBezierLUT = (points, pointCount = 100) => {
-    const lut = [];
-    for (let t = 0; t < 1; t += 1 / pointCount) {
-        const a = (1 - t) * (1 - t) * (1 - t);
-        const b = (1 - t) * (1 - t) * t;
-        const c = (1 - t) * t * t;
-        const d = t * t * t;
-        const x = a * points[0][0] + 3 * b * points[1][0] + 3 * c * points[2][0] + d * points[3][0];
-        const y = a * points[0][1] + 3 * b * points[1][1] + 3 * c * points[2][1] + d * points[3][1];
-        lut.push([x, y]);
-    }
-    return lut;
-};
-const createEase = (lutOptions) => {
-    let lut;
-    return (t) => {
-        if (!lut)
-            lut = lutOptions.map((args) => createBezierLUT(args)).flat();
-        const closestPoint = lut.find((p) => p[0] >= t);
-        const closestY = closestPoint ? closestPoint[1] : 1;
-        return closestY;
-    };
-};
-export const easeEmphasized = createEase([
-    [
-        [0, 0],
-        [0.05, 0],
-        [0.133, 0.06],
-        [0.166, 0.4]
-    ],
-    [
-        [0.166, 0.4],
-        [0.208, 0.82],
-        [0.25, 1],
-        [1, 1]
-    ]
-]);
-export const easeEmphasizedDecel = createEase([
-    [
-        [0, 0],
-        [0.05, 0.7],
-        [0.1, 1],
-        [1, 1]
-    ]
-]);
-export const easeEmphasizedAccel = createEase([
-    [
-        [0, 0],
-        [0.3, 0],
-        [0.8, 0.15],
-        [1, 1]
-    ]
-]);
-export const easeStandard = createEase([
-    [
-        [0, 0],
-        [0.2, 0],
-        [0, 1],
-        [1, 1]
-    ]
-]);
-export const easeStandardDecel = createEase([
-    [
-        [0, 0],
-        [0, 0],
-        [0, 1],
-        [1, 1]
-    ]
-]);
-export const easeStandardAccel = createEase([
-    [
-        [0, 0],
-        [0.3, 0],
-        [1, 1],
-        [1, 1]
-    ]
-]);

package/dist/animation/outroClass.d.ts

@@ -1,3 +0,0 @@
-export declare const outroClass: (node: Element) => {
-    destroy(): void;
-};

package/dist/animation/outroClass.js

@@ -1,20 +0,0 @@
-export const outroClass = (node) => {
-    const addClass = (e) => {
-        if (!(e.target instanceof Element))
-            return;
-        e.target.classList.add('leaving');
-    };
-    const removeClass = (e) => {
-        if (!(e.target instanceof Element))
-            return;
-        e.target.classList.remove('leaving');
-    };
-    node.addEventListener('outrostart', addClass);
-    node.addEventListener('outroend', removeClass);
-    return {
-        destroy() {
-            node.removeEventListener('outrostart', addClass);
-            node.removeEventListener('outroend', removeClass);
-        }
-    };
-};

package/dist/animation/transitionTypes.d.ts

@@ -1,8 +0,0 @@
-import type { cubicOut } from 'svelte/easing';
-export type TransitionMode = 'fade' | 'scale' | 'slide-up' | 'dialog' | 'dialog-m3';
-export interface TransitionOptions {
-    delay?: number;
-    duration?: number;
-    easing?: typeof cubicOut;
-    mode?: TransitionMode;
-}

package/dist/animation/transitionTypes.js

@@ -1 +0,0 @@
-export {};