@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/composed/status-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.js","names":[],"sources":["../../src/composed/status-badge.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Badge } from '../ui/badge'\nimport { Dot, type DotColor } from '../ui/dot'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { motionProps } from '../ui/lib/motion'\n\n/**\n * Domain work-statuses → the shared intent colour used by both the Badge pill\n * and the leading Dot. StatusBadge is a thin semantic wrapper: it owns the\n * status vocabulary and composes `<Badge>` + `<Dot>` rather than re-styling a pill.\n */\ntype StatusKey =\n  | 'active' | 'pending' | 'approved' | 'rejected' | 'completed'\n  | 'blocked' | 'in-progress' | 'review' | 'cancelled' | 'draft'\n\n// Intent colours shared by Badge + Dot (never 'current' — that's a Badge-internal mode).\ntype IntentColor = Exclude<DotColor, 'current'>\n\nconst STATUS_TO_COLOR: Record<StatusKey, IntentColor> = {\n  active: 'success',\n  approved: 'success',\n  completed: 'success',\n  pending: 'warning',\n  rejected: 'error',\n  blocked: 'error',\n  'in-progress': 'accent',\n  review: 'info',\n  cancelled: 'neutral',\n  draft: 'neutral',\n}\n\ntype StatusColor = 'success' | 'warning' | 'error' | 'info' | 'neutral'\n\ninterface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {\n  label?: string\n  hideDot?: boolean\n  size?: 'sm' | 'md'\n  onClick?: () => void\n  /** Trailing icon. When omitted on a clickable badge, a chevron is shown. */\n  icon?: IconInput\n}\n\ninterface StatusBadgeWithStatus extends StatusBadgeBaseProps {\n  status?: StatusKey\n  color?: never\n}\n\ninterface StatusBadgeWithColor extends StatusBadgeBaseProps {\n  status?: never\n  color: StatusColor\n}\n\nexport type StatusBadgeProps = StatusBadgeWithStatus | StatusBadgeWithColor\n\n/* Between durations.moderate02 (0.24) and slow01 (0.4) — smooth status morph. */\nconst statusMorphTransition = { duration: 0.3, ease: 'easeOut' as const }\n\nconst titleCase = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nconst StatusBadge = React.forwardRef<HTMLElement, StatusBadgeProps>(\n  ({ status, color, size = 'md', label, hideDot = false, onClick, icon, className, ...props }, ref) => {\n    // A `color` wins if given; otherwise derive from `status` (default 'pending').\n    const key = color ?? status ?? 'pending'\n    const dotColor: IntentColor = color ?? STATUS_TO_COLOR[(status ?? 'pending') as StatusKey]\n    const displayLabel = label ?? titleCase(color ?? status ?? 'pending').replace('-', ' ')\n    const isClickable = onClick != null\n\n    // Trailing: an explicit icon, else a chevron for clickable badges.\n    const endIcon: IconInput | undefined = icon ?? (isClickable ? IconChevronDown : undefined)\n\n    return (\n      <AnimatePresence mode=\"wait\">\n        <motion.span\n          key={key}\n          initial={{ opacity: 0.6, scale: 0.95 }}\n          animate={{ opacity: 1, scale: 1 }}\n          exit={{ opacity: 0.6, scale: 0.95 }}\n          transition={statusMorphTransition}\n          className=\"inline-flex\"\n          {...motionProps(props)}\n        >\n          <Badge\n            ref={ref}\n            variant=\"soft\"\n            color={dotColor}\n            size={size}\n            onClick={onClick}\n            startIcon={!hideDot ? <Dot color={dotColor} size=\"sm\" /> : undefined}\n            endIcon={endIcon}\n            className={className}\n          >\n            {displayLabel}\n          </Badge>\n        </motion.span>\n      </AnimatePresence>\n    )\n  },\n)\nStatusBadge.displayName = 'StatusBadge'\n\nexport { StatusBadge }\n"],"mappings":";;;;;;;;;AAuBA,IAAM,IAAkD;CACtD,QAAQ;CACR,UAAU;CACV,WAAW;CACX,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,QAAQ;CACR,WAAW;CACX,OAAO;AACT,GA0BM,IAAwB;CAAE,UAAU;CAAK,MAAM;AAAmB,GAElE,KAAa,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC,GAEhE,IAAc,EAAM,YACvB,EAAE,WAAQ,UAAO,UAAO,MAAM,UAAO,aAAU,IAAO,YAAS,SAAM,cAAW,GAAG,KAAS,MAAQ;CAEnG,IAAM,IAAM,KAAS,KAAU,WACzB,IAAwB,KAAS,EAAiB,KAAU,YAC5D,IAAe,KAAS,EAAU,KAAS,KAAU,SAAS,CAAC,CAAC,QAAQ,KAAK,GAAG,GAIhF,IAAiC,MAHnB,KAAW,OAGiD,KAAA,IAAlB;CAE9D,OACE,kBAAC,GAAD;EAAiB,MAAK;YACpB,kBAAC,EAAO,MAAR;GAEE,SAAS;IAAE,SAAS;IAAK,OAAO;GAAK;GACrC,SAAS;IAAE,SAAS;IAAG,OAAO;GAAE;GAChC,MAAM;IAAE,SAAS;IAAK,OAAO;GAAK;GAClC,YAAY;GACZ,WAAU;GACV,GAAI,EAAY,CAAK;aAErB,kBAAC,GAAD;IACO;IACL,SAAQ;IACR,OAAO;IACD;IACG;IACT,WAAY,IAA+C,KAAA,IAArC,kBAAC,GAAD;KAAK,OAAO;KAAU,MAAK;IAAM,CAAA;IAC9C;IACE;cAEV;GACI,CAAA;EACI,GApBN,CAoBM;CACE,CAAA;AAErB,CACF;AACA,EAAY,cAAc"}
+{"version":3,"file":"status-badge.js","names":[],"sources":["../../src/composed/status-badge.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport { Badge } from '../ui/badge'\nimport { Dot, type DotColor } from '../ui/dot'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { motionProps } from '../ui/lib/motion'\n\n/**\n * Domain work-statuses → the shared intent colour used by both the Badge pill\n * and the leading Dot. StatusBadge is a thin semantic wrapper: it owns the\n * status vocabulary and composes `<Badge>` + `<Dot>` rather than re-styling a pill.\n */\ntype StatusKey =\n  | 'active' | 'pending' | 'approved' | 'rejected' | 'completed'\n  | 'blocked' | 'in-progress' | 'review' | 'cancelled' | 'draft'\n\n// Intent colours shared by Badge + Dot (never 'current' — that's a Badge-internal mode).\ntype IntentColor = Exclude<DotColor, 'current'>\n\nconst STATUS_TO_COLOR: Record<StatusKey, IntentColor> = {\n  active: 'success',\n  approved: 'success',\n  completed: 'success',\n  pending: 'warning',\n  rejected: 'error',\n  blocked: 'error',\n  'in-progress': 'accent',\n  review: 'info',\n  cancelled: 'neutral',\n  draft: 'neutral',\n}\n\ntype StatusColor = 'success' | 'warning' | 'error' | 'info' | 'neutral'\n\ninterface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {\n  label?: string\n  hideDot?: boolean\n  size?: 'sm' | 'md'\n  onClick?: () => void\n  /** Trailing icon. When omitted on a clickable badge, a chevron is shown. */\n  icon?: IconInput\n}\n\ninterface StatusBadgeWithStatus extends StatusBadgeBaseProps {\n  status?: StatusKey\n  color?: never\n}\n\ninterface StatusBadgeWithColor extends StatusBadgeBaseProps {\n  status?: never\n  color: StatusColor\n}\n\nexport type StatusBadgeProps = StatusBadgeWithStatus | StatusBadgeWithColor\n\n/* Between durations.moderate02 (0.24) and slow01 (0.4) — smooth status morph. */\nconst statusMorphTransition = { duration: 0.3, ease: 'easeOut' as const }\n\nconst titleCase = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nconst StatusBadge = React.forwardRef<HTMLElement, StatusBadgeProps>(\n  ({ status, color, size = 'md', label, hideDot = false, onClick, icon, className, ...props }, ref) => {\n    // A `color` wins if given; otherwise derive from `status` (default 'pending').\n    const key = color ?? status ?? 'pending'\n    const dotColor: IntentColor = color ?? STATUS_TO_COLOR[(status ?? 'pending') as StatusKey]\n    const displayLabel = label ?? titleCase(color ?? status ?? 'pending').replace('-', ' ')\n    const isClickable = onClick != null\n\n    // Trailing: an explicit icon, else a chevron for clickable badges.\n    const endIcon: IconInput | undefined = icon ?? (isClickable ? IconChevronDown : undefined)\n\n    return (\n      <MotionPreference>\n        <AnimatePresence mode=\"wait\">\n          <motion.span\n            key={key}\n            initial={{ opacity: 0.6, scale: 0.95 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0.6, scale: 0.95 }}\n            transition={statusMorphTransition}\n            className=\"inline-flex\"\n            {...motionProps(props)}\n          >\n            <Badge\n              ref={ref}\n              variant=\"soft\"\n              color={dotColor}\n              size={size}\n              onClick={onClick}\n              startIcon={!hideDot ? <Dot color={dotColor} size=\"sm\" /> : undefined}\n              endIcon={endIcon}\n              className={className}\n            >\n              {displayLabel}\n            </Badge>\n          </motion.span>\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nStatusBadge.displayName = 'StatusBadge'\n\nexport { StatusBadge }\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,IAAkD;CACtD,QAAQ;CACR,UAAU;CACV,WAAW;CACX,SAAS;CACT,UAAU;CACV,SAAS;CACT,eAAe;CACf,QAAQ;CACR,WAAW;CACX,OAAO;AACT,GA0BM,IAAwB;CAAE,UAAU;CAAK,MAAM;AAAmB,GAElE,KAAa,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC,GAEhE,IAAc,EAAM,YACvB,EAAE,WAAQ,UAAO,UAAO,MAAM,UAAO,aAAU,IAAO,YAAS,SAAM,cAAW,GAAG,KAAS,MAAQ;CAEnG,IAAM,IAAM,KAAS,KAAU,WACzB,IAAwB,KAAS,EAAiB,KAAU,YAC5D,IAAe,KAAS,EAAU,KAAS,KAAU,SAAS,CAAC,CAAC,QAAQ,KAAK,GAAG,GAIhF,IAAiC,MAHnB,KAAW,OAGiD,KAAA,IAAlB;CAE9D,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAiB,MAAK;YACpB,kBAAC,EAAO,MAAR;GAEE,SAAS;IAAE,SAAS;IAAK,OAAO;GAAK;GACrC,SAAS;IAAE,SAAS;IAAG,OAAO;GAAE;GAChC,MAAM;IAAE,SAAS;IAAK,OAAO;GAAK;GAClC,YAAY;GACZ,WAAU;GACV,GAAI,EAAY,CAAK;aAErB,kBAAC,GAAD;IACO;IACL,SAAQ;IACR,OAAO;IACD;IACG;IACT,WAAY,IAA+C,KAAA,IAArC,kBAAC,GAAD;KAAK,OAAO;KAAU,MAAK;IAAM,CAAA;IAC9C;IACE;cAEV;GACI,CAAA;EACI,GApBN,CAoBM;CACE,CAAA,EACD,CAAA;AAEtB,CACF;AACA,EAAY,cAAc"}

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export { toast } from '../ui/toast.js';
 export type { ToastActionOptions, ToastOptions, ToastType, ToastUndoOptions, ToastUploadOptions, UploadFile, } from '../ui/toast-types.js';
 export { type ColorMode, useColorMode } from './use-color-mode.js';
+export { type ContainerSize, useContainerSize } from './use-container-size.js';
 export { useIsMobile } from './use-mobile.js';
 export { useTouchDevice } from './use-touch-device.js';
 export { useViewportHeight } from './use-viewport-height.js';

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAC,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAC,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,KAAK,aAAa,EAAC,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/hooks/index.js

@@ -2,6 +2,7 @@
 import { useIsMobile as e } from "./use-mobile.js";
 import { toast as t } from "../ui/toast.js";
 import { useColorMode as n } from "./use-color-mode.js";
-import { useTouchDevice as r } from "./use-touch-device.js";
-import { useViewportHeight as i } from "./use-viewport-height.js";
-export { t as toast, n as useColorMode, e as useIsMobile, r as useTouchDevice, i as useViewportHeight };
+import { useContainerSize as r } from "./use-container-size.js";
+import { useTouchDevice as i } from "./use-touch-device.js";
+import { useViewportHeight as a } from "./use-viewport-height.js";
+export { t as toast, n as useColorMode, r as useContainerSize, e as useIsMobile, i as useTouchDevice, a as useViewportHeight };

package/dist/hooks/use-container-size.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface ContainerSize {
+    width: number;
+    height: number;
+}
+/**
+ * Tracks an element's content-box size via `ResizeObserver`. Attach the
+ * returned `ref` to the element you want to measure.
+ *
+ * SSR-safe: returns `{ width: 0, height: 0 }` until the ref is attached and
+ * the observer fires.
+ */
+export declare function useContainerSize<T extends Element = HTMLDivElement>(): {
+    ref: React.RefCallback<T>;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=use-container-size.d.ts.map

package/dist/hooks/use-container-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-size.d.ts","sourceRoot":"","sources":["../../src/hooks/use-container-size.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,cAAc,KAAK;IACtE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAuBA"}

package/dist/hooks/use-container-size.js

@@ -0,0 +1,28 @@
+"use client";
+import * as e from "react";
+//#region src/hooks/use-container-size.ts
+function t() {
+	let [t, n] = e.useState({
+		width: 0,
+		height: 0
+	}), r = e.useRef(null), i = e.useRef(null), a = e.useCallback((e) => {
+		if (i.current?.disconnect(), r.current = e, !e) return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let { width: r, height: i } = t.contentRect;
+			n((e) => e.width === r && e.height === i ? e : {
+				width: r,
+				height: i
+			});
+		});
+		t.observe(e), i.current = t;
+	}, []);
+	return e.useEffect(() => () => i.current?.disconnect(), []), {
+		ref: a,
+		width: t.width,
+		height: t.height
+	};
+}
+//#endregion
+export { t as useContainerSize };

package/dist/hooks/use-container-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-container-size.js","names":[],"sources":["../../src/hooks/use-container-size.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nexport interface ContainerSize {\n  width: number\n  height: number\n}\n\n/**\n * Tracks an element's content-box size via `ResizeObserver`. Attach the\n * returned `ref` to the element you want to measure.\n *\n * SSR-safe: returns `{ width: 0, height: 0 }` until the ref is attached and\n * the observer fires.\n */\nexport function useContainerSize<T extends Element = HTMLDivElement>(): {\n  ref: React.RefCallback<T>\n  width: number\n  height: number\n} {\n  const [size, setSize] = React.useState<ContainerSize>({ width: 0, height: 0 })\n  const elementRef = React.useRef<T | null>(null)\n  const observerRef = React.useRef<ResizeObserver | null>(null)\n\n  const ref = React.useCallback((node: T | null) => {\n    observerRef.current?.disconnect()\n    elementRef.current = node\n    if (!node) return\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0]\n      if (!entry) return\n      const { width, height } = entry.contentRect\n      setSize((prev) => (prev.width === width && prev.height === height ? prev : { width, height }))\n    })\n    observer.observe(node)\n    observerRef.current = observer\n  }, [])\n\n  React.useEffect(() => () => observerRef.current?.disconnect(), [])\n\n  return { ref, width: size.width, height: size.height }\n}\n"],"mappings":";;;AAgBA,SAAgB,IAId;CACA,IAAM,CAAC,GAAM,KAAW,EAAM,SAAwB;EAAE,OAAO;EAAG,QAAQ;CAAE,CAAC,GACvE,IAAa,EAAM,OAAiB,IAAI,GACxC,IAAc,EAAM,OAA8B,IAAI,GAEtD,IAAM,EAAM,aAAa,MAAmB;EAGhD,IAFA,EAAY,SAAS,WAAW,GAChC,EAAW,UAAU,GACjB,CAAC,GAAM;EAEX,IAAM,IAAW,IAAI,gBAAgB,MAAY;GAC/C,IAAM,IAAQ,EAAQ;GACtB,IAAI,CAAC,GAAO;GACZ,IAAM,EAAE,UAAO,cAAW,EAAM;GAChC,GAAS,MAAU,EAAK,UAAU,KAAS,EAAK,WAAW,IAAS,IAAO;IAAE;IAAO;GAAO,CAAE;EAC/F,CAAC;EAED,AADA,EAAS,QAAQ,CAAI,GACrB,EAAY,UAAU;CACxB,GAAG,CAAC,CAAC;CAIL,OAFA,EAAM,sBAAsB,EAAY,SAAS,WAAW,GAAG,CAAC,CAAC,GAE1D;EAAE;EAAK,OAAO,EAAK;EAAO,QAAQ,EAAK;CAAO;AACvD"}

package/dist/motion/index.d.ts

@@ -1,3 +1,4 @@
 export { motionProps, type SpringPreset, springs, stagger, type TweenPreset, tweens, withReducedMotion } from '../ui/lib/motion.js';
+export { MotionPreference, type MotionPreferenceProps } from './motion-preference.js';
 export { MotionProvider, type MotionProviderProps, useMotion } from './motion-provider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/motion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/H,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/H,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/motion/index.js

@@ -1,18 +1,5 @@
 "use client";
 import { motionProps as e, springs as t, stagger as n, tweens as r, withReducedMotion as i } from "../ui/lib/motion.js";
 import { MotionProvider as a, useMotion as o } from "../_chunks/motion-provider.js";
-//#region src/motion/check-motion-provider.ts
-var s = !1;
-function c() {
-	if (!s && !(typeof window > "u")) {
-		try {
-			return;
-		} catch {}
-		s = !0, console.info("[shilp-sutra] Tip: Wrap your app in <MotionProvider> for reduced-motion support across all shilp-sutra animations. See https://www.npmjs.com/package/@devalok/shilp-sutra");
-	}
-}
-//#endregion
-//#region src/motion/index.ts
-c();
-//#endregion
-export { a as MotionProvider, e as motionProps, t as springs, n as stagger, r as tweens, o as useMotion, i as withReducedMotion };
+import { MotionPreference as s } from "../_chunks/motion-preference.js";
+export { s as MotionPreference, a as MotionProvider, e as motionProps, t as springs, n as stagger, r as tweens, o as useMotion, i as withReducedMotion };

package/dist/motion/motion-preference.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+type MotionPreferenceProps = {
+    children: React.ReactNode;
+};
+/**
+ * Makes the OS `prefers-reduced-motion` setting the DEFAULT for a component's
+ * animations, instead of something the consumer has to opt into.
+ *
+ * Framer Motion's `MotionConfigContext` defaults to `reducedMotion: "never"` —
+ * meaning every `motion.*` element ignores the OS setting until some ancestor
+ * says otherwise. Our only ancestor that says otherwise is `<MotionProvider>`,
+ * which consumers are not required to mount, so out of the box the whole
+ * library animated straight through a reduced-motion preference.
+ *
+ * Wrapping a component's root in this fixes that for the subtree. Under
+ * `"user"`, Framer suppresses exactly the positional keys — width, height,
+ * top/left/right/bottom and every transform — and leaves opacity, colour and
+ * filter animating normally. That is the behaviour WCAG 2.3.3 asks for: kill
+ * the movement, keep the fade.
+ *
+ * It renders no DOM, and defers to anything that has already made the call:
+ *
+ * - a mounted `<MotionProvider>` owns the decision, including the deliberate
+ *   `reducedMotion={false}` "animate regardless" override;
+ * - a bare `<MotionConfig>` that has moved off the default was set on purpose;
+ * - nesting is self-cancelling — the outermost wrapper configures the context,
+ *   and every one below it sees a non-default value and passes straight through.
+ *
+ * The one case it cannot read is a consumer who mounts `<MotionConfig
+ * reducedMotion="never">` by hand to force animation on. That is
+ * indistinguishable from the framework default, so this wrapper overrides it.
+ * `<MotionProvider reducedMotion={false}>` is the supported way to express it.
+ */
+declare function MotionPreference({ children }: MotionPreferenceProps): React.JSX.Element;
+export { MotionPreference, type MotionPreferenceProps };
+//# sourceMappingURL=motion-preference.d.ts.map

package/dist/motion/motion-preference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-preference.d.ts","sourceRoot":"","sources":["../../src/motion/motion-preference.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAQ5D;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAA"}

package/dist/motion/motion-provider.d.ts

@@ -6,6 +6,7 @@ type MotionContextValue = {
     tweens: typeof tweens;
     reducedMotion: boolean;
 };
+declare const MotionContext: React.Context<MotionContextValue | null>;
 type MotionProviderProps = {
     children: React.ReactNode;
     /** 'user' = detect OS preference, true = force off, false = force on */
@@ -13,5 +14,5 @@ type MotionProviderProps = {
 };
 declare function MotionProvider({ children, reducedMotion }: MotionProviderProps): React.JSX.Element;
 declare function useMotion(): MotionContextValue;
-export { MotionProvider, type MotionProviderProps, useMotion };
+export { MotionContext, MotionProvider, type MotionProviderProps, useMotion };
 //# sourceMappingURL=motion-provider.d.ts.map

package/dist/motion/motion-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAOD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,qBAgBhF;AAED,iBAAS,SAAS,IAAI,kBAAkB,CAMvC;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,CAAA"}
+{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAKD,QAAA,MAAM,aAAa,0CAAuD,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,qBAgBhF;AAED,iBAAS,SAAS,IAAI,kBAAkB,CAMvC;AAED,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,CAAA"}

package/dist/motion/primitives-index.js

@@ -1,45 +1,46 @@
 "use client";
 import { springs as e, tweens as t } from "../ui/lib/motion.js";
-import { cn as n } from "../ui/lib/utils.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { AnimatePresence as a, motion as o } from "framer-motion";
+import { MotionPreference as n } from "../_chunks/motion-preference.js";
+import { cn as r } from "../ui/lib/utils.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { AnimatePresence as o, motion as s } from "framer-motion";
 //#region src/motion/primitives.tsx
-var s = r.forwardRef(({ show: e, children: r, className: s, layout: c, layoutId: l, whileInView: u, viewportOnce: d = !0, viewportMargin: f = "-50px", ...p }, m) => {
-	let h = u ? {
+var c = i.forwardRef(({ show: e, children: i, className: c, layout: l, layoutId: u, whileInView: d, viewportOnce: f = !0, viewportMargin: p = "-50px", ...m }, h) => {
+	let g = d ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: d,
-			margin: f
+			once: f,
+			margin: p
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: e && /* @__PURE__ */ i(o.div, {
-		ref: m,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: e && /* @__PURE__ */ a(s.div, {
+		ref: h,
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t.fade,
-		className: n(s),
-		layout: c,
-		layoutId: l,
-		...h,
-		...p,
-		children: r
-	}) });
+		className: r(c),
+		layout: l,
+		layoutId: u,
+		...g,
+		...m,
+		children: i
+	}) }) });
 });
-s.displayName = "MotionFade";
-var c = r.forwardRef(({ show: r, children: s, className: c, preset: l = "snappy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = e[l], v = f ? {
+c.displayName = "MotionFade";
+var l = i.forwardRef(({ show: i, children: c, className: l, preset: u = "snappy", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
+	let v = e[u], y = p ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: p,
-			margin: m
+			once: m,
+			margin: h
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: g,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: _,
 		initial: {
 			opacity: 0,
 			scale: .96
@@ -53,29 +54,29 @@ var c = r.forwardRef(({ show: r, children: s, className: c, preset: l = "snappy"
 			scale: .96
 		},
 		transition: {
-			..._,
+			...v,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: u,
-		layoutId: d,
-		...v,
-		...h,
-		children: s
-	}) });
+		className: r(l),
+		layout: d,
+		layoutId: f,
+		...y,
+		...g,
+		children: c
+	}) }) });
 });
-c.displayName = "MotionScale";
-var l = r.forwardRef(({ show: r, children: s, className: c, preset: l = "bouncy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = e[l], v = f ? {
+l.displayName = "MotionScale";
+var u = i.forwardRef(({ show: i, children: c, className: l, preset: u = "bouncy", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
+	let v = e[u], y = p ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: p,
-			margin: m
+			once: m,
+			margin: h
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: g,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: _,
 		initial: {
 			opacity: 0,
 			scale: .5
@@ -89,37 +90,37 @@ var l = r.forwardRef(({ show: r, children: s, className: c, preset: l = "bouncy"
 			scale: .5
 		},
 		transition: {
-			..._,
+			...v,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: u,
-		layoutId: d,
-		...v,
-		...h,
-		children: s
-	}) });
+		className: r(l),
+		layout: d,
+		layoutId: f,
+		...y,
+		...g,
+		children: c
+	}) }) });
 });
-l.displayName = "MotionPop";
-var u = r.forwardRef(({ show: r, children: s, className: c, preset: l = "smooth", direction: u = "up", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
-	let v = e[l], y = {
+u.displayName = "MotionPop";
+var d = i.forwardRef(({ show: i, children: c, className: l, preset: u = "smooth", direction: d = "up", layout: f, layoutId: p, whileInView: m, viewportOnce: h = !0, viewportMargin: g = "-50px", ..._ }, v) => {
+	let y = e[u], b = {
 		up: { y: 16 },
 		down: { y: -16 },
 		left: { x: 16 },
 		right: { x: -16 }
-	}[u], b = p ? {
+	}[d], x = m ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: m,
-			margin: h
+			once: h,
+			margin: g
 		}
 	} : {};
-	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
-		ref: _,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { children: i && /* @__PURE__ */ a(s.div, {
+		ref: v,
 		initial: {
 			opacity: 0,
-			...y
+			...b
 		},
 		animate: {
 			opacity: 1,
@@ -128,27 +129,27 @@ var u = r.forwardRef(({ show: r, children: s, className: c, preset: l = "smooth"
 		},
 		exit: {
 			opacity: 0,
-			...y
+			...b
 		},
 		transition: {
-			...v,
+			...y,
 			opacity: t.fade
 		},
-		className: n(c),
-		layout: d,
-		layoutId: f,
-		...b,
-		...g,
-		children: s
-	}) });
+		className: r(l),
+		layout: f,
+		layoutId: p,
+		...x,
+		..._,
+		children: c
+	}) }) });
 });
-u.displayName = "MotionSlide";
-var d = r.forwardRef(({ show: r, children: s, className: c, preset: l = "gentle", layout: u, layoutId: d, ...f }, p) => {
-	let m = e[l];
-	return /* @__PURE__ */ i(a, {
+d.displayName = "MotionSlide";
+var f = i.forwardRef(({ show: i, children: c, className: l, preset: u = "gentle", layout: d, layoutId: f, ...p }, m) => {
+	let h = e[u];
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, {
 		initial: !1,
-		children: r && /* @__PURE__ */ i(o.div, {
-			ref: p,
+		children: i && /* @__PURE__ */ a(s.div, {
+			ref: m,
 			initial: {
 				height: 0,
 				opacity: 0,
@@ -165,44 +166,44 @@ var d = r.forwardRef(({ show: r, children: s, className: c, preset: l = "gentle"
 				overflow: "hidden"
 			},
 			transition: {
-				...m,
+				...h,
 				opacity: t.fade
 			},
-			className: n(c),
-			layout: u,
-			layoutId: d,
-			...f,
-			children: s
+			className: r(l),
+			layout: d,
+			layoutId: f,
+			...p,
+			children: c
 		})
-	});
+	}) });
 });
-d.displayName = "MotionCollapse";
-var f = r.forwardRef(({ children: e, className: t, delay: r = .04, whileInView: a, viewportOnce: s = !0, viewportMargin: c = "-50px", ...l }, u) => {
-	let d = {
+f.displayName = "MotionCollapse";
+var p = i.forwardRef(({ children: e, className: t, delay: i = .04, whileInView: o, viewportOnce: c = !0, viewportMargin: l = "-50px", ...u }, d) => {
+	let f = {
 		hidden: {},
-		visible: { transition: { staggerChildren: r } }
-	}, f = a ? {
+		visible: { transition: { staggerChildren: i } }
+	}, p = o ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
-			once: s,
-			margin: c
+			once: c,
+			margin: l
 		}
 	} : {
 		initial: "hidden",
 		animate: "visible"
 	};
-	return /* @__PURE__ */ i(o.div, {
-		ref: u,
-		variants: d,
-		className: n(t),
-		...f,
-		...l,
+	return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(s.div, {
+		ref: d,
+		variants: f,
+		className: r(t),
+		...p,
+		...u,
 		children: e
-	});
+	}) });
 });
-f.displayName = "MotionStagger";
-var p = {
+p.displayName = "MotionStagger";
+var m = {
 	hidden: {
 		opacity: 0,
 		y: 8
@@ -215,13 +216,13 @@ var p = {
 			opacity: t.fade
 		}
 	}
-}, m = r.forwardRef(({ children: e, className: t, ...r }, a) => /* @__PURE__ */ i(o.div, {
-	ref: a,
-	variants: p,
-	className: n(t),
-	...r,
+}, h = i.forwardRef(({ children: e, className: t, ...i }, o) => /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(s.div, {
+	ref: o,
+	variants: m,
+	className: r(t),
+	...i,
 	children: e
-}));
-m.displayName = "MotionStaggerItem";
+}) }));
+h.displayName = "MotionStaggerItem";
 //#endregion
-export { d as MotionCollapse, s as MotionFade, l as MotionPop, c as MotionScale, u as MotionSlide, f as MotionStagger, m as MotionStaggerItem };
+export { f as MotionCollapse, c as MotionFade, u as MotionPop, l as MotionScale, d as MotionSlide, p as MotionStagger, h as MotionStaggerItem };

package/dist/motion/primitives-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { AnimatePresence, type HTMLMotionProps,motion, type Transition, type Variants } from 'framer-motion'\nimport * as React from 'react'\n\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={tweens.fade}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.96 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.96 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.5 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.5 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, ...offset }}\n            animate={{ opacity: 1, x: 0, y: 0 }}\n            exit={{ opacity: 0, ...offset }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <AnimatePresence initial={false}>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n            exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <motion.div\n        ref={ref}\n        variants={variants}\n        className={cn(className)}\n        {...viewProps}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <motion.div\n        ref={ref}\n        variants={itemVariants}\n        className={cn(className)}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionCollapse,\n  MotionFade,\n  MotionPop,\n  type MotionPrimitiveProps,\n  MotionScale,\n  MotionSlide,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}
+{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { AnimatePresence, type HTMLMotionProps,motion, type Transition, type Variants } from 'framer-motion'\nimport * as React from 'react'\n\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\nimport { MotionPreference } from './motion-preference'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={tweens.fade}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, scale: 0.96 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.96 }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, scale: 0.5 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.5 }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <MotionPreference>\n        <AnimatePresence>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ opacity: 0, ...offset }}\n              animate={{ opacity: 1, x: 0, y: 0 }}\n              exit={{ opacity: 0, ...offset }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...inViewProps}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <MotionPreference>\n        <AnimatePresence initial={false}>\n          {show && (\n            <motion.div\n              ref={ref}\n              initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n              animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n              exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n              transition={{ ...spring, opacity: tweens.fade }}\n              className={cn(className)}\n              layout={layout}\n              layoutId={layoutId}\n              {...rest}\n            >\n              {children}\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </MotionPreference>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <MotionPreference>\n        <motion.div\n          ref={ref}\n          variants={variants}\n          className={cn(className)}\n          {...viewProps}\n          {...rest}\n        >\n          {children}\n        </motion.div>\n      </MotionPreference>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <MotionPreference>\n        <motion.div\n          ref={ref}\n          variants={itemVariants}\n          className={cn(className)}\n          {...rest}\n        >\n          {children}\n        </motion.div>\n      </MotionPreference>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionCollapse,\n  MotionFade,\n  MotionPop,\n  type MotionPrimitiveProps,\n  MotionScale,\n  MotionSlide,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}

package/dist/motion/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,eAAe,EAAyC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA6Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GA8BhB,CAAA;AAMD,QAAA,MAAM,SAAS,8GA8Bd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAsCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GAwBnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GAyBlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAazG,CAAA;AAGD,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,CAAA"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,eAAe,EAAyC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAOpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA+Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GAgChB,CAAA;AAMD,QAAA,MAAM,SAAS,8GAgCd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAwCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GA0BnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GA2BlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAezG,CAAA;AAGD,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,CAAA"}