motionwind-vanilla 2.1.0

package/dist/chunk-PXUTG4VI.js

@@ -0,0 +1,25 @@
+// src/adapter.ts
+import { defineMotionwindAdapter } from "motionwind-core";
+var VANILLA_CAPABILITIES = {
+  gestures: true,
+  scroll: true,
+  layout: false,
+  drag: false,
+  variants: true,
+  svg: true,
+  "reduced-motion": true
+};
+var vanillaAdapter = defineMotionwindAdapter({
+  name: "motionwind-vanilla",
+  version: "2.0.0",
+  capabilities: VANILLA_CAPABILITIES,
+  compile(parsed) {
+    return parsed;
+  }
+});
+
+export {
+  VANILLA_CAPABILITIES,
+  vanillaAdapter
+};
+//# sourceMappingURL=chunk-PXUTG4VI.js.map

package/dist/chunk-PXUTG4VI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapter.ts"],"sourcesContent":["import { defineMotionwindAdapter } from \"motionwind-core\";\n\nexport const VANILLA_CAPABILITIES = {\n  gestures: true,\n  scroll: true,\n  layout: false,\n  drag: false,\n  variants: true,\n  svg: true,\n  \"reduced-motion\": true,\n} as const;\n\nexport const vanillaAdapter = defineMotionwindAdapter({\n  name: \"motionwind-vanilla\",\n  version: \"2.0.0\",\n  capabilities: VANILLA_CAPABILITIES,\n  compile(parsed) {\n    return parsed;\n  },\n});\n"],"mappings":";AAAA,SAAS,+BAA+B;AAEjC,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,KAAK;AAAA,EACL,kBAAkB;AACpB;AAEO,IAAM,iBAAiB,wBAAwB;AAAA,EACpD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ,QAAQ;AACd,WAAO;AAAA,EACT;AACF,CAAC;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,317 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MOTIONWIND_RECIPES: () => import_motionwind_core3.MOTIONWIND_RECIPES,
+  VANILLA_CAPABILITIES: () => VANILLA_CAPABILITIES,
+  defineConfig: () => import_motionwind_core3.defineConfig,
+  defineMotionwindPlugin: () => import_motionwind_core3.defineMotionwindPlugin,
+  definePreset: () => import_motionwind_core3.definePreset,
+  motionwind: () => motionwind,
+  parseMotionClasses: () => import_motionwind_core3.parseMotionClasses,
+  vanillaAdapter: () => vanillaAdapter
+});
+module.exports = __toCommonJS(src_exports);
+var import_motion = require("motion");
+var import_motionwind_core2 = require("motionwind-core");
+
+// src/map.ts
+var RESET_DEFAULTS = {
+  scale: 1,
+  scaleX: 1,
+  scaleY: 1,
+  opacity: 1,
+  x: 0,
+  y: 0,
+  z: 0,
+  rotate: 0,
+  rotateX: 0,
+  rotateY: 0,
+  skewX: 0,
+  skewY: 0
+};
+var OPTION_KEYS = [
+  "duration",
+  "delay",
+  "ease",
+  "type",
+  "stiffness",
+  "damping",
+  "mass",
+  "bounce",
+  "repeat",
+  "repeatType",
+  "repeatDelay",
+  "times"
+];
+function toAnimateOptions(transition) {
+  const opts = {};
+  for (const key of OPTION_KEYS) {
+    if (transition[key] !== void 0) opts[key] = transition[key];
+  }
+  return opts;
+}
+function baseValues(parsed) {
+  const keys = /* @__PURE__ */ new Set();
+  for (const g of [
+    parsed.gestures.whileHover,
+    parsed.gestures.whileTap,
+    parsed.gestures.whileFocus,
+    parsed.gestures.whileInView
+  ]) {
+    if (g) Object.keys(g).forEach((k) => keys.add(k));
+  }
+  const base = {};
+  const enter = parsed.gestures.animate;
+  const initial = parsed.gestures.initial;
+  for (const k of keys) {
+    const v = enter?.[k] ?? initial?.[k] ?? RESET_DEFAULTS[k] ?? 0;
+    base[k] = v;
+  }
+  return base;
+}
+function subset(values, shape) {
+  const out = {};
+  for (const k of Object.keys(shape)) {
+    if (values[k] !== void 0) out[k] = values[k];
+  }
+  return out;
+}
+function interactiveValues(parsed, state) {
+  return {
+    ...baseValues(parsed),
+    ...state.focused ? parsed.gestures.whileFocus : void 0,
+    ...state.hovered ? parsed.gestures.whileHover : void 0,
+    ...state.pressed ? parsed.gestures.whileTap : void 0
+  };
+}
+
+// src/adapter.ts
+var import_motionwind_core = require("motionwind-core");
+var VANILLA_CAPABILITIES = {
+  gestures: true,
+  scroll: true,
+  layout: false,
+  drag: false,
+  variants: true,
+  svg: true,
+  "reduced-motion": true
+};
+var vanillaAdapter = (0, import_motionwind_core.defineMotionwindAdapter)({
+  name: "motionwind-vanilla",
+  version: "2.0.0",
+  capabilities: VANILLA_CAPABILITIES,
+  compile(parsed) {
+    return parsed;
+  }
+});
+
+// src/index.ts
+var import_motionwind_core3 = require("motionwind-core");
+var anim = import_motion.animate;
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function resolveGestures(parsed) {
+  const { variants, variantState, gestures } = parsed;
+  const hasVariants = Object.keys(variants).length > 0;
+  return {
+    initial: (hasVariants && variantState.initial ? variants[variantState.initial] : void 0) ?? gestures.initial,
+    animate: (hasVariants && variantState.animate ? variants[variantState.animate] : void 0) ?? gestures.animate,
+    exit: (hasVariants && variantState.exit ? variants[variantState.exit] : void 0) ?? gestures.exit
+  };
+}
+function wireElement(el, parsed, reduce) {
+  const opts = toAnimateOptions(parsed.transition);
+  const base = baseValues(parsed);
+  const cleanups = [];
+  const resolved = resolveGestures(parsed);
+  const whileHover = parsed.gestures.whileHover;
+  const whileTap = parsed.gestures.whileTap;
+  const whileFocus = parsed.gestures.whileFocus;
+  let hovered = false;
+  let pressed = false;
+  let focused = false;
+  const updateInteractive = () => {
+    const target = interactiveValues(parsed, { focused, hovered, pressed });
+    if (Object.keys(target).length > 0) anim(el, target, opts);
+  };
+  if (parsed.tailwindClasses) {
+    el.setAttribute("class", parsed.tailwindClasses);
+  } else {
+    el.removeAttribute("class");
+  }
+  if (reduce) {
+    const rest = {
+      ...resolved.animate ?? {},
+      ...parsed.gestures.whileInView ?? {}
+    };
+    if (Object.keys(rest).length > 0) anim(el, rest, { duration: 0 });
+    return () => {
+    };
+  }
+  if (resolved.initial) anim(el, resolved.initial, { duration: 0 });
+  if (resolved.animate) anim(el, resolved.animate, opts);
+  const exitValues = resolved.exit;
+  if (exitValues && Object.keys(exitValues).length > 0) {
+    const handleRemove = () => {
+      anim(el, exitValues, {
+        ...opts,
+        onComplete: () => el.remove()
+      });
+    };
+    el.addEventListener("motionwind:remove", handleRemove);
+    cleanups.push(
+      () => el.removeEventListener(
+        "motionwind:remove",
+        handleRemove
+      )
+    );
+  }
+  if (whileHover) {
+    cleanups.push(
+      (0, import_motion.hover)(el, () => {
+        hovered = true;
+        updateInteractive();
+        return () => {
+          hovered = false;
+          updateInteractive();
+        };
+      })
+    );
+  }
+  if (whileTap) {
+    cleanups.push(
+      (0, import_motion.press)(el, () => {
+        pressed = true;
+        updateInteractive();
+        return () => {
+          pressed = false;
+          updateInteractive();
+        };
+      })
+    );
+  }
+  if (whileFocus) {
+    const onFocus = () => {
+      focused = true;
+      updateInteractive();
+    };
+    const onBlur = () => {
+      focused = false;
+      updateInteractive();
+    };
+    el.addEventListener("focus", onFocus);
+    el.addEventListener("blur", onBlur);
+    cleanups.push(() => {
+      el.removeEventListener("focus", onFocus);
+      el.removeEventListener("blur", onBlur);
+    });
+  }
+  const whileInView = parsed.gestures.whileInView;
+  if (whileInView) {
+    const viewportOpts = {};
+    if (parsed.viewport.amount !== void 0)
+      viewportOpts.amount = parsed.viewport.amount;
+    if (parsed.viewport.margin !== void 0)
+      viewportOpts.margin = parsed.viewport.margin;
+    cleanups.push(
+      (0, import_motion.inView)(
+        el,
+        () => {
+          anim(el, whileInView, opts);
+          if (parsed.viewport.once) return;
+          return () => anim(el, subset(base, whileInView), opts);
+        },
+        viewportOpts
+      )
+    );
+  }
+  if (Object.keys(parsed.scroll.values).length > 0) {
+    const scrollOpts = parsed.scroll.container ? { axis: parsed.scroll.axis } : { target: el, axis: parsed.scroll.axis, offset: parsed.scroll.offset };
+    const stop = (0, import_motion.scroll)(
+      anim(el, parsed.scroll.values, { ease: "linear" }),
+      scrollOpts
+    );
+    if (typeof stop === "function") cleanups.push(stop);
+  }
+  return () => cleanups.forEach((fn) => fn());
+}
+function motionwind(options = {}) {
+  const root = options.root ?? (typeof document !== "undefined" ? document : null);
+  if (!root) return () => {
+  };
+  const selector = options.selector ?? '[class*="animate-"]';
+  const reduce = (options.respectReducedMotion ?? true) && prefersReducedMotion();
+  const cleanups = [];
+  const wire = (el) => {
+    try {
+      const parsed = (0, import_motionwind_core2.parseMotionClasses)(
+        el.getAttribute("class") ?? "",
+        options.config
+      );
+      const unsupported = (0, import_motionwind_core2.unsupportedCapabilities)(parsed, VANILLA_CAPABILITIES);
+      if (unsupported.length && typeof console !== "undefined") {
+        console.warn(
+          `[motionwind-vanilla] Unsupported capabilities: ${unsupported.join(", ")}.`,
+          el
+        );
+      }
+      if (parsed.hasMotion) cleanups.push(wireElement(el, parsed, reduce));
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn(
+          "[motionwind-vanilla] failed to animate an element; skipping it.",
+          el,
+          err
+        );
+      }
+    }
+  };
+  root.querySelectorAll(selector).forEach(wire);
+  if (options.observe && typeof MutationObserver !== "undefined") {
+    const target = root instanceof Document ? root.body ?? root.documentElement : root;
+    const observer = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        m.addedNodes.forEach((node) => {
+          if (!(node instanceof Element)) return;
+          if (node.matches(selector)) wire(node);
+          node.querySelectorAll(selector).forEach(wire);
+        });
+      }
+    });
+    observer.observe(target, { childList: true, subtree: true });
+    cleanups.push(() => observer.disconnect());
+  }
+  return () => cleanups.forEach((fn) => fn());
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MOTIONWIND_RECIPES,
+  VANILLA_CAPABILITIES,
+  defineConfig,
+  defineMotionwindPlugin,
+  definePreset,
+  motionwind,
+  parseMotionClasses,
+  vanillaAdapter
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/map.ts","../src/adapter.ts"],"sourcesContent":["import { animate, hover, press, inView, scroll } from \"motion\";\nimport {\n  parseMotionClasses,\n  unsupportedCapabilities,\n  type MotionwindConfig,\n  type ParsedResult,\n  type AnimatableValues,\n} from \"motionwind-core\";\nimport {\n  toAnimateOptions,\n  baseValues,\n  interactiveValues,\n  subset,\n} from \"./map.js\";\nimport { VANILLA_CAPABILITIES } from \"./adapter.js\";\n\nexport { vanillaAdapter, VANILLA_CAPABILITIES } from \"./adapter.js\";\n\nexport interface MotionwindOptions {\n  /** Where to scan for motion elements. Defaults to `document`. */\n  root?: ParentNode;\n  /** Selector for candidate elements. Defaults to `[class*=\"animate-\"]`. */\n  selector?: string;\n  /** Honor `prefers-reduced-motion` (jump to final state, no motion). Default true. */\n  respectReducedMotion?: boolean;\n  /** Watch the DOM and wire elements added after init (SPA/HTMX). Default false. */\n  observe?: boolean;\n  /** Project tokens, presets, plugins, and strictness. */\n  config?: MotionwindConfig;\n}\n\nconst anim = animate as any;\n\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== \"undefined\" &&\n    typeof window.matchMedia === \"function\" &&\n    window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  );\n}\n\n/**\n * Resolve the initial/animate/exit gesture values for an element, preferring\n * named-variant values from `parsed.variants` when `parsed.variantState`\n * references them, and falling back to the inline gesture values otherwise.\n */\nfunction resolveGestures(parsed: ParsedResult): {\n  initial?: AnimatableValues;\n  animate?: AnimatableValues;\n  exit?: AnimatableValues;\n} {\n  const { variants, variantState, gestures } = parsed;\n  const hasVariants = Object.keys(variants).length > 0;\n  return {\n    initial:\n      (hasVariants && variantState.initial\n        ? variants[variantState.initial]\n        : undefined) ?? gestures.initial,\n    animate:\n      (hasVariants && variantState.animate\n        ? variants[variantState.animate]\n        : undefined) ?? gestures.animate,\n    exit:\n      (hasVariants && variantState.exit\n        ? variants[variantState.exit]\n        : undefined) ?? gestures.exit,\n  };\n}\n\n/** Wire a single element's gestures/enter/scroll animations. Returns cleanup. */\nfunction wireElement(\n  el: Element,\n  parsed: ParsedResult,\n  reduce: boolean,\n): () => void {\n  const opts = toAnimateOptions(parsed.transition);\n  const base = baseValues(parsed);\n  const cleanups: Array<() => void> = [];\n  const resolved = resolveGestures(parsed);\n  const whileHover = parsed.gestures.whileHover;\n  const whileTap = parsed.gestures.whileTap;\n  const whileFocus = parsed.gestures.whileFocus;\n  let hovered = false;\n  let pressed = false;\n  let focused = false;\n  const updateInteractive = () => {\n    const target = interactiveValues(parsed, { focused, hovered, pressed });\n    if (Object.keys(target).length > 0) anim(el, target, opts);\n  };\n\n  // Strip animate-* classes; keep the passthrough (Tailwind/util) classes. This\n  // also makes re-scans idempotent — a wired element no longer matches the\n  // `animate-*` selector.\n  if (parsed.tailwindClasses) {\n    el.setAttribute(\"class\", parsed.tailwindClasses);\n  } else {\n    el.removeAttribute(\"class\");\n  }\n\n  // Reduced motion: jump straight to the final resting/visible state with no\n  // animation, and skip all interactive + scroll wiring.\n  if (reduce) {\n    const rest = {\n      ...(resolved.animate ?? {}),\n      ...(parsed.gestures.whileInView ?? {}),\n    };\n    if (Object.keys(rest).length > 0) anim(el, rest, { duration: 0 });\n    return () => {};\n  }\n\n  // Initial state (applied instantly), then enter animation.\n  // Use resolved values so that named variants are applied correctly.\n  if (resolved.initial) anim(el, resolved.initial, { duration: 0 });\n  if (resolved.animate) anim(el, resolved.animate, opts);\n\n  // Exit animation: when a consumer dispatches a custom \"motionwind:remove\"\n  // event on the element, we play the exit keyframes and remove it afterwards.\n  const exitValues = resolved.exit;\n  if (exitValues && Object.keys(exitValues).length > 0) {\n    const handleRemove = () => {\n      anim(el, exitValues, {\n        ...opts,\n        onComplete: () => el.remove(),\n      });\n    };\n    el.addEventListener(\"motionwind:remove\", handleRemove as EventListener);\n    cleanups.push(() =>\n      el.removeEventListener(\n        \"motionwind:remove\",\n        handleRemove as EventListener,\n      ),\n    );\n  }\n\n  // Hover\n  if (whileHover) {\n    cleanups.push(\n      hover(el, () => {\n        hovered = true;\n        updateInteractive();\n        return () => {\n          hovered = false;\n          updateInteractive();\n        };\n      }),\n    );\n  }\n\n  // Tap / press\n  if (whileTap) {\n    cleanups.push(\n      press(el, () => {\n        pressed = true;\n        updateInteractive();\n        return () => {\n          pressed = false;\n          updateInteractive();\n        };\n      }),\n    );\n  }\n\n  // Focus\n  if (whileFocus) {\n    const onFocus = () => {\n      focused = true;\n      updateInteractive();\n    };\n    const onBlur = () => {\n      focused = false;\n      updateInteractive();\n    };\n    el.addEventListener(\"focus\", onFocus);\n    el.addEventListener(\"blur\", onBlur);\n    cleanups.push(() => {\n      el.removeEventListener(\"focus\", onFocus);\n      el.removeEventListener(\"blur\", onBlur);\n    });\n  }\n\n  // In view\n  const whileInView = parsed.gestures.whileInView;\n  if (whileInView) {\n    const viewportOpts: Record<string, unknown> = {};\n    if (parsed.viewport.amount !== undefined)\n      viewportOpts.amount = parsed.viewport.amount;\n    if (parsed.viewport.margin !== undefined)\n      viewportOpts.margin = parsed.viewport.margin;\n    cleanups.push(\n      inView(\n        el,\n        () => {\n          anim(el, whileInView, opts);\n          if (parsed.viewport.once) return;\n          return () => anim(el, subset(base, whileInView), opts);\n        },\n        viewportOpts,\n      ),\n    );\n  }\n\n  // Scroll-linked: drive style values from scroll progress.\n  if (Object.keys(parsed.scroll.values).length > 0) {\n    // Motion's ScrollOptions.offset is a strict string union; our offset is\n    // user-provided, so cast the options bag.\n    const scrollOpts: any = parsed.scroll.container\n      ? { axis: parsed.scroll.axis }\n      : { target: el, axis: parsed.scroll.axis, offset: parsed.scroll.offset };\n    const stop = scroll(\n      anim(el, parsed.scroll.values, { ease: \"linear\" }),\n      scrollOpts,\n    );\n    if (typeof stop === \"function\") cleanups.push(stop);\n  }\n\n  return () => cleanups.forEach((fn) => fn());\n}\n\n/**\n * Scan the DOM for elements with `animate-*` classes and wire up their\n * animations using the vanilla Motion API. Returns a cleanup function.\n *\n * Supports: initial/enter, hover, tap, focus, in-view, scroll-linked, named\n * variants (resolved at wire-up time), and exit animations (triggered by\n * dispatching a `\"motionwind:remove\"` custom event on the element).\n * Honors `prefers-reduced-motion`, is idempotent across re-runs, and can watch\n * for dynamically-added elements via `{ observe: true }`.\n * (drag and layout are React/Vue-only.)\n *\n * @example\n * ```js\n * import { motionwind } from \"motionwind-vanilla\";\n * const stop = motionwind({ observe: true });\n * ```\n */\nexport function motionwind(options: MotionwindOptions = {}): () => void {\n  const root =\n    options.root ?? (typeof document !== \"undefined\" ? document : null);\n  if (!root) return () => {};\n\n  const selector = options.selector ?? '[class*=\"animate-\"]';\n  const reduce =\n    (options.respectReducedMotion ?? true) && prefersReducedMotion();\n  const cleanups: Array<() => void> = [];\n\n  const wire = (el: Element) => {\n    try {\n      // SVGElement.className is SVGAnimatedString rather than a string, so the\n      // attribute is the portable source for both HTML and SVG elements.\n      const parsed = parseMotionClasses(\n        el.getAttribute(\"class\") ?? \"\",\n        options.config,\n      );\n      const unsupported = unsupportedCapabilities(parsed, VANILLA_CAPABILITIES);\n      if (unsupported.length && typeof console !== \"undefined\") {\n        console.warn(\n          `[motionwind-vanilla] Unsupported capabilities: ${unsupported.join(\", \")}.`,\n          el,\n        );\n      }\n      if (parsed.hasMotion) cleanups.push(wireElement(el, parsed, reduce));\n    } catch (err) {\n      // A single malformed element/class must never break the whole page.\n      if (typeof console !== \"undefined\") {\n        console.warn(\n          \"[motionwind-vanilla] failed to animate an element; skipping it.\",\n          el,\n          err,\n        );\n      }\n    }\n  };\n\n  root.querySelectorAll<Element>(selector).forEach(wire);\n\n  if (options.observe && typeof MutationObserver !== \"undefined\") {\n    const target =\n      root instanceof Document ? (root.body ?? root.documentElement) : root;\n    const observer = new MutationObserver((mutations) => {\n      for (const m of mutations) {\n        m.addedNodes.forEach((node) => {\n          if (!(node instanceof Element)) return;\n          if (node.matches(selector)) wire(node);\n          node.querySelectorAll<Element>(selector).forEach(wire);\n        });\n      }\n    });\n    observer.observe(target as Node, { childList: true, subtree: true });\n    cleanups.push(() => observer.disconnect());\n  }\n\n  return () => cleanups.forEach((fn) => fn());\n}\n\nexport {\n  parseMotionClasses,\n  defineConfig,\n  definePreset,\n  defineMotionwindPlugin,\n  MOTIONWIND_RECIPES,\n} from \"motionwind-core\";\nexport type { ParsedResult, MotionwindConfig } from \"motionwind-core\";\n","import type {\n  AnimatableValues,\n  ParsedResult,\n  TransitionConfig,\n} from \"motionwind-core\";\n\n/** Resting values used to animate back after a gesture ends. */\nconst RESET_DEFAULTS: Record<string, number | string> = {\n  scale: 1,\n  scaleX: 1,\n  scaleY: 1,\n  opacity: 1,\n  x: 0,\n  y: 0,\n  z: 0,\n  rotate: 0,\n  rotateX: 0,\n  rotateY: 0,\n  skewX: 0,\n  skewY: 0,\n};\n\n/** Transition keys that apply to a single vanilla `animate()` call. */\nconst OPTION_KEYS: (keyof TransitionConfig)[] = [\n  \"duration\",\n  \"delay\",\n  \"ease\",\n  \"type\",\n  \"stiffness\",\n  \"damping\",\n  \"mass\",\n  \"bounce\",\n  \"repeat\",\n  \"repeatType\",\n  \"repeatDelay\",\n  \"times\",\n];\n\n/** Project our TransitionConfig onto vanilla Motion's animate() options. */\nexport function toAnimateOptions(\n  transition: TransitionConfig,\n): Record<string, unknown> {\n  const opts: Record<string, unknown> = {};\n  for (const key of OPTION_KEYS) {\n    if (transition[key] !== undefined) opts[key] = transition[key];\n  }\n  return opts;\n}\n\n/**\n * Build the resting values to animate back to when a gesture (hover/tap/focus)\n * ends. Prefers the enter (`animate`) value, then `initial`, then a sensible\n * default, for each key the gestures touch.\n */\nexport function baseValues(parsed: ParsedResult): AnimatableValues {\n  const keys = new Set<string>();\n  for (const g of [\n    parsed.gestures.whileHover,\n    parsed.gestures.whileTap,\n    parsed.gestures.whileFocus,\n    parsed.gestures.whileInView,\n  ]) {\n    if (g) Object.keys(g).forEach((k) => keys.add(k));\n  }\n\n  const base: AnimatableValues = {};\n  const enter = parsed.gestures.animate;\n  const initial = parsed.gestures.initial;\n  for (const k of keys) {\n    const v =\n      (enter as Record<string, AnimatableValues[string]> | undefined)?.[k] ??\n      (initial as Record<string, AnimatableValues[string]> | undefined)?.[k] ??\n      RESET_DEFAULTS[k] ??\n      0;\n    base[k] = v;\n  }\n  return base;\n}\n\n/** Pick a subset of `values` limited to the keys present in `shape`. */\nexport function subset(\n  values: AnimatableValues,\n  shape: AnimatableValues,\n): AnimatableValues {\n  const out: AnimatableValues = {};\n  for (const k of Object.keys(shape)) {\n    if (values[k] !== undefined) out[k] = values[k]!;\n  }\n  return out;\n}\n\n/** Merge concurrent gesture states using Motion's interaction priority. */\nexport function interactiveValues(\n  parsed: ParsedResult,\n  state: { focused: boolean; hovered: boolean; pressed: boolean },\n): AnimatableValues {\n  return {\n    ...baseValues(parsed),\n    ...(state.focused ? parsed.gestures.whileFocus : undefined),\n    ...(state.hovered ? parsed.gestures.whileHover : undefined),\n    ...(state.pressed ? parsed.gestures.whileTap : undefined),\n  };\n}\n","import { defineMotionwindAdapter } from \"motionwind-core\";\n\nexport const VANILLA_CAPABILITIES = {\n  gestures: true,\n  scroll: true,\n  layout: false,\n  drag: false,\n  variants: true,\n  svg: true,\n  \"reduced-motion\": true,\n} as const;\n\nexport const vanillaAdapter = defineMotionwindAdapter({\n  name: \"motionwind-vanilla\",\n  version: \"2.0.0\",\n  capabilities: VANILLA_CAPABILITIES,\n  compile(parsed) {\n    return parsed;\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAsD;AACtD,IAAAA,0BAMO;;;ACAP,IAAM,iBAAkD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,cAA0C;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,SAAS,iBACd,YACyB;AACzB,QAAM,OAAgC,CAAC;AACvC,aAAW,OAAO,aAAa;AAC7B,QAAI,WAAW,GAAG,MAAM,OAAW,MAAK,GAAG,IAAI,WAAW,GAAG;AAAA,EAC/D;AACA,SAAO;AACT;AAOO,SAAS,WAAW,QAAwC;AACjE,QAAM,OAAO,oBAAI,IAAY;AAC7B,aAAW,KAAK;AAAA,IACd,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,EAClB,GAAG;AACD,QAAI,EAAG,QAAO,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;AAAA,EAClD;AAEA,QAAM,OAAyB,CAAC;AAChC,QAAM,QAAQ,OAAO,SAAS;AAC9B,QAAM,UAAU,OAAO,SAAS;AAChC,aAAW,KAAK,MAAM;AACpB,UAAM,IACH,QAAiE,CAAC,KAClE,UAAmE,CAAC,KACrE,eAAe,CAAC,KAChB;AACF,SAAK,CAAC,IAAI;AAAA,EACZ;AACA,SAAO;AACT;AAGO,SAAS,OACd,QACA,OACkB;AAClB,QAAM,MAAwB,CAAC;AAC/B,aAAW,KAAK,OAAO,KAAK,KAAK,GAAG;AAClC,QAAI,OAAO,CAAC,MAAM,OAAW,KAAI,CAAC,IAAI,OAAO,CAAC;AAAA,EAChD;AACA,SAAO;AACT;AAGO,SAAS,kBACd,QACA,OACkB;AAClB,SAAO;AAAA,IACL,GAAG,WAAW,MAAM;AAAA,IACpB,GAAI,MAAM,UAAU,OAAO,SAAS,aAAa;AAAA,IACjD,GAAI,MAAM,UAAU,OAAO,SAAS,aAAa;AAAA,IACjD,GAAI,MAAM,UAAU,OAAO,SAAS,WAAW;AAAA,EACjD;AACF;;;ACtGA,6BAAwC;AAEjC,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,KAAK;AAAA,EACL,kBAAkB;AACpB;AAEO,IAAM,qBAAiB,gDAAwB;AAAA,EACpD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ,QAAQ;AACd,WAAO;AAAA,EACT;AACF,CAAC;;;AFmRD,IAAAC,0BAMO;AA7QP,IAAM,OAAO;AAEb,SAAS,uBAAgC;AACvC,SACE,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;AAE1D;AAOA,SAAS,gBAAgB,QAIvB;AACA,QAAM,EAAE,UAAU,cAAc,SAAS,IAAI;AAC7C,QAAM,cAAc,OAAO,KAAK,QAAQ,EAAE,SAAS;AACnD,SAAO;AAAA,IACL,UACG,eAAe,aAAa,UACzB,SAAS,aAAa,OAAO,IAC7B,WAAc,SAAS;AAAA,IAC7B,UACG,eAAe,aAAa,UACzB,SAAS,aAAa,OAAO,IAC7B,WAAc,SAAS;AAAA,IAC7B,OACG,eAAe,aAAa,OACzB,SAAS,aAAa,IAAI,IAC1B,WAAc,SAAS;AAAA,EAC/B;AACF;AAGA,SAAS,YACP,IACA,QACA,QACY;AACZ,QAAM,OAAO,iBAAiB,OAAO,UAAU;AAC/C,QAAM,OAAO,WAAW,MAAM;AAC9B,QAAM,WAA8B,CAAC;AACrC,QAAM,WAAW,gBAAgB,MAAM;AACvC,QAAM,aAAa,OAAO,SAAS;AACnC,QAAM,WAAW,OAAO,SAAS;AACjC,QAAM,aAAa,OAAO,SAAS;AACnC,MAAI,UAAU;AACd,MAAI,UAAU;AACd,MAAI,UAAU;AACd,QAAM,oBAAoB,MAAM;AAC9B,UAAM,SAAS,kBAAkB,QAAQ,EAAE,SAAS,SAAS,QAAQ,CAAC;AACtE,QAAI,OAAO,KAAK,MAAM,EAAE,SAAS,EAAG,MAAK,IAAI,QAAQ,IAAI;AAAA,EAC3D;AAKA,MAAI,OAAO,iBAAiB;AAC1B,OAAG,aAAa,SAAS,OAAO,eAAe;AAAA,EACjD,OAAO;AACL,OAAG,gBAAgB,OAAO;AAAA,EAC5B;AAIA,MAAI,QAAQ;AACV,UAAM,OAAO;AAAA,MACX,GAAI,SAAS,WAAW,CAAC;AAAA,MACzB,GAAI,OAAO,SAAS,eAAe,CAAC;AAAA,IACtC;AACA,QAAI,OAAO,KAAK,IAAI,EAAE,SAAS,EAAG,MAAK,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;AAChE,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAIA,MAAI,SAAS,QAAS,MAAK,IAAI,SAAS,SAAS,EAAE,UAAU,EAAE,CAAC;AAChE,MAAI,SAAS,QAAS,MAAK,IAAI,SAAS,SAAS,IAAI;AAIrD,QAAM,aAAa,SAAS;AAC5B,MAAI,cAAc,OAAO,KAAK,UAAU,EAAE,SAAS,GAAG;AACpD,UAAM,eAAe,MAAM;AACzB,WAAK,IAAI,YAAY;AAAA,QACnB,GAAG;AAAA,QACH,YAAY,MAAM,GAAG,OAAO;AAAA,MAC9B,CAAC;AAAA,IACH;AACA,OAAG,iBAAiB,qBAAqB,YAA6B;AACtE,aAAS;AAAA,MAAK,MACZ,GAAG;AAAA,QACD;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,YAAY;AACd,aAAS;AAAA,UACP,qBAAM,IAAI,MAAM;AACd,kBAAU;AACV,0BAAkB;AAClB,eAAO,MAAM;AACX,oBAAU;AACV,4BAAkB;AAAA,QACpB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,MAAI,UAAU;AACZ,aAAS;AAAA,UACP,qBAAM,IAAI,MAAM;AACd,kBAAU;AACV,0BAAkB;AAClB,eAAO,MAAM;AACX,oBAAU;AACV,4BAAkB;AAAA,QACpB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,MAAI,YAAY;AACd,UAAM,UAAU,MAAM;AACpB,gBAAU;AACV,wBAAkB;AAAA,IACpB;AACA,UAAM,SAAS,MAAM;AACnB,gBAAU;AACV,wBAAkB;AAAA,IACpB;AACA,OAAG,iBAAiB,SAAS,OAAO;AACpC,OAAG,iBAAiB,QAAQ,MAAM;AAClC,aAAS,KAAK,MAAM;AAClB,SAAG,oBAAoB,SAAS,OAAO;AACvC,SAAG,oBAAoB,QAAQ,MAAM;AAAA,IACvC,CAAC;AAAA,EACH;AAGA,QAAM,cAAc,OAAO,SAAS;AACpC,MAAI,aAAa;AACf,UAAM,eAAwC,CAAC;AAC/C,QAAI,OAAO,SAAS,WAAW;AAC7B,mBAAa,SAAS,OAAO,SAAS;AACxC,QAAI,OAAO,SAAS,WAAW;AAC7B,mBAAa,SAAS,OAAO,SAAS;AACxC,aAAS;AAAA,UACP;AAAA,QACE;AAAA,QACA,MAAM;AACJ,eAAK,IAAI,aAAa,IAAI;AAC1B,cAAI,OAAO,SAAS,KAAM;AAC1B,iBAAO,MAAM,KAAK,IAAI,OAAO,MAAM,WAAW,GAAG,IAAI;AAAA,QACvD;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,OAAO,KAAK,OAAO,OAAO,MAAM,EAAE,SAAS,GAAG;AAGhD,UAAM,aAAkB,OAAO,OAAO,YAClC,EAAE,MAAM,OAAO,OAAO,KAAK,IAC3B,EAAE,QAAQ,IAAI,MAAM,OAAO,OAAO,MAAM,QAAQ,OAAO,OAAO,OAAO;AACzE,UAAM,WAAO;AAAA,MACX,KAAK,IAAI,OAAO,OAAO,QAAQ,EAAE,MAAM,SAAS,CAAC;AAAA,MACjD;AAAA,IACF;AACA,QAAI,OAAO,SAAS,WAAY,UAAS,KAAK,IAAI;AAAA,EACpD;AAEA,SAAO,MAAM,SAAS,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC5C;AAmBO,SAAS,WAAW,UAA6B,CAAC,GAAe;AACtE,QAAM,OACJ,QAAQ,SAAS,OAAO,aAAa,cAAc,WAAW;AAChE,MAAI,CAAC,KAAM,QAAO,MAAM;AAAA,EAAC;AAEzB,QAAM,WAAW,QAAQ,YAAY;AACrC,QAAM,UACH,QAAQ,wBAAwB,SAAS,qBAAqB;AACjE,QAAM,WAA8B,CAAC;AAErC,QAAM,OAAO,CAAC,OAAgB;AAC5B,QAAI;AAGF,YAAM,aAAS;AAAA,QACb,GAAG,aAAa,OAAO,KAAK;AAAA,QAC5B,QAAQ;AAAA,MACV;AACA,YAAM,kBAAc,iDAAwB,QAAQ,oBAAoB;AACxE,UAAI,YAAY,UAAU,OAAO,YAAY,aAAa;AACxD,gBAAQ;AAAA,UACN,kDAAkD,YAAY,KAAK,IAAI,CAAC;AAAA,UACxE;AAAA,QACF;AAAA,MACF;AACA,UAAI,OAAO,UAAW,UAAS,KAAK,YAAY,IAAI,QAAQ,MAAM,CAAC;AAAA,IACrE,SAAS,KAAK;AAEZ,UAAI,OAAO,YAAY,aAAa;AAClC,gBAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,OAAK,iBAA0B,QAAQ,EAAE,QAAQ,IAAI;AAErD,MAAI,QAAQ,WAAW,OAAO,qBAAqB,aAAa;AAC9D,UAAM,SACJ,gBAAgB,WAAY,KAAK,QAAQ,KAAK,kBAAmB;AACnE,UAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,iBAAW,KAAK,WAAW;AACzB,UAAE,WAAW,QAAQ,CAAC,SAAS;AAC7B,cAAI,EAAE,gBAAgB,SAAU;AAChC,cAAI,KAAK,QAAQ,QAAQ,EAAG,MAAK,IAAI;AACrC,eAAK,iBAA0B,QAAQ,EAAE,QAAQ,IAAI;AAAA,QACvD,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AACD,aAAS,QAAQ,QAAgB,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AACnE,aAAS,KAAK,MAAM,SAAS,WAAW,CAAC;AAAA,EAC3C;AAEA,SAAO,MAAM,SAAS,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC5C;","names":["import_motionwind_core","import_motionwind_core"]}

package/dist/index.d.cts

@@ -0,0 +1,36 @@
+import { MotionwindConfig } from 'motionwind-core';
+export { MOTIONWIND_RECIPES, MotionwindConfig, ParsedResult, defineConfig, defineMotionwindPlugin, definePreset, parseMotionClasses } from 'motionwind-core';
+export { VANILLA_CAPABILITIES, vanillaAdapter } from './adapter.cjs';
+
+interface MotionwindOptions {
+    /** Where to scan for motion elements. Defaults to `document`. */
+    root?: ParentNode;
+    /** Selector for candidate elements. Defaults to `[class*="animate-"]`. */
+    selector?: string;
+    /** Honor `prefers-reduced-motion` (jump to final state, no motion). Default true. */
+    respectReducedMotion?: boolean;
+    /** Watch the DOM and wire elements added after init (SPA/HTMX). Default false. */
+    observe?: boolean;
+    /** Project tokens, presets, plugins, and strictness. */
+    config?: MotionwindConfig;
+}
+/**
+ * Scan the DOM for elements with `animate-*` classes and wire up their
+ * animations using the vanilla Motion API. Returns a cleanup function.
+ *
+ * Supports: initial/enter, hover, tap, focus, in-view, scroll-linked, named
+ * variants (resolved at wire-up time), and exit animations (triggered by
+ * dispatching a `"motionwind:remove"` custom event on the element).
+ * Honors `prefers-reduced-motion`, is idempotent across re-runs, and can watch
+ * for dynamically-added elements via `{ observe: true }`.
+ * (drag and layout are React/Vue-only.)
+ *
+ * @example
+ * ```js
+ * import { motionwind } from "motionwind-vanilla";
+ * const stop = motionwind({ observe: true });
+ * ```
+ */
+declare function motionwind(options?: MotionwindOptions): () => void;
+
+export { type MotionwindOptions, motionwind };

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+import { MotionwindConfig } from 'motionwind-core';
+export { MOTIONWIND_RECIPES, MotionwindConfig, ParsedResult, defineConfig, defineMotionwindPlugin, definePreset, parseMotionClasses } from 'motionwind-core';
+export { VANILLA_CAPABILITIES, vanillaAdapter } from './adapter.js';
+
+interface MotionwindOptions {
+    /** Where to scan for motion elements. Defaults to `document`. */
+    root?: ParentNode;
+    /** Selector for candidate elements. Defaults to `[class*="animate-"]`. */
+    selector?: string;
+    /** Honor `prefers-reduced-motion` (jump to final state, no motion). Default true. */
+    respectReducedMotion?: boolean;
+    /** Watch the DOM and wire elements added after init (SPA/HTMX). Default false. */
+    observe?: boolean;
+    /** Project tokens, presets, plugins, and strictness. */
+    config?: MotionwindConfig;
+}
+/**
+ * Scan the DOM for elements with `animate-*` classes and wire up their
+ * animations using the vanilla Motion API. Returns a cleanup function.
+ *
+ * Supports: initial/enter, hover, tap, focus, in-view, scroll-linked, named
+ * variants (resolved at wire-up time), and exit animations (triggered by
+ * dispatching a `"motionwind:remove"` custom event on the element).
+ * Honors `prefers-reduced-motion`, is idempotent across re-runs, and can watch
+ * for dynamically-added elements via `{ observe: true }`.
+ * (drag and layout are React/Vue-only.)
+ *
+ * @example
+ * ```js
+ * import { motionwind } from "motionwind-vanilla";
+ * const stop = motionwind({ observe: true });
+ * ```
+ */
+declare function motionwind(options?: MotionwindOptions): () => void;
+
+export { type MotionwindOptions, motionwind };