@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/sheet.js

@@ -1,166 +1,138 @@
 "use client";
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import * as r from "react";
-import { a5 as v, a6 as T, a7 as N, a8 as C, a9 as w, aa as S, ab as z, ac as A } from "../_chunks/primitives.js";
-import { a as D } from "../_chunks/vendor-utils.js";
-import { IconX as V } from "@tabler/icons-react";
-import { cn as l } from "./lib/utils.js";
-import { tweens as k, motionProps as R, springs as E } from "./lib/motion.js";
-import { Icon as F } from "./icon.js";
-import { useIsMobile as H } from "../hooks/use-mobile.js";
-import { m as M, u as B, A as U } from "../_chunks/framer.js";
-const j = r.createContext({ open: !1, onClose: () => {
-} }), X = ({
-  open: t,
-  defaultOpen: o = !1,
-  onOpenChange: s,
-  children: m,
-  ...u
-}) => {
-  const [i, p] = r.useState(o), a = t !== void 0, c = a ? t : i, d = r.useCallback(
-    (n) => {
-      a || p(n), s?.(n);
-    },
-    [a, s]
-  ), h = r.useMemo(
-    () => ({ open: c, onClose: () => d(!1) }),
-    [c, d]
-  );
-  return /* @__PURE__ */ e(j.Provider, { value: h, children: /* @__PURE__ */ e(z, { open: c, onOpenChange: d, ...u, children: m }) });
+import { Cn as e, Dn as t, En as n, On as r, Sn as i, Tn as a, wn as o, xn as s } from "../_chunks/primitives.js";
+import { a as c, c as l, n as u } from "../_chunks/framer.js";
+import { motionProps as d, springs as f, tweens as p } from "./lib/motion.js";
+import { t as m } from "../_chunks/vendor-utils.js";
+import { cn as h } from "./lib/utils.js";
+import { Icon as g } from "./icon.js";
+import { useIsMobile as _ } from "../hooks/use-mobile.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { IconX as x } from "@tabler/icons-react";
+//#region src/ui/sheet.tsx
+var S = v.createContext({
+	open: !1,
+	onClose: () => {}
+}), C = ({ open: e, defaultOpen: t = !1, onOpenChange: r, children: i, ...a }) => {
+	let [o, s] = v.useState(t), c = e !== void 0, l = c ? e : o, u = v.useCallback((e) => {
+		c || s(e), r?.(e);
+	}, [c, r]), d = v.useMemo(() => ({
+		open: l,
+		onClose: () => u(!1)
+	}), [l, u]);
+	return /* @__PURE__ */ y(S.Provider, {
+		value: d,
+		children: /* @__PURE__ */ y(n, {
+			open: l,
+			onOpenChange: u,
+			...a,
+			children: i
+		})
+	});
 };
-X.displayName = "Sheet";
-const ie = A, ne = C, _ = T, O = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(v, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
-  M.div,
-  {
-    ref: s,
-    className: l("fixed inset-0 z-modal bg-overlay", t),
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: k.fade,
-    ...R(o)
-  }
-) }));
-O.displayName = v.displayName;
-const y = {
-  top: { y: "-100%" },
-  bottom: { y: "100%" },
-  left: { x: "-100%" },
-  right: { x: "100%" }
-}, q = {
-  top: { y: 0 },
-  bottom: { y: 0 },
-  left: { x: 0 },
-  right: { x: 0 }
-}, G = D(
-  "fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b border-surface-border-strong",
-        bottom: "inset-x-0 bottom-0 border-t border-surface-border-strong",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r border-surface-border-strong sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), J = r.forwardRef(({ side: t = "right", responsive: o, className: s, children: m, ...u }, i) => {
-  const p = H(), a = o !== !1 && p, c = B(), { open: d, onClose: h } = r.useContext(j), n = a ? "bottom" : t ?? "right", g = r.useRef(null), P = r.useCallback(
-    (f) => {
-      g.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
-    },
-    [i]
-  );
-  return /* @__PURE__ */ e(U, { children: d && /* @__PURE__ */ b(_, { forceMount: !0, children: [
-    /* @__PURE__ */ e(O, {}),
-    /* @__PURE__ */ e(N, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ b(
-      M.div,
-      {
-        ref: P,
-        className: l(G({ side: n }), s),
-        initial: y[n],
-        animate: q[n],
-        exit: y[n],
-        transition: E.smooth,
-        drag: a && !c ? "y" : !1,
-        dragConstraints: { top: 0 },
-        dragElastic: 0.2,
-        onDragEnd: a ? (f, x) => {
-          const I = g.current?.getBoundingClientRect().height ?? 300;
-          (x.offset.y > I * 0.3 || x.velocity.y > 500) && h();
-        } : void 0,
-        ...R(u),
-        children: [
-          a && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
-          /* @__PURE__ */ b(C, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e(F, { icon: V, size: "sm" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-          ] }),
-          m
-        ]
-      }
-    ) })
-  ] }) });
+C.displayName = "Sheet";
+var w = r, T = s, E = a, D = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(o, {
+	forceMount: !0,
+	asChild: !0,
+	children: /* @__PURE__ */ y(c.div, {
+		ref: n,
+		className: h("fixed inset-0 z-modal bg-overlay", e),
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: p.fade,
+		...d(t)
+	})
+}));
+D.displayName = o.displayName;
+var O = {
+	top: { y: "-100%" },
+	bottom: { y: "100%" },
+	left: { x: "-100%" },
+	right: { x: "100%" }
+}, k = {
+	top: { y: 0 },
+	bottom: { y: 0 },
+	left: { x: 0 },
+	right: { x: 0 }
+}, A = m("fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b border-surface-border-strong",
+		bottom: "inset-x-0 bottom-0 border-t border-surface-border-strong",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r border-surface-border-strong sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+}), j = v.forwardRef(({ side: e = "right", responsive: t, className: n, children: r, ...a }, o) => {
+	let p = _(), m = t !== !1 && p, C = u(), { open: w, onClose: T } = v.useContext(S), j = m ? "bottom" : e ?? "right", M = v.useRef(null), N = v.useCallback((e) => {
+		M.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+	}, [o]);
+	return /* @__PURE__ */ y(l, { children: w && /* @__PURE__ */ b(E, {
+		forceMount: !0,
+		children: [/* @__PURE__ */ y(D, {}), /* @__PURE__ */ y(i, {
+			forceMount: !0,
+			asChild: !0,
+			children: /* @__PURE__ */ b(c.div, {
+				ref: N,
+				className: h(A({ side: j }), n),
+				initial: O[j],
+				animate: k[j],
+				exit: O[j],
+				transition: f.smooth,
+				drag: m && !C ? "y" : !1,
+				dragConstraints: { top: 0 },
+				dragElastic: .2,
+				onDragEnd: m ? (e, t) => {
+					let n = M.current?.getBoundingClientRect().height ?? 300;
+					(t.offset.y > n * .3 || t.velocity.y > 500) && T();
+				} : void 0,
+				...d(a),
+				children: [
+					m && /* @__PURE__ */ y("div", {
+						className: "flex justify-center pt-ds-03 pb-ds-02",
+						children: /* @__PURE__ */ y("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
+					}),
+					/* @__PURE__ */ b(s, {
+						title: "Close",
+						className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
+						children: [/* @__PURE__ */ y(g, {
+							icon: x,
+							size: "sm"
+						}), /* @__PURE__ */ y("span", {
+							className: "sr-only",
+							children: "Close"
+						})]
+					}),
+					r
+				]
+			})
+		})]
+	}) });
 });
-J.displayName = N.displayName;
-const K = r.forwardRef(
-  ({ className: t, ...o }, s) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: s,
-      className: l(
-        "flex flex-col space-y-ds-03 text-center sm:text-left",
-        t
-      ),
-      ...o
-    }
-  )
-);
-K.displayName = "SheetHeader";
-const L = r.forwardRef(
-  ({ className: t, ...o }, s) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: s,
-      className: l(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        t
-      ),
-      ...o
-    }
-  )
-);
-L.displayName = "SheetFooter";
-const Q = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(
-  w,
-  {
-    ref: s,
-    className: l("text-ds-lg font-semibold text-surface-fg", t),
-    ...o
-  }
-));
-Q.displayName = w.displayName;
-const W = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(
-  S,
-  {
-    ref: s,
-    className: l("text-ds-md text-surface-fg-muted", t),
-    ...o
-  }
-));
-W.displayName = S.displayName;
-export {
-  X as Sheet,
-  ne as SheetClose,
-  J as SheetContent,
-  W as SheetDescription,
-  L as SheetFooter,
-  K as SheetHeader,
-  O as SheetOverlay,
-  _ as SheetPortal,
-  Q as SheetTitle,
-  ie as SheetTrigger
-};
+j.displayName = i.displayName;
+var M = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", {
+	ref: n,
+	className: h("flex flex-col space-y-ds-03 text-center sm:text-left", e),
+	...t
+}));
+M.displayName = "SheetHeader";
+var N = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", {
+	ref: n,
+	className: h("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+	...t
+}));
+N.displayName = "SheetFooter";
+var P = v.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ y(t, {
+	ref: r,
+	className: h("text-ds-lg font-semibold text-surface-fg", e),
+	...n
+}));
+P.displayName = t.displayName;
+var F = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ y(e, {
+	ref: r,
+	className: h("text-ds-md text-surface-fg-muted", t),
+	...n
+}));
+F.displayName = e.displayName;
+//#endregion
+export { C as Sheet, T as SheetClose, j as SheetContent, F as SheetDescription, N as SheetFooter, M as SheetHeader, D as SheetOverlay, E as SheetPortal, P as SheetTitle, w as SheetTrigger };