motionwind-core 2.1.0

package/dist/recipes.cjs

@@ -0,0 +1,359 @@
+'use strict';
+
+// src/config.ts
+function definePreset(preset) {
+  return preset;
+}
+
+// src/recipes.ts
+var COMMUNITY_METADATA = {
+  maintainer: "motionwind/core",
+  version: "1.0.0",
+  compatibleCore: ">=2.0.0 <3",
+  bundleImpact: "Preset only; no runtime code added."
+};
+var source = (id) => `https://github.com/piyushzingade/motionwind/tree/main/registry/recipes/${id}.json`;
+var MOTIONWIND_RECIPES = [
+  {
+    id: "button-press",
+    name: "Button press",
+    description: "A compact spring response for primary actions.",
+    category: "interaction",
+    classes: "animate-hover:scale-105 animate-tap:scale-95 animate-spring animate-stiffness-420 animate-damping-24",
+    accessibility: "Preserves keyboard focus and does not communicate state through motion alone.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("button-press")
+  },
+  {
+    id: "dialog-enter",
+    name: "Dialog entrance",
+    description: "Fade and lift a dialog into place without excessive travel.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:y-12 animate-enter:opacity-100 animate-enter:y-0 animate-duration-240 animate-ease-out",
+    accessibility: "Pair with a focus trap and disable transform movement for reduced-motion users.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("dialog-enter")
+  },
+  {
+    id: "list-stagger",
+    name: "List stagger",
+    description: "A restrained stagger for newly revealed collections.",
+    category: "entrance",
+    classes: "animate-stagger-55 animate-delay-children-40 animate-when-before",
+    accessibility: "Keep the list readable before and after animation; avoid repeated autoplay.",
+    adapters: ["react", "vue"],
+    ...COMMUNITY_METADATA,
+    source: source("list-stagger")
+  },
+  {
+    id: "page-reveal",
+    name: "Page reveal",
+    description: "A single-run opacity and vertical reveal for page sections.",
+    category: "scroll",
+    classes: "animate-initial:opacity-0 animate-initial:y-24 animate-inview:opacity-100 animate-inview:y-0 animate-once animate-duration-480 animate-ease-out",
+    accessibility: "Content remains in document order and visible when reduced motion is requested.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("page-reveal")
+  },
+  {
+    id: "loading-orbit",
+    name: "Loading orbit",
+    description: "A continuous linear rotation for non-blocking progress indicators.",
+    category: "loading",
+    classes: "animate-enter:rotate-360 animate-repeat-infinite animate-duration-900 animate-ease-linear",
+    accessibility: "Add an accessible status label and stop the loop when loading completes.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("loading-orbit")
+  },
+  {
+    id: "menu-pop",
+    name: "Menu pop",
+    description: "A fast scale-and-fade entrance for contextual menus.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:scale-95 animate-enter:opacity-100 animate-enter:scale-100 animate-duration-160 animate-ease-out",
+    accessibility: "Move focus into the menu, return it on close, and preserve arrow-key navigation.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("menu-pop")
+  },
+  {
+    id: "accordion-reveal",
+    name: "Accordion reveal",
+    description: "A layout-aware reveal for expandable disclosure content.",
+    category: "layout",
+    classes: "animate-layout-size animate-initial:opacity-0 animate-enter:opacity-100 animate-duration-220 animate-ease-out",
+    accessibility: "Use a native button with aria-expanded and keep content reachable without animation.",
+    adapters: ["react", "vue"],
+    ...COMMUNITY_METADATA,
+    source: source("accordion-reveal")
+  },
+  {
+    id: "tab-indicator",
+    name: "Tab indicator",
+    description: "A shared-layout spring for an active tab indicator.",
+    category: "layout",
+    classes: "animate-layout-id-active-tab animate-spring animate-stiffness-440 animate-damping-34",
+    accessibility: "Pair with tablist semantics, roving focus, and an independent selected-state cue.",
+    adapters: ["react", "vue"],
+    ...COMMUNITY_METADATA,
+    source: source("tab-indicator")
+  },
+  {
+    id: "toast-enter",
+    name: "Toast entrance",
+    description: "A short horizontal slide for non-blocking notifications.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:x-24 animate-enter:opacity-100 animate-enter:x-0 animate-duration-240 animate-ease-out",
+    accessibility: "Use an appropriate live region and provide enough time to read or dismiss the toast.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("toast-enter")
+  },
+  {
+    id: "sortable-item",
+    name: "Sortable item",
+    description: "Layout animation and vertical drag feedback for reorderable lists.",
+    category: "interaction",
+    classes: "animate-layout-position animate-drag-y animate-drag-snap animate-drag:scale-103 animate-spring animate-stiffness-360 animate-damping-28",
+    accessibility: "Provide keyboard reordering controls and announce the new item position.",
+    adapters: ["react", "vue"],
+    ...COMMUNITY_METADATA,
+    source: source("sortable-item")
+  },
+  {
+    id: "svg-line-loader",
+    name: "SVG line loader",
+    description: "Draw and repeat an SVG path for compact progress feedback.",
+    category: "loading",
+    classes: "animate-initial:path-length-0 animate-enter:path-length-1 animate-duration-900 animate-ease-in-out animate-repeat-infinite animate-repeat-reverse",
+    accessibility: "Give the SVG a status label and stop repeating when the operation completes.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("svg-line-loader")
+  },
+  {
+    id: "scroll-progress",
+    name: "Scroll progress",
+    description: "Map page scroll progress to a horizontal scale indicator.",
+    category: "scroll",
+    classes: "animate-scroll:scaleX-[0,1] animate-scroll-container",
+    accessibility: "Treat the indicator as supplemental; expose document progress in text when it matters.",
+    adapters: ["react", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("scroll-progress")
+  },
+  {
+    id: "flip-card",
+    name: "Flip card",
+    description: "A 3-D card that rotates 180 degrees around the Y axis on hover.",
+    category: "interaction",
+    classes: "animate-hover:rotate-y-180 animate-duration-480 animate-ease-in-out",
+    accessibility: "Pair with a separate back face and keep both sides keyboard-accessible.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("flip-card")
+  },
+  {
+    id: "marquee",
+    name: "Marquee",
+    description: "A continuously looping horizontal scroll for text or image strips.",
+    category: "entrance",
+    classes: "animate-initial:x-100pct animate-enter:-x-100pct animate-repeat-infinite animate-ease-linear animate-duration-4000",
+    accessibility: "Pause the marquee on focus or hover; do not convey critical information through motion alone.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("marquee")
+  },
+  {
+    id: "magnetic-button",
+    name: "Magnetic button",
+    description: "A subtle spring scale that draws attention on hover without moving the element.",
+    category: "interaction",
+    classes: "animate-hover:scale-103 animate-spring animate-stiffness-280 animate-damping-22",
+    accessibility: "Do not use scale change as the only indicator of an interactive element.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("magnetic-button")
+  },
+  {
+    id: "drawer",
+    name: "Drawer",
+    description: "A side panel that slides in from the edge and returns on exit.",
+    category: "entrance",
+    classes: "animate-initial:x-100pct animate-enter:x-0 animate-exit:x-100pct animate-duration-320 animate-ease-out",
+    accessibility: "Trap focus inside the drawer, return focus on close, and support Escape to dismiss.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("drawer")
+  },
+  {
+    id: "tooltip-pop",
+    name: "Tooltip pop",
+    description: "A small scale-and-fade entrance for contextual tooltips.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:scale-75 animate-enter:opacity-100 animate-enter:scale-100 animate-duration-160 animate-ease-back-out",
+    accessibility: "Use role='tooltip', aria-describedby, and ensure the tooltip is dismissible without a mouse.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("tooltip-pop")
+  },
+  {
+    id: "skeleton-pulse",
+    name: "Skeleton pulse",
+    description: "A pulsing opacity loop for placeholder content while data loads.",
+    category: "loading",
+    classes: "animate-initial:opacity-100 animate-enter:opacity-40 animate-repeat-infinite animate-repeat-reverse animate-duration-800 animate-ease-in-out",
+    accessibility: "Announce loading state with aria-busy; remove skeleton when content arrives.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("skeleton-pulse")
+  },
+  {
+    id: "shimmer-load",
+    name: "Shimmer load",
+    description: "A left-to-right gradient shimmer applied to a loading overlay.",
+    category: "loading",
+    classes: "animate-initial:-x-100pct animate-enter:x-100pct animate-repeat-infinite animate-duration-1200 animate-ease-in-out",
+    accessibility: "Place the shimmer on a decorative overlay; expose loading status through accessible text.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("shimmer-load")
+  },
+  {
+    id: "card-hover",
+    name: "Card hover",
+    description: "A spring lift and upward nudge for interactive cards on hover.",
+    category: "interaction",
+    classes: "animate-hover:scale-103 animate-hover:y--4 animate-spring animate-stiffness-380 animate-damping-26",
+    accessibility: "Ensure focus styles are visible and the hover state is not the only interactive cue.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("card-hover")
+  },
+  {
+    id: "number-counter",
+    name: "Number counter",
+    description: "A fade and rise entrance for statistic values triggered when they scroll into view.",
+    category: "scroll",
+    classes: "animate-initial:opacity-0 animate-initial:y-12 animate-inview:opacity-100 animate-inview:y-0 animate-once animate-duration-400 animate-ease-out",
+    accessibility: "Present the final value in document order and avoid conveying meaning through counting motion.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("number-counter")
+  },
+  {
+    id: "progress-bar",
+    name: "Progress bar",
+    description: "An animated width fill for a progress bar triggered on scroll into view.",
+    category: "scroll",
+    classes: "animate-initial:w-0 animate-inview:w-100pct animate-once animate-duration-800 animate-ease-out",
+    accessibility: "Use a native progress element or role='progressbar' with aria-valuenow to expose state.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("progress-bar")
+  },
+  {
+    id: "ripple",
+    name: "Ripple",
+    description: "A radial scale-and-fade burst that emanates from a tap point.",
+    category: "interaction",
+    classes: "animate-initial:scale-0 animate-initial:opacity-100 animate-enter:scale-400 animate-enter:opacity-0 animate-duration-500 animate-ease-out",
+    accessibility: "Use the ripple as a purely decorative effect and do not rely on it to communicate state.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("ripple")
+  },
+  {
+    id: "blob-morph",
+    name: "Blob morph",
+    description: "An organic border-radius keyframe loop for fluid decorative shapes.",
+    category: "loading",
+    classes: "animate-enter:rounded-[0,30,60,30,0] animate-repeat-infinite animate-duration-3000 animate-ease-in-out animate-repeat-reverse",
+    accessibility: "Use only for decorative elements; apply aria-hidden to prevent interference with screen readers.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("blob-morph")
+  },
+  {
+    id: "ticker",
+    name: "Ticker",
+    description: "A stock- or news-style ticker where items enter from the right and exit to the left.",
+    category: "entrance",
+    classes: "animate-initial:x-100pct animate-enter:x-0 animate-exit:-x-100pct animate-duration-500 animate-ease-out animate-stagger-150",
+    accessibility: "Provide a way to pause the ticker and make all content available in a static list.",
+    adapters: ["react", "vue", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("ticker")
+  },
+  {
+    id: "popover-reveal",
+    name: "Popover reveal",
+    description: "A short downward fade-in for anchored popovers and dropdowns.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:y--8 animate-enter:opacity-100 animate-enter:y-0 animate-duration-180 animate-ease-out",
+    accessibility: "Move focus into the popover on open and return it to the trigger on close.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("popover-reveal")
+  },
+  {
+    id: "stepper",
+    name: "Stepper",
+    description: "Sequential staggered entrances for step-indicator items.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:scale-80 animate-enter:opacity-100 animate-enter:scale-100 animate-stagger-80 animate-delay-children-100 animate-duration-200 animate-ease-back-out",
+    accessibility: "Announce the current step and total steps; keep step content readable without animation.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("stepper")
+  },
+  {
+    id: "notification-stack",
+    name: "Notification stack",
+    description: "Staggered upward entrances for stacked notification cards.",
+    category: "entrance",
+    classes: "animate-initial:opacity-0 animate-initial:y--20 animate-enter:opacity-100 animate-enter:y-0 animate-stagger-80 animate-duration-260 animate-ease-back-out",
+    accessibility: "Use a live region with aria-live='polite' and provide enough time to read each notification.",
+    adapters: ["react", "vue", "vanilla", "react-native"],
+    ...COMMUNITY_METADATA,
+    source: source("notification-stack")
+  },
+  {
+    id: "drag-reorder",
+    name: "Drag reorder",
+    description: "Vertical drag with layout animation for reorderable list items.",
+    category: "interaction",
+    classes: "animate-drag-y animate-layout-position animate-drag:scale-102 animate-spring animate-stiffness-320 animate-damping-30",
+    accessibility: "Provide keyboard controls for reordering and announce the new position after a drop.",
+    adapters: ["react", "vue"],
+    ...COMMUNITY_METADATA,
+    source: source("drag-reorder")
+  },
+  {
+    id: "parallax-scroll",
+    name: "Parallax scroll",
+    description: "Map scroll progress to a Y translation so a layer moves at a different speed.",
+    category: "scroll",
+    classes: "animate-scroll:y-[-50,50] animate-scroll-container",
+    accessibility: "Respect prefers-reduced-motion; parallax depth cues must not convey meaning exclusively.",
+    adapters: ["react", "vanilla"],
+    ...COMMUNITY_METADATA,
+    source: source("parallax-scroll")
+  }
+];
+var BUILT_IN_PRESETS = Object.fromEntries(
+  MOTIONWIND_RECIPES.map((recipe) => [recipe.id, definePreset(recipe.classes)])
+);
+function getRecipe(id) {
+  return MOTIONWIND_RECIPES.find((recipe) => recipe.id === id);
+}
+
+exports.BUILT_IN_PRESETS = BUILT_IN_PRESETS;
+exports.MOTIONWIND_RECIPES = MOTIONWIND_RECIPES;
+exports.getRecipe = getRecipe;
+//# sourceMappingURL=recipes.cjs.map
+//# sourceMappingURL=recipes.cjs.map

package/dist/recipes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/config.ts","../src/recipes.ts"],"names":[],"mappings":"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","file":"recipes.cjs","sourcesContent":["import type { ParsedResult } from \"./types.js\";\nimport type { SyntaxDefinition } from \"./registry.js\";\n\nexport type ReducedMotionPolicy = \"user\" | \"always\" | \"never\";\n\nexport interface SpringToken {\n  stiffness?: number;\n  damping?: number;\n  bounce?: number;\n  mass?: number;\n}\n\nexport interface MotionwindTokens {\n  durations?: Record<string, number>;\n  easings?: Record<string, string | number[]>;\n  springs?: Record<string, SpringToken>;\n}\n\nexport interface MotionwindDiagnostic {\n  code: string;\n  message: string;\n  severity: \"info\" | \"warning\" | \"error\";\n  token?: string;\n  plugin?: string;\n}\n\nexport interface MotionwindResultPatch {\n  gestures?: ParsedResult[\"gestures\"];\n  transition?: ParsedResult[\"transition\"];\n  viewport?: ParsedResult[\"viewport\"];\n  dragConfig?: ParsedResult[\"dragConfig\"];\n  layoutConfig?: ParsedResult[\"layoutConfig\"];\n  scroll?: Partial<ParsedResult[\"scroll\"]>;\n  variants?: ParsedResult[\"variants\"];\n  variantState?: ParsedResult[\"variantState\"];\n}\n\nexport interface MotionwindPluginContext {\n  config: MotionwindConfig;\n}\n\nexport interface MotionwindPlugin {\n  name: string;\n  version: string;\n  core?: string;\n  presets?: Record<string, string | readonly string[]>;\n  definitions?: readonly SyntaxDefinition[];\n  transformToken?: (\n    token: string,\n    context: MotionwindPluginContext,\n  ) => MotionwindResultPatch | null;\n  diagnose?: (\n    className: string,\n    parsed: ParsedResult,\n    context: MotionwindPluginContext,\n  ) => readonly MotionwindDiagnostic[];\n}\n\nexport interface MotionwindConfig {\n  adapter?: string;\n  strict?: boolean;\n  reducedMotion?: ReducedMotionPolicy;\n  tokens?: MotionwindTokens;\n  presets?: Record<string, string | readonly string[]>;\n  plugins?: readonly MotionwindPlugin[];\n}\n\nexport function defineConfig<const T extends MotionwindConfig>(config: T): T {\n  return config;\n}\n\nexport function defineMotionwindPlugin<const T extends MotionwindPlugin>(\n  plugin: T,\n): T {\n  if (!plugin.name.trim())\n    throw new Error(\"[motionwind] Plugins require a name.\");\n  if (!plugin.version.trim())\n    throw new Error(\"[motionwind] Plugins require a version.\");\n  return plugin;\n}\n\nexport function definePreset<const T extends string | readonly string[]>(\n  preset: T,\n): T {\n  return preset;\n}\n\nexport const DEFAULT_MOTIONWIND_CONFIG: Readonly<MotionwindConfig> =\n  Object.freeze({\n    strict: false,\n    reducedMotion: \"user\",\n    plugins: [],\n    presets: {},\n    tokens: {},\n  });\n","import { definePreset } from \"./config.js\";\n\nexport interface MotionwindRecipe {\n  id: string;\n  name: string;\n  description: string;\n  category: \"interaction\" | \"entrance\" | \"layout\" | \"loading\" | \"scroll\";\n  classes: string;\n  accessibility: string;\n  adapters: readonly (\"react\" | \"vue\" | \"vanilla\" | \"react-native\")[];\n  maintainer: string;\n  version: string;\n  compatibleCore: string;\n  bundleImpact: string;\n  source: string;\n}\n\nconst COMMUNITY_METADATA = {\n  maintainer: \"motionwind/core\",\n  version: \"1.0.0\",\n  compatibleCore: \">=2.0.0 <3\",\n  bundleImpact: \"Preset only; no runtime code added.\",\n} as const;\n\nconst source = (id: string) =>\n  `https://github.com/piyushzingade/motionwind/tree/main/registry/recipes/${id}.json`;\n\nexport const MOTIONWIND_RECIPES: readonly MotionwindRecipe[] = [\n  {\n    id: \"button-press\",\n    name: \"Button press\",\n    description: \"A compact spring response for primary actions.\",\n    category: \"interaction\",\n    classes:\n      \"animate-hover:scale-105 animate-tap:scale-95 animate-spring animate-stiffness-420 animate-damping-24\",\n    accessibility:\n      \"Preserves keyboard focus and does not communicate state through motion alone.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"button-press\"),\n  },\n  {\n    id: \"dialog-enter\",\n    name: \"Dialog entrance\",\n    description: \"Fade and lift a dialog into place without excessive travel.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:y-12 animate-enter:opacity-100 animate-enter:y-0 animate-duration-240 animate-ease-out\",\n    accessibility:\n      \"Pair with a focus trap and disable transform movement for reduced-motion users.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"dialog-enter\"),\n  },\n  {\n    id: \"list-stagger\",\n    name: \"List stagger\",\n    description: \"A restrained stagger for newly revealed collections.\",\n    category: \"entrance\",\n    classes: \"animate-stagger-55 animate-delay-children-40 animate-when-before\",\n    accessibility:\n      \"Keep the list readable before and after animation; avoid repeated autoplay.\",\n    adapters: [\"react\", \"vue\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"list-stagger\"),\n  },\n  {\n    id: \"page-reveal\",\n    name: \"Page reveal\",\n    description: \"A single-run opacity and vertical reveal for page sections.\",\n    category: \"scroll\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:y-24 animate-inview:opacity-100 animate-inview:y-0 animate-once animate-duration-480 animate-ease-out\",\n    accessibility:\n      \"Content remains in document order and visible when reduced motion is requested.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"page-reveal\"),\n  },\n  {\n    id: \"loading-orbit\",\n    name: \"Loading orbit\",\n    description:\n      \"A continuous linear rotation for non-blocking progress indicators.\",\n    category: \"loading\",\n    classes:\n      \"animate-enter:rotate-360 animate-repeat-infinite animate-duration-900 animate-ease-linear\",\n    accessibility:\n      \"Add an accessible status label and stop the loop when loading completes.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"loading-orbit\"),\n  },\n  {\n    id: \"menu-pop\",\n    name: \"Menu pop\",\n    description: \"A fast scale-and-fade entrance for contextual menus.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:scale-95 animate-enter:opacity-100 animate-enter:scale-100 animate-duration-160 animate-ease-out\",\n    accessibility:\n      \"Move focus into the menu, return it on close, and preserve arrow-key navigation.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"menu-pop\"),\n  },\n  {\n    id: \"accordion-reveal\",\n    name: \"Accordion reveal\",\n    description: \"A layout-aware reveal for expandable disclosure content.\",\n    category: \"layout\",\n    classes:\n      \"animate-layout-size animate-initial:opacity-0 animate-enter:opacity-100 animate-duration-220 animate-ease-out\",\n    accessibility:\n      \"Use a native button with aria-expanded and keep content reachable without animation.\",\n    adapters: [\"react\", \"vue\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"accordion-reveal\"),\n  },\n  {\n    id: \"tab-indicator\",\n    name: \"Tab indicator\",\n    description: \"A shared-layout spring for an active tab indicator.\",\n    category: \"layout\",\n    classes:\n      \"animate-layout-id-active-tab animate-spring animate-stiffness-440 animate-damping-34\",\n    accessibility:\n      \"Pair with tablist semantics, roving focus, and an independent selected-state cue.\",\n    adapters: [\"react\", \"vue\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"tab-indicator\"),\n  },\n  {\n    id: \"toast-enter\",\n    name: \"Toast entrance\",\n    description: \"A short horizontal slide for non-blocking notifications.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:x-24 animate-enter:opacity-100 animate-enter:x-0 animate-duration-240 animate-ease-out\",\n    accessibility:\n      \"Use an appropriate live region and provide enough time to read or dismiss the toast.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"toast-enter\"),\n  },\n  {\n    id: \"sortable-item\",\n    name: \"Sortable item\",\n    description:\n      \"Layout animation and vertical drag feedback for reorderable lists.\",\n    category: \"interaction\",\n    classes:\n      \"animate-layout-position animate-drag-y animate-drag-snap animate-drag:scale-103 animate-spring animate-stiffness-360 animate-damping-28\",\n    accessibility:\n      \"Provide keyboard reordering controls and announce the new item position.\",\n    adapters: [\"react\", \"vue\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"sortable-item\"),\n  },\n  {\n    id: \"svg-line-loader\",\n    name: \"SVG line loader\",\n    description: \"Draw and repeat an SVG path for compact progress feedback.\",\n    category: \"loading\",\n    classes:\n      \"animate-initial:path-length-0 animate-enter:path-length-1 animate-duration-900 animate-ease-in-out animate-repeat-infinite animate-repeat-reverse\",\n    accessibility:\n      \"Give the SVG a status label and stop repeating when the operation completes.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"svg-line-loader\"),\n  },\n  {\n    id: \"scroll-progress\",\n    name: \"Scroll progress\",\n    description: \"Map page scroll progress to a horizontal scale indicator.\",\n    category: \"scroll\",\n    classes: \"animate-scroll:scaleX-[0,1] animate-scroll-container\",\n    accessibility:\n      \"Treat the indicator as supplemental; expose document progress in text when it matters.\",\n    adapters: [\"react\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"scroll-progress\"),\n  },\n  {\n    id: \"flip-card\",\n    name: \"Flip card\",\n    description:\n      \"A 3-D card that rotates 180 degrees around the Y axis on hover.\",\n    category: \"interaction\",\n    classes:\n      \"animate-hover:rotate-y-180 animate-duration-480 animate-ease-in-out\",\n    accessibility:\n      \"Pair with a separate back face and keep both sides keyboard-accessible.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"flip-card\"),\n  },\n  {\n    id: \"marquee\",\n    name: \"Marquee\",\n    description:\n      \"A continuously looping horizontal scroll for text or image strips.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:x-100pct animate-enter:-x-100pct animate-repeat-infinite animate-ease-linear animate-duration-4000\",\n    accessibility:\n      \"Pause the marquee on focus or hover; do not convey critical information through motion alone.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"marquee\"),\n  },\n  {\n    id: \"magnetic-button\",\n    name: \"Magnetic button\",\n    description:\n      \"A subtle spring scale that draws attention on hover without moving the element.\",\n    category: \"interaction\",\n    classes:\n      \"animate-hover:scale-103 animate-spring animate-stiffness-280 animate-damping-22\",\n    accessibility:\n      \"Do not use scale change as the only indicator of an interactive element.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"magnetic-button\"),\n  },\n  {\n    id: \"drawer\",\n    name: \"Drawer\",\n    description:\n      \"A side panel that slides in from the edge and returns on exit.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:x-100pct animate-enter:x-0 animate-exit:x-100pct animate-duration-320 animate-ease-out\",\n    accessibility:\n      \"Trap focus inside the drawer, return focus on close, and support Escape to dismiss.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"drawer\"),\n  },\n  {\n    id: \"tooltip-pop\",\n    name: \"Tooltip pop\",\n    description: \"A small scale-and-fade entrance for contextual tooltips.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:scale-75 animate-enter:opacity-100 animate-enter:scale-100 animate-duration-160 animate-ease-back-out\",\n    accessibility:\n      \"Use role='tooltip', aria-describedby, and ensure the tooltip is dismissible without a mouse.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"tooltip-pop\"),\n  },\n  {\n    id: \"skeleton-pulse\",\n    name: \"Skeleton pulse\",\n    description:\n      \"A pulsing opacity loop for placeholder content while data loads.\",\n    category: \"loading\",\n    classes:\n      \"animate-initial:opacity-100 animate-enter:opacity-40 animate-repeat-infinite animate-repeat-reverse animate-duration-800 animate-ease-in-out\",\n    accessibility:\n      \"Announce loading state with aria-busy; remove skeleton when content arrives.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"skeleton-pulse\"),\n  },\n  {\n    id: \"shimmer-load\",\n    name: \"Shimmer load\",\n    description:\n      \"A left-to-right gradient shimmer applied to a loading overlay.\",\n    category: \"loading\",\n    classes:\n      \"animate-initial:-x-100pct animate-enter:x-100pct animate-repeat-infinite animate-duration-1200 animate-ease-in-out\",\n    accessibility:\n      \"Place the shimmer on a decorative overlay; expose loading status through accessible text.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"shimmer-load\"),\n  },\n  {\n    id: \"card-hover\",\n    name: \"Card hover\",\n    description:\n      \"A spring lift and upward nudge for interactive cards on hover.\",\n    category: \"interaction\",\n    classes:\n      \"animate-hover:scale-103 animate-hover:y--4 animate-spring animate-stiffness-380 animate-damping-26\",\n    accessibility:\n      \"Ensure focus styles are visible and the hover state is not the only interactive cue.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"card-hover\"),\n  },\n  {\n    id: \"number-counter\",\n    name: \"Number counter\",\n    description:\n      \"A fade and rise entrance for statistic values triggered when they scroll into view.\",\n    category: \"scroll\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:y-12 animate-inview:opacity-100 animate-inview:y-0 animate-once animate-duration-400 animate-ease-out\",\n    accessibility:\n      \"Present the final value in document order and avoid conveying meaning through counting motion.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"number-counter\"),\n  },\n  {\n    id: \"progress-bar\",\n    name: \"Progress bar\",\n    description:\n      \"An animated width fill for a progress bar triggered on scroll into view.\",\n    category: \"scroll\",\n    classes:\n      \"animate-initial:w-0 animate-inview:w-100pct animate-once animate-duration-800 animate-ease-out\",\n    accessibility:\n      \"Use a native progress element or role='progressbar' with aria-valuenow to expose state.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"progress-bar\"),\n  },\n  {\n    id: \"ripple\",\n    name: \"Ripple\",\n    description:\n      \"A radial scale-and-fade burst that emanates from a tap point.\",\n    category: \"interaction\",\n    classes:\n      \"animate-initial:scale-0 animate-initial:opacity-100 animate-enter:scale-400 animate-enter:opacity-0 animate-duration-500 animate-ease-out\",\n    accessibility:\n      \"Use the ripple as a purely decorative effect and do not rely on it to communicate state.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"ripple\"),\n  },\n  {\n    id: \"blob-morph\",\n    name: \"Blob morph\",\n    description:\n      \"An organic border-radius keyframe loop for fluid decorative shapes.\",\n    category: \"loading\",\n    classes:\n      \"animate-enter:rounded-[0,30,60,30,0] animate-repeat-infinite animate-duration-3000 animate-ease-in-out animate-repeat-reverse\",\n    accessibility:\n      \"Use only for decorative elements; apply aria-hidden to prevent interference with screen readers.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"blob-morph\"),\n  },\n  {\n    id: \"ticker\",\n    name: \"Ticker\",\n    description:\n      \"A stock- or news-style ticker where items enter from the right and exit to the left.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:x-100pct animate-enter:x-0 animate-exit:-x-100pct animate-duration-500 animate-ease-out animate-stagger-150\",\n    accessibility:\n      \"Provide a way to pause the ticker and make all content available in a static list.\",\n    adapters: [\"react\", \"vue\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"ticker\"),\n  },\n  {\n    id: \"popover-reveal\",\n    name: \"Popover reveal\",\n    description:\n      \"A short downward fade-in for anchored popovers and dropdowns.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:y--8 animate-enter:opacity-100 animate-enter:y-0 animate-duration-180 animate-ease-out\",\n    accessibility:\n      \"Move focus into the popover on open and return it to the trigger on close.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"popover-reveal\"),\n  },\n  {\n    id: \"stepper\",\n    name: \"Stepper\",\n    description: \"Sequential staggered entrances for step-indicator items.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:scale-80 animate-enter:opacity-100 animate-enter:scale-100 animate-stagger-80 animate-delay-children-100 animate-duration-200 animate-ease-back-out\",\n    accessibility:\n      \"Announce the current step and total steps; keep step content readable without animation.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"stepper\"),\n  },\n  {\n    id: \"notification-stack\",\n    name: \"Notification stack\",\n    description: \"Staggered upward entrances for stacked notification cards.\",\n    category: \"entrance\",\n    classes:\n      \"animate-initial:opacity-0 animate-initial:y--20 animate-enter:opacity-100 animate-enter:y-0 animate-stagger-80 animate-duration-260 animate-ease-back-out\",\n    accessibility:\n      \"Use a live region with aria-live='polite' and provide enough time to read each notification.\",\n    adapters: [\"react\", \"vue\", \"vanilla\", \"react-native\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"notification-stack\"),\n  },\n  {\n    id: \"drag-reorder\",\n    name: \"Drag reorder\",\n    description:\n      \"Vertical drag with layout animation for reorderable list items.\",\n    category: \"interaction\",\n    classes:\n      \"animate-drag-y animate-layout-position animate-drag:scale-102 animate-spring animate-stiffness-320 animate-damping-30\",\n    accessibility:\n      \"Provide keyboard controls for reordering and announce the new position after a drop.\",\n    adapters: [\"react\", \"vue\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"drag-reorder\"),\n  },\n  {\n    id: \"parallax-scroll\",\n    name: \"Parallax scroll\",\n    description:\n      \"Map scroll progress to a Y translation so a layer moves at a different speed.\",\n    category: \"scroll\",\n    classes: \"animate-scroll:y-[-50,50] animate-scroll-container\",\n    accessibility:\n      \"Respect prefers-reduced-motion; parallax depth cues must not convey meaning exclusively.\",\n    adapters: [\"react\", \"vanilla\"],\n    ...COMMUNITY_METADATA,\n    source: source(\"parallax-scroll\"),\n  },\n];\n\nexport const BUILT_IN_PRESETS = Object.fromEntries(\n  MOTIONWIND_RECIPES.map((recipe) => [recipe.id, definePreset(recipe.classes)]),\n) as Record<string, string>;\n\nexport function getRecipe(id: string): MotionwindRecipe | undefined {\n  return MOTIONWIND_RECIPES.find((recipe) => recipe.id === id);\n}\n"]}

package/dist/recipes.d.cts

@@ -0,0 +1,19 @@
+interface MotionwindRecipe {
+    id: string;
+    name: string;
+    description: string;
+    category: "interaction" | "entrance" | "layout" | "loading" | "scroll";
+    classes: string;
+    accessibility: string;
+    adapters: readonly ("react" | "vue" | "vanilla" | "react-native")[];
+    maintainer: string;
+    version: string;
+    compatibleCore: string;
+    bundleImpact: string;
+    source: string;
+}
+declare const MOTIONWIND_RECIPES: readonly MotionwindRecipe[];
+declare const BUILT_IN_PRESETS: Record<string, string>;
+declare function getRecipe(id: string): MotionwindRecipe | undefined;
+
+export { BUILT_IN_PRESETS, MOTIONWIND_RECIPES, type MotionwindRecipe, getRecipe };

package/dist/recipes.d.ts

@@ -0,0 +1,19 @@
+interface MotionwindRecipe {
+    id: string;
+    name: string;
+    description: string;
+    category: "interaction" | "entrance" | "layout" | "loading" | "scroll";
+    classes: string;
+    accessibility: string;
+    adapters: readonly ("react" | "vue" | "vanilla" | "react-native")[];
+    maintainer: string;
+    version: string;
+    compatibleCore: string;
+    bundleImpact: string;
+    source: string;
+}
+declare const MOTIONWIND_RECIPES: readonly MotionwindRecipe[];
+declare const BUILT_IN_PRESETS: Record<string, string>;
+declare function getRecipe(id: string): MotionwindRecipe | undefined;
+
+export { BUILT_IN_PRESETS, MOTIONWIND_RECIPES, type MotionwindRecipe, getRecipe };

package/dist/recipes.js

@@ -0,0 +1,4 @@
+export { BUILT_IN_PRESETS, MOTIONWIND_RECIPES, getRecipe } from './chunk-IJZCYKTO.js';
+import './chunk-P6FC2RDE.js';
+//# sourceMappingURL=recipes.js.map
+//# sourceMappingURL=recipes.js.map

package/dist/recipes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"recipes.js"}