@g4rcez/components 4.0.2 → 4.1.1

package/dist/components/floating/modal.js

@@ -1,33 +1,33 @@
 import { jsxs as F, jsx as t } from "react/jsx-runtime";
-import { u as Pe, n as Re, d as ke, i as Le, c as Te, F as De, k as Ee, l as Ne } from "../../floating-ui.react-QNHG9W4N.js";
-import { c as Fe } from "../../index-DJSMaZR4.js";
+import { u as Pe, n as Re, d as Le, j as Ne, c as Te, F as ke, l as De, m as Ee } from "../../floating-ui.react-M2PGXLDp.js";
+import { c as Fe } from "../../index-DlJ_2RBL.js";
 import { e as He } from "../../X.es-BJ1O93El.js";
 import { S as Oe } from "../../slot-CRyweuj0.js";
-import $, { useState as E, useLayoutEffect as Se, useContext as ze, forwardRef as Ie, useRef as L, useId as U, useEffect as _, useImperativeHandle as Ye, Fragment as je, useCallback as Be } from "react";
-import { i as Ae } from "../../fns-D2eyJKd5.js";
-import { c as N, m as Ge } from "../../dom-Dl8XH0CK.js";
-import { C as Ke } from "../../context-BFXNJVn2.js";
-import { Button as W } from "../core/button.js";
-import { m as P, A as X } from "../../proxy-BZcQiBrp.js";
-import { a as Z } from "../../index-t1qLJTt5.js";
+import $, { useState as D, useLayoutEffect as Se, useContext as Ie, forwardRef as ze, useRef as N, useId as W, useEffect as q, useImperativeHandle as Ye, Fragment as je, useCallback as Be } from "react";
+import { i as Ae } from "../../fns-C7Dt27Qd.js";
+import { c as E, m as Ge } from "../../dom-CyQHY7ID.js";
+import { C as Ke, u as Qe } from "../../use-translations-DSltA7H_.js";
+import { Button as X } from "../core/button.js";
+import { m as P, A as Z } from "../../proxy-BZcQiBrp.js";
+import { a as _ } from "../../index-t1qLJTt5.js";
 import { u as T } from "../../use-motion-value-eGwNuWuw.js";
-import { M as Qe } from "../../index-0YMC-_Lt.js";
-const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) => {
-  const [a, o] = E(r);
+import { M as Ve } from "../../index-0YMC-_Lt.js";
+const Je = (e, n) => Ae() ? n : window.matchMedia(e).matches, Ue = (e, n = !0) => {
+  const [a, o] = D(n);
   return Se(() => {
-    const n = window.matchMedia(e), i = () => o(Ve(e, r));
-    return i(), n.addListener ? (n.addListener(i), () => n.removeListener ? n.removeListener(i) : void 0) : (n.addEventListener("change", i), () => n.removeEventListener("change", i));
+    const r = window.matchMedia(e), i = () => o(Je(e, n));
+    return i(), r.addListener ? (r.addListener(i), () => r.removeListener ? r.removeListener(i) : void 0) : (r.addEventListener("change", i), () => r.removeEventListener("change", i));
   }, [e]), a;
-}, Ue = () => ze(Ke).floatingRef ?? void 0, q = $.createContext(async () => !1), ht = () => $.useContext(q), s = "500ms", We = {
+}, We = () => Ie(Ke).floatingRef ?? void 0, ee = $.createContext(async () => !1), pt = () => $.useContext(ee), s = "500ms", Xe = {
   exit: { x: ["0%", "-30%"], opacity: 0, animationDuration: s },
   enter: { x: ["-30%", "0%"], opacity: 1, animationDuration: s },
   initial: { x: ["-30%", "0%"], opacity: 0.8, animationDuration: s }
-}, Xe = {
+}, Ze = {
   enter: { x: "0%", opacity: 1, animationDuration: s },
   exit: { x: ["0%", "30%"], opacity: 0, animationDuration: s },
   initial: { x: ["30%", "0%"], opacity: 0.8, animationDuration: s }
 }, B = {
-  drawer: (e) => e === "left" ? We : Xe,
+  drawer: (e) => e === "left" ? Xe : Ze,
   sheet: {
     enter: { opacity: 1, y: "0%", animationDuration: s, transformOrigin: "bottom" },
     exit: { opacity: 0.4, y: "10%", animationDuration: s, transformOrigin: "bottom" },
@@ -38,31 +38,31 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
     enter: { opacity: 1, scale: [1.05, 1], animationDuration: s },
     initial: { opacity: 0.5, scale: 0.95, animationDuration: s, transition: { duration: 0.5, ease: "easeInOut" } }
   }
-}, Ze = Fe(
-  "z-floating border border-floating-border ring-0 outline-0 appearance-none flex flex-col gap-4 flex-nowrap min-w-xs bg-floating-background",
+}, _e = Fe(
+  "z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-4 border border-floating-border bg-floating-background outline-0 ring-0",
   {
     variants: {
       type: {
-        drawer: "max-h-screen max-w-[90%] absolute w-fit h-screen min-h-0",
-        dialog: "max-h-[calc(100lvh-10%)] relative container h-min rounded-lg py-4",
-        sheet: "w-screen absolute bottom-0 max-h-[calc(100vh-15%)] max-h-[calc(100svh-5%)] h-screen pt-6 pb-4 rounded-t-lg"
+        drawer: "absolute h-screen max-h-screen min-h-0 w-fit max-w-[90%]",
+        dialog: "container relative h-min max-h-[calc(100lvh-10%)] rounded-lg py-4",
+        sheet: "absolute bottom-0 h-screen max-h-[calc(100svh-5%)] max-h-[calc(100vh-15%)] w-screen rounded-t-lg pb-4 pt-6"
       },
       position: {
         none: "",
-        right: "py-4 absolute right-0 top-0 rounded-l-lg",
-        left: "py-4 absolute left-0 top-0 rounded-r-lg"
+        right: "absolute right-0 top-0 rounded-l-lg py-4",
+        left: "absolute left-0 top-0 rounded-r-lg py-4"
       }
     },
     defaultVariants: { position: "right", type: "dialog" }
   }
-), ee = { top: 0, left: 0, right: 0, bottom: 0 }, te = (e) => e * 0.6, $e = (e) => {
-  const r = (a, o) => {
+), te = { top: 0, left: 0, right: 0, bottom: 0 }, oe = (e) => e * 0.6, $e = (e) => {
+  const n = (a, o) => {
     if (e.parent.current) {
       if (a.stopPropagation(), a.stopImmediatePropagation(), e.sheet) {
-        const w = e.parent.current.getBoundingClientRect(), d = e.value.get() || w.height, v = Math.abs(d - o.delta.y), H = window.outerHeight, C = te(H);
+        const w = e.parent.current.getBoundingClientRect(), d = e.value.get() || w.height, v = Math.abs(d - o.delta.y), H = window.outerHeight, C = oe(H);
         return v >= C ? e.value.set(v) : (document.activeElement instanceof HTMLElement && document.activeElement?.blur(), e.onChange(!1), setTimeout(() => e.value.set(void 0), 350));
       }
-      const n = e.parent.current, i = e.value.get() || n.getBoundingClientRect().width, l = e.position === "right" ? -o.delta.x : o.delta.x, p = Math.abs(i + l);
+      const r = e.parent.current, i = e.value.get() || r.getBoundingClientRect().width, l = e.position === "right" ? -o.delta.x : o.delta.x, p = Math.abs(i + l);
       return e.value.set(p);
     }
   };
@@ -72,18 +72,20 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
       draggable: !0,
       dragListener: !0,
       dragMomentum: !0,
+      tabIndex: -1,
       type: "button",
       animate: !1,
       dragElastic: 0,
       dragPropagation: !0,
       initial: !1,
-      onDrag: r,
+      onDrag: n,
       dragSnapToOrigin: !0,
       dragDirectionLock: !0,
+      "aria-hidden": "true",
       drag: e.sheet ? "y" : "x",
-      dragConstraints: ee,
+      dragConstraints: te,
       whileDrag: { cursor: "grabbing" },
-      className: N(
+      className: E(
         "absolute isolate z-calendar rounded-lg",
         e.sheet ? "cursor-row-resize" : "cursor-col-resize bg-floating-border",
         e.sheet ? "top-1 flex h-3 w-full justify-center py-2" : e.position === "left" ? "right-5 top-1/2 h-10 w-2" : "left-2 top-1/2 h-10 w-2"
@@ -91,16 +93,16 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
       children: e.sheet ? /* @__PURE__ */ t("div", { className: "h-2 w-1/4 rounded-lg bg-floating-border" }) : null
     }
   );
-}, D = { drawer: "right", sheet: "none", dialog: "none" }, _e = (e, r, a, o) => {
-  const n = a || "dialog";
-  return e ? a === "drawer" ? o ?? D.drawer : D[n] : r ? D[n] : D.sheet;
-}, qe = [], oe = Ie(
+}, k = { drawer: "right", sheet: "none", dialog: "none" }, qe = (e, n, a, o) => {
+  const r = a || "dialog";
+  return e ? a === "drawer" ? o ?? k.drawer : k[r] : n ? k[r] : k.sheet;
+}, et = [], ne = ze(
   ({
     open: e,
-    title: r,
+    title: n,
     footer: a,
     asChild: o,
-    trigger: n,
+    trigger: r,
     children: i,
     onChange: l,
     ariaTitle: p,
@@ -111,71 +113,71 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
     closable: H = !0,
     forceType: C = !1,
     layoutId: A = void 0,
-    overlayClassName: re = "",
+    overlayClassName: ae = "",
     type: M = "dialog",
-    position: ae,
-    overlayClickClose: ie = !1,
-    closeOnFocusOut: se = !1,
-    interactions: ce = qe,
-    ...le
-  }, de) => {
-    const ue = Ue(), G = L(null), O = L(null), K = U(), ge = U(), S = Je("(min-width: 64rem)"), z = _e(S, C, M, ae), I = S || C ? B[M] : B.sheet, fe = typeof I == "function" ? I(z) : I, g = S || C ? M : "sheet", me = g !== "dialog", c = Pe({ open: e, onOpenChange: l, strategy: "fixed" }), he = Re(c.context, {}), pe = ke(c.context, { role: "dialog" }), ve = Le(c.context, {
+    position: ie,
+    overlayClickClose: se = !1,
+    closeOnFocusOut: ce = !1,
+    interactions: le = et,
+    ...de
+  }, ue) => {
+    const ge = Qe(), me = We(), G = N(null), O = N(null), K = W(), Q = W(), S = Ue("(min-width: 64rem)"), I = qe(S, C, M, ie), z = S || C ? B[M] : B.sheet, fe = typeof z == "function" ? z(I) : z, m = S || C ? M : "sheet", he = m !== "dialog", c = Pe({ open: e, onOpenChange: l, strategy: "fixed" }), pe = Re(c.context, {}), ve = Le(c.context, { role: "dialog" }), be = Ne(c.context, {
       bubbles: !0,
       escapeKey: !0,
       outsidePress: (h) => {
         const u = h.target;
-        return ie && !!u?.isConnected;
+        return se && !!u?.isConnected;
       }
-    }), Q = Te([he, ve, pe].concat(ce)), xe = n, f = T(void 0), m = T(void 0), x = L(!1), V = L(0);
-    _(() => {
-      f.set(void 0), m.set(void 0);
-    }, [g, f, m]);
-    const be = () => l(!1);
-    Ye(de, () => ({ context: c.context, floating: O.current }), [
+    }), V = Te([pe, be, ve].concat(le)), f = T(void 0), b = T(void 0), x = N(!1), J = N(0);
+    q(() => {
+      f.set(void 0), b.set(void 0);
+    }, [m, f, b]);
+    const xe = () => l(!1);
+    Ye(ue, () => ({ context: c.context, floating: O.current }), [
       c.context,
       O
     ]);
-    const ye = g === "sheet" ? {
+    const ye = m === "sheet" ? {
       drag: "y",
       animate: !1,
       dragElastic: 0,
       initial: !1,
-      dragConstraints: ee,
+      dragConstraints: te,
       draggable: !0,
       dragListener: !0,
       dragMomentum: !0,
       onDrag: (h, u) => {
-        const Y = c.refs.floating.current.getBoundingClientRect(), j = f.get() || Y.height, y = Math.abs(j - u.delta.y), Ce = window.outerHeight, Me = te(Ce);
+        const Y = c.refs.floating.current.getBoundingClientRect(), j = f.get() || Y.height, y = Math.abs(j - u.delta.y), Ce = window.outerHeight, Me = oe(Ce);
         return y >= Me ? f.set(y) : (document.activeElement instanceof HTMLElement && document.activeElement?.blur(), l?.(!1), setTimeout(() => f.set(void 0), 350));
       },
       dragPropagation: !0,
       dragSnapToOrigin: !0,
       dragDirectionLock: !0,
       whileDrag: { cursor: "grabbing" }
-    } : { animate: v, initial: !1 }, J = T(void 0), k = T(void 0), we = o ? Oe : P.button;
+    } : { animate: v, initial: !1 }, U = T(void 0), L = T(void 0), we = o ? Oe : P.button;
     return /* @__PURE__ */ F(je, { children: [
-      n ? /* @__PURE__ */ t(we, { ref: c.refs.setReference, ...Q.getReferenceProps(), layoutId: A, type: "button", children: xe }) : null,
-      /* @__PURE__ */ t(Qe, { reducedMotion: v ? "user" : "always", children: /* @__PURE__ */ t(De, { preserveTabOrder: !0, root: ue, children: /* @__PURE__ */ t(X, { mode: "wait", propagate: !0, children: e ? /* @__PURE__ */ t(
-        Ee,
+      r ? /* @__PURE__ */ t(we, { ref: c.refs.setReference, ...V.getReferenceProps(), layoutId: A, type: "button", children: r }) : null,
+      /* @__PURE__ */ t(Ve, { reducedMotion: v ? "user" : "always", children: /* @__PURE__ */ t(ke, { preserveTabOrder: !0, root: me, children: /* @__PURE__ */ t(Z, { mode: "wait", propagate: !0, children: e ? /* @__PURE__ */ t(
+        De,
         {
           lockScroll: !0,
-          className: N(
+          className: E(
             "inset-0 isolate z-overlay flex h-[100dvh] !overflow-clip bg-floating-overlay/80",
-            g === "drawer" ? "" : "items-start justify-center pt-10 lg:p-10",
-            re
+            m === "drawer" ? "" : "items-start justify-center pt-10 lg:p-10",
+            ae
           ),
-          children: /* @__PURE__ */ t(Ne, { guards: !0, modal: !0, closeOnFocusOut: se, context: c.context, children: /* @__PURE__ */ t(X, { propagate: !0, children: /* @__PURE__ */ F(
+          children: /* @__PURE__ */ t(Ee, { guards: !0, modal: !0, closeOnFocusOut: ce, context: c.context, children: /* @__PURE__ */ t(Z, { propagate: !0, children: /* @__PURE__ */ F(
             P.div,
             {
-              ...le,
-              ...r ? {
+              ...de,
+              ...n ? {
                 "aria-labelledby": K,
-                "aria-describedby": ge
+                "aria-describedby": Q
               } : { "aria-label": p },
-              ...Q.getFloatingProps({
+              ...V.getFloatingProps({
                 "aria-modal": e,
                 ref: Ge(c.refs.setFloating, O),
-                className: N(Ze({ position: z, type: g }), R, "isolate overscroll-contain")
+                className: E(_e({ position: I, type: m }), R, "isolate overscroll-contain")
               }),
               exit: "exit",
               layout: !0,
@@ -184,61 +186,63 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
               layoutId: A,
               variants: fe,
               "data-component": "modal",
-              style: g === "drawer" ? { width: f } : { height: f, y: m },
+              style: m === "drawer" ? { width: f } : { height: f, y: b },
               children: [
-                me && d ? /* @__PURE__ */ t(
+                he && d ? /* @__PURE__ */ t(
                   $e,
                   {
                     onChange: l,
                     value: f,
-                    sheet: g === "sheet",
-                    position: z,
+                    sheet: m === "sheet",
+                    position: I,
                     parent: c.refs.floating
                   }
                 ) : null,
-                r ? /* @__PURE__ */ t(P.header, { ...ye, className: "relative isolate w-full", children: r ? /* @__PURE__ */ t(
+                n ? /* @__PURE__ */ t(P.header, { ...ye, className: "relative isolate w-full", children: n ? /* @__PURE__ */ t(
                   "h2",
                   {
                     id: K,
                     className: "block select-text border-b border-floating-border px-8 pb-2 text-3xl font-medium leading-relaxed",
-                    children: r
+                    children: n
                   }
                 ) : null }) : null,
                 /* @__PURE__ */ t(
                   P.section,
                   {
                     ref: G,
+                    id: n ? Q : void 0,
                     "data-component": "modal-body",
-                    className: N("flex-1 select-text overflow-y-auto px-8 py-1", w),
+                    className: E("flex-1 select-text overflow-y-auto px-8 py-1", w),
                     onTouchEnd: async () => {
-                      if (k.set(void 0), J.set(void 0), x.current) {
-                        const h = m.get() || 0, u = window.innerHeight * 0.2;
-                        h > u ? (await Z(m, window.innerHeight, { duration: 0.2, ease: "easeIn" }).finished, l(!1)) : Z(m, 0, { type: "spring", bounce: 0, duration: 0.3 }), x.current = !1;
+                      if (L.set(void 0), U.set(void 0), x.current) {
+                        const h = b.get() || 0, u = window.innerHeight * 0.2, g = b;
+                        h > u ? (await _(g, window.innerHeight, { duration: 0.2, ease: "easeIn" }).finished, l(!1)) : _(g, 0, { type: "spring", bounce: 0, duration: 0.3 }), x.current = !1;
                       }
                     },
                     onTouchStart: (h) => {
                       const u = h.changedTouches[0];
-                      J.set(u.pageY), k.set(u.pageY), x.current = !1;
+                      U.set(u.pageY), L.set(u.pageY), x.current = !1;
                     },
                     onTouchMove: (h) => {
-                      const b = h.changedTouches[0].pageY, Y = k.get() || b, j = G.current?.scrollTop || 0;
-                      if (!x.current && j <= 0 && b > Y && g === "sheet" && (x.current = !0, V.current = b), x.current) {
-                        const y = b - V.current;
-                        y < 0 ? m.set(y * 0.2) : m.set(y);
+                      const g = h.changedTouches[0].pageY, Y = L.get() || g, j = G.current?.scrollTop || 0;
+                      if (!x.current && j <= 0 && g > Y && m === "sheet" && (x.current = !0, J.current = g), x.current) {
+                        const y = g - J.current;
+                        y < 0 ? b.set(y * 0.2) : b.set(y);
                       }
-                      k.set(b);
+                      L.set(g);
                     },
                     children: i
                   }
                 ),
                 a ? /* @__PURE__ */ t("footer", { className: "w-full select-text border-t border-floating-border px-8 pt-4", children: a }) : null,
-                H ? /* @__PURE__ */ t("nav", { className: "absolute right-4 top-1 z-floating", children: /* @__PURE__ */ t(
+                H ? /* @__PURE__ */ t("div", { className: "absolute right-4 top-1 z-floating", children: /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: be,
+                    onClick: xe,
+                    "aria-label": ge.closeButton,
                     className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
-                    children: /* @__PURE__ */ t(He, {})
+                    children: /* @__PURE__ */ t(He, { "aria-hidden": "true" })
                   }
                 ) }) : null
               ]
@@ -249,15 +253,15 @@ const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) =
     ] });
   }
 );
-let ne = async (e) => (typeof window < "u" && console.warn("ConfirmationProvider is not mounted"), !1);
-oe.confirm = (e) => ne(e);
-const pt = ({ children: e }) => {
-  const [r, a] = E(!1), [o, n] = E({}), [i, l] = E(() => {
-  }), p = Be((d) => (n(d), a(!0), new Promise((v) => {
+let re = async (e) => (typeof window < "u" && console.warn("ConfirmationProvider is not mounted"), !1);
+ne.confirm = (e) => re(e);
+const vt = ({ children: e }) => {
+  const [n, a] = D(!1), [o, r] = D({}), [i, l] = D(() => {
+  }), p = Be((d) => (r(d), a(!0), new Promise((v) => {
     l(() => v);
   })), []);
-  _(() => {
-    ne = p;
+  q(() => {
+    re = p;
   }, [p]);
   const R = () => {
     a(!1);
@@ -268,12 +272,12 @@ const pt = ({ children: e }) => {
     const d = o.cancel?.value ?? !1;
     i(d ?? !1);
   };
-  return /* @__PURE__ */ F(q.Provider, { value: p, children: [
+  return /* @__PURE__ */ F(ee.Provider, { value: p, children: [
     e,
     /* @__PURE__ */ t(
-      oe,
+      ne,
       {
-        open: r,
+        open: n,
         type: "dialog",
         closable: !1,
         onChange: a,
@@ -281,8 +285,8 @@ const pt = ({ children: e }) => {
         title: o.title || "Confirmation",
         className: "container max-w-dialog lg:max-w-96",
         footer: /* @__PURE__ */ F("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ t(W, { theme: o.cancel?.theme || "ghost-muted", onClick: w, children: o.cancel?.text || "Cancel" }),
-          /* @__PURE__ */ t(W, { autoFocus: !0, theme: o.confirm?.theme || "primary", onClick: R, children: o.confirm?.text || "Confirm" })
+          /* @__PURE__ */ t(X, { theme: o.cancel?.theme || "ghost-muted", onClick: w, children: o.cancel?.text || "Cancel" }),
+          /* @__PURE__ */ t(X, { autoFocus: !0, theme: o.confirm?.theme || "primary", onClick: R, children: o.confirm?.text || "Confirm" })
         ] }),
         children: /* @__PURE__ */ t("div", { className: "py-2 text-foreground", children: o.description })
       }
@@ -290,8 +294,8 @@ const pt = ({ children: e }) => {
   ] });
 };
 export {
-  oe as Modal,
-  pt as ModalConfirmProvider,
-  ht as useConfirm
+  ne as Modal,
+  vt as ModalConfirmProvider,
+  pt as useConfirm
 };
 //# sourceMappingURL=modal.js.map

package/dist/components/floating/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/hooks/use-media-query.ts","../../../src/hooks/use-floating-ref.ts","../../../src/components/floating/modal.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { isSsr } from \"../lib/fns\";\n\nconst getMatches = (query: string, defaultValue: boolean): boolean => {\n    if (isSsr()) {\n        return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n};\n\nexport const useMediaQuery = (query: string, defaultValue: boolean = true) => {\n    const [matches, setMatches] = useState(defaultValue);\n\n    useLayoutEffect(() => {\n        const matchMedia = window.matchMedia(query);\n        const onChange = () => setMatches(getMatches(query, defaultValue));\n        onChange();\n        if (matchMedia.addListener) {\n            matchMedia.addListener(onChange);\n            return () => {\n                return matchMedia.removeListener ? matchMedia.removeListener(onChange) : undefined;\n            };\n        }\n        matchMedia.addEventListener(\"change\", onChange);\n        return () => matchMedia.removeEventListener(\"change\", onChange);\n    }, [query]);\n\n    return matches;\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\n\nexport const useFloatingRef = () => {\n    const ctx = useContext(Context);\n    return ctx.floatingRef ?? undefined;\n};\n","\"use client\";\nimport {\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n    type ElementProps,\n} from \"@floating-ui/react\";\nimport { cva } from \"class-variance-authority\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport {\n    AnimatePresence,\n    HTMLMotionProps,\n    motion,\n    MotionConfig,\n    MotionValue,\n    PanInfo,\n    TargetAndTransition,\n    useMotionValue,\n    animate,\n} from \"motion/react\";\nimport { Slot } from \"../core/slot\";\nimport React, {\n    ForwardedRef,\n    forwardRef,\n    Fragment,\n    PropsWithChildren,\n    useEffect,\n    useId,\n    useImperativeHandle,\n    useRef,\n    useState,\n    useCallback,\n} from \"react\";\nimport { useMediaQuery } from \"../../hooks/use-media-query\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Label, Nil, Override } from \"../../types\";\nimport { useFloatingRef } from \"../../hooks/use-floating-ref\";\nimport { Button, ButtonProps } from \"../core/button\";\n\ntype AnimationLabels = \"initial\" | \"enter\" | \"exit\";\n\nconst ConfirmContext = React.createContext<(options: ConfirmOptions) => Promise<boolean>>(async () => false);\n\nexport const useConfirm = () => React.useContext(ConfirmContext);\n\nexport type ModalType = \"dialog\" | \"drawer\" | \"sheet\";\n\nexport type DrawerPosition = \"left\" | \"right\";\n\ntype Animations = {\n    sheet: Record<AnimationLabels, TargetAndTransition>;\n    dialog: Record<AnimationLabels, TargetAndTransition>;\n    drawer: (type: DrawerPosition) => Record<AnimationLabels, TargetAndTransition>;\n};\n\nconst animationDuration = \"500ms\";\n\nconst drawerLeft: Record<string, TargetAndTransition> = {\n    exit: { x: [\"0%\", \"-30%\"], opacity: 0, animationDuration },\n    enter: { x: [\"-30%\", \"0%\"], opacity: 1, animationDuration },\n    initial: { x: [\"-30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst drawerRight: Record<string, TargetAndTransition> = {\n    enter: { x: \"0%\", opacity: 1, animationDuration },\n    exit: { x: [\"0%\", \"30%\"], opacity: 0, animationDuration },\n    initial: { x: [\"30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst animations: Animations = {\n    drawer: (type) => (type === \"left\" ? drawerLeft : drawerRight),\n    sheet: {\n        enter: { opacity: 1, y: \"0%\", animationDuration, transformOrigin: \"bottom\" },\n        exit: { opacity: 0.4, y: \"10%\", animationDuration, transformOrigin: \"bottom\" },\n        initial: { opacity: 0.7, y: \"10%\", animationDuration, transformOrigin: \"bottom\" },\n    },\n    dialog: {\n        exit: { opacity: 0, scale: 0.95, animationDuration },\n        enter: { opacity: 1, scale: [1.05, 1], animationDuration },\n        initial: { opacity: 0.5, scale: 0.95, animationDuration, transition: { duration: 0.5, ease: \"easeInOut\" } },\n    },\n};\n\nconst variants = cva(\n    \"z-floating border border-floating-border ring-0 outline-0 appearance-none flex flex-col gap-4 flex-nowrap min-w-xs bg-floating-background\",\n    {\n        variants: {\n            type: {\n                drawer: \"max-h-screen max-w-[90%] absolute w-fit h-screen min-h-0\",\n                dialog: \"max-h-[calc(100lvh-10%)] relative container h-min rounded-lg py-4\",\n                sheet: \"w-screen absolute bottom-0 max-h-[calc(100vh-15%)] max-h-[calc(100svh-5%)] h-screen pt-6 pb-4 rounded-t-lg\",\n            },\n            position: {\n                none: \"\",\n                right: \"py-4 absolute right-0 top-0 rounded-l-lg\",\n                left: \"py-4 absolute left-0 top-0 rounded-r-lg\",\n            },\n        },\n        defaultVariants: { position: \"right\", type: \"dialog\" },\n    }\n);\n\nexport type ModalProps = Override<\n    HTMLMotionProps<\"div\">,\n    ({ title: Label; ariaTitle?: string } | { ariaTitle: string; title?: Label }) & {\n        open: boolean;\n        onChange: (nextState: boolean) => void;\n    } & Partial<{\n            footer: Label;\n            type: ModalType;\n            animated: boolean;\n            asChild: boolean;\n            layoutId: string;\n            resizer: boolean;\n            className: string;\n            closable: boolean;\n            forceType: boolean;\n            bodyClassName: string;\n            overlayClassName: string;\n            position: DrawerPosition;\n            overlayClickClose: boolean;\n            closeOnFocusOut: boolean;\n            role: \"dialog\";\n            interactions: ElementProps[];\n            trigger: Label | React.FC<any>;\n        }>\n>;\n\ntype DraggableProps = {\n    sheet: boolean;\n    position: DrawerPosition;\n    parent: React.RefObject<HTMLElement>;\n    onChange: (nextState: boolean) => void;\n    value: MotionValue<number | undefined>;\n};\n\nconst dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };\n\nconst calculateClose = (n: number) => n * 0.6;\n\nconst Draggable = (props: DraggableProps) => {\n    const onDrag = (e: Event, info: PanInfo) => {\n        if (props.parent.current) {\n            e.stopPropagation();\n            e.stopImmediatePropagation();\n            if (props.sheet) {\n                const div = props.parent.current as HTMLElement;\n                const rect = div.getBoundingClientRect();\n                const v = props.value.get() || rect.height;\n                const result = Math.abs(v - info.delta.y);\n                const max = window.outerHeight;\n                const screenHeightToClose = calculateClose(max);\n                if (result >= screenHeightToClose) return props.value.set(result);\n                if (document.activeElement instanceof HTMLElement) {\n                    document.activeElement?.blur();\n                }\n                props.onChange(false);\n                return setTimeout(() => props.value.set(undefined), 350);\n            }\n            const div = props.parent.current as HTMLElement;\n            const v = props.value.get() || div.getBoundingClientRect().width;\n            const delta = props.position === \"right\" ? -info.delta.x : info.delta.x;\n            const value = Math.abs(v + delta);\n            return props.value.set(value);\n        }\n    };\n\n    return (\n        <motion.button\n            draggable\n            dragListener\n            dragMomentum\n            type=\"button\"\n            animate={false}\n            dragElastic={0}\n            dragPropagation\n            initial={false}\n            onDrag={onDrag}\n            dragSnapToOrigin\n            dragDirectionLock\n            drag={props.sheet ? \"y\" : \"x\"}\n            dragConstraints={dragConstraints}\n            whileDrag={{ cursor: \"grabbing\" }}\n            className={css(\n                \"absolute isolate z-calendar rounded-lg\",\n                props.sheet ? \"cursor-row-resize\" : \"cursor-col-resize bg-floating-border\",\n                props.sheet\n                    ? \"top-1 flex h-3 w-full justify-center py-2\"\n                    : props.position === \"left\"\n                      ? \"right-5 top-1/2 h-10 w-2\"\n                      : \"left-2 top-1/2 h-10 w-2\"\n            )}\n        >\n            {props.sheet ? <div className=\"h-2 w-1/4 rounded-lg bg-floating-border\" /> : null}\n        </motion.button>\n    );\n};\n\nconst positions = { drawer: \"right\", sheet: \"none\", dialog: \"none\" } as const;\n\nconst fetchPosition = (isDesktop: Nil<boolean>, forceType: Nil<boolean>, propsType: Nil<ModalType>, propsPosition: Nil<DrawerPosition>) => {\n    const type = propsType || \"dialog\";\n    if (isDesktop) return propsType === \"drawer\" ? (propsPosition ?? positions.drawer) : positions[type];\n    return forceType ? positions[type] : positions.sheet;\n};\n\nexport type ModalRef = { context: any; floating: HTMLElement | null };\n\nconst noop: any[] = [];\n\ntype ModalComponent = React.FC<ModalProps> & {\n    confirm: <T>(options: ConfirmOptions) => Promise<T>;\n};\n\nexport const Modal: ModalComponent = forwardRef<ModalRef, PropsWithChildren<ModalProps>>(\n    (\n        {\n            open,\n            title,\n            footer,\n            asChild,\n            trigger,\n            children,\n            onChange,\n            ariaTitle,\n            className,\n            bodyClassName,\n            resizer = true,\n            animated = true,\n            closable = true,\n            forceType = false,\n            layoutId = undefined,\n            overlayClassName = \"\",\n            type: _type = \"dialog\",\n            position: propsPosition,\n            overlayClickClose = false,\n            closeOnFocusOut = false,\n            interactions: outInteractions = noop,\n            ...props\n        }: PropsWithChildren<ModalProps>,\n        externalRef: ForwardedRef<ModalRef>\n    ) => {\n        const root = useFloatingRef();\n        const innerContent = useRef<HTMLDivElement>(null);\n        const removeScrollRef = useRef<HTMLDivElement>(null);\n        const headingId = useId();\n        const descriptionId = useId();\n        const isDesktop = useMediaQuery(\"(min-width: 64rem)\");\n        const position = fetchPosition(isDesktop, forceType, _type, propsPosition);\n        const func = isDesktop ? animations[_type] : forceType ? animations[_type] : animations.sheet;\n        const animation = typeof func === \"function\" ? func(position as DrawerPosition) : func;\n        const type = isDesktop ? _type : forceType ? _type : \"sheet\";\n        const useResizer = type !== \"dialog\";\n\n        const floating = useFloating({ open, onOpenChange: onChange, strategy: \"fixed\" });\n        const click = useClick(floating.context, {});\n        const role = useRole(floating.context, { role: \"dialog\" });\n        const dismiss = useDismiss(floating.context, {\n            bubbles: true,\n            escapeKey: true,\n            outsidePress: (event) => {\n                const target = event.target as Node;\n                return overlayClickClose && !!target?.isConnected;\n            },\n        });\n\n        const interactions = useInteractions([click, dismiss, role].concat(outInteractions));\n\n        const Trigger = trigger as any;\n\n        const floatingSize = useMotionValue<number | undefined>(undefined);\n        const sheetY = useMotionValue<number | undefined>(undefined);\n        const isDragging = useRef(false);\n        const dragStart = useRef(0);\n\n        useEffect(() => {\n            floatingSize.set(undefined);\n            sheetY.set(undefined);\n        }, [type, floatingSize, sheetY]);\n\n        const onClose = () => onChange(false);\n\n        useImperativeHandle(externalRef, () => ({ context: floating.context, floating: removeScrollRef.current }), [\n            floating.context,\n            removeScrollRef,\n        ]);\n\n        const onDragHeader = (_: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n            const div = floating.refs.floating.current as HTMLElement;\n            const rect = div.getBoundingClientRect();\n            const v = floatingSize.get() || rect.height;\n            const result = Math.abs(v - info.delta.y);\n            const max = window.outerHeight;\n            const screenHeightToClose = calculateClose(max);\n            if (result >= screenHeightToClose) return floatingSize.set(result);\n            if (document.activeElement instanceof HTMLElement) {\n                document.activeElement?.blur();\n            }\n            onChange?.(false);\n            return setTimeout(() => floatingSize.set(undefined), 350);\n        };\n\n        const draggableMotionProps =\n            type === \"sheet\"\n                ? ({\n                      drag: \"y\",\n                      animate: false,\n                      dragElastic: 0,\n                      initial: false,\n                      dragConstraints,\n                      draggable: true,\n                      dragListener: true,\n                      dragMomentum: true,\n                      onDrag: onDragHeader,\n                      dragPropagation: true,\n                      dragSnapToOrigin: true,\n                      dragDirectionLock: true,\n                      whileDrag: { cursor: \"grabbing\" },\n                  } as const)\n                : { animate: animated, initial: false };\n\n        const scrollInitial = useMotionValue<number | undefined>(undefined);\n        const scroll = useMotionValue<number | undefined>(undefined);\n\n        const Component = asChild ? Slot : motion.button;\n\n        return (\n            <Fragment>\n                {trigger ? (\n                    <Component ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type=\"button\">\n                        {Trigger}\n                    </Component>\n                ) : null}\n                <MotionConfig reducedMotion={animated ? \"user\" : \"always\"}>\n                    <FloatingPortal preserveTabOrder root={root}>\n                        <AnimatePresence mode=\"wait\" propagate>\n                            {open ? (\n                                <FloatingOverlay\n                                    lockScroll\n                                    className={css(\n                                        \"inset-0 isolate z-overlay flex h-[100dvh] !overflow-clip bg-floating-overlay/80\",\n                                        type === \"drawer\" ? \"\" : \"items-start justify-center pt-10 lg:p-10\",\n                                        overlayClassName\n                                    )}\n                                >\n                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context}>\n                                        <AnimatePresence propagate>\n                                            <motion.div\n                                                {...props}\n                                                {...(title\n                                                    ? {\n                                                          \"aria-labelledby\": headingId,\n                                                          \"aria-describedby\": descriptionId,\n                                                      }\n                                                    : { \"aria-label\": ariaTitle })}\n                                                {...interactions.getFloatingProps({\n                                                    \"aria-modal\": open,\n                                                    ref: mergeRefs(floating.refs.setFloating, removeScrollRef) as any,\n                                                    className: css(variants({ position, type }), className, \"isolate overscroll-contain\"),\n                                                })}\n                                                exit=\"exit\"\n                                                layout={true}\n                                                animate=\"enter\"\n                                                initial=\"initial\"\n                                                layoutId={layoutId}\n                                                variants={animation}\n                                                data-component=\"modal\"\n                                                style={type === \"drawer\" ? { width: floatingSize } : { height: floatingSize, y: sheetY }}\n                                            >\n                                                {useResizer && resizer ? (\n                                                    <Draggable\n                                                        onChange={onChange}\n                                                        value={floatingSize}\n                                                        sheet={type === \"sheet\"}\n                                                        position={position as DrawerPosition}\n                                                        parent={floating.refs.floating as any}\n                                                    />\n                                                ) : null}\n                                                {title ? (\n                                                    <motion.header {...draggableMotionProps} className=\"relative isolate w-full\">\n                                                        {title ? (\n                                                            <h2\n                                                                id={headingId}\n                                                                className=\"block select-text border-b border-floating-border px-8 pb-2 text-3xl font-medium leading-relaxed\"\n                                                            >\n                                                                {title}\n                                                            </h2>\n                                                        ) : null}\n                                                    </motion.header>\n                                                ) : null}\n                                                <motion.section\n                                                    ref={innerContent}\n                                                    data-component=\"modal-body\"\n                                                    className={css(\"flex-1 select-text overflow-y-auto px-8 py-1\", bodyClassName)}\n                                                    onTouchEnd={async () => {\n                                                        scroll.set(undefined);\n                                                        scrollInitial.set(undefined);\n\n                                                        if (isDragging.current) {\n                                                            const currentY = sheetY.get() || 0;\n                                                            const threshold = window.innerHeight * 0.2;\n\n                                                            if (currentY > threshold) {\n                                                                await animate(sheetY as any, window.innerHeight, { duration: 0.2, ease: \"easeIn\" })\n                                                                    .finished;\n                                                                onChange(false);\n                                                            } else {\n                                                                animate(sheetY as any, 0, { type: \"spring\", bounce: 0, duration: 0.3 });\n                                                            }\n                                                            isDragging.current = false;\n                                                        }\n                                                    }}\n                                                    onTouchStart={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        scrollInitial.set(touch.pageY);\n                                                        scroll.set(touch.pageY);\n                                                        isDragging.current = false;\n                                                    }}\n                                                    onTouchMove={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        const y = touch.pageY;\n                                                        const prevY = scroll.get() || y;\n                                                        const scrollTop = innerContent.current?.scrollTop || 0;\n\n                                                        if (!isDragging.current && scrollTop <= 0 && y > prevY && type === \"sheet\") {\n                                                            isDragging.current = true;\n                                                            dragStart.current = y;\n                                                        }\n\n                                                        if (isDragging.current) {\n                                                            const delta = y - dragStart.current;\n                                                            if (delta < 0) {\n                                                                sheetY.set(delta * 0.2);\n                                                            } else {\n                                                                sheetY.set(delta);\n                                                            }\n                                                        }\n\n                                                        scroll.set(y);\n                                                    }}\n                                                >\n                                                    {children}\n                                                </motion.section>\n                                                {footer ? (\n                                                    <footer className=\"w-full select-text border-t border-floating-border px-8 pt-4\">{footer}</footer>\n                                                ) : null}\n                                                {closable ? (\n                                                    <nav className=\"absolute right-4 top-1 z-floating\">\n                                                        <button\n                                                            type=\"button\"\n                                                            onClick={onClose}\n                                                            className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                                        >\n                                                            <XIcon />\n                                                        </button>\n                                                    </nav>\n                                                ) : null}\n                                            </motion.div>\n                                        </AnimatePresence>\n                                    </FloatingFocusManager>\n                                </FloatingOverlay>\n                            ) : null}\n                        </AnimatePresence>\n                    </FloatingPortal>\n                </MotionConfig>\n            </Fragment>\n        );\n    }\n) as any;\n\ntype ButtonConfirmationAction = {\n    value?: any;\n    text?: Label;\n    theme?: ButtonProps[\"theme\"];\n};\n\nexport type ConfirmOptions = {\n    title?: Label;\n    description?: Label;\n    cancel?: ButtonConfirmationAction;\n    confirm?: ButtonConfirmationAction;\n};\n\ntype ConfirmContextType = (options: ConfirmOptions) => Promise<boolean>;\n\nlet confirmGlobal: ConfirmContextType = async <T extends any>(options: ConfirmOptions): Promise<T> => {\n    if (typeof window !== \"undefined\") {\n        console.warn(\"ConfirmationProvider is not mounted\");\n    }\n    return false as T;\n};\n\nModal.confirm = <T extends any>(options: ConfirmOptions): Promise<T> => confirmGlobal(options) as any;\n\nexport const ModalConfirmProvider = ({ children }: { children: React.ReactNode }) => {\n    const [open, setOpen] = useState(false);\n    const [options, setOptions] = useState<Partial<ConfirmOptions>>({});\n    const [resolve, setResolve] = useState<(value: boolean) => void>(() => {});\n\n    const confirmAction = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n        setOptions(opts);\n        setOpen(true);\n        return new Promise((res) => {\n            setResolve(() => res);\n        });\n    }, []);\n\n    useEffect(() => {\n        confirmGlobal = confirmAction;\n    }, [confirmAction]);\n\n    const onConfirm = () => {\n        setOpen(false);\n        const value = options.confirm?.value ?? true;\n        resolve(value ?? true);\n    };\n\n    const onCancel = () => {\n        setOpen(false);\n        const value = options.cancel?.value ?? false;\n        resolve(value ?? false);\n    };\n\n    return (\n        <ConfirmContext.Provider value={confirmAction}>\n            {children}\n            <Modal\n                open={open}\n                type=\"dialog\"\n                closable={false}\n                onChange={setOpen}\n                overlayClickClose={false}\n                title={options.title || \"Confirmation\"}\n                className=\"container max-w-dialog lg:max-w-96\"\n                footer={\n                    <div className=\"flex justify-end gap-2\">\n                        <Button theme={options.cancel?.theme || \"ghost-muted\"} onClick={onCancel}>\n                            {options.cancel?.text || \"Cancel\"}\n                        </Button>\n                        <Button autoFocus theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || \"Confirm\"}\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"py-2 text-foreground\">{options.description}</div>\n            </Modal>\n        </ConfirmContext.Provider>\n    );\n};\n"],"names":["getMatches","query","defaultValue","isSsr","useMediaQuery","matches","setMatches","useState","useLayoutEffect","matchMedia","onChange","useFloatingRef","useContext","Context","ConfirmContext","React","useConfirm","animationDuration","drawerLeft","drawerRight","animations","type","variants","cva","dragConstraints","calculateClose","n","Draggable","props","onDrag","e","info","rect","v","result","max","screenHeightToClose","div","delta","value","jsx","motion","css","positions","fetchPosition","isDesktop","forceType","propsType","propsPosition","noop","Modal","forwardRef","open","title","footer","asChild","trigger","children","ariaTitle","className","bodyClassName","resizer","animated","closable","layoutId","overlayClassName","_type","overlayClickClose","closeOnFocusOut","outInteractions","externalRef","root","innerContent","useRef","removeScrollRef","headingId","useId","descriptionId","position","func","animation","useResizer","floating","useFloating","click","useClick","role","useRole","dismiss","useDismiss","event","target","interactions","useInteractions","Trigger","floatingSize","useMotionValue","sheetY","isDragging","dragStart","useEffect","onClose","useImperativeHandle","draggableMotionProps","_","scrollInitial","scroll","Component","Slot","Fragment","MotionConfig","FloatingPortal","AnimatePresence","FloatingOverlay","FloatingFocusManager","jsxs","mergeRefs","currentY","threshold","animate","touch","y","prevY","scrollTop","XIcon","confirmGlobal","options","ModalConfirmProvider","setOpen","setOptions","resolve","setResolve","confirmAction","useCallback","opts","res","onConfirm","onCancel","Button"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../src/hooks/use-media-query.ts","../../../src/hooks/use-floating-ref.ts","../../../src/components/floating/modal.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { isSsr } from \"../lib/fns\";\n\nconst getMatches = (query: string, defaultValue: boolean): boolean => {\n    if (isSsr()) {\n        return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n};\n\nexport const useMediaQuery = (query: string, defaultValue: boolean = true) => {\n    const [matches, setMatches] = useState(defaultValue);\n\n    useLayoutEffect(() => {\n        const matchMedia = window.matchMedia(query);\n        const onChange = () => setMatches(getMatches(query, defaultValue));\n        onChange();\n        if (matchMedia.addListener) {\n            matchMedia.addListener(onChange);\n            return () => {\n                return matchMedia.removeListener ? matchMedia.removeListener(onChange) : undefined;\n            };\n        }\n        matchMedia.addEventListener(\"change\", onChange);\n        return () => matchMedia.removeEventListener(\"change\", onChange);\n    }, [query]);\n\n    return matches;\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\n\nexport const useFloatingRef = () => {\n    const ctx = useContext(Context);\n    return ctx.floatingRef ?? undefined;\n};\n","\"use client\";\nimport {\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n    type ElementProps,\n    type FloatingContext,\n} from \"@floating-ui/react\";\nimport { cva } from \"class-variance-authority\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport {\n    AnimatePresence,\n    HTMLMotionProps,\n    motion,\n    MotionConfig,\n    MotionValue,\n    PanInfo,\n    TargetAndTransition,\n    useMotionValue,\n    animate,\n} from \"motion/react\";\nimport { Slot } from \"../core/slot\";\nimport React, {\n    ForwardedRef,\n    forwardRef,\n    Fragment,\n    PropsWithChildren,\n    useEffect,\n    useId,\n    useImperativeHandle,\n    useRef,\n    useState,\n    useCallback,\n} from \"react\";\nimport { useMediaQuery } from \"../../hooks/use-media-query\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Label, Nil, Override } from \"../../types\";\nimport { useFloatingRef } from \"../../hooks/use-floating-ref\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { Button, ButtonProps } from \"../core/button\";\n\ntype AnimationLabels = \"initial\" | \"enter\" | \"exit\";\n\nconst ConfirmContext = React.createContext<(options: ConfirmOptions) => Promise<boolean>>(async () => false);\n\nexport const useConfirm = () => React.useContext(ConfirmContext);\n\nexport type ModalType = \"dialog\" | \"drawer\" | \"sheet\";\n\nexport type DrawerPosition = \"left\" | \"right\";\n\ntype Animations = {\n    sheet: Record<AnimationLabels, TargetAndTransition>;\n    dialog: Record<AnimationLabels, TargetAndTransition>;\n    drawer: (type: DrawerPosition) => Record<AnimationLabels, TargetAndTransition>;\n};\n\nconst animationDuration = \"500ms\";\n\nconst drawerLeft: Record<string, TargetAndTransition> = {\n    exit: { x: [\"0%\", \"-30%\"], opacity: 0, animationDuration },\n    enter: { x: [\"-30%\", \"0%\"], opacity: 1, animationDuration },\n    initial: { x: [\"-30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst drawerRight: Record<string, TargetAndTransition> = {\n    enter: { x: \"0%\", opacity: 1, animationDuration },\n    exit: { x: [\"0%\", \"30%\"], opacity: 0, animationDuration },\n    initial: { x: [\"30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst animations: Animations = {\n    drawer: (type) => (type === \"left\" ? drawerLeft : drawerRight),\n    sheet: {\n        enter: { opacity: 1, y: \"0%\", animationDuration, transformOrigin: \"bottom\" },\n        exit: { opacity: 0.4, y: \"10%\", animationDuration, transformOrigin: \"bottom\" },\n        initial: { opacity: 0.7, y: \"10%\", animationDuration, transformOrigin: \"bottom\" },\n    },\n    dialog: {\n        exit: { opacity: 0, scale: 0.95, animationDuration },\n        enter: { opacity: 1, scale: [1.05, 1], animationDuration },\n        initial: { opacity: 0.5, scale: 0.95, animationDuration, transition: { duration: 0.5, ease: \"easeInOut\" } },\n    },\n};\n\nconst variants = cva(\n    \"z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-4 border border-floating-border bg-floating-background outline-0 ring-0\",\n    {\n        variants: {\n            type: {\n                drawer: \"absolute h-screen max-h-screen min-h-0 w-fit max-w-[90%]\",\n                dialog: \"container relative h-min max-h-[calc(100lvh-10%)] rounded-lg py-4\",\n                sheet: \"absolute bottom-0 h-screen max-h-[calc(100svh-5%)] max-h-[calc(100vh-15%)] w-screen rounded-t-lg pb-4 pt-6\",\n            },\n            position: {\n                none: \"\",\n                right: \"absolute right-0 top-0 rounded-l-lg py-4\",\n                left: \"absolute left-0 top-0 rounded-r-lg py-4\",\n            },\n        },\n        defaultVariants: { position: \"right\", type: \"dialog\" },\n    }\n);\n\nexport type ModalProps = Override<\n    HTMLMotionProps<\"div\">,\n    ({ title: Label; ariaTitle?: string } | { ariaTitle: string; title?: Label }) & {\n        open: boolean;\n        onChange: (nextState: boolean) => void;\n    } & Partial<{\n            footer: Label;\n            type: ModalType;\n            animated: boolean;\n            asChild: boolean;\n            layoutId: string;\n            resizer: boolean;\n            className: string;\n            closable: boolean;\n            forceType: boolean;\n            bodyClassName: string;\n            overlayClassName: string;\n            position: DrawerPosition;\n            overlayClickClose: boolean;\n            closeOnFocusOut: boolean;\n            role: \"dialog\";\n            interactions: ElementProps[];\n            trigger: Label;\n        }>\n>;\n\ntype DraggableProps = {\n    sheet: boolean;\n    position: DrawerPosition;\n    parent: React.MutableRefObject<HTMLElement | null>;\n    onChange: (nextState: boolean) => void;\n    value: MotionValue<number | undefined>;\n};\n\nconst dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };\n\nconst calculateClose = (n: number) => n * 0.6;\n\nconst Draggable = (props: DraggableProps) => {\n    const onDrag = (e: Event, info: PanInfo) => {\n        if (props.parent.current) {\n            e.stopPropagation();\n            e.stopImmediatePropagation();\n            if (props.sheet) {\n                const div = props.parent.current as HTMLElement;\n                const rect = div.getBoundingClientRect();\n                const v = props.value.get() || rect.height;\n                const result = Math.abs(v - info.delta.y);\n                const max = window.outerHeight;\n                const screenHeightToClose = calculateClose(max);\n                if (result >= screenHeightToClose) return props.value.set(result);\n                if (document.activeElement instanceof HTMLElement) {\n                    document.activeElement?.blur();\n                }\n                props.onChange(false);\n                return setTimeout(() => props.value.set(undefined), 350);\n            }\n            const div = props.parent.current as HTMLElement;\n            const v = props.value.get() || div.getBoundingClientRect().width;\n            const delta = props.position === \"right\" ? -info.delta.x : info.delta.x;\n            const value = Math.abs(v + delta);\n            return props.value.set(value);\n        }\n    };\n\n    return (\n        <motion.button\n            draggable\n            dragListener\n            dragMomentum\n            tabIndex={-1}\n            type=\"button\"\n            animate={false}\n            dragElastic={0}\n            dragPropagation\n            initial={false}\n            onDrag={onDrag}\n            dragSnapToOrigin\n            dragDirectionLock\n            aria-hidden=\"true\"\n            drag={props.sheet ? \"y\" : \"x\"}\n            dragConstraints={dragConstraints}\n            whileDrag={{ cursor: \"grabbing\" }}\n            className={css(\n                \"absolute isolate z-calendar rounded-lg\",\n                props.sheet ? \"cursor-row-resize\" : \"cursor-col-resize bg-floating-border\",\n                props.sheet\n                    ? \"top-1 flex h-3 w-full justify-center py-2\"\n                    : props.position === \"left\"\n                      ? \"right-5 top-1/2 h-10 w-2\"\n                      : \"left-2 top-1/2 h-10 w-2\"\n            )}\n        >\n            {props.sheet ? <div className=\"h-2 w-1/4 rounded-lg bg-floating-border\" /> : null}\n        </motion.button>\n    );\n};\n\nconst positions = { drawer: \"right\", sheet: \"none\", dialog: \"none\" } as const;\n\nconst fetchPosition = (isDesktop: Nil<boolean>, forceType: Nil<boolean>, propsType: Nil<ModalType>, propsPosition: Nil<DrawerPosition>) => {\n    const type = propsType || \"dialog\";\n    if (isDesktop) return propsType === \"drawer\" ? (propsPosition ?? positions.drawer) : positions[type];\n    return forceType ? positions[type] : positions.sheet;\n};\n\nexport type ModalRef = { context: FloatingContext; floating: HTMLElement | null };\n\nconst noop: ElementProps[] = [];\n\ntype ModalComponent = React.FC<ModalProps> & {\n    confirm: <T>(options: ConfirmOptions) => Promise<T>;\n};\n\nexport const Modal: ModalComponent = forwardRef<ModalRef, PropsWithChildren<ModalProps>>(\n    (\n        {\n            open,\n            title,\n            footer,\n            asChild,\n            trigger,\n            children,\n            onChange,\n            ariaTitle,\n            className,\n            bodyClassName,\n            resizer = true,\n            animated = true,\n            closable = true,\n            forceType = false,\n            layoutId = undefined,\n            overlayClassName = \"\",\n            type: _type = \"dialog\",\n            position: propsPosition,\n            overlayClickClose = false,\n            closeOnFocusOut = false,\n            interactions: outInteractions = noop,\n            ...props\n        }: PropsWithChildren<ModalProps>,\n        externalRef: ForwardedRef<ModalRef>\n    ) => {\n        const t = useTranslations();\n        const root = useFloatingRef();\n        const innerContent = useRef<HTMLDivElement>(null);\n        const removeScrollRef = useRef<HTMLDivElement>(null);\n        const headingId = useId();\n        const descriptionId = useId();\n        const isDesktop = useMediaQuery(\"(min-width: 64rem)\");\n        const position = fetchPosition(isDesktop, forceType, _type, propsPosition);\n        const func = isDesktop ? animations[_type] : forceType ? animations[_type] : animations.sheet;\n        const animation = typeof func === \"function\" ? func(position as DrawerPosition) : func;\n        const type = isDesktop ? _type : forceType ? _type : \"sheet\";\n        const useResizer = type !== \"dialog\";\n\n        const floating = useFloating({ open, onOpenChange: onChange, strategy: \"fixed\" });\n        const click = useClick(floating.context, {});\n        const role = useRole(floating.context, { role: \"dialog\" });\n        const dismiss = useDismiss(floating.context, {\n            bubbles: true,\n            escapeKey: true,\n            outsidePress: (event) => {\n                const target = event.target as Node;\n                return overlayClickClose && !!target?.isConnected;\n            },\n        });\n\n        const interactions = useInteractions([click, dismiss, role].concat(outInteractions));\n\n        const floatingSize = useMotionValue<number | undefined>(undefined);\n        const sheetY = useMotionValue<number | undefined>(undefined);\n        const isDragging = useRef(false);\n        const dragStart = useRef(0);\n\n        useEffect(() => {\n            floatingSize.set(undefined);\n            sheetY.set(undefined);\n        }, [type, floatingSize, sheetY]);\n\n        const onClose = () => onChange(false);\n\n        useImperativeHandle(externalRef, () => ({ context: floating.context, floating: removeScrollRef.current }), [\n            floating.context,\n            removeScrollRef,\n        ]);\n\n        const onDragHeader = (_: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n            const div = floating.refs.floating.current as HTMLElement;\n            const rect = div.getBoundingClientRect();\n            const v = floatingSize.get() || rect.height;\n            const result = Math.abs(v - info.delta.y);\n            const max = window.outerHeight;\n            const screenHeightToClose = calculateClose(max);\n            if (result >= screenHeightToClose) return floatingSize.set(result);\n            if (document.activeElement instanceof HTMLElement) {\n                document.activeElement?.blur();\n            }\n            onChange?.(false);\n            return setTimeout(() => floatingSize.set(undefined), 350);\n        };\n\n        const draggableMotionProps =\n            type === \"sheet\"\n                ? ({\n                      drag: \"y\",\n                      animate: false,\n                      dragElastic: 0,\n                      initial: false,\n                      dragConstraints,\n                      draggable: true,\n                      dragListener: true,\n                      dragMomentum: true,\n                      onDrag: onDragHeader,\n                      dragPropagation: true,\n                      dragSnapToOrigin: true,\n                      dragDirectionLock: true,\n                      whileDrag: { cursor: \"grabbing\" },\n                  } as const)\n                : { animate: animated, initial: false };\n\n        const scrollInitial = useMotionValue<number | undefined>(undefined);\n        const scroll = useMotionValue<number | undefined>(undefined);\n\n        const Component = asChild ? Slot : motion.button;\n\n        return (\n            <Fragment>\n                {trigger ? (\n                    <Component ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type=\"button\">\n                        {trigger}\n                    </Component>\n                ) : null}\n                <MotionConfig reducedMotion={animated ? \"user\" : \"always\"}>\n                    <FloatingPortal preserveTabOrder root={root}>\n                        <AnimatePresence mode=\"wait\" propagate>\n                            {open ? (\n                                <FloatingOverlay\n                                    lockScroll\n                                    className={css(\n                                        \"inset-0 isolate z-overlay flex h-[100dvh] !overflow-clip bg-floating-overlay/80\",\n                                        type === \"drawer\" ? \"\" : \"items-start justify-center pt-10 lg:p-10\",\n                                        overlayClassName\n                                    )}\n                                >\n                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context}>\n                                        <AnimatePresence propagate>\n                                            <motion.div\n                                                {...props}\n                                                {...(title\n                                                    ? {\n                                                          \"aria-labelledby\": headingId,\n                                                          \"aria-describedby\": descriptionId,\n                                                      }\n                                                    : { \"aria-label\": ariaTitle })}\n                                                {...interactions.getFloatingProps({\n                                                    \"aria-modal\": open,\n                                                    ref: mergeRefs<HTMLDivElement>(floating.refs.setFloating, removeScrollRef),\n                                                    className: css(variants({ position, type }), className, \"isolate overscroll-contain\"),\n                                                })}\n                                                exit=\"exit\"\n                                                layout={true}\n                                                animate=\"enter\"\n                                                initial=\"initial\"\n                                                layoutId={layoutId}\n                                                variants={animation}\n                                                data-component=\"modal\"\n                                                style={type === \"drawer\" ? { width: floatingSize } : { height: floatingSize, y: sheetY }}\n                                            >\n                                                {useResizer && resizer ? (\n                                                    <Draggable\n                                                        onChange={onChange}\n                                                        value={floatingSize}\n                                                        sheet={type === \"sheet\"}\n                                                        position={position as DrawerPosition}\n                                                        parent={floating.refs.floating}\n                                                    />\n                                                ) : null}\n                                                {title ? (\n                                                    <motion.header {...draggableMotionProps} className=\"relative isolate w-full\">\n                                                        {title ? (\n                                                            <h2\n                                                                id={headingId}\n                                                                className=\"block select-text border-b border-floating-border px-8 pb-2 text-3xl font-medium leading-relaxed\"\n                                                            >\n                                                                {title}\n                                                            </h2>\n                                                        ) : null}\n                                                    </motion.header>\n                                                ) : null}\n                                                <motion.section\n                                                    ref={innerContent}\n                                                    id={title ? descriptionId : undefined}\n                                                    data-component=\"modal-body\"\n                                                    className={css(\"flex-1 select-text overflow-y-auto px-8 py-1\", bodyClassName)}\n                                                    onTouchEnd={async () => {\n                                                        scroll.set(undefined);\n                                                        scrollInitial.set(undefined);\n\n                                                        if (isDragging.current) {\n                                                            const currentY = sheetY.get() || 0;\n                                                            const threshold = window.innerHeight * 0.2;\n                                                            const sheetYNumeric = sheetY as MotionValue<number>;\n                                                            if (currentY > threshold) {\n                                                                await animate(sheetYNumeric, window.innerHeight, { duration: 0.2, ease: \"easeIn\" })\n                                                                    .finished;\n                                                                onChange(false);\n                                                            } else {\n                                                                animate(sheetYNumeric, 0, { type: \"spring\", bounce: 0, duration: 0.3 });\n                                                            }\n                                                            isDragging.current = false;\n                                                        }\n                                                    }}\n                                                    onTouchStart={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        scrollInitial.set(touch.pageY);\n                                                        scroll.set(touch.pageY);\n                                                        isDragging.current = false;\n                                                    }}\n                                                    onTouchMove={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        const y = touch.pageY;\n                                                        const prevY = scroll.get() || y;\n                                                        const scrollTop = innerContent.current?.scrollTop || 0;\n\n                                                        if (!isDragging.current && scrollTop <= 0 && y > prevY && type === \"sheet\") {\n                                                            isDragging.current = true;\n                                                            dragStart.current = y;\n                                                        }\n\n                                                        if (isDragging.current) {\n                                                            const delta = y - dragStart.current;\n                                                            if (delta < 0) {\n                                                                sheetY.set(delta * 0.2);\n                                                            } else {\n                                                                sheetY.set(delta);\n                                                            }\n                                                        }\n\n                                                        scroll.set(y);\n                                                    }}\n                                                >\n                                                    {children}\n                                                </motion.section>\n                                                {footer ? (\n                                                    <footer className=\"w-full select-text border-t border-floating-border px-8 pt-4\">{footer}</footer>\n                                                ) : null}\n                                                {closable ? (\n                                                    <div className=\"absolute right-4 top-1 z-floating\">\n                                                        <button\n                                                            type=\"button\"\n                                                            onClick={onClose}\n                                                            aria-label={t.closeButton}\n                                                            className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                                        >\n                                                            <XIcon aria-hidden=\"true\" />\n                                                        </button>\n                                                    </div>\n                                                ) : null}\n                                            </motion.div>\n                                        </AnimatePresence>\n                                    </FloatingFocusManager>\n                                </FloatingOverlay>\n                            ) : null}\n                        </AnimatePresence>\n                    </FloatingPortal>\n                </MotionConfig>\n            </Fragment>\n        );\n    }\n) as unknown as ModalComponent;\n\ntype ButtonConfirmationAction = {\n    value?: unknown;\n    text?: Label;\n    theme?: ButtonProps[\"theme\"];\n};\n\nexport type ConfirmOptions = {\n    title?: Label;\n    description?: Label;\n    cancel?: ButtonConfirmationAction;\n    confirm?: ButtonConfirmationAction;\n};\n\ntype ConfirmContextType = (options: ConfirmOptions) => Promise<boolean>;\n\nlet confirmGlobal: ConfirmContextType = async <T,>(_: ConfirmOptions): Promise<T> => {\n    if (typeof window !== \"undefined\") {\n        console.warn(\"ConfirmationProvider is not mounted\");\n    }\n    return false as unknown as T;\n};\n\nModal.confirm = <T,>(options: ConfirmOptions): Promise<T> => confirmGlobal(options) as unknown as Promise<T>;\n\nexport const ModalConfirmProvider = ({ children }: { children: React.ReactNode }) => {\n    const [open, setOpen] = useState(false);\n    const [options, setOptions] = useState<Partial<ConfirmOptions>>({});\n    const [resolve, setResolve] = useState<(value: boolean) => void>(() => {});\n\n    const confirmAction = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n        setOptions(opts);\n        setOpen(true);\n        return new Promise((res) => {\n            setResolve(() => res);\n        });\n    }, []);\n\n    useEffect(() => {\n        confirmGlobal = confirmAction;\n    }, [confirmAction]);\n\n    const onConfirm = () => {\n        setOpen(false);\n        const value = (options.confirm?.value as boolean) ?? true;\n        resolve(value ?? true);\n    };\n\n    const onCancel = () => {\n        setOpen(false);\n        const value = (options.cancel?.value as boolean) ?? false;\n        resolve(value ?? false);\n    };\n\n    return (\n        <ConfirmContext.Provider value={confirmAction}>\n            {children}\n            <Modal\n                open={open}\n                type=\"dialog\"\n                closable={false}\n                onChange={setOpen}\n                overlayClickClose={false}\n                title={options.title || \"Confirmation\"}\n                className=\"container max-w-dialog lg:max-w-96\"\n                footer={\n                    <div className=\"flex justify-end gap-2\">\n                        <Button theme={options.cancel?.theme || \"ghost-muted\"} onClick={onCancel}>\n                            {options.cancel?.text || \"Cancel\"}\n                        </Button>\n                        <Button autoFocus theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || \"Confirm\"}\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"py-2 text-foreground\">{options.description}</div>\n            </Modal>\n        </ConfirmContext.Provider>\n    );\n};\n"],"names":["getMatches","query","defaultValue","isSsr","useMediaQuery","matches","setMatches","useState","useLayoutEffect","matchMedia","onChange","useFloatingRef","useContext","Context","ConfirmContext","React","useConfirm","animationDuration","drawerLeft","drawerRight","animations","type","variants","cva","dragConstraints","calculateClose","n","Draggable","props","onDrag","e","info","rect","v","result","max","screenHeightToClose","div","delta","value","jsx","motion","css","positions","fetchPosition","isDesktop","forceType","propsType","propsPosition","noop","Modal","forwardRef","open","title","footer","asChild","trigger","children","ariaTitle","className","bodyClassName","resizer","animated","closable","layoutId","overlayClassName","_type","overlayClickClose","closeOnFocusOut","outInteractions","externalRef","t","useTranslations","root","innerContent","useRef","removeScrollRef","headingId","useId","descriptionId","position","func","animation","useResizer","floating","useFloating","click","useClick","role","useRole","dismiss","useDismiss","event","target","interactions","useInteractions","floatingSize","useMotionValue","sheetY","isDragging","dragStart","useEffect","onClose","useImperativeHandle","draggableMotionProps","_","scrollInitial","scroll","Component","Slot","Fragment","MotionConfig","FloatingPortal","AnimatePresence","FloatingOverlay","FloatingFocusManager","jsxs","mergeRefs","currentY","threshold","sheetYNumeric","animate","touch","y","prevY","scrollTop","XIcon","confirmGlobal","options","ModalConfirmProvider","setOpen","setOptions","resolve","setResolve","confirmAction","useCallback","opts","res","onConfirm","onCancel","Button"],"mappings":"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"}