@g4rcez/components 5.0.1 → 5.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/components/floating/dropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingFocusManager,\n    FloatingPortal,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { Fragment, PropsWithChildren, useEffect, useId, useMemo, useRef, useState } from \"react\";\n\ntype DropdownProps = {\n    open?: boolean;\n    arrow?: boolean;\n    hover?: boolean;\n    returnFocus?: boolean;\n    restoreFocus?: boolean;\n    buttonProps?: React.HTMLProps<\"button\">;\n    onChange?: (nextValue: boolean) => void;\n    trigger: React.ReactElement | React.ReactNode;\n    title?: React.ReactNode | React.ReactElement | string;\n};\n\nexport const Dropdown = (props: PropsWithChildren<DropdownProps>) => {\n    const headingId = useId();\n    const [open, setOpen] = useState(props.open);\n    useEffect(() => setOpen(props.open), [props.open]);\n    const arrowRef = useRef(null);\n    const middleware = useMemo(\n        () => [\n            offset(10),\n            flip({ fallbackAxisSideDirection: \"end\" }),\n            shift(),\n            arrow({\n                padding: 5,\n                element: arrowRef,\n            }),\n        ],\n        []\n    );\n    const { refs, floatingStyles, context } = useFloating({\n        open,\n        middleware,\n        transform: true,\n        whileElementsMounted: autoUpdate,\n        onOpenChange: (nextValue, event) => {\n            const element = (event as FocusEvent | undefined)?.relatedTarget as HTMLElement | null;\n            if (element) {\n                if (element.dataset.floating === \"true\" && !nextValue) return;\n            }\n            setOpen(nextValue);\n            props.onChange?.(nextValue);\n        },\n    });\n\n    const click = useClick(context);\n    const hover = useHover(context, { enabled: props.hover ?? false });\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n\n    return (\n        <Fragment>\n            <button\n                ref={refs.setReference}\n                {...(getReferenceProps(props.buttonProps as unknown as React.HTMLProps<Element>) as React.HTMLProps<HTMLButtonElement>)}\n                type=\"button\"\n            >\n                {props.trigger}\n            </button>\n            {open && (\n                <FloatingPortal preserveTabOrder id={`${headingId}-portal`}>\n                    <FloatingFocusManager guards restoreFocus={true} returnFocus={true} visuallyHiddenDismiss context={context} modal={false}>\n                        <div\n                            className=\"relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating\"\n                            ref={refs.setFloating}\n                            aria-labelledby={headingId}\n                            style={floatingStyles as unknown as React.CSSProperties}\n                            {...getFloatingProps()}\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-floating-background stroke-floating-border\"\n                            />\n                            <header className=\"mb-dropdown-header-mb\">\n                                <h3 id={headingId} className=\"text-left text-typography-2xl font-medium leading-snug tracking-wide\">\n                                    {props.title}\n                                </h3>\n                            </header>\n                            {props.children}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;AA+BA,IAAa,KAAY,MAA4C;CACjE,IAAM,IAAY,EAAM,GAClB,CAAC,GAAM,KAAW,EAAS,EAAM,IAAI;CAC3C,QAAgB,EAAQ,EAAM,IAAI,GAAG,CAAC,EAAM,IAAI,CAAC;CACjD,IAAM,IAAW,EAAO,IAAI,GAatB,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,YAde,QACT;GACF,EAAO,EAAE;GACT,EAAK,EAAE,2BAA2B,MAAM,CAAC;GACzC,EAAM;GACN,EAAM;IACF,SAAS;IACT,SAAS;GACb,CAAC;EACL,GACA,CAAC,CAID;EACA,WAAW;EACX,sBAAsB;EACtB,eAAe,GAAW,MAAU;GAChC,IAAM,IAAW,GAAkC;GAC/C,KACI,EAAQ,QAAQ,aAAa,UAAU,CAAC,MAEhD,EAAQ,CAAS,GACjB,EAAM,WAAW,CAAS;EAC9B;CACJ,CAAC,GAEK,IAAQ,EAAS,CAAO,GACxB,IAAQ,EAAS,GAAS,EAAE,SAAS,EAAM,SAAS,GAAM,CAAC,GAI3D,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAHjD,EAAW,CAG6C;EAF3D,EAAQ,GAAS,EAAE,MAAM,SAAS,CAEkC;EAAM;CAAK,CAAC;CAE7F,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,KAAK,EAAK;EACV,GAAK,EAAkB,EAAM,WAAkD;EAC/E,MAAK;YAEJ,EAAM;CACH,CAAA,GACP,KACG,kBAAC,GAAD;EAAgB,kBAAA;EAAiB,IAAI,GAAG,EAAU;YAC9C,kBAAC,GAAD;GAAsB,QAAA;GAAO,cAAc;GAAM,aAAa;GAAM,uBAAA;GAA+B;GAAS,OAAO;aAC/G,kBAAC,OAAD;IACI,WAAU;IACV,KAAK,EAAK;IACV,mBAAiB;IACjB,OAAO;IACP,GAAI,EAAiB;cALzB;KAOI,kBAAC,GAAD;MACI,KAAK;MACI;MACT,aAAa;MACb,WAAU;KACb,CAAA;KACD,kBAAC,UAAD;MAAQ,WAAU;gBACd,kBAAC,MAAD;OAAI,IAAI;OAAW,WAAU;iBACxB,EAAM;MACP,CAAA;KACA,CAAA;KACP,EAAM;IACN;;EACa,CAAA;CACV,CAAA,CAEd,EAAA,CAAA;AAElB"}
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/components/floating/dropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingFocusManager,\n    FloatingPortal,\n    offset,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useHover,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport React, { Fragment, PropsWithChildren, useEffect, useId, useMemo, useRef, useState } from \"react\";\n\ntype DropdownProps = {\n    open?: boolean;\n    arrow?: boolean;\n    hover?: boolean;\n    returnFocus?: boolean;\n    restoreFocus?: boolean;\n    buttonProps?: React.HTMLProps<\"button\">;\n    onChange?: (nextValue: boolean) => void;\n    trigger: React.ReactElement | React.ReactNode;\n    title?: React.ReactNode | React.ReactElement | string;\n};\n\nexport const Dropdown = (props: PropsWithChildren<DropdownProps>) => {\n    const headingId = useId();\n    const [open, setOpen] = useState(props.open);\n    useEffect(() => setOpen(props.open), [props.open]);\n    const arrowRef = useRef(null);\n    const middleware = useMemo(\n        () => [\n            offset(10),\n            flip({ fallbackAxisSideDirection: \"end\" }),\n            shift(),\n            arrow({\n                padding: 5,\n                element: arrowRef,\n            }),\n        ],\n        []\n    );\n    const { refs, floatingStyles, context } = useFloating({\n        open,\n        middleware,\n        transform: true,\n        whileElementsMounted: autoUpdate,\n        onOpenChange: (nextValue, event) => {\n            const element = (event as FocusEvent | undefined)?.relatedTarget as HTMLElement | null;\n            if (element) {\n                if (element.dataset.floating === \"true\" && !nextValue) return;\n            }\n            setOpen(nextValue);\n            props.onChange?.(nextValue);\n        },\n    });\n\n    const click = useClick(context);\n    const hover = useHover(context, { enabled: props.hover ?? false });\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n\n    return (\n        <Fragment>\n            <button\n                ref={refs.setReference}\n                {...(getReferenceProps(props.buttonProps as unknown as React.HTMLProps<Element>) as React.HTMLProps<HTMLButtonElement>)}\n                type=\"button\"\n            >\n                {props.trigger}\n            </button>\n            {open && (\n                <FloatingPortal preserveTabOrder id={`${headingId}-portal`}>\n                    <FloatingFocusManager guards restoreFocus={true} returnFocus={true} visuallyHiddenDismiss context={context} modal={false}>\n                        <div\n                            className=\"relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating\"\n                            ref={refs.setFloating}\n                            aria-labelledby={headingId}\n                            style={floatingStyles as unknown as React.CSSProperties}\n                            {...getFloatingProps()}\n                        >\n                            <FloatingArrow\n                                ref={arrowRef}\n                                context={context}\n                                strokeWidth={0.1}\n                                className=\"fill-floating-background stroke-floating-border\"\n                            />\n                            <header className=\"mb-dropdown-header-mb\">\n                                <h3 id={headingId} className=\"text-typography-2xl text-left font-medium leading-snug tracking-wide\">\n                                    {props.title}\n                                </h3>\n                            </header>\n                            {props.children}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;AA+BA,IAAa,KAAY,MAA4C;CACjE,IAAM,IAAY,EAAM,GAClB,CAAC,GAAM,KAAW,EAAS,EAAM,IAAI;CAC3C,QAAgB,EAAQ,EAAM,IAAI,GAAG,CAAC,EAAM,IAAI,CAAC;CACjD,IAAM,IAAW,EAAO,IAAI,GAatB,EAAE,SAAM,mBAAgB,eAAY,EAAY;EAClD;EACA,YAde,QACT;GACF,EAAO,EAAE;GACT,EAAK,EAAE,2BAA2B,MAAM,CAAC;GACzC,EAAM;GACN,EAAM;IACF,SAAS;IACT,SAAS;GACb,CAAC;EACL,GACA,CAAC,CAID;EACA,WAAW;EACX,sBAAsB;EACtB,eAAe,GAAW,MAAU;GAChC,IAAM,IAAW,GAAkC;GAC/C,KACI,EAAQ,QAAQ,aAAa,UAAU,CAAC,MAEhD,EAAQ,CAAS,GACjB,EAAM,WAAW,CAAS;EAC9B;CACJ,CAAC,GAEK,IAAQ,EAAS,CAAO,GACxB,IAAQ,EAAS,GAAS,EAAE,SAAS,EAAM,SAAS,GAAM,CAAC,GAI3D,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAHjD,EAAW,CAG6C;EAF3D,EAAQ,GAAS,EAAE,MAAM,SAAS,CAEkC;EAAM;CAAK,CAAC;CAE7F,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,KAAK,EAAK;EACV,GAAK,EAAkB,EAAM,WAAkD;EAC/E,MAAK;YAEJ,EAAM;CACH,CAAA,GACP,KACG,kBAAC,GAAD;EAAgB,kBAAA;EAAiB,IAAI,GAAG,EAAU;YAC9C,kBAAC,GAAD;GAAsB,QAAA;GAAO,cAAc;GAAM,aAAa;GAAM,uBAAA;GAA+B;GAAS,OAAO;aAC/G,kBAAC,OAAD;IACI,WAAU;IACV,KAAK,EAAK;IACV,mBAAiB;IACjB,OAAO;IACP,GAAI,EAAiB;cALzB;KAOI,kBAAC,GAAD;MACI,KAAK;MACI;MACT,aAAa;MACb,WAAU;KACb,CAAA;KACD,kBAAC,UAAD;MAAQ,WAAU;gBACd,kBAAC,MAAD;OAAI,IAAI;OAAW,WAAU;iBACxB,EAAM;MACP,CAAA;KACA,CAAA;KACP,EAAM;IACN;;EACa,CAAA;CACV,CAAA,CAEd,EAAA,CAAA;AAElB"}

package/dist/components/floating/dropdown.jsx

@@ -0,0 +1,56 @@
+"use client";
+import { arrow, autoUpdate, flip, FloatingArrow, FloatingFocusManager, FloatingPortal, offset, shift, useClick, useDismiss, useFloating, useHover, useInteractions, useRole, } from "@floating-ui/react";
+import React, { Fragment, useEffect, useId, useMemo, useRef, useState } from "react";
+export const Dropdown = (props) => {
+    const headingId = useId();
+    const [open, setOpen] = useState(props.open);
+    useEffect(() => setOpen(props.open), [props.open]);
+    const arrowRef = useRef(null);
+    const middleware = useMemo(() => [
+        offset(10),
+        flip({ fallbackAxisSideDirection: "end" }),
+        shift(),
+        arrow({
+            padding: 5,
+            element: arrowRef,
+        }),
+    ], []);
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        middleware,
+        transform: true,
+        whileElementsMounted: autoUpdate,
+        onOpenChange: (nextValue, event) => {
+            const element = event?.relatedTarget;
+            if (element) {
+                if (element.dataset.floating === "true" && !nextValue)
+                    return;
+            }
+            setOpen(nextValue);
+            props.onChange?.(nextValue);
+        },
+    });
+    const click = useClick(context);
+    const hover = useHover(context, { enabled: props.hover ?? false });
+    const dismiss = useDismiss(context);
+    const role = useRole(context, { role: "dialog" });
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);
+    return (<Fragment>
+            <button ref={refs.setReference} {...getReferenceProps(props.buttonProps)} type="button">
+                {props.trigger}
+            </button>
+            {open && (<FloatingPortal preserveTabOrder id={`${headingId}-portal`}>
+                    <FloatingFocusManager guards restoreFocus={true} returnFocus={true} visuallyHiddenDismiss context={context} modal={false}>
+                        <div className="relative isolate z-floating rounded-dropdown-radius border border-floating-border bg-floating-background p-dropdown-p shadow-shadow-floating" ref={refs.setFloating} aria-labelledby={headingId} style={floatingStyles} {...getFloatingProps()}>
+                            <FloatingArrow ref={arrowRef} context={context} strokeWidth={0.1} className="fill-floating-background stroke-floating-border"/>
+                            <header className="mb-dropdown-header-mb">
+                                <h3 id={headingId} className="text-typography-2xl text-left font-medium leading-snug tracking-wide">
+                                    {props.title}
+                                </h3>
+                            </header>
+                            {props.children}
+                        </div>
+                    </FloatingFocusManager>
+                </FloatingPortal>)}
+        </Fragment>);
+};

package/dist/components/floating/expand.d.ts

@@ -0,0 +1,11 @@
+import { motion } from "motion/react";
+import { PropsWithChildren } from "react";
+import { Label, Override } from "../../types";
+import { ButtonProps } from "../core/button";
+export type ExpandProps = Override<ButtonProps<typeof motion.button>, {
+    trigger: Label;
+    open?: boolean;
+    disabled?: boolean;
+}>;
+export declare const Expand: (props: PropsWithChildren<ExpandProps>) => import("react").JSX.Element;
+//# sourceMappingURL=expand.d.ts.map

package/dist/components/floating/expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../src/components/floating/expand.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAsC,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAC9B,WAAW,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,EACjC;IACI,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CACJ,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,iBAAiB,CAAC,WAAW,CAAC,gCAmD3D,CAAC"}

package/dist/components/floating/expand.js

@@ -1,7 +1,8 @@
 "use client";
-import { r as e, t } from "../../proxy-BcJ_5Dwq.js";
-import { d as n, f as r, l as i, n as a, o, v as s, x as c } from "../../floating-ui.react-CwXtBJ_y.js";
-import { Button as l } from "../core/button.js";
+import { d as e, f as t, l as n, n as r, o as i, v as a, x as o } from "../../floating-ui.react-CwXtBJ_y.js";
+import { Button as s } from "../core/button.js";
+import { t as c } from "../../proxy-fP2NxmhM.js";
+import { t as l } from "../../AnimatePresence-j36AYeOQ.js";
 import { useEffect as u, useId as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/floating/expand.tsx
@@ -10,16 +11,16 @@ var g = (g) => {
 	u(() => {
 		S(g.open ?? !1);
 	}, [g.open]);
-	let { context: C, refs: w } = r({
+	let { context: C, refs: w } = t({
 		transform: !0,
 		open: x !== null,
 		nodeId: v,
 		onOpenChange: S,
 		strategy: "absolute"
-	}), { getFloatingProps: T, getReferenceProps: E } = s([
-		i(C, { enabled: !(g.disabled ?? !1) }),
-		c(C, { role: "dialog" }),
-		n(C, {
+	}), { getFloatingProps: T, getReferenceProps: E } = a([
+		n(C, { enabled: !(g.disabled ?? !1) }),
+		o(C, { role: "dialog" }),
+		e(C, {
 			escapeKey: !0,
 			referencePress: !0,
 			outsidePress: !0
@@ -28,25 +29,25 @@ var g = (g) => {
 	return /* @__PURE__ */ h("div", {
 		className: "relative inline-flex items-center justify-center",
 		ref: _,
-		children: [/* @__PURE__ */ m(l, {
+		children: [/* @__PURE__ */ m(s, {
 			...E(g),
-			as: t.button,
+			as: c.button,
 			layoutId: y,
 			ref: w.setReference,
 			size: "small",
 			onClick: () => S(!0),
-			children: /* @__PURE__ */ m(t.span, {
+			children: /* @__PURE__ */ m(c.span, {
 				layoutId: b,
 				children: g.trigger
 			})
-		}), /* @__PURE__ */ m(e, { children: x ? /* @__PURE__ */ m(o, {
+		}), /* @__PURE__ */ m(l, { children: x ? /* @__PURE__ */ m(i, {
 			root: _,
-			children: /* @__PURE__ */ m(a, {
+			children: /* @__PURE__ */ m(r, {
 				visuallyHiddenDismiss: !0,
 				modal: !0,
 				closeOnFocusOut: !0,
 				context: C,
-				children: /* @__PURE__ */ m(t.div, {
+				children: /* @__PURE__ */ m(c.div, {
 					...T(),
 					ref: w.setFloating,
 					layoutId: y,

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

@@ -1 +1 @@
-{"version":3,"file":"expand.js","names":[],"sources":["../../../src/components/floating/expand.tsx"],"sourcesContent":["\"use client\";\nimport { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { PropsWithChildren, useEffect, useId, useRef, useState } from \"react\";\nimport { Label, Override } from \"../../types\";\nimport { Button, ButtonProps } from \"../core/button\";\n\nexport type ExpandProps = Override<\n    ButtonProps<typeof motion.button>,\n    {\n        trigger: Label;\n        open?: boolean;\n        disabled?: boolean;\n    }\n>;\n\nexport const Expand = (props: PropsWithChildren<ExpandProps>) => {\n    const root = useRef<HTMLDivElement | null>(null);\n    const id = useId();\n    const wrapperId = `${id}:wrapper`;\n    const titleId = `${id}:title`;\n\n    const [open, setOpen] = useState(props.open ?? false);\n    useEffect(() => {\n        setOpen(props.open ?? false);\n    }, [props.open]);\n    const { context, refs } = useFloating({\n        transform: true,\n        open: open !== null,\n        nodeId: id,\n        onOpenChange: setOpen,\n        strategy: \"absolute\",\n    });\n    const click = useClick(context, { enabled: !(props.disabled ?? false) });\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, {\n        escapeKey: true,\n        referencePress: true,\n        outsidePress: true,\n    });\n    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);\n\n    return (\n        <div className=\"relative inline-flex items-center justify-center\" ref={root}>\n            <Button\n                {...getReferenceProps(props as never)}\n                as={motion.button}\n                layoutId={wrapperId}\n                ref={refs.setReference}\n                size=\"small\"\n                onClick={() => setOpen(true)}\n            >\n                <motion.span layoutId={titleId}>{props.trigger}</motion.span>\n            </Button>\n            <AnimatePresence>\n                {open ? (\n                    <FloatingPortal root={root}>\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className=\"absolute -left-1/4 -top-3/4\">\n                                {props.children}\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingPortal>\n                ) : null}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;AAgBA,IAAa,KAAU,MAA0C;CAC7D,IAAM,IAAO,EAA8B,IAAI,GACzC,IAAK,EAAM,GACX,IAAY,GAAG,EAAG,WAClB,IAAU,GAAG,EAAG,SAEhB,CAAC,GAAM,KAAW,EAAS,EAAM,QAAQ,EAAK;CACpD,QAAgB;EACZ,EAAQ,EAAM,QAAQ,EAAK;CAC/B,GAAG,CAAC,EAAM,IAAI,CAAC;CACf,IAAM,EAAE,YAAS,YAAS,EAAY;EAClC,WAAW;EACX,MAAM,MAAS;EACf,QAAQ;EACR,cAAc;EACd,UAAU;CACd,CAAC,GAQK,EAAE,qBAAkB,yBAAsB,EAAgB;EAPlD,EAAS,GAAS,EAAE,SAAS,EAAE,EAAM,YAAY,IAAO,CAOL;EANpD,EAAQ,GAAS,EAAE,MAAM,SAAS,CAMyB;EALxD,EAAW,GAAS;GAChC,WAAW;GACX,gBAAgB;GAChB,cAAc;EAClB,CAC8E;CAAO,CAAC;CAEtF,OACI,kBAAC,OAAD;EAAK,WAAU;EAAmD,KAAK;YAAvE,CACI,kBAAC,GAAD;GACI,GAAI,EAAkB,CAAc;GACpC,IAAI,EAAO;GACX,UAAU;GACV,KAAK,EAAK;GACV,MAAK;GACL,eAAe,EAAQ,EAAI;aAE3B,kBAAC,EAAO,MAAR;IAAa,UAAU;cAAU,EAAM;GAAqB,CAAA;EACxD,CAAA,GACR,kBAAC,GAAD,EAAA,UACK,IACG,kBAAC,GAAD;GAAsB;aAClB,kBAAC,GAAD;IAAsB,uBAAA;IAAsB,OAAA;IAAM,iBAAA;IAAyB;cACvE,kBAAC,EAAO,KAAR;KAAY,GAAI,EAAiB;KAAG,KAAK,EAAK;KAAa,UAAU;KAAW,WAAU;eACrF,EAAM;IACC,CAAA;GACM,CAAA;EACV,CAAA,IAChB,KACS,CAAA,CAChB;;AAEb"}
+{"version":3,"file":"expand.js","names":[],"sources":["../../../src/components/floating/expand.tsx"],"sourcesContent":["\"use client\";\nimport { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { PropsWithChildren, useEffect, useId, useRef, useState } from \"react\";\nimport { Label, Override } from \"../../types\";\nimport { Button, ButtonProps } from \"../core/button\";\n\nexport type ExpandProps = Override<\n    ButtonProps<typeof motion.button>,\n    {\n        trigger: Label;\n        open?: boolean;\n        disabled?: boolean;\n    }\n>;\n\nexport const Expand = (props: PropsWithChildren<ExpandProps>) => {\n    const root = useRef<HTMLDivElement | null>(null);\n    const id = useId();\n    const wrapperId = `${id}:wrapper`;\n    const titleId = `${id}:title`;\n\n    const [open, setOpen] = useState(props.open ?? false);\n    useEffect(() => {\n        setOpen(props.open ?? false);\n    }, [props.open]);\n    const { context, refs } = useFloating({\n        transform: true,\n        open: open !== null,\n        nodeId: id,\n        onOpenChange: setOpen,\n        strategy: \"absolute\",\n    });\n    const click = useClick(context, { enabled: !(props.disabled ?? false) });\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, {\n        escapeKey: true,\n        referencePress: true,\n        outsidePress: true,\n    });\n    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);\n\n    return (\n        <div className=\"relative inline-flex items-center justify-center\" ref={root}>\n            <Button\n                {...getReferenceProps(props as never)}\n                as={motion.button}\n                layoutId={wrapperId}\n                ref={refs.setReference}\n                size=\"small\"\n                onClick={() => setOpen(true)}\n            >\n                <motion.span layoutId={titleId}>{props.trigger}</motion.span>\n            </Button>\n            <AnimatePresence>\n                {open ? (\n                    <FloatingPortal root={root}>\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className=\"absolute -left-1/4 -top-3/4\">\n                                {props.children}\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingPortal>\n                ) : null}\n            </AnimatePresence>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AAgBA,IAAa,KAAU,MAA0C;CAC7D,IAAM,IAAO,EAA8B,IAAI,GACzC,IAAK,EAAM,GACX,IAAY,GAAG,EAAG,WAClB,IAAU,GAAG,EAAG,SAEhB,CAAC,GAAM,KAAW,EAAS,EAAM,QAAQ,EAAK;CACpD,QAAgB;EACZ,EAAQ,EAAM,QAAQ,EAAK;CAC/B,GAAG,CAAC,EAAM,IAAI,CAAC;CACf,IAAM,EAAE,YAAS,YAAS,EAAY;EAClC,WAAW;EACX,MAAM,MAAS;EACf,QAAQ;EACR,cAAc;EACd,UAAU;CACd,CAAC,GAQK,EAAE,qBAAkB,yBAAsB,EAAgB;EAPlD,EAAS,GAAS,EAAE,SAAS,EAAE,EAAM,YAAY,IAAO,CAOL;EANpD,EAAQ,GAAS,EAAE,MAAM,SAAS,CAMyB;EALxD,EAAW,GAAS;GAChC,WAAW;GACX,gBAAgB;GAChB,cAAc;EAClB,CAC8E;CAAO,CAAC;CAEtF,OACI,kBAAC,OAAD;EAAK,WAAU;EAAmD,KAAK;YAAvE,CACI,kBAAC,GAAD;GACI,GAAI,EAAkB,CAAc;GACpC,IAAI,EAAO;GACX,UAAU;GACV,KAAK,EAAK;GACV,MAAK;GACL,eAAe,EAAQ,EAAI;aAE3B,kBAAC,EAAO,MAAR;IAAa,UAAU;cAAU,EAAM;GAAqB,CAAA;EACxD,CAAA,GACR,kBAAC,GAAD,EAAA,UACK,IACG,kBAAC,GAAD;GAAsB;aAClB,kBAAC,GAAD;IAAsB,uBAAA;IAAsB,OAAA;IAAM,iBAAA;IAAyB;cACvE,kBAAC,EAAO,KAAR;KAAY,GAAI,EAAiB;KAAG,KAAK,EAAK;KAAa,UAAU;KAAW,WAAU;eACrF,EAAM;IACC,CAAA;GACM,CAAA;EACV,CAAA,IAChB,KACS,CAAA,CAChB;;AAEb"}

package/dist/components/floating/expand.jsx

@@ -0,0 +1,44 @@
+"use client";
+import { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
+import { AnimatePresence, motion } from "motion/react";
+import { useEffect, useId, useRef, useState } from "react";
+import { Button } from "../core/button";
+export const Expand = (props) => {
+    const root = useRef(null);
+    const id = useId();
+    const wrapperId = `${id}:wrapper`;
+    const titleId = `${id}:title`;
+    const [open, setOpen] = useState(props.open ?? false);
+    useEffect(() => {
+        setOpen(props.open ?? false);
+    }, [props.open]);
+    const { context, refs } = useFloating({
+        transform: true,
+        open: open !== null,
+        nodeId: id,
+        onOpenChange: setOpen,
+        strategy: "absolute",
+    });
+    const click = useClick(context, { enabled: !(props.disabled ?? false) });
+    const role = useRole(context, { role: "dialog" });
+    const dismiss = useDismiss(context, {
+        escapeKey: true,
+        referencePress: true,
+        outsidePress: true,
+    });
+    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);
+    return (<div className="relative inline-flex items-center justify-center" ref={root}>
+            <Button {...getReferenceProps(props)} as={motion.button} layoutId={wrapperId} ref={refs.setReference} size="small" onClick={() => setOpen(true)}>
+                <motion.span layoutId={titleId}>{props.trigger}</motion.span>
+            </Button>
+            <AnimatePresence>
+                {open ? (<FloatingPortal root={root}>
+                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>
+                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className="absolute -left-1/4 -top-3/4">
+                                {props.children}
+                            </motion.div>
+                        </FloatingFocusManager>
+                    </FloatingPortal>) : null}
+            </AnimatePresence>
+        </div>);
+};

package/dist/components/floating/menu.d.ts

@@ -0,0 +1,52 @@
+import { type Icon } from "@phosphor-icons/react";
+import React from "react";
+export type MenuProps = Partial<{
+    hover: boolean;
+    open?: boolean;
+    nested: boolean;
+    asChild: boolean;
+    isParent: boolean;
+    restoreFocus: boolean;
+    children: React.ReactNode;
+    floatingClassName: string;
+    FloatingComponent: React.ElementType;
+} & ({
+    label: string;
+} | {
+    label: React.ReactElement;
+    title: string;
+})>;
+type MenuItemProps = {
+    title: string;
+    disabled?: boolean;
+    Right?: Icon;
+};
+export declare const MenuItem: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof MenuItemProps> & MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "open" | "asChild" | "restoreFocus" | "nested" | "isParent" | "floatingClassName" | "FloatingComponent"> & Partial<{
+    hover: boolean;
+    open?: boolean;
+    nested: boolean;
+    asChild: boolean;
+    isParent: boolean;
+    restoreFocus: boolean;
+    children: React.ReactNode;
+    floatingClassName: string;
+    FloatingComponent: React.ElementType;
+} & {
+    label: string;
+}>, "ref"> | Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "open" | "asChild" | "restoreFocus" | "nested" | "isParent" | "floatingClassName" | "FloatingComponent"> & Partial<{
+    hover: boolean;
+    open?: boolean;
+    nested: boolean;
+    asChild: boolean;
+    isParent: boolean;
+    restoreFocus: boolean;
+    children: React.ReactNode;
+    floatingClassName: string;
+    FloatingComponent: React.ElementType;
+} & {
+    label: React.ReactElement;
+    title: string;
+}>, "ref">) & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/floating/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAA2E,MAAM,OAAO,CAAC;AA6BhG,MAAM,MAAM,SAAS,GAAG,OAAO,CAC3B;IACI,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;CACxC,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CACzE,CAAC;AA6LF,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,QAAQ,oKAkCpB,CAAC;AAEF,eAAO,MAAM,IAAI;WA7OF,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WAC1B,MAAM;;WATT,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WACN,KAAK,CAAC,YAAY;WAAS,MAAM;qDA6OrE,CAAC"}

package/dist/components/floating/menu.js

@@ -2,7 +2,7 @@
 import { t as e, u as t } from "../../dom-Bn4wY_Zx.js";
 import { t as n } from "../../CaretRight.es-B2mpMfqU.js";
 import { A as r, C as i, D as a, E as o, O as s, _ as c, b as l, c as u, d, f as ee, h as f, i as te, l as p, m, n as ne, o as re, p as h, r as ie, s as g, v as ae, x as oe, y as _ } from "../../floating-ui.react-CwXtBJ_y.js";
-import { t as v } from "../../slot-pC8kH9De.js";
+import { Slot as v } from "../core/slot.js";
 import y, { Fragment as b, createContext as x, useContext as S, useEffect as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/components/floating/menu.tsx

package/dist/components/floating/menu.jsx

@@ -0,0 +1,165 @@
+"use client";
+import { autoUpdate, flip, FloatingFocusManager, FloatingList, FloatingNode, FloatingPortal, FloatingTree, offset, safePolygon, shift, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingTree, useHover, useInteractions, useListItem, useListNavigation, useRole, useTypeahead, } from "@floating-ui/react";
+import { Slot } from "../core/slot";
+import { CaretRightIcon } from "@phosphor-icons/react";
+import React, { createContext, Fragment, useContext, useEffect, useRef, useState } from "react";
+import { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from "../../constants";
+import { css, mergeRefs } from "../../lib/dom";
+const menuItemClassName = (highlight = "") => css("w-full min-w-36 outline-none p-menu-item-p items-center flex justify-between text-left", "hover:bg-primary focus:bg-primary aria-expanded:opacity-80", "focus:text-primary-foreground hover:text-primary-foreground", "first-of-type:rounded-t-menu-radius last-of-type:rounded-b-menu-radius", "disabled:opacity-40 disabled:cursor-not-allowed", highlight);
+const MenuContext = createContext({
+    isOpen: false,
+    activeIndex: null,
+    getItemProps: () => ({}),
+    setActiveIndex: () => { },
+    setHasFocusInside: () => { },
+});
+const MenuComponent = React.forwardRef(({ children, FloatingComponent = "div", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = "", label, ...props }, forwardedRef) => {
+    const [isOpen, setIsOpen] = useState(open ?? false);
+    const [hasFocusInside, setHasFocusInside] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(null);
+    const elementsRef = useRef([]);
+    const labelsRef = useRef([]);
+    const parent = useContext(MenuContext);
+    const parentId = useFloatingParentNodeId();
+    const tree = useFloatingTree();
+    const nodeId = useFloatingNodeId();
+    const item = useListItem();
+    const isNested = parentId !== null;
+    const { floatingStyles, refs, context } = useFloating({
+        nodeId,
+        open: isOpen,
+        transform: true,
+        strategy: "absolute",
+        onOpenChange: setIsOpen,
+        whileElementsMounted: autoUpdate,
+        placement: isNested ? "right" : "bottom-start",
+        middleware: [
+            offset({
+                mainAxis: isNested ? 0 : 4,
+                alignmentAxis: isNested ? -4 : 0,
+            }),
+            flip(),
+            shift(),
+        ],
+    });
+    const role = useRole(context, { role: "menu" });
+    const dismiss = useDismiss(context, { bubbles: true });
+    const hoverModule = useHover(context, {
+        move: false,
+        enabled: hover,
+        delay: { open: FLOATING_DELAY },
+        handleClose: safePolygon({
+            blockPointerEvents: true,
+            requireIntent: false,
+        }),
+    });
+    const click = useClick(context, {
+        toggle: !isNested,
+        event: "mousedown",
+        ignoreMouse: isNested,
+        keyboardHandlers: true,
+    });
+    const listNavigation = useListNavigation(context, {
+        loop: true,
+        activeIndex,
+        nested: isNested,
+        listRef: elementsRef,
+        onNavigate: setActiveIndex,
+    });
+    const typeahead = useTypeahead(context, {
+        activeIndex,
+        listRef: labelsRef,
+        resetMs: TYPEAHEAD_RESET_DELAY,
+        onMatch: isOpen ? setActiveIndex : undefined,
+    });
+    const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);
+    useEffect(() => {
+        if (!tree)
+            return;
+        const handleTreeClick = () => setIsOpen(false);
+        const onSubMenuOpen = (event) => {
+            if (event.nodeId !== nodeId && event.parentId === parentId)
+                setIsOpen(false);
+        };
+        tree.events.on("click", handleTreeClick);
+        tree.events.on("menuopen", onSubMenuOpen);
+        return () => {
+            tree.events.off("click", handleTreeClick);
+            tree.events.off("menuopen", onSubMenuOpen);
+        };
+    }, [tree, nodeId, parentId]);
+    useEffect(() => {
+        if (isOpen && tree)
+            tree.events.emit("menuopen", { parentId, nodeId });
+    }, [tree, isOpen, nodeId, parentId]);
+    const className = isParent ? props.className : css(menuItemClassName(props.className));
+    return (<FloatingNode id={nodeId}>
+                <Fragment>
+                    {props.asChild ? (<Slot {...getReferenceProps(parent.getItemProps({
+            ...props,
+            onFocus(event) {
+                props.onFocus?.(event);
+                setHasFocusInside(false);
+                parent.setHasFocusInside(true);
+            },
+        }))} className={className} data-open={isOpen ? "" : undefined} data-nested={isNested ? "" : undefined} role={isNested ? "menuitem" : undefined} data-focus-inside={hasFocusInside ? "" : undefined} ref={mergeRefs(refs.setReference, item.ref, forwardedRef)} tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}>
+                            {label}
+                        </Slot>) : (<button type="button" className={className} data-open={isOpen ? "" : undefined} data-nested={isNested ? "" : undefined} role={isNested ? "menuitem" : undefined} data-focus-inside={hasFocusInside ? "" : undefined} ref={mergeRefs(refs.setReference, item.ref, forwardedRef)} tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1} {...getReferenceProps(parent.getItemProps({
+            ...props,
+            onFocus(event) {
+                props.onFocus?.(event);
+                setHasFocusInside(false);
+                parent.setHasFocusInside(true);
+            },
+        }))}>
+                            {label}
+                            {isNested && (<span style={{ marginLeft: 10, fontSize: 10 }}>
+                                    <span className="sr-only">Next menu</span>
+                                    <CaretRightIcon size={14}/>
+                                </span>)}
+                        </button>)}
+                </Fragment>
+                <MenuContext.Provider value={{
+            activeIndex,
+            setActiveIndex,
+            getItemProps,
+            setHasFocusInside,
+            isOpen,
+        }}>
+                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>
+                        {isOpen && (<FloatingPortal>
+                                <FloatingFocusManager context={context} modal={false} initialFocus={isNested ? -1 : 0} returnFocus={isParent ? restoreFocus : !isNested}>
+                                    <FloatingComponent {...getFloatingProps()} ref={refs.setFloating} style={{ ...props.style, ...floatingStyles }} className={css("isolate z-tooltip flex max-h-menu-max-h flex-col items-start overflow-y-auto rounded-menu-radius border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none", floatingClassName)}>
+                                        {children}
+                                    </FloatingComponent>
+                                </FloatingFocusManager>
+                            </FloatingPortal>)}
+                    </FloatingList>
+                </MenuContext.Provider>
+            </FloatingNode>);
+});
+export const MenuItem = React.forwardRef(({ title, Right, disabled, children, ...props }, forwardedRef) => {
+    const menu = useContext(MenuContext);
+    const item = useListItem({ label: disabled ? null : title });
+    const tree = useFloatingTree();
+    const isActive = item.index === menu.activeIndex;
+    return (<button {...props} title={title} type="button" role="menuitem" disabled={disabled} data-active={isActive} data-open={menu.isOpen} tabIndex={isActive ? 0 : -1} ref={mergeRefs(item.ref, forwardedRef)} className={menuItemClassName(`${props.className ?? ""} ${isActive ? "bg-primary text-primary-foreground" : ""}`)} {...menu.getItemProps({
+        onClick(event) {
+            props.onClick?.(event);
+            tree?.events.emit("click");
+        },
+        onFocus(event) {
+            props.onFocus?.(event);
+            menu.setHasFocusInside(true);
+        },
+    })}>
+                {children}
+                {Right ? <Right size={16}/> : null}
+            </button>);
+});
+export const Menu = React.forwardRef((props, ref) => {
+    const parentId = useFloatingParentNodeId();
+    return parentId === null ? (<FloatingTree>
+            <MenuComponent {...props} isParent ref={ref}/>
+        </FloatingTree>) : (<MenuComponent {...props} isParent={false} ref={ref}/>);
+});

package/dist/components/floating/modal.d.ts

@@ -0,0 +1,63 @@
+import { FloatingFocusManager, type ElementProps, type FloatingContext } from "@floating-ui/react";
+import { HTMLMotionProps } from "motion/react";
+import React from "react";
+import { Label, Override } from "../../types";
+import { ButtonProps } from "../core/button";
+export declare const useConfirm: () => (options: ConfirmOptions) => Promise<boolean>;
+export type ModalType = "dialog" | "drawer" | "sheet";
+export type DrawerPosition = "left" | "right";
+type ModalAccessibleNameProps = {
+    title: Label;
+    ariaTitle?: string;
+} | {
+    ariaTitle: string;
+    title?: Label;
+};
+type ModalOptions = Partial<{
+    footer: Label;
+    role: "dialog";
+    trigger: Label;
+    type: ModalType;
+    asChild: boolean;
+    layoutId: string;
+    resizer: boolean;
+    animated: boolean;
+    className: string;
+    closable: boolean;
+    forceType: boolean;
+    bodyClassName: string;
+    closeOnFocusOut: boolean;
+    overlayClassName: string;
+    position: DrawerPosition;
+    overlayClickClose: boolean;
+    interactions: ElementProps[];
+    initialFocus: React.ComponentProps<typeof FloatingFocusManager>["initialFocus"];
+}>;
+export type ModalProps = Override<HTMLMotionProps<"div">, {
+    open: boolean;
+    onChange: (nextState: boolean) => void;
+} & ModalAccessibleNameProps & ModalOptions>;
+export type ModalRef = {
+    context: FloatingContext;
+    floating: HTMLElement | null;
+};
+type ModalComponent = React.FC<ModalProps> & {
+    confirm: <T>(options: ConfirmOptions) => Promise<T>;
+};
+export declare const Modal: ModalComponent;
+type ButtonConfirmationAction = {
+    value?: unknown;
+    text?: Label;
+    theme?: ButtonProps["theme"];
+};
+export type ConfirmOptions = {
+    title?: Label;
+    description?: Label;
+    cancel?: ButtonConfirmationAction;
+    confirm?: ButtonConfirmationAction;
+};
+export declare const ModalConfirmProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=modal.d.ts.map

package/dist/components/floating/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,oBAAoB,EAQpB,KAAK,YAAY,EACjB,KAAK,eAAe,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAEH,eAAe,EAQlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAO,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMrD,eAAO,MAAM,UAAU,kBAF8B,cAAc,KAAK,OAAO,CAAC,OAAO,CAEvB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AA2E9C,KAAK,wBAAwB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5G,KAAK,YAAY,GAAG,OAAO,CAAC;IACxB,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAC;CACnF,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB;IACI,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,wBAAwB,GACxB,YAAY,CACnB,CAAC;AAyHF,MAAM,MAAM,QAAQ,GAAG;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAIF,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cA+RU,CAAC;AAE/B,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBA4D/E,CAAC"}

package/dist/components/floating/modal.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../../modal-Bz-61ays.js";
+import { n as e, r as t, t as n } from "../../modal-Df8-6i-o.js";
 export { n as Modal, e as ModalConfirmProvider, t as useConfirm };