@g4rcez/components 5.0.2 → 5.0.3

package/dist/modal-Df8-6i-o.js

@@ -0,0 +1,408 @@
+import { t as e, u as t } from "./dom-Bn4wY_Zx.js";
+import { t as n } from "./dist-NmFtbuK4.js";
+import { t as r } from "./X.es-Cjq2a_OA.js";
+import { t as i } from "./context-CsnUsfeP.js";
+import { t as a } from "./use-translations-BE4PuhLm.js";
+import { a as o, d as s, f as ee, l as c, n as l, o as te, v as ne, x as re } from "./floating-ui.react-CwXtBJ_y.js";
+import { n as u } from "./fns-KbsWlOTG.js";
+import { Button as d } from "./components/core/button.js";
+import { t as f } from "./proxy-fP2NxmhM.js";
+import { t as p } from "./animate-BNYgkk_j.js";
+import { t as m } from "./AnimatePresence-j36AYeOQ.js";
+import { t as ie } from "./MotionConfig-CXHoPGbK.js";
+import { t as h } from "./use-motion-value-BqPF1j90.js";
+import { Slot as ae } from "./components/core/slot.js";
+import g, { Fragment as oe, forwardRef as _, useCallback as v, useContext as y, useEffect as b, useId as x, useImperativeHandle as se, useLayoutEffect as S, useRef as C, useState as w } from "react";
+import { Fragment as ce, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/hooks/use-media-query.ts
+var le = (e, t) => u() ? t : window.matchMedia(e).matches, ue = (e, t = !0) => {
+	let [n, r] = w(t);
+	return S(() => {
+		let n = window.matchMedia(e), i = () => r(le(e, t));
+		return i(), n.addListener ? (n.addListener(i), () => n.removeListener ? n.removeListener(i) : void 0) : (n.addEventListener("change", i), () => n.removeEventListener("change", i));
+	}, [e, t]), n;
+}, de = () => y(i).floatingRef ?? void 0, D = g.createContext(async () => !1), fe = () => g.useContext(D), O = "500ms", k = {
+	exit: {
+		x: ["0%", "-30%"],
+		opacity: 0,
+		animationDuration: O
+	},
+	enter: {
+		x: ["-30%", "0%"],
+		opacity: 1,
+		animationDuration: O
+	},
+	initial: {
+		x: ["-30%", "0%"],
+		opacity: .8,
+		animationDuration: O
+	}
+}, A = {
+	enter: {
+		x: "0%",
+		opacity: 1,
+		animationDuration: O
+	},
+	exit: {
+		x: ["0%", "30%"],
+		opacity: 0,
+		animationDuration: O
+	},
+	initial: {
+		x: ["30%", "0%"],
+		opacity: .8,
+		animationDuration: O
+	}
+}, j = {
+	drawer: (e) => e === "left" ? k : A,
+	sheet: {
+		enter: {
+			opacity: 1,
+			y: "0%",
+			animationDuration: O,
+			transformOrigin: "bottom"
+		},
+		exit: {
+			opacity: .4,
+			y: "10%",
+			animationDuration: O,
+			transformOrigin: "bottom"
+		},
+		initial: {
+			opacity: .7,
+			y: "10%",
+			animationDuration: O,
+			transformOrigin: "bottom"
+		}
+	},
+	dialog: {
+		exit: {
+			opacity: 0,
+			scale: .95,
+			animationDuration: O
+		},
+		enter: {
+			opacity: 1,
+			scale: [1.05, 1],
+			animationDuration: O
+		},
+		initial: {
+			opacity: .5,
+			scale: .95,
+			animationDuration: O,
+			transition: {
+				duration: .5,
+				ease: "easeInOut"
+			}
+		}
+	}
+}, pe = n("z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-modal-gap border border-floating-border bg-floating-background outline-0 ring-0", {
+	variants: {
+		type: {
+			drawer: "absolute h-screen max-h-screen min-h-0 w-fit max-w-modal-dialog-max-w-mobile",
+			dialog: "container relative h-min max-h-modal-sheet-max-h-lvh rounded-modal-radius py-modal-padding-y",
+			sheet: "absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt"
+		},
+		position: {
+			none: "",
+			right: "absolute right-0 top-0 rounded-l-modal-radius py-modal-padding-y",
+			left: "absolute left-0 top-0 rounded-r-modal-radius py-modal-padding-y"
+		}
+	},
+	defaultVariants: {
+		position: "right",
+		type: "dialog"
+	}
+}), M = {
+	top: 0,
+	left: 0,
+	right: 0,
+	bottom: 0
+}, N = 32, P = (e) => e * .6, F = (e, t, n) => Math.min(n, Math.max(t, e)), me = (t) => {
+	let n = a(), r = (e) => {
+		let n = t.parent.current;
+		if (!n) return;
+		let r = n.getBoundingClientRect(), i = t.value.get() || (t.sheet ? r.height : r.width);
+		if (t.sheet) {
+			let t = window.outerHeight || r.height || i;
+			return F(i + e, P(t), t);
+		}
+		let a = window.outerWidth || r.width || i;
+		return F(i + e, 0, a);
+	};
+	return /* @__PURE__ */ T(f.button, {
+		draggable: !0,
+		dragListener: !0,
+		dragMomentum: !0,
+		type: "button",
+		animate: !1,
+		dragElastic: 0,
+		dragPropagation: !0,
+		initial: !1,
+		onDrag: (e, n) => {
+			if (t.parent.current) {
+				if (e.stopPropagation(), e.stopImmediatePropagation(), t.sheet) {
+					let e = t.parent.current.getBoundingClientRect(), r = t.value.get() || e.height, i = Math.abs(r - n.delta.y), a = window.outerHeight;
+					return i >= P(a) ? t.value.set(i) : (document.activeElement instanceof HTMLElement && document.activeElement?.blur(), t.onChange(!1), setTimeout(() => t.value.set(void 0), 350));
+				}
+				let r = t.parent.current, i = t.value.get() || r.getBoundingClientRect().width, a = t.position === "right" ? -n.delta.x : n.delta.x, o = Math.abs(i + a);
+				return t.value.set(o);
+			}
+		},
+		dragSnapToOrigin: !0,
+		dragDirectionLock: !0,
+		onKeyDown: (e) => {
+			let n = e.key === "ArrowRight" || e.key === "ArrowDown" ? N : e.key === "ArrowLeft" || e.key === "ArrowUp" ? -32 : void 0;
+			if (n === void 0) return;
+			e.preventDefault(), e.stopPropagation();
+			let i = r(n);
+			i !== void 0 && t.value.set(i);
+		},
+		"aria-label": n.dialogResizeLabel,
+		drag: t.sheet ? "y" : "x",
+		dragConstraints: M,
+		whileDrag: { cursor: "grabbing" },
+		"aria-describedby": t.instructionsId,
+		className: e("absolute isolate z-calendar rounded-modal-resizer-radius focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring", t.sheet ? "cursor-row-resize" : "cursor-col-resize bg-floating-border", t.sheet ? "top-1 flex h-modal-sheet-handle-h w-full justify-center py-modal-sheet-handle-py" : t.position === "left" ? "right-5 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w" : "left-2 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w"),
+		children: t.sheet ? /* @__PURE__ */ T("div", { className: "h-modal-sheet-pill-h w-modal-sheet-pill-w rounded-modal-sheet-pill-radius bg-floating-border" }) : null
+	});
+}, I = {
+	drawer: "right",
+	sheet: "none",
+	dialog: "none"
+}, he = (e, t, n, r) => {
+	let i = n || "dialog";
+	return e ? n === "drawer" ? r ?? I.drawer : I[i] : t ? I[i] : I.sheet;
+}, ge = [], L = _(({ open: n, title: i, footer: u, asChild: d, trigger: g, children: _, onChange: v, ariaTitle: y, className: S, bodyClassName: w, resizer: le = !0, animated: D = !0, closable: fe = !0, forceType: O = !1, layoutId: k = void 0, overlayClassName: A = "", type: N = "dialog", position: F, overlayClickClose: I = !1, closeOnFocusOut: L = !1, initialFocus: R, interactions: z = ge, ..._e }, ve) => {
+	let B = a(), ye = de(), V = C(null), H = C(null), be = x(), xe = x(), Se = x(), U = N, W = ue("(min-width: 64rem)"), G = he(W, O, U, F), K = W || O ? j[U] : j.sheet, Ce = typeof K == "function" ? K(G) : K, q = W || O ? U : "sheet", we = q !== "dialog", J = ee({
+		open: n,
+		onOpenChange: v,
+		strategy: "fixed"
+	}), Te = c(J.context, {}), Ee = re(J.context, { role: "dialog" }), Y = ne([
+		Te,
+		s(J.context, {
+			bubbles: !0,
+			escapeKey: !0,
+			outsidePress: (e) => {
+				let t = e.target;
+				return I && !!t?.isConnected;
+			}
+		}),
+		Ee
+	].concat(z)), X = h(void 0), Z = h(void 0), Q = C(!1), De = C(0);
+	b(() => {
+		X.set(void 0), Z.set(void 0);
+	}, [
+		q,
+		X,
+		Z
+	]);
+	let Oe = () => v(!1);
+	se(ve, () => ({
+		context: J.context,
+		floating: H.current
+	}), [J.context, H]);
+	let ke = q === "sheet" ? {
+		drag: "y",
+		animate: !1,
+		dragElastic: 0,
+		initial: !1,
+		dragConstraints: M,
+		draggable: !0,
+		dragListener: !0,
+		dragMomentum: !0,
+		onDrag: (e, t) => {
+			let n = J.refs.floating.current.getBoundingClientRect(), r = X.get() || n.height, i = Math.abs(r - t.delta.y), a = window.outerHeight;
+			return i >= P(a) ? X.set(i) : (document.activeElement instanceof HTMLElement && document.activeElement?.blur(), v?.(!1), setTimeout(() => X.set(void 0), 350));
+		},
+		dragPropagation: !0,
+		dragSnapToOrigin: !0,
+		dragDirectionLock: !0,
+		whileDrag: { cursor: "grabbing" }
+	} : {
+		animate: D,
+		initial: !1
+	}, Ae = h(void 0), $ = h(void 0);
+	return /* @__PURE__ */ E(oe, { children: [g ? d ? /* @__PURE__ */ T(ae, {
+		ref: J.refs.setReference,
+		...Y.getReferenceProps(),
+		children: g
+	}) : /* @__PURE__ */ T(f.button, {
+		ref: J.refs.setReference,
+		...Y.getReferenceProps(),
+		layoutId: k,
+		type: "button",
+		children: g
+	}) : null, /* @__PURE__ */ T(ie, {
+		reducedMotion: D ? "user" : "always",
+		children: /* @__PURE__ */ T(te, {
+			preserveTabOrder: !0,
+			root: ye,
+			children: /* @__PURE__ */ T(m, {
+				mode: "wait",
+				propagate: !0,
+				children: n ? /* @__PURE__ */ T(o, {
+					lockScroll: !0,
+					className: e("inset-0 isolate z-overlay flex h-modal-overlay-h !overflow-clip bg-floating-overlay/80", q === "drawer" ? "" : "items-start justify-center pt-modal-overlay-pt lg:p-modal-overlay-p", A),
+					children: /* @__PURE__ */ T(l, {
+						guards: !0,
+						modal: !0,
+						closeOnFocusOut: L,
+						context: J.context,
+						initialFocus: R,
+						children: /* @__PURE__ */ T(m, {
+							propagate: !0,
+							children: /* @__PURE__ */ E(f.div, {
+								..._e,
+								...i ? {
+									"aria-labelledby": be,
+									"aria-describedby": xe
+								} : { "aria-label": y },
+								...Y.getFloatingProps({
+									"aria-modal": n,
+									ref: t(J.refs.setFloating, H),
+									className: e(pe({
+										position: G,
+										type: q
+									}), S, "isolate overscroll-contain")
+								}),
+								exit: "exit",
+								layout: !0,
+								animate: "enter",
+								initial: "initial",
+								layoutId: k,
+								variants: Ce,
+								"data-component": "modal",
+								style: q === "drawer" ? { width: X } : {
+									height: X,
+									y: Z
+								},
+								children: [
+									we && le ? /* @__PURE__ */ E(ce, { children: [/* @__PURE__ */ T("span", {
+										id: Se,
+										className: "sr-only",
+										children: B.dialogResizeInstructions
+									}), /* @__PURE__ */ T(me, {
+										onChange: v,
+										value: X,
+										sheet: q === "sheet",
+										instructionsId: Se,
+										position: G,
+										parent: J.refs.floating
+									})] }) : null,
+									i ? /* @__PURE__ */ T(f.header, {
+										...ke,
+										className: "relative isolate w-full",
+										children: i ? /* @__PURE__ */ T("h2", {
+											id: be,
+											className: "block select-text border-b border-floating-border px-modal-padding-x pb-modal-title-pb text-modal-title-text font-medium leading-relaxed",
+											children: i
+										}) : null
+									}) : null,
+									/* @__PURE__ */ T(f.section, {
+										ref: V,
+										id: i ? xe : void 0,
+										"data-component": "modal-body",
+										className: e("flex-1 select-text overflow-y-auto px-modal-padding-x py-modal-body-py", w),
+										onTouchEnd: async () => {
+											if ($.set(void 0), Ae.set(void 0), Q.current) {
+												let e = Z.get() || 0, t = window.innerHeight * .2, n = Z;
+												e > t ? (await p(n, window.innerHeight, {
+													duration: .2,
+													ease: "easeIn"
+												}).finished, v(!1)) : p(n, 0, {
+													type: "spring",
+													bounce: 0,
+													duration: .3
+												}), Q.current = !1;
+											}
+										},
+										onTouchStart: (e) => {
+											let t = e.changedTouches[0];
+											Ae.set(t.pageY), $.set(t.pageY), Q.current = !1;
+										},
+										onTouchMove: (e) => {
+											let t = e.changedTouches[0].pageY, n = $.get() || t, r = V.current?.scrollTop || 0;
+											if (!Q.current && r <= 0 && t > n && q === "sheet" && (Q.current = !0, De.current = t), Q.current) {
+												let e = t - De.current;
+												e < 0 ? Z.set(e * .2) : Z.set(e);
+											}
+											$.set(t);
+										},
+										children: _
+									}),
+									u ? /* @__PURE__ */ T("footer", {
+										className: "w-full select-text border-t border-floating-border px-modal-padding-x pt-modal-footer-pt",
+										children: u
+									}) : null,
+									fe ? /* @__PURE__ */ T("div", {
+										className: "absolute right-modal-close-right top-modal-close-top z-floating",
+										children: /* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: Oe,
+											"aria-label": B.closeButton,
+											className: "p-modal-close-p opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
+											children: /* @__PURE__ */ T(r, {
+												size: 20,
+												"aria-hidden": "true"
+											})
+										})
+									}) : null
+								]
+							})
+						})
+					})
+				}) : null
+			})
+		})
+	})] });
+}), R = async (e) => (typeof window < "u" && console.warn("ConfirmationProvider is not mounted"), !1);
+L.confirm = (e) => R(e);
+var z = ({ children: e }) => {
+	let t = a(), [n, r] = w(!1), [i, o] = w({}), [s, ee] = w(() => {}), c = C(null);
+	b(() => {
+		n && c.current?.focus();
+	}, [n]);
+	let l = v((e) => (o(e), r(!0), new Promise((e) => {
+		ee(() => e);
+	})), []);
+	return b(() => {
+		R = l;
+	}, [l]), /* @__PURE__ */ E(D.Provider, {
+		value: l,
+		children: [e, /* @__PURE__ */ T(L, {
+			open: n,
+			type: "dialog",
+			closable: !1,
+			onChange: r,
+			overlayClickClose: !1,
+			title: i.title || t.modalConfirmTitle,
+			className: "container max-w-dialog lg:max-w-96",
+			footer: /* @__PURE__ */ E("div", {
+				className: "flex justify-end gap-modal-footer-gap",
+				children: [/* @__PURE__ */ T(d, {
+					theme: i.cancel?.theme || "ghost-muted",
+					onClick: () => {
+						r(!1), s(i.cancel?.value ?? !1 ?? !1);
+					},
+					children: i.cancel?.text || t.modalConfirmCancel
+				}), /* @__PURE__ */ T(d, {
+					ref: c,
+					theme: i.confirm?.theme || "primary",
+					onClick: () => {
+						r(!1), s(i.confirm?.value ?? !0 ?? !0);
+					},
+					children: i.confirm?.text || t.modalConfirmConfirm
+				})]
+			}),
+			children: /* @__PURE__ */ T("div", {
+				className: "py-modal-confirm-py text-foreground",
+				children: i.description
+			})
+		})]
+	});
+};
+//#endregion
+export { z as n, fe as r, L as t };
+
+//# sourceMappingURL=modal-Df8-6i-o.js.map

package/dist/modal-Df8-6i-o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-Df8-6i-o.js","names":[],"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, defaultValue]);\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: {\n            opacity: 1,\n            y: \"0%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        exit: {\n            opacity: 0.4,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        initial: {\n            opacity: 0.7,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n    },\n    dialog: {\n        exit: { opacity: 0, scale: 0.95, animationDuration },\n        enter: { opacity: 1, scale: [1.05, 1], animationDuration },\n        initial: {\n            opacity: 0.5,\n            scale: 0.95,\n            animationDuration,\n            transition: { duration: 0.5, ease: \"easeInOut\" },\n        },\n    },\n};\n\nconst variants = cva(\n    \"z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-modal-gap 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-modal-dialog-max-w-mobile\",\n                dialog: \"container relative h-min max-h-modal-sheet-max-h-lvh rounded-modal-radius py-modal-padding-y\",\n                sheet: \"absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt\",\n            },\n            position: {\n                none: \"\",\n                right: \"absolute right-0 top-0 rounded-l-modal-radius py-modal-padding-y\",\n                left: \"absolute left-0 top-0 rounded-r-modal-radius py-modal-padding-y\",\n            },\n        },\n        defaultVariants: { position: \"right\", type: \"dialog\" },\n    }\n);\n\ntype ModalAccessibleNameProps = { title: Label; ariaTitle?: string } | { ariaTitle: string; title?: Label };\n\ntype ModalOptions = Partial<{\n    footer: Label;\n    role: \"dialog\";\n    trigger: Label;\n    type: ModalType;\n    asChild: boolean;\n    layoutId: string;\n    resizer: boolean;\n    animated: boolean;\n    className: string;\n    closable: boolean;\n    forceType: boolean;\n    bodyClassName: string;\n    closeOnFocusOut: boolean;\n    overlayClassName: string;\n    position: DrawerPosition;\n    overlayClickClose: boolean;\n    interactions: ElementProps[];\n    initialFocus: React.ComponentProps<typeof FloatingFocusManager>[\"initialFocus\"];\n}>;\n\nexport type ModalProps = Override<\n    HTMLMotionProps<\"div\">,\n    {\n        open: boolean;\n        onChange: (nextState: boolean) => void;\n    } & ModalAccessibleNameProps &\n        ModalOptions\n>;\n\ntype DraggableProps = {\n    sheet: boolean;\n    instructionsId: string;\n    position: DrawerPosition;\n    onChange: (nextState: boolean) => void;\n    value: MotionValue<number | undefined>;\n    parent: React.RefObject<HTMLElement | null>;\n};\n\nconst dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };\n\nconst keyboardResizeStep = 32;\n\nconst calculateClose = (n: number) => n * 0.6;\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nconst Draggable = (props: DraggableProps) => {\n    const translations = useTranslations();\n\n    const getKeyboardResize = (delta: number) => {\n        const element = props.parent.current;\n        if (!element) return undefined;\n\n        const rect = element.getBoundingClientRect();\n        const current = props.value.get() || (props.sheet ? rect.height : rect.width);\n\n        if (props.sheet) {\n            const max = window.outerHeight || rect.height || current;\n            return clamp(current + delta, calculateClose(max), max);\n        }\n\n        const max = window.outerWidth || rect.width || current;\n        return clamp(current + delta, 0, max);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        const delta =\n            event.key === \"ArrowRight\" || event.key === \"ArrowDown\"\n                ? keyboardResizeStep\n                : event.key === \"ArrowLeft\" || event.key === \"ArrowUp\"\n                  ? -keyboardResizeStep\n                  : undefined;\n\n        if (delta === undefined) return;\n        event.preventDefault();\n        event.stopPropagation();\n        const nextValue = getKeyboardResize(delta);\n        if (nextValue !== undefined) props.value.set(nextValue);\n    };\n\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            onKeyDown={onKeyDown}\n            aria-label={translations.dialogResizeLabel}\n            drag={props.sheet ? \"y\" : \"x\"}\n            dragConstraints={dragConstraints}\n            whileDrag={{ cursor: \"grabbing\" }}\n            aria-describedby={props.instructionsId}\n            className={css(\n                \"absolute isolate z-calendar rounded-modal-resizer-radius focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring\",\n                props.sheet ? \"cursor-row-resize\" : \"cursor-col-resize bg-floating-border\",\n                props.sheet\n                    ? \"top-1 flex h-modal-sheet-handle-h w-full justify-center py-modal-sheet-handle-py\"\n                    : props.position === \"left\"\n                      ? \"right-5 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n                      : \"left-2 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n            )}\n        >\n            {props.sheet ? <div className=\"h-modal-sheet-pill-h w-modal-sheet-pill-w rounded-modal-sheet-pill-radius 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 = {\n    context: FloatingContext;\n    floating: HTMLElement | null;\n};\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            initialFocus,\n            interactions: outInteractions = noop,\n            ...props\n        },\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 resizeDescriptionId = useId();\n        const modalType = _type as ModalType;\n        const isDesktop = useMediaQuery(\"(min-width: 64rem)\");\n        const position = fetchPosition(isDesktop, forceType, modalType, propsPosition);\n        const func = isDesktop ? animations[modalType] : forceType ? animations[modalType] : animations.sheet;\n        const animation = typeof func === \"function\" ? func(position as DrawerPosition) : func;\n        const type = isDesktop ? modalType : forceType ? modalType : \"sheet\";\n        const useResizer = type !== \"dialog\";\n\n        const floating = useFloating({\n            open,\n            onOpenChange: onChange,\n            strategy: \"fixed\",\n        });\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        return (\n            <Fragment>\n                {trigger ? (\n                    asChild ? (\n                        <Slot ref={floating.refs.setReference} {...interactions.getReferenceProps()}>\n                            {trigger}\n                        </Slot>\n                    ) : (\n                        <motion.button ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type=\"button\">\n                            {trigger}\n                        </motion.button>\n                    )\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-modal-overlay-h !overflow-clip bg-floating-overlay/80\",\n                                        type === \"drawer\" ? \"\" : \"items-start justify-center pt-modal-overlay-pt lg:p-modal-overlay-p\",\n                                        overlayClassName\n                                    )}\n                                >\n                                    <FloatingFocusManager\n                                        guards\n                                        modal\n                                        closeOnFocusOut={closeOnFocusOut}\n                                        context={floating.context}\n                                        initialFocus={initialFocus}\n                                    >\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                                                    <>\n                                                        <span id={resizeDescriptionId} className=\"sr-only\">\n                                                            {t.dialogResizeInstructions}\n                                                        </span>\n                                                        <Draggable\n                                                            onChange={onChange}\n                                                            value={floatingSize}\n                                                            sheet={type === \"sheet\"}\n                                                            instructionsId={resizeDescriptionId}\n                                                            position={position as DrawerPosition}\n                                                            parent={floating.refs.floating}\n                                                        />\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-modal-padding-x pb-modal-title-pb text-modal-title-text 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(\n                                                        \"flex-1 select-text overflow-y-auto px-modal-padding-x py-modal-body-py\",\n                                                        bodyClassName\n                                                    )}\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, {\n                                                                    type: \"spring\",\n                                                                    bounce: 0,\n                                                                    duration: 0.3,\n                                                                });\n                                                            }\n                                                            isDragging.current = false;\n                                                        }\n                                                    }}\n                                                    onTouchStart={(e: React.TouchEvent<HTMLElement>) => {\n                                                        const touch = e.changedTouches[0];\n                                                        scrollInitial.set(touch.pageY);\n                                                        scroll.set(touch.pageY);\n                                                        isDragging.current = false;\n                                                    }}\n                                                    onTouchMove={(e: React.TouchEvent<HTMLElement>) => {\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-modal-padding-x pt-modal-footer-pt\">\n                                                        {footer}\n                                                    </footer>\n                                                ) : null}\n                                                {closable ? (\n                                                    <div className=\"absolute right-modal-close-right top-modal-close-top z-floating\">\n                                                        <button\n                                                            type=\"button\"\n                                                            onClick={onClose}\n                                                            aria-label={t.closeButton}\n                                                            className=\"p-modal-close-p opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                                        >\n                                                            <XIcon size={20} 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 translations = useTranslations();\n    const [open, setOpen] = useState(false);\n    const [options, setOptions] = useState<Partial<ConfirmOptions>>({});\n    const [resolve, setResolve] = useState<(value: boolean) => void>(() => {});\n    const confirmRef = useRef<HTMLButtonElement>(null);\n    useEffect(() => {\n        if (open) confirmRef.current?.focus();\n    }, [open]);\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 || translations.modalConfirmTitle}\n                className=\"container max-w-dialog lg:max-w-96\"\n                footer={\n                    <div className=\"flex justify-end gap-modal-footer-gap\">\n                        <Button theme={options.cancel?.theme || \"ghost-muted\"} onClick={onCancel}>\n                            {options.cancel?.text || translations.modalConfirmCancel}\n                        </Button>\n                        <Button ref={confirmRef} theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || translations.modalConfirmConfirm}\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"py-modal-confirm-py text-foreground\">{options.description}</div>\n            </Modal>\n        </ConfirmContext.Provider>\n    );\n};\n"],"mappings":"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"}