@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/_chunks/motion-provider.js

@@ -1,24 +1,30 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "react";
-import { tweens as s, springs as n } from "../ui/lib/motion.js";
-import { u as f, M as m } from "./framer.js";
-const i = o.createContext({
-  springs: n,
-  tweens: s,
-  reducedMotion: !1
+import { n as e, o as t } from "./framer.js";
+import { springs as n, tweens as r } from "../ui/lib/motion.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/motion/motion-provider.tsx
+var o = i.createContext({
+	springs: n,
+	tweens: r,
+	reducedMotion: !1
 });
-function l({ children: u, reducedMotion: e = "user" }) {
-  const a = f() ?? !1, r = e === "user" ? a : e, c = o.useMemo(
-    () => ({ springs: n, tweens: s, reducedMotion: r }),
-    [r]
-  );
-  return /* @__PURE__ */ t(i.Provider, { value: c, children: /* @__PURE__ */ t(m, { reducedMotion: e === "user" ? "user" : e ? "always" : "never", children: u }) });
+function s({ children: s, reducedMotion: c = "user" }) {
+	let l = e() ?? !1, u = c === "user" ? l : c, d = i.useMemo(() => ({
+		springs: n,
+		tweens: r,
+		reducedMotion: u
+	}), [u]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: d,
+		children: /* @__PURE__ */ a(t, {
+			reducedMotion: c === "user" ? "user" : c ? "always" : "never",
+			children: s
+		})
+	});
 }
-function x() {
-  return o.useContext(i);
+function c() {
+	return i.useContext(o);
 }
-export {
-  l as M,
-  x as u
-};
+//#endregion
+export { c as n, s as t };

package/dist/_chunks/popover.js

@@ -0,0 +1,127 @@
+"use client";
+import { En as e, Gt as t, Jt as n, Kt as r, Sn as i, Tn as a, Yt as o, qt as s, wn as c } from "./primitives.js";
+import { a as l, c as u, n as d } from "./framer.js";
+import { springs as f, tweens as p } from "../ui/lib/motion.js";
+import { cn as m } from "../ui/lib/utils.js";
+import { useIsMobile as h } from "../hooks/use-mobile.js";
+import * as g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/ui/lib/bottom-sheet.tsx
+function y({ open: t, onOpenChange: n, children: r, className: o, dragHandle: s = !0, swipeable: f = !0, title: h }) {
+	let y = d(), b = g.useRef(null), x = g.useCallback((e, t) => {
+		let r = b.current?.getBoundingClientRect().height ?? 300;
+		(t.offset.y > r * .3 || t.velocity.y > 500) && n(!1);
+	}, [n]);
+	return /* @__PURE__ */ _(e, {
+		open: t,
+		onOpenChange: n,
+		children: /* @__PURE__ */ _(u, { children: t && /* @__PURE__ */ v(a, {
+			forceMount: !0,
+			children: [/* @__PURE__ */ _(c, {
+				forceMount: !0,
+				asChild: !0,
+				children: /* @__PURE__ */ _(l.div, {
+					className: "fixed inset-0 z-modal bg-overlay",
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					exit: { opacity: 0 },
+					transition: p.fade
+				})
+			}), /* @__PURE__ */ _(i, {
+				forceMount: !0,
+				asChild: !0,
+				"aria-label": h,
+				children: /* @__PURE__ */ v(l.div, {
+					ref: b,
+					className: m("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", o),
+					initial: { y: "100%" },
+					animate: { y: 0 },
+					exit: { y: "100%" },
+					transition: y ? { duration: 0 } : {
+						type: "spring",
+						damping: 30,
+						stiffness: 300
+					},
+					drag: f && !y ? "y" : !1,
+					dragConstraints: { top: 0 },
+					dragElastic: .2,
+					onDragEnd: x,
+					children: [s && /* @__PURE__ */ _("div", {
+						className: "flex justify-center pt-ds-03 pb-ds-02",
+						children: /* @__PURE__ */ _("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
+					}), /* @__PURE__ */ _("div", {
+						className: "px-ds-05 pb-ds-06",
+						children: r
+					})]
+				})
+			})]
+		}) })
+	});
+}
+//#endregion
+//#region src/ui/popover.tsx
+var b = g.createContext({
+	open: !1,
+	onClose: () => {}
+}), x = ({ open: e, defaultOpen: t = !1, onOpenChange: r, ...i }) => {
+	let [a, o] = g.useState(t), s = e !== void 0, c = s ? e : a, l = g.useCallback((e) => {
+		s || o(e), r?.(e);
+	}, [s, r]), u = g.useMemo(() => ({
+		open: c,
+		onClose: () => l(!1)
+	}), [c, l]);
+	return /* @__PURE__ */ _(b.Provider, {
+		value: u,
+		children: /* @__PURE__ */ _(n, {
+			open: c,
+			onOpenChange: l,
+			...i
+		})
+	});
+};
+x.displayName = "Popover";
+var S = o, C = t, w = g.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, children: i, ...a }, o) => {
+	let c = h(), { open: d, onClose: v } = g.useContext(b);
+	return c ? /* @__PURE__ */ _(y, {
+		open: d,
+		onOpenChange: (e) => {
+			e || v();
+		},
+		title: "Options",
+		className: e,
+		children: i
+	}) : /* @__PURE__ */ _(u, { children: d && /* @__PURE__ */ _(s, {
+		forceMount: !0,
+		children: /* @__PURE__ */ _(r, {
+			ref: o,
+			align: t,
+			sideOffset: n,
+			forceMount: !0,
+			asChild: !0,
+			...a,
+			children: /* @__PURE__ */ _(l.div, {
+				initial: {
+					opacity: 0,
+					scale: .95
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .95
+				},
+				transition: {
+					...f.snappy,
+					opacity: p.fade
+				},
+				className: m("z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", e),
+				children: i
+			})
+		})
+	}) });
+});
+w.displayName = r.displayName;
+//#endregion
+export { S as i, C as n, w as r, x as t };