@g4rcez/components 4.1.3 → 5.0.0

package/dist/input-field-B_whI66Q.js

@@ -0,0 +1,137 @@
+import { t as e } from "./dom-Bn4wY_Zx.js";
+import { t } from "./CheckCircle.es-BB91gLT-.js";
+import { t as n } from "./Info.es-Dvln8pws.js";
+import { t as r } from "./IconBase.es-BlJQ9IXo.js";
+import { n as i, r as a, t as o } from "./use-translations-DTLfPE3_.js";
+import { Tooltip as s } from "./components/floating/tooltip.js";
+import * as c from "react";
+import { Fragment as l, forwardRef as u, useContext as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/defs/XCircle.es.js
+var m = /* @__PURE__ */ new Map([
+	["bold", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", { d: "M168.49,104.49,145,128l23.52,23.51a12,12,0,0,1-17,17L128,145l-23.51,23.52a12,12,0,0,1-17-17L111,128,87.51,104.49a12,12,0,0,1,17-17L128,111l23.51-23.52a12,12,0,0,1,17,17ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z" }))],
+	["duotone", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", {
+		d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+		opacity: "0.2"
+	}), /* @__PURE__ */ c.createElement("path", { d: "M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }))],
+	["fill", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
+	["light", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", { d: "M164.24,100.24,136.48,128l27.76,27.76a6,6,0,1,1-8.48,8.48L128,136.48l-27.76,27.76a6,6,0,0,1-8.48-8.48L119.52,128,91.76,100.24a6,6,0,0,1,8.48-8.48L128,119.52l27.76-27.76a6,6,0,0,1,8.48,8.48ZM230,128A102,102,0,1,1,128,26,102.12,102.12,0,0,1,230,128Zm-12,0a90,90,0,1,0-90,90A90.1,90.1,0,0,0,218,128Z" }))],
+	["regular", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", { d: "M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }))],
+	["thin", /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("path", { d: "M162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z" }))]
+]), h = c.forwardRef((e, t) => /* @__PURE__ */ c.createElement(r, {
+	ref: t,
+	...e,
+	weights: m
+}));
+h.displayName = "XCircleIcon";
+//#endregion
+//#region src/hooks/use-tweaks.ts
+var g = () => {
+	let e = d(i);
+	return e ? e.tweaks : a;
+}, _ = ({ reportStatus: r, id: i, hideLeft: a = !1, className: o, info: c, children: l, title: u }) => /* @__PURE__ */ p("span", {
+	className: e("w-full justify-between", a && l === null ? "hidden" : "flex", o),
+	children: [a ? null : /* @__PURE__ */ p("span", {
+		className: "flex items-center gap-1 transition-colors group-focus-within:text-primary group-hover:text-primary group-disabled:text-disabled group-error:text-danger",
+		children: [u, r || c ? /* @__PURE__ */ p("span", {
+			className: "flex items-center justify-center gap-1",
+			children: [c ? /* @__PURE__ */ f(s, {
+				as: "button",
+				type: "button",
+				"aria-label": typeof c == "string" ? c : void 0,
+				"aria-describedby": typeof c == "string" ? void 0 : i ? `tooltip-info-content-${i}` : void 0,
+				title: /* @__PURE__ */ f("span", {
+					className: "cursor-help",
+					children: /* @__PURE__ */ f(n, {
+						className: "aspect-square size-3",
+						"aria-hidden": "true",
+						size: 16
+					})
+				}),
+				children: /* @__PURE__ */ f("div", {
+					id: i ? `tooltip-info-content-${i}` : void 0,
+					className: "w-full max-w-48 whitespace-break-spaces break-words",
+					children: c
+				})
+			}) : null, r ? /* @__PURE__ */ p("span", {
+				className: "flex h-3 min-w-6 items-center",
+				children: [/* @__PURE__ */ f(t, {
+					className: "hidden aspect-square size-3 opacity-0 transition-opacity group-assert:block group-assert:text-success group-assert:opacity-100",
+					"aria-hidden": "true",
+					size: 16
+				}), /* @__PURE__ */ f(h, {
+					className: "hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100",
+					"aria-hidden": "true",
+					size: 16
+				})]
+			}) : null]
+		}) : null]
+	}), l]
+}), v = u(({ optionalText: t, left: n, rightLabel: r, container: i, feedback: a, interactive: s, right: c, info: u, children: d, error: m, form: h, id: v, labelClassName: y = "", name: b, title: x, componentName: S, placeholder: C, hideLeft: w = !1, required: T, disabled: E, reportStatus: D, hiddenLabel: O }, k) => {
+	let A = g(), j = D === void 0 ? A.input.iconFeedback : D, M = v ?? b, N = o(), P = t ?? N.inputOptionalLabel;
+	return /* @__PURE__ */ p("fieldset", {
+		ref: k,
+		form: h,
+		disabled: E,
+		"data-error": !!m,
+		"aria-disabled": E,
+		"data-component": S,
+		"data-interactive": !!s,
+		className: e("group flex min-h-0 min-w-0 max-w-full flex-col items-start", i),
+		children: [
+			/* @__PURE__ */ p("label", {
+				form: h,
+				htmlFor: M,
+				className: e("relative inline-flex w-full max-w-full cursor-text flex-row flex-wrap justify-between gap-input-label-mb text-input-label-text transition-colors empty:hidden group-disabled:cursor-not-allowed group-error:text-danger"),
+				children: [O ? /* @__PURE__ */ f("span", {
+					className: "sr-only",
+					children: /* @__PURE__ */ f(_, {
+						info: u,
+						hideLeft: w,
+						reportStatus: j,
+						title: x,
+						placeholder: C
+					})
+				}) : /* @__PURE__ */ f(_, {
+					info: u,
+					title: x,
+					hideLeft: w,
+					placeholder: C,
+					reportStatus: j,
+					children: P || r ? /* @__PURE__ */ p(l, { children: [T ? null : /* @__PURE__ */ f("span", {
+						"aria-disabled": E,
+						className: "text-opacity-70 transition-colors group-focus-within:text-primary group-hover:text-primary aria-disabled:text-disabled",
+						children: P
+					}), r ? /* @__PURE__ */ f(l, { children: r }) : null] }) : null
+				}), /* @__PURE__ */ p("div", {
+					className: e("group relative flex w-full flex-row flex-nowrap items-center gap-x-input-gap gap-y-input-inline rounded-input-radius border border-input-border bg-transparent transition-colors group-hover:border-primary group-disabled:border-disabled group-error:border-danger", y),
+					children: [
+						n ? /* @__PURE__ */ f("span", {
+							className: "flex flex-nowrap gap-input-slot-gap whitespace-nowrap pl-input-slot-pl",
+							children: n
+						}) : null,
+						d,
+						c ? /* @__PURE__ */ f("span", {
+							className: "flex flex-nowrap gap-input-slot-gap whitespace-nowrap pr-input-slot-pr",
+							children: c
+						}) : null
+					]
+				})]
+			}),
+			/* @__PURE__ */ f("p", {
+				id: `${M}-error`,
+				role: "alert",
+				className: "mt-input-hint-mt hidden whitespace-pre-wrap text-wrap text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger",
+				children: m
+			}),
+			/* @__PURE__ */ f("p", {
+				className: "mt-input-hint-mt text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden",
+				children: a
+			})
+		]
+	});
+});
+//#endregion
+export { v as n, g as r, _ as t };
+
+//# sourceMappingURL=input-field-B_whI66Q.js.map

package/dist/input-field-B_whI66Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field-B_whI66Q.js","names":["t"],"sources":["../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/defs/XCircle.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/csr/XCircle.es.js","../src/hooks/use-tweaks.ts","../src/components/form/input-field.tsx"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M168.49,104.49,145,128l23.52,23.51a12,12,0,0,1-17,17L128,145l-23.51,23.52a12,12,0,0,1-17-17L111,128,87.51,104.49a12,12,0,0,1,17-17L128,111l23.51-23.52a12,12,0,0,1,17,17ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M164.24,100.24,136.48,128l27.76,27.76a6,6,0,1,1-8.48,8.48L128,136.48l-27.76,27.76a6,6,0,0,1-8.48-8.48L119.52,128,91.76,100.24a6,6,0,0,1,8.48-8.48L128,119.52l27.76-27.76a6,6,0,0,1,8.48,8.48ZM230,128A102,102,0,1,1,128,26,102.12,102.12,0,0,1,230,128Zm-12,0a90,90,0,1,0-90,90A90.1,90.1,0,0,0,218,128Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as e from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport a from \"../defs/XCircle.es.js\";\nconst o = e.forwardRef((r, c) => /* @__PURE__ */ e.createElement(t, { ref: c, ...r, weights: a }));\no.displayName = \"XCircleIcon\";\nconst s = o;\nexport {\n  s as XCircle,\n  o as XCircleIcon\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\nimport { defaultTweaks, Tweaks } from \"../config/default-tweaks\";\n\nexport const useTweaks = (): Tweaks => {\n    const ctx = useContext(Context);\n    if (!ctx) return defaultTweaks;\n    return ctx.tweaks!;\n};\n","\"use client\";\nimport { CheckCircleIcon, InfoIcon, XCircleIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, Fragment, type PropsWithChildren } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { useTweaks } from \"../../hooks/use-tweaks\";\nimport { css } from \"../../lib/dom\";\nimport { type Label, Override } from \"../../types\";\nimport { type PolymorphicProps } from \"../core/polymorph\";\nimport { Tooltip } from \"../floating/tooltip\";\n\nexport type FeedbackProps = React.PropsWithChildren<\n    Partial<{\n        id: string;\n        info: Label;\n        title: Label;\n        hideLeft: boolean;\n        className: string;\n        placeholder: string;\n        reportStatus: boolean;\n        hiddenLabel: boolean;\n    }>\n>;\n\nexport const InputFeedback = ({ reportStatus, id, hideLeft = false, className, info, children, title }: FeedbackProps) => (\n    <span className={css(\"w-full justify-between\", hideLeft && children === null ? \"hidden\" : \"flex\", className)}>\n        {hideLeft ? null : (\n            <span className=\"flex items-center gap-1 transition-colors group-focus-within:text-primary group-hover:text-primary group-disabled:text-disabled group-error:text-danger\">\n                {title}\n                {reportStatus || info ? (\n                    <span className=\"flex items-center justify-center gap-1\">\n                        {info ? (\n                            <Tooltip\n                                as=\"button\"\n                                type=\"button\"\n                                aria-label={typeof info === \"string\" ? info : undefined}\n                                aria-describedby={typeof info === \"string\" ? undefined : id ? `tooltip-info-content-${id}` : undefined}\n                                title={\n                                    <span className=\"cursor-help\">\n                                        <InfoIcon className=\"aspect-square size-3\" aria-hidden=\"true\" size={16} />\n                                    </span>\n                                }\n                            >\n                                <div\n                                    id={id ? `tooltip-info-content-${id}` : undefined}\n                                    className=\"w-full max-w-48 whitespace-break-spaces break-words\"\n                                >\n                                    {info}\n                                </div>\n                            </Tooltip>\n                        ) : null}\n                        {reportStatus ? (\n                            <span className=\"flex h-3 min-w-6 items-center\">\n                                <CheckCircleIcon\n                                    className=\"hidden aspect-square size-3 opacity-0 transition-opacity group-assert:block group-assert:text-success group-assert:opacity-100\"\n                                    aria-hidden=\"true\"\n                                    size={16}\n                                />\n                                <XCircleIcon\n                                    className=\"hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100\"\n                                    aria-hidden=\"true\"\n                                    size={16}\n                                />\n                            </span>\n                        ) : null}\n                    </span>\n                ) : null}\n            </span>\n        )}\n        {children}\n    </span>\n);\n\nexport type InputFieldProps<T extends \"input\" | \"select\" | \"textarea\"> = PolymorphicProps<\n    Partial<\n        Override<\n            FeedbackProps,\n            {\n                id: string;\n                info: Label;\n                left: Label;\n                name: string;\n                right: Label;\n                error: string;\n                feedback: Label;\n                loading: boolean;\n                container: string;\n                hideLeft: boolean;\n                rightLabel: Label;\n                placeholder: string;\n                interactive: boolean;\n                optionalText: string;\n                componentName: string;\n                labelClassName: string;\n            }\n        >\n    >,\n    T\n>;\n\nexport const InputField: <T extends \"input\" | \"select\" | \"textarea\">(props: PropsWithChildren<InputFieldProps<T>>) => React.ReactElement = forwardRef(\n    <T extends \"input\" | \"select\" | \"textarea\">(\n        {\n            optionalText: _optionalText,\n            left,\n            rightLabel,\n            container,\n            feedback,\n            interactive,\n            right,\n            info,\n            children,\n            error,\n            form,\n            id,\n            labelClassName = \"\",\n            name,\n            title,\n            componentName,\n            placeholder,\n            hideLeft = false,\n            required,\n            disabled,\n            reportStatus,\n            hiddenLabel,\n        }: PropsWithChildren<InputFieldProps<T>>,\n        ref: React.Ref<HTMLFieldSetElement>\n    ) => {\n        const tweaks = useTweaks();\n        const reportStatusDefault = reportStatus !== undefined ? reportStatus : tweaks.input.iconFeedback;\n        const ID = id ?? name;\n        const translation = useTranslations();\n        const optionalText = _optionalText ?? translation.inputOptionalLabel;\n        return (\n            <fieldset\n                ref={ref}\n                form={form}\n                disabled={disabled}\n                data-error={!!error}\n                aria-disabled={disabled}\n                data-component={componentName}\n                data-interactive={!!interactive}\n                className={css(\"group flex min-h-0 min-w-0 max-w-full flex-col items-start\", container)}\n            >\n                <label\n                    form={form}\n                    htmlFor={ID}\n                    className={css(\n                        \"relative inline-flex w-full max-w-full cursor-text flex-row flex-wrap justify-between gap-input-label-mb text-input-label-text transition-colors empty:hidden group-disabled:cursor-not-allowed group-error:text-danger\"\n                    )}\n                >\n                    {hiddenLabel ? (\n                        <span className=\"sr-only\">\n                            <InputFeedback\n                                info={info}\n                                hideLeft={hideLeft}\n                                reportStatus={reportStatusDefault}\n                                title={title}\n                                placeholder={placeholder}\n                            />\n                        </span>\n                    ) : (\n                        <InputFeedback info={info} title={title} hideLeft={hideLeft} placeholder={placeholder} reportStatus={reportStatusDefault}>\n                            {optionalText || rightLabel ? (\n                                <Fragment>\n                                    {!required ? (\n                                        <span\n                                            aria-disabled={disabled}\n                                            className=\"text-opacity-70 transition-colors group-focus-within:text-primary group-hover:text-primary aria-disabled:text-disabled\"\n                                        >\n                                            {optionalText}\n                                        </span>\n                                    ) : null}\n                                    {rightLabel ? <Fragment>{rightLabel}</Fragment> : null}\n                                </Fragment>\n                            ) : null}\n                        </InputFeedback>\n                    )}\n                    <div\n                        className={css(\n                            \"group relative flex w-full flex-row flex-nowrap items-center gap-x-input-gap gap-y-input-inline rounded-input-radius border border-input-border bg-transparent transition-colors group-hover:border-primary group-disabled:border-disabled group-error:border-danger\",\n                            labelClassName\n                        )}\n                    >\n                        {left ? <span className=\"flex flex-nowrap gap-input-slot-gap whitespace-nowrap pl-input-slot-pl\">{left}</span> : null}\n                        {children}\n                        {right ? <span className=\"flex flex-nowrap gap-input-slot-gap whitespace-nowrap pr-input-slot-pr\">{right}</span> : null}\n                    </div>\n                </label>\n                <p\n                    id={`${ID}-error`}\n                    role=\"alert\"\n                    className=\"mt-input-hint-mt hidden whitespace-pre-wrap text-wrap text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger\"\n                >\n                    {error}\n                </p>\n                <p className=\"mt-input-hint-mt text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden\">\n                    {feedback}\n                </p>\n            </fieldset>\n        );\n    }\n) as unknown as <T extends \"input\" | \"select\" | \"textarea\">(props: PropsWithChildren<InputFieldProps<T>>) => React.ReactElement; // forwardRef return is non-generic; cast restores the polymorphic signature\n"],"x_google_ignoreList":[0,1],"mappings":";;;;;;;;;;AACA,IAAM,oBAAoB,IAAI,IAAI;CAChC,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,yRAAyR,CAAC,CAAC,CAC5X;CACA,CACE,WACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ;EAAE,GAAG;EAAmD,SAAS;CAAM,CAAC,GAAmB,kBAAE,cAAc,QAAQ,EAAE,GAAG,mTAAmT,CAAC,CAAC,CACzgB;CACA,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,oPAAoP,CAAC,CAAC,CACvV;CACA,CACE,SACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,2SAA2S,CAAC,CAAC,CAC9Y;CACA,CACE,WACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,mTAAmT,CAAC,CAAC,CACtZ;CACA,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,wSAAwS,CAAC,CAAC,CAC3Y;AACF,CAAC,GCvBK,IAAI,EAAE,YAAY,GAAG,MAAsB,kBAAE,cAAcA,GAAG;CAAE,KAAK;CAAG,GAAG;CAAG,SAAS;AAAE,CAAC,CAAC;AACjG,EAAE,cAAc;;;ACAhB,IAAa,UAA0B;CACnC,IAAM,IAAM,EAAW,CAAO;CAE9B,OADK,IACE,EAAI,SADM;AAErB,GCea,KAAiB,EAAE,iBAAc,OAAI,cAAW,IAAO,cAAW,SAAM,aAAU,eAC3F,kBAAC,QAAD;CAAM,WAAW,EAAI,0BAA0B,KAAY,MAAa,OAAO,WAAW,QAAQ,CAAS;WAA3G,CACK,IAAW,OACR,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACK,GACA,KAAgB,IACb,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACK,IACG,kBAAC,GAAD;IACI,IAAG;IACH,MAAK;IACL,cAAY,OAAO,KAAS,WAAW,IAAO,KAAA;IAC9C,oBAAkB,OAAO,KAAS,WAAW,KAAA,IAAY,IAAK,wBAAwB,MAAO,KAAA;IAC7F,OACI,kBAAC,QAAD;KAAM,WAAU;eACZ,kBAAC,GAAD;MAAU,WAAU;MAAuB,eAAY;MAAO,MAAM;KAAK,CAAA;IACvE,CAAA;cAGV,kBAAC,OAAD;KACI,IAAI,IAAK,wBAAwB,MAAO,KAAA;KACxC,WAAU;eAET;IACA,CAAA;GACA,CAAA,IACT,MACH,IACG,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACI,kBAAC,GAAD;KACI,WAAU;KACV,eAAY;KACZ,MAAM;IACT,CAAA,GACD,kBAAC,GAAD;KACI,WAAU;KACV,eAAY;KACZ,MAAM;IACT,CAAA,CACC;QACN,IACF;OACN,IACF;KAET,CACC;IA8BG,IAA8H,GAEnI,EACI,cAAc,GACd,SACA,eACA,cACA,aACA,gBACA,UACA,SACA,aACA,UACA,SACA,OACA,oBAAiB,IACjB,SACA,UACA,kBACA,gBACA,cAAW,IACX,aACA,aACA,iBACA,kBAEJ,MACC;CACD,IAAM,IAAS,EAAU,GACnB,IAAsB,MAAiB,KAAA,IAA2B,EAAO,MAAM,eAA5B,GACnD,IAAK,KAAM,GACX,IAAc,EAAgB,GAC9B,IAAe,KAAiB,EAAY;CAClD,OACI,kBAAC,YAAD;EACS;EACC;EACI;EACV,cAAY,CAAC,CAAC;EACd,iBAAe;EACf,kBAAgB;EAChB,oBAAkB,CAAC,CAAC;EACpB,WAAW,EAAI,8DAA8D,CAAS;YAR1F;GAUI,kBAAC,SAAD;IACU;IACN,SAAS;IACT,WAAW,EACP,yNACJ;cALJ,CAOK,IACG,kBAAC,QAAD;KAAM,WAAU;eACZ,kBAAC,GAAD;MACU;MACI;MACV,cAAc;MACP;MACM;KAChB,CAAA;IACC,CAAA,IAEN,kBAAC,GAAD;KAAqB;KAAa;KAAiB;KAAuB;KAAa,cAAc;eAChG,KAAgB,IACb,kBAAC,GAAD,EAAA,UAAA,CACM,IAOE,OANA,kBAAC,QAAD;MACI,iBAAe;MACf,WAAU;gBAET;KACC,CAAA,GAET,IAAa,kBAAC,GAAD,EAAA,UAAW,EAAqB,CAAA,IAAI,IAC5C,EAAA,CAAA,IACV;IACO,CAAA,GAEnB,kBAAC,OAAD;KACI,WAAW,EACP,wQACA,CACJ;eAJJ;MAMK,IAAO,kBAAC,QAAD;OAAM,WAAU;iBAA0E;MAAW,CAAA,IAAI;MAChH;MACA,IAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA0E;MAAY,CAAA,IAAI;KAClH;MACF;;GACP,kBAAC,KAAD;IACI,IAAI,GAAG,EAAG;IACV,MAAK;IACL,WAAU;cAET;GACF,CAAA;GACH,kBAAC,KAAD;IAAG,WAAU;cACR;GACF,CAAA;EACG;;AAElB,CACJ"}

package/dist/modal-Cn-OaKRp.js

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

package/dist/modal-Cn-OaKRp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-Cn-OaKRp.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 max-h-modal-sheet-max-h-vh 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\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-modal-resizer-radius\",\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=\"rounded-modal-sheet-pill-radius h-modal-sheet-pill-h w-modal-sheet-pill-w 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            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({\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        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-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 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-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) => {\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-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 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    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 || \"Confirmation\"}\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 || \"Cancel\"}\n                        </Button>\n                        <Button ref={confirmRef} theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || \"Confirm\"}\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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"}