@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/motion/primitives-index.js

@@ -1,187 +1,227 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import * as m from "react";
-import { springs as g, tweens as w } from "../ui/lib/motion.js";
-import { cn as f } from "../ui/lib/utils.js";
-import { A as u, m as y } from "../_chunks/framer.js";
-const N = m.forwardRef(
-  ({ show: i, children: e, className: t, layout: o, layoutId: n, whileInView: s, viewportOnce: r = !0, viewportMargin: c = "-50px", ...l }, p) => {
-    const d = s ? {
-      initial: "hidden",
-      whileInView: "visible",
-      viewport: { once: r, margin: c }
-    } : {};
-    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: p,
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: w.fade,
-        className: f(t),
-        layout: o,
-        layoutId: n,
-        ...d,
-        ...l,
-        children: e
-      }
-    ) });
-  }
-);
-N.displayName = "MotionFade";
-const V = m.forwardRef(
-  ({ show: i, children: e, className: t, preset: o = "snappy", layout: n, layoutId: s, whileInView: r, viewportOnce: c = !0, viewportMargin: l = "-50px", ...p }, d) => {
-    const h = g[o], v = r ? {
-      initial: "hidden",
-      whileInView: "visible",
-      viewport: { once: c, margin: l }
-    } : {};
-    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: d,
-        initial: { opacity: 0, scale: 0.96 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.96 },
-        transition: { ...h, opacity: w.fade },
-        className: f(t),
-        layout: n,
-        layoutId: s,
-        ...v,
-        ...p,
-        children: e
-      }
-    ) });
-  }
-);
-V.displayName = "MotionScale";
-const b = m.forwardRef(
-  ({ show: i, children: e, className: t, preset: o = "bouncy", layout: n, layoutId: s, whileInView: r, viewportOnce: c = !0, viewportMargin: l = "-50px", ...p }, d) => {
-    const h = g[o], v = r ? {
-      initial: "hidden",
-      whileInView: "visible",
-      viewport: { once: c, margin: l }
-    } : {};
-    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: d,
-        initial: { opacity: 0, scale: 0.5 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.5 },
-        transition: { ...h, opacity: w.fade },
-        className: f(t),
-        layout: n,
-        layoutId: s,
-        ...v,
-        ...p,
-        children: e
-      }
-    ) });
-  }
-);
-b.displayName = "MotionPop";
-const P = m.forwardRef(
-  ({ show: i, children: e, className: t, preset: o = "smooth", direction: n = "up", layout: s, layoutId: r, whileInView: c, viewportOnce: l = !0, viewportMargin: p = "-50px", ...d }, h) => {
-    const v = g[o], x = {
-      up: { y: 16 },
-      down: { y: -16 },
-      left: { x: 16 },
-      right: { x: -16 }
-    }[n], M = c ? {
-      initial: "hidden",
-      whileInView: "visible",
-      viewport: { once: l, margin: p }
-    } : {};
-    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: h,
-        initial: { opacity: 0, ...x },
-        animate: { opacity: 1, x: 0, y: 0 },
-        exit: { opacity: 0, ...x },
-        transition: { ...v, opacity: w.fade },
-        className: f(t),
-        layout: s,
-        layoutId: r,
-        ...M,
-        ...d,
-        children: e
-      }
-    ) });
-  }
-);
-P.displayName = "MotionSlide";
-const R = m.forwardRef(
-  ({ show: i, children: e, className: t, preset: o = "gentle", layout: n, layoutId: s, ...r }, c) => {
-    const l = g[o];
-    return /* @__PURE__ */ a(u, { initial: !1, children: i && /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: c,
-        initial: { height: 0, opacity: 0, overflow: "hidden" },
-        animate: { height: "auto", opacity: 1, overflow: "hidden" },
-        exit: { height: 0, opacity: 0, overflow: "hidden" },
-        transition: { ...l, opacity: w.fade },
-        className: f(t),
-        layout: n,
-        layoutId: s,
-        ...r,
-        children: e
-      }
-    ) });
-  }
-);
-R.displayName = "MotionCollapse";
-const S = m.forwardRef(
-  ({ children: i, className: e, delay: t = 0.04, whileInView: o, viewportOnce: n = !0, viewportMargin: s = "-50px", ...r }, c) => {
-    const l = {
-      hidden: {},
-      visible: {
-        transition: { staggerChildren: t }
-      }
-    }, p = o ? { initial: "hidden", whileInView: "visible", viewport: { once: n, margin: s } } : { initial: "hidden", animate: "visible" };
-    return /* @__PURE__ */ a(
-      y.div,
-      {
-        ref: c,
-        variants: l,
-        className: f(e),
-        ...p,
-        ...r,
-        children: i
-      }
-    );
-  }
-);
-S.displayName = "MotionStagger";
-const I = {
-  hidden: { opacity: 0, y: 8 },
-  visible: {
-    opacity: 1,
-    y: 0,
-    transition: { ...g.smooth, opacity: w.fade }
-  }
-}, C = m.forwardRef(
-  ({ children: i, className: e, ...t }, o) => /* @__PURE__ */ a(
-    y.div,
-    {
-      ref: o,
-      variants: I,
-      className: f(e),
-      ...t,
-      children: i
-    }
-  )
-);
-C.displayName = "MotionStaggerItem";
-export {
-  R as MotionCollapse,
-  N as MotionFade,
-  b as MotionPop,
-  V as MotionScale,
-  P as MotionSlide,
-  S as MotionStagger,
-  C as MotionStaggerItem
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n, tweens as r } from "../ui/lib/motion.js";
+import { cn as i } from "../ui/lib/utils.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/motion/primitives.tsx
+var s = a.forwardRef(({ show: n, children: a, className: s, layout: c, layoutId: l, whileInView: u, viewportOnce: d = !0, viewportMargin: f = "-50px", ...p }, m) => {
+	let h = u ? {
+		initial: "hidden",
+		whileInView: "visible",
+		viewport: {
+			once: d,
+			margin: f
+		}
+	} : {};
+	return /* @__PURE__ */ o(t, { children: n && /* @__PURE__ */ o(e.div, {
+		ref: m,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: r.fade,
+		className: i(s),
+		layout: c,
+		layoutId: l,
+		...h,
+		...p,
+		children: a
+	}) });
+});
+s.displayName = "MotionFade";
+var c = a.forwardRef(({ show: a, children: s, className: c, preset: l = "snappy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
+	let _ = n[l], v = f ? {
+		initial: "hidden",
+		whileInView: "visible",
+		viewport: {
+			once: p,
+			margin: m
+		}
+	} : {};
+	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+		ref: g,
+		initial: {
+			opacity: 0,
+			scale: .96
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .96
+		},
+		transition: {
+			..._,
+			opacity: r.fade
+		},
+		className: i(c),
+		layout: u,
+		layoutId: d,
+		...v,
+		...h,
+		children: s
+	}) });
+});
+c.displayName = "MotionScale";
+var l = a.forwardRef(({ show: a, children: s, className: c, preset: l = "bouncy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
+	let _ = n[l], v = f ? {
+		initial: "hidden",
+		whileInView: "visible",
+		viewport: {
+			once: p,
+			margin: m
+		}
+	} : {};
+	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+		ref: g,
+		initial: {
+			opacity: 0,
+			scale: .5
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .5
+		},
+		transition: {
+			..._,
+			opacity: r.fade
+		},
+		className: i(c),
+		layout: u,
+		layoutId: d,
+		...v,
+		...h,
+		children: s
+	}) });
+});
+l.displayName = "MotionPop";
+var u = a.forwardRef(({ show: a, 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 = n[l], y = {
+		up: { y: 16 },
+		down: { y: -16 },
+		left: { x: 16 },
+		right: { x: -16 }
+	}[u], b = p ? {
+		initial: "hidden",
+		whileInView: "visible",
+		viewport: {
+			once: m,
+			margin: h
+		}
+	} : {};
+	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+		ref: _,
+		initial: {
+			opacity: 0,
+			...y
+		},
+		animate: {
+			opacity: 1,
+			x: 0,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			...y
+		},
+		transition: {
+			...v,
+			opacity: r.fade
+		},
+		className: i(c),
+		layout: d,
+		layoutId: f,
+		...b,
+		...g,
+		children: s
+	}) });
+});
+u.displayName = "MotionSlide";
+var d = a.forwardRef(({ show: a, children: s, className: c, preset: l = "gentle", layout: u, layoutId: d, ...f }, p) => {
+	let m = n[l];
+	return /* @__PURE__ */ o(t, {
+		initial: !1,
+		children: a && /* @__PURE__ */ o(e.div, {
+			ref: p,
+			initial: {
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			},
+			animate: {
+				height: "auto",
+				opacity: 1,
+				overflow: "hidden"
+			},
+			exit: {
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			},
+			transition: {
+				...m,
+				opacity: r.fade
+			},
+			className: i(c),
+			layout: u,
+			layoutId: d,
+			...f,
+			children: s
+		})
+	});
+});
+d.displayName = "MotionCollapse";
+var f = a.forwardRef(({ children: t, className: n, delay: r = .04, whileInView: a, viewportOnce: s = !0, viewportMargin: c = "-50px", ...l }, u) => {
+	let d = {
+		hidden: {},
+		visible: { transition: { staggerChildren: r } }
+	}, f = a ? {
+		initial: "hidden",
+		whileInView: "visible",
+		viewport: {
+			once: s,
+			margin: c
+		}
+	} : {
+		initial: "hidden",
+		animate: "visible"
+	};
+	return /* @__PURE__ */ o(e.div, {
+		ref: u,
+		variants: d,
+		className: i(n),
+		...f,
+		...l,
+		children: t
+	});
+});
+f.displayName = "MotionStagger";
+var p = {
+	hidden: {
+		opacity: 0,
+		y: 8
+	},
+	visible: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			...n.smooth,
+			opacity: r.fade
+		}
+	}
+}, m = a.forwardRef(({ children: t, className: n, ...r }, a) => /* @__PURE__ */ o(e.div, {
+	ref: a,
+	variants: p,
+	className: i(n),
+	...r,
+	children: t
+}));
+m.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 };