@konstructio/ui 0.1.6 → 0.1.8

package/dist/components/Sheet/Sheet.js

@@ -1,23 +1,23 @@
 "use client";
-import { a as lt, o as ut, r as dt, s as ft, t as ht } from "../../dist-DWopnVS-.js";
-import { t as mt } from "../../chevron-left-B1zWfqll.js";
-import { t as m } from "../../utils-DnIJruo0.js";
-import { SheetStep as pt } from "./components/SheetStep/SheetStep.js";
-import { resolveSheetGesture as gt, shouldSwipeBack as vt } from "./utils/index.js";
-import { useCallback as yt, useEffect as bt, useLayoutEffect as xt, useRef as r, useState as p } from "react";
-import { Fragment as Ce, jsx as a, jsxs as b } from "react/jsx-runtime";
-import { AnimatePresence as ue, animate as u, motion as v, useMotionValue as f, useReducedMotion as kt } from "motion/react";
-var Pe = {
+import { a as ht, o as mt, r as pt, s as gt, t as vt } from "../../dist-DWopnVS-.js";
+import { t as yt } from "../../chevron-left-B1zWfqll.js";
+import { t as p } from "../../utils-DnIJruo0.js";
+import { SheetStep as xt } from "./components/SheetStep/SheetStep.js";
+import { resolveSheetGesture as bt, shouldSwipeBack as kt } from "./utils/index.js";
+import { useCallback as Rt, useEffect as wt, useLayoutEffect as St, useRef as r, useState as f } from "react";
+import { Fragment as Pe, jsx as a, jsxs as x } from "react/jsx-runtime";
+import { AnimatePresence as ue, animate as u, motion as v, useMotionValue as h, useReducedMotion as Ht } from "motion/react";
+var Me = {
   duration: 0.2,
   ease: "easeOut"
-}, Me = {
+}, Te = {
   type: "spring",
   stiffness: 380,
   damping: 38
-}, j = { duration: 0 }, Rt = 0.05, Te = (i) => typeof i == "number" ? i : i.direction, wt = {
+}, j = { duration: 0 }, Ot = 0.05, Le = (i) => typeof i == "number" ? i : i.direction, Et = {
   enter: (i) => ({
     opacity: 0,
-    x: Te(i) > 0 ? w : -w
+    x: Le(i) > 0 ? S : -S
   }),
   center: {
     opacity: 1,
@@ -28,80 +28,80 @@ var Pe = {
     transition: j
   } : {
     opacity: 0,
-    x: Te(i) > 0 ? -w : w
+    x: Le(i) > 0 ? -S : S
   }
-}, de = "text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-metal-400", w = 24, Ht = "96px", St = {
+}, de = "text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-metal-400", S = 24, Nt = "96px", At = {
   duration: 0.45,
   ease: "easeOut"
-}, Ot = (i) => i instanceof Element && i.closest("[data-sheet-grip]") !== null, Nt = ({ isOpen: i, onClose: fe, onBack: W, title: H, hideTitle: De = !1, leading: Xe, position: o = "bottom", expandable: N = !1, step: c = 0, className: _e, bodyClassName: Le, headerClassName: Fe, titleClassName: q, theme: Ge, children: K }) => {
-  const h = kt(), A = r(null), he = r(null), E = r(null), B = r(null), [ze, I] = p("auto"), [Ve, me] = p(!1), [s, $] = p(!1), [je, pe] = p(!1), ge = r(0), C = r(null), J = r(!1), Q = r(!1), P = r(null), S = f(0), d = f("auto"), U = r({
+}, It = (i) => i instanceof Element && i.closest("[data-sheet-grip]") !== null, Bt = ({ isOpen: i, onClose: fe, onBack: W, title: H, hideTitle: De = !1, leading: Xe, position: o = "bottom", expandable: N = !1, step: c = 0, softReveal: _e = !1, previousContent: Fe, className: Ge, bodyClassName: ze, headerClassName: Ve, titleClassName: q, theme: je, children: K }) => {
+  const m = Ht(), A = r(null), he = r(null), I = r(null), B = r(null), [We, C] = f("auto"), [qe, me] = f(!1), [s, $] = f(!1), [Ke, pe] = f(!1), ge = r(0), P = r(null), J = r(!1), Q = r(!1), M = r(null), O = h(0), d = h("auto"), U = r({
     step: c,
     title: H,
     children: K
-  }), M = r(null), Y = r(!1), ve = r(null), x = r(0), T = r(0), [g, Z] = p(null), [ee, O] = p("idle"), [te, ye] = p(!1), [We, qe] = p(0), ne = r(!1), D = f(0), X = f(0), _ = f(0), L = f(1), F = f(0), G = f(0), z = f(1), ae = f("0px"), re = r(!1), ie = r(null), be = r(0);
-  U.current.step !== c && (M.current = U.current), U.current = {
+  }), b = r(null), Y = r(!1), ve = r(null), k = r(0), T = r(0), [g, Z] = f(null), [ee, E] = f("idle"), [te, ye] = f(!1), [$e, xe] = f(!1), [Je, Qe] = f(0), ne = r(!1), L = h(0), D = h(0), X = h(0), _ = h(1), F = h(0), G = h(0), z = h(1), ae = h("0px"), re = r(!1), ie = r(null), be = r(0);
+  U.current.step !== c && (b.current = U.current), U.current = {
     step: c,
     title: H,
     children: K
   }, s && (!i || !N) && ($(!1), d.set("auto"));
-  const [se, Ke] = p({
+  const [se, Ue] = f({
     step: c,
     direction: 1,
     animated: !0
   });
   if (se.step !== c) {
     const e = !Y.current;
-    Ke({
+    Ue({
       step: c,
       direction: c > se.step ? 1 : -1,
       animated: e
-    }), Y.current = !1, ie.current = e && !h && !s ? be.current : null;
+    }), Y.current = !1, xe(!0), ie.current = _e && e && !m && !s ? be.current : null;
   }
-  const { direction: V, animated: k } = se, ce = o === "bottom" ? 1 : -1, l = h ? j : Me, xe = () => {
-    D.set(0), X.set(0), _.set(0), L.set(1), F.set(0), G.set(0), z.set(1);
+  const { direction: V, animated: R } = se, ce = o === "bottom" ? 1 : -1, l = m ? j : Te, ke = () => {
+    L.set(0), D.set(0), X.set(0), _.set(1), F.set(0), G.set(0), z.set(1);
   };
-  bt(() => {
-    Z(null), O("idle"), xe(), s || d.set("auto");
-  }, [c]), xt(() => {
-    x.current = ve.current?.getBoundingClientRect().height ?? 0, g && !s && x.current > T.current && Re(), g && ne.current && (ne.current = !1, O("settling"), Ee(1), qe((e) => e + 1));
+  wt(() => {
+    Z(null), E("idle"), ke(), s || d.set("auto");
+  }, [c]), St(() => {
+    k.current = ve.current?.getBoundingClientRect().height ?? 0, g && !s && k.current > T.current && we(), g && ne.current && (ne.current = !1, E("settling"), Ie(1), Qe((e) => e + 1));
   }, [g]);
-  const ke = o === "bottom" ? "100%" : "-100%", $e = h ? {
+  const Re = o === "bottom" ? "100%" : "-100%", Ye = m ? {
     initial: !1,
     animate: { y: 0 }
   } : {
-    initial: { y: ke },
+    initial: { y: Re },
     animate: { y: 0 },
-    exit: { y: ke }
-  }, Re = () => {
-    ae.set(Ht), re.current = !1, ye(!0);
-  }, we = N && !s, Je = (e) => {
-    const t = e.pointerType !== "mouse" || e.button === 0, n = Ot(e.target);
-    J.current = t && (n || we), Q.current = t && !n, P.current = null;
-  }, He = (e) => (P.current === null && (P.current = Math.abs(e.offset.x) > Math.abs(e.offset.y) ? "x" : "y"), P.current), Qe = (e, t) => {
+    exit: { y: Re }
+  }, we = () => {
+    ae.set(Nt), re.current = !1, ye(!0);
+  }, Se = N && !s, Ze = (e) => {
+    const t = e.pointerType !== "mouse" || e.button === 0, n = It(e.target);
+    J.current = t && (n || Se), Q.current = t && !n, M.current = null;
+  }, He = (e) => (M.current === null && (M.current = Math.abs(e.offset.x) > Math.abs(e.offset.y) ? "x" : "y"), M.current), et = (e, t) => {
     if (!J.current || He(t) === "x") return;
     J.current = !1;
     const n = A.current?.offsetHeight ?? 0;
-    C.current = {
+    P.current = {
       startHeight: n,
       restHeight: s ? ge.current : n,
       maxHeight: window.visualViewport?.height ?? window.innerHeight
     }, d.set(n), pe(!0);
-  }, Ue = (e, t) => {
-    const n = C.current;
+  }, tt = (e, t) => {
+    const n = P.current;
     if (!n) return;
-    const R = t.offset.y * ce;
+    const w = t.offset.y * ce;
     if (!N) {
-      S.set(R >= 0 ? t.offset.y : t.offset.y * Rt);
+      O.set(w >= 0 ? t.offset.y : t.offset.y * Ot);
       return;
     }
-    const y = n.startHeight - R;
+    const y = n.startHeight - w;
     if (y >= n.restHeight) {
-      d.set(Math.min(y, n.maxHeight)), S.set(0);
+      d.set(Math.min(y, n.maxHeight)), O.set(0);
       return;
     }
-    d.set(n.restHeight), S.set((n.restHeight - y) * ce);
+    d.set(n.restHeight), O.set((n.restHeight - y) * ce);
   }, oe = (e, t, n) => {
-    if (u(S, 0, l), t) {
+    if (u(O, 0, l), t) {
       u(d, e.maxHeight, {
         ...l,
         velocity: n
@@ -113,11 +113,11 @@ var Pe = {
       velocity: n,
       onComplete: () => d.set("auto")
     });
-  }, Ye = (e, t) => {
-    const n = C.current;
+  }, nt = (e, t) => {
+    const n = P.current;
     if (!n) return;
-    C.current = null, pe(!1);
-    const R = gt({
+    P.current = null, pe(!1);
+    const w = bt({
       offset: t.offset.y,
       velocity: t.velocity.y,
       panelHeight: n.startHeight,
@@ -126,86 +126,89 @@ var Pe = {
       isExpanded: s,
       restHeight: n.restHeight
     }), y = -t.velocity.y * ce;
-    R === "dismiss" ? (d.set("auto"), fe()) : R === "expand" ? (ge.current = n.restHeight, $(!0), oe(n, !0, y)) : R === "collapse" ? ($(!1), oe(n, !1, y)) : oe(n, s, y);
-  }, Se = !!W && c > 0, le = () => A.current?.offsetWidth || 1, Oe = () => x.current > 0 && !s, Ze = (e) => Q.current && He(e) === "x", Ne = (e) => {
-    const t = M.current, n = t !== null && t.step > 0;
+    w === "dismiss" ? (d.set("auto"), fe()) : w === "expand" ? (ge.current = n.restHeight, $(!0), oe(n, !0, y)) : w === "collapse" ? ($(!1), oe(n, !1, y)) : oe(n, s, y);
+  }, Oe = !!W && c > 0, le = () => A.current?.offsetWidth || 1, Ee = () => k.current > 0 && !s, at = (e) => Q.current && He(e) === "x", Ne = (e) => {
+    const t = b.current, n = t !== null && t.step > 0;
     return {
       previewX: -0.3 * le() * (1 - e),
       previewOpacity: e,
-      titleOutX: w * e,
+      titleOutX: S * e,
       titleOutOpacity: 1 - e,
-      titleInX: (n ? 0 : -36) * e - w * (1 - e),
+      titleInX: (n ? 0 : -36) * e - S * (1 - e),
       titleInOpacity: e,
       chevronOpacity: n ? 1 : 1 - e
     };
   }, Ae = (e) => {
     const t = Ne(e);
-    if (D.set(t.previewX), X.set(t.previewOpacity), _.set(t.titleOutX), L.set(t.titleOutOpacity), F.set(t.titleInX), G.set(t.titleInOpacity), z.set(t.chevronOpacity), Oe()) {
+    if (L.set(t.previewX), D.set(t.previewOpacity), X.set(t.titleOutX), _.set(t.titleOutOpacity), F.set(t.titleInX), G.set(t.titleInOpacity), z.set(t.chevronOpacity), Ee()) {
       const n = T.current;
-      I(n + (x.current - n) * e);
+      C(n + (k.current - n) * e);
     }
-  }, Ee = (e) => {
+  }, Ie = (e) => {
     const t = Ne(e);
-    u(D, t.previewX, l), u(X, t.previewOpacity, l), u(_, t.titleOutX, l), u(L, t.titleOutOpacity, l), u(F, t.titleInX, l), u(G, t.titleInOpacity, l), u(z, t.chevronOpacity, l), Oe() && I(e === 1 ? x.current : T.current);
+    u(L, t.previewX, l), u(D, t.previewOpacity, l), u(X, t.titleOutX, l), u(_, t.titleOutOpacity, l), u(F, t.titleInX, l), u(G, t.titleInOpacity, l), u(z, t.chevronOpacity, l), Ee() && C(e === 1 ? k.current : T.current);
   }, Be = () => {
-    Q.current = !1, T.current = he.current?.getBoundingClientRect().height ?? 0, x.current = 0, Ae(0), Z(M.current), O("dragging");
-  }, et = (e) => {
+    Q.current = !1, T.current = he.current?.getBoundingClientRect().height ?? 0, k.current = 0, Ae(0), Z(b.current && {
+      ...b.current,
+      children: Fe ?? b.current.children
+    }), E("dragging");
+  }, rt = (e) => {
     Ae(Math.min(e / le(), 1));
-  }, tt = (e) => {
-    const t = vt({
+  }, it = (e) => {
+    const t = kt({
       offset: e.offset.x,
       velocity: e.velocity.x,
       panelWidth: le()
     });
-    return O("settling"), Ee(t ? 1 : 0), t ? "back" : "stay";
-  }, nt = (e) => {
+    return E("settling"), Ie(t ? 1 : 0), t ? "back" : "stay";
+  }, st = (e) => {
     const t = ie.current;
-    ie.current = null, t !== null && e > t && Re();
-  }, at = () => {
-    if (ee !== "idle" || !M.current) {
+    ie.current = null, t !== null && e > t && we();
+  }, ct = () => {
+    if (ee !== "idle" || !b.current) {
       W?.();
       return;
     }
     ne.current = !0, Be();
-  }, rt = () => {
+  }, ot = () => {
     Y.current = !0, W?.();
-  }, it = () => {
-    Z(null), O("idle"), xe();
-  }, st = () => {
+  }, lt = () => {
+    Z(null), E("idle"), ke();
+  }, ut = () => {
     !te || ee === "dragging" || re.current || (re.current = !0, u(ae, "0px", {
-      ...h ? j : St,
+      ...m ? j : At,
       onComplete: () => ye(!1)
     }));
-  }, ct = h || !Ve || ee === "dragging" ? j : Me, Ie = /* @__PURE__ */ a("div", {
+  }, dt = m || !qe || ee === "dragging" ? j : Te, Ce = /* @__PURE__ */ a("div", {
     "aria-hidden": "true",
     "data-sheet-handle": "",
     "data-sheet-grip": "",
-    "data-active": je || void 0,
-    className: m("group flex shrink-0 cursor-grab touch-none justify-center active:cursor-grabbing", o === "bottom" ? "pb-2" : "pt-2"),
-    children: /* @__PURE__ */ a("div", { className: m("h-1 w-10 rounded-full transition-colors duration-150", "bg-slate-300 dark:bg-metal-600", "group-data-[active]:bg-slate-400 dark:group-data-[active]:bg-metal-400") })
-  }), ot = yt((e) => {
-    if (he.current = e, E.current?.disconnect(), E.current = null, B.current !== null && (cancelAnimationFrame(B.current), B.current = null), !e) {
-      me(!1), I("auto");
+    "data-active": Ke || void 0,
+    className: p("group flex shrink-0 cursor-grab touch-none justify-center active:cursor-grabbing", o === "bottom" ? "pb-2" : "pt-2"),
+    children: /* @__PURE__ */ a("div", { className: p("h-1 w-10 rounded-full transition-colors duration-150", "bg-slate-300 dark:bg-metal-600", "group-data-[active]:bg-slate-400 dark:group-data-[active]:bg-metal-400") })
+  }), ft = Rt((e) => {
+    if (he.current = e, I.current?.disconnect(), I.current = null, B.current !== null && (cancelAnimationFrame(B.current), B.current = null), !e) {
+      me(!1), C("auto");
       return;
     }
     const t = (n) => {
-      be.current = n, I(n);
+      be.current = n, C(n);
     };
-    t(e.getBoundingClientRect().height), typeof ResizeObserver < "u" && (E.current = new ResizeObserver(([n]) => {
+    t(e.getBoundingClientRect().height), typeof ResizeObserver < "u" && (I.current = new ResizeObserver(([n]) => {
       n && t(n.contentRect.height);
-    }), E.current.observe(e)), B.current = requestAnimationFrame(() => {
+    }), I.current.observe(e)), B.current = requestAnimationFrame(() => {
       me(!0);
     });
   }, []);
-  return /* @__PURE__ */ a(ht, {
+  return /* @__PURE__ */ a(vt, {
     open: i,
     onOpenChange: (e) => !e && fe(),
-    children: /* @__PURE__ */ a(ue, { children: i && /* @__PURE__ */ a(ut, {
+    children: /* @__PURE__ */ a(ue, { children: i && /* @__PURE__ */ a(mt, {
       forceMount: !0,
-      children: /* @__PURE__ */ b("div", {
-        "data-theme": Ge,
+      children: /* @__PURE__ */ x("div", {
+        "data-theme": je,
         className: "contents",
-        children: [/* @__PURE__ */ a(lt, {
+        children: [/* @__PURE__ */ a(ht, {
           asChild: !0,
           forceMount: !0,
           children: /* @__PURE__ */ a(v.div, {
@@ -213,37 +216,37 @@ var Pe = {
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             exit: { opacity: 0 },
-            transition: Pe
+            transition: Me
           })
-        }), /* @__PURE__ */ a(dt, {
+        }), /* @__PURE__ */ a(pt, {
           asChild: !0,
           forceMount: !0,
           onOpenAutoFocus: (e) => {
             e.preventDefault(), A.current?.focus();
           },
-          children: /* @__PURE__ */ b(v.div, {
+          children: /* @__PURE__ */ x(v.div, {
             ref: A,
             tabIndex: -1,
-            className: m("konstruct-sheet fixed inset-x-0 z-70 flex flex-col", "bg-white text-slate-800 shadow-xl outline-none", "dark:bg-metal-800 dark:text-metal-50", o === "bottom" ? "bottom-0 pb-[calc(1rem+env(safe-area-inset-bottom))]" : "top-0 pt-[calc(1rem+env(safe-area-inset-top))]", s ? "max-h-dvh" : "max-h-[calc(100dvh-4rem)]", o === "bottom" ? "rounded-t-lg" : "rounded-b-lg", o === "bottom" && (s ? "pt-[calc(0.5rem+env(safe-area-inset-top))]" : "pt-2"), o === "top" && (s ? "pb-[calc(0.5rem+env(safe-area-inset-bottom))]" : "pb-2"), _e),
+            className: p("konstruct-sheet fixed inset-x-0 z-70 flex flex-col", "bg-white text-slate-800 shadow-xl outline-none", "dark:bg-metal-800 dark:text-metal-50", o === "bottom" ? "bottom-0 pb-[calc(1rem+env(safe-area-inset-bottom))]" : "top-0 pt-[calc(1rem+env(safe-area-inset-top))]", s ? "max-h-dvh" : "max-h-[calc(100dvh-4rem)]", o === "bottom" ? "rounded-t-lg" : "rounded-b-lg", o === "bottom" && (s ? "pt-[calc(0.5rem+env(safe-area-inset-top))]" : "pt-2"), o === "top" && (s ? "pb-[calc(0.5rem+env(safe-area-inset-bottom))]" : "pb-2"), Ge),
             "data-position": o,
             "data-step": c,
             "data-expanded": s || void 0,
             style: {
-              y: S,
+              y: O,
               height: d
             },
-            transition: Pe,
-            onPointerDownCapture: Je,
-            onPanStart: Qe,
-            onPan: Ue,
-            onPanEnd: Ye,
-            ...$e,
+            transition: Me,
+            onPointerDownCapture: Ze,
+            onPanStart: et,
+            onPan: tt,
+            onPanEnd: nt,
+            ...Ye,
             children: [
-              o === "bottom" && Ie,
-              /* @__PURE__ */ b("div", {
-                className: m("flex min-h-9 shrink-0 touch-none items-center gap-2 px-6 pb-2", Fe, De && "sr-only"),
+              o === "bottom" && Ce,
+              /* @__PURE__ */ x("div", {
+                className: p("flex min-h-9 shrink-0 touch-none items-center gap-2 px-6 pb-2", Ve, De && "sr-only"),
                 "data-sheet-grip": "",
-                children: [/* @__PURE__ */ a(ft, {
+                children: [/* @__PURE__ */ a(gt, {
                   className: "sr-only",
                   children: H
                 }), /* @__PURE__ */ a(ue, {
@@ -251,41 +254,41 @@ var Pe = {
                   initial: !1,
                   custom: {
                     direction: V,
-                    instant: !k
+                    instant: !R
                   },
                   children: /* @__PURE__ */ a(v.div, {
                     custom: V,
                     className: "flex min-h-9 items-center gap-2",
-                    variants: !h && k ? wt : void 0,
-                    initial: !h && k ? "enter" : !1,
+                    variants: !m && R ? Et : void 0,
+                    initial: !m && R ? "enter" : !1,
                     animate: "center",
-                    exit: !h && k ? "exit" : void 0,
+                    exit: !m && R ? "exit" : void 0,
                     transition: l,
-                    children: Se ? /* @__PURE__ */ a(Ce, { children: /* @__PURE__ */ b("button", {
+                    children: Oe ? /* @__PURE__ */ a(Pe, { children: /* @__PURE__ */ x("button", {
                       type: "button",
                       "data-sheet-back": "",
-                      onClick: at,
-                      className: m("-my-1 -ml-2 flex h-9 items-center gap-2 rounded pr-2 outline-none", "focus-visible:ring-1 focus-visible:ring-aurora-500", "pointer-coarse:active:bg-slate-100 dark:pointer-coarse:active:bg-metal-700"),
+                      onClick: ct,
+                      className: p("-my-1 -ml-2 flex h-9 items-center gap-2 rounded pr-2 outline-none", "focus-visible:ring-1 focus-visible:ring-aurora-500", "pointer-coarse:active:bg-slate-100 dark:pointer-coarse:active:bg-metal-700"),
                       children: [/* @__PURE__ */ a(v.span, {
                         className: "flex size-9 shrink-0 items-center justify-center text-slate-800 dark:text-metal-50",
                         style: { opacity: z },
-                        children: /* @__PURE__ */ a(mt, {
+                        children: /* @__PURE__ */ a(yt, {
                           "aria-hidden": "true",
                           className: "size-5"
                         })
-                      }), /* @__PURE__ */ b("span", {
+                      }), /* @__PURE__ */ x("span", {
                         className: "relative flex items-center",
                         children: [/* @__PURE__ */ a(v.span, {
-                          className: m(de, q),
+                          className: p(de, q),
                           style: {
-                            x: _,
-                            opacity: L
+                            x: X,
+                            opacity: _
                           },
                           children: H
                         }), g && /* @__PURE__ */ a(v.span, {
                           "aria-hidden": "true",
                           "data-sheet-preview-title": "",
-                          className: m("absolute left-0 whitespace-nowrap", de, q),
+                          className: p("absolute left-0 whitespace-nowrap", de, q),
                           style: {
                             x: F,
                             opacity: G
@@ -293,22 +296,22 @@ var Pe = {
                           children: g.title
                         })]
                       })]
-                    }) }) : /* @__PURE__ */ b(Ce, { children: [Xe, /* @__PURE__ */ a("span", {
+                    }) }) : /* @__PURE__ */ x(Pe, { children: [Xe, /* @__PURE__ */ a("span", {
                       "aria-hidden": "true",
-                      className: m(de, q),
+                      className: p(de, q),
                       children: H
                     })] })
                   }, c)
                 })]
               }),
               /* @__PURE__ */ a(v.div, {
-                className: m("flex min-h-0 flex-col overflow-x-hidden", g || te ? "overflow-y-hidden" : "overflow-y-auto", we && "touch-none", te && "[mask-image:linear-gradient(to_bottom,black_calc(100%-var(--sheet-reveal)),transparent)]", s && "flex-1", Le),
+                className: p("flex min-h-0 flex-col overflow-x-hidden", g || te || $e ? "overflow-y-hidden" : "overflow-y-auto", Se && "touch-none", te && "[mask-image:linear-gradient(to_bottom,black_calc(100%-var(--sheet-reveal)),transparent)]", s && "flex-1", ze),
                 style: { "--sheet-reveal": ae },
-                animate: { height: s ? "auto" : ze },
-                transition: ct,
-                onAnimationComplete: st,
-                children: /* @__PURE__ */ b("div", {
-                  ref: ot,
+                animate: { height: s ? "auto" : We },
+                transition: dt,
+                onAnimationComplete: ut,
+                children: /* @__PURE__ */ x("div", {
+                  ref: ft,
                   className: "relative",
                   children: [g && /* @__PURE__ */ a(v.div, {
                     ref: ve,
@@ -316,8 +319,8 @@ var Pe = {
                     "data-sheet-preview": "",
                     className: "pointer-events-none absolute inset-x-0 top-0 flex w-full flex-col",
                     style: {
-                      x: D,
-                      opacity: X
+                      x: L,
+                      opacity: D
                     },
                     children: g.children
                   }), /* @__PURE__ */ a(ue, {
@@ -325,27 +328,28 @@ var Pe = {
                     initial: !1,
                     custom: {
                       direction: V,
-                      instant: !k
+                      instant: !R
                     },
-                    children: /* @__PURE__ */ a(pt, {
+                    onExitComplete: () => xe(!1),
+                    children: /* @__PURE__ */ a(xt, {
                       step: c,
                       direction: V,
-                      animated: !h && k,
-                      canSwipeBack: Se,
-                      onMount: nt,
-                      commitSignal: We,
-                      isArmed: Ze,
+                      animated: !m && R,
+                      canSwipeBack: Oe,
+                      onMount: st,
+                      commitSignal: Je,
+                      isArmed: at,
                       onBackStart: Be,
-                      onBackMove: et,
-                      onBackEnd: tt,
-                      onBackCommit: rt,
-                      onBackCancel: it,
+                      onBackMove: rt,
+                      onBackEnd: it,
+                      onBackCommit: ot,
+                      onBackCancel: lt,
                       children: K
                     }, c)
                   })]
                 })
               }),
-              o === "top" && Ie
+              o === "top" && Ce
             ]
           })
         })]
@@ -353,7 +357,7 @@ var Pe = {
     }) })
   });
 };
-Nt.displayName = "KonstructSheet";
+Bt.displayName = "KonstructSheet";
 export {
-  Nt as Sheet
+  Bt as Sheet
 };