@homonoid/react 0.0.0-stage → 0.1.0

package/dist/components/modal/Modal.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, Children, cloneElement, isValidElement, } from "react";
+import { useFloating, useClick, useDismiss, useRole, useInteractions, useTransitionStyles, useMergeRefs, } from "@floating-ui/react";
+import { ModalContext } from "./ModalContext";
+import { ModalTrigger } from "./ModalTrigger";
+import { ModalBackdrop } from "./ModalBackdrop";
+import { ModalContainer } from "./ModalContainer";
+import { ModalDialog } from "./ModalDialog";
+import { ModalHeader } from "./ModalHeader";
+import { ModalBody } from "./ModalBody";
+import { ModalFooter } from "./ModalFooter";
+import { Heading } from "../heading/Heading";
+import { cn } from "../../utils/cn";
+import { all, cond } from "../../utils/condition";
+export function Modal({ children, open: controlledOpen, defaultOpen = false, onOpenChange, size = "md", variant = "default", scroll = "inside", closeOnEscape = true, role = "dialog", preventClose = false, className, }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+    const [isDismissable, setIsDismissable] = useState(true);
+    const isControlled = controlledOpen !== undefined;
+    const isOpen = cond(isControlled, Boolean(controlledOpen), uncontrolledOpen);
+    const handleOpenChange = (nextOpen) => {
+        if (!isControlled) {
+            setUncontrolledOpen(nextOpen);
+        }
+        onOpenChange?.(nextOpen);
+    };
+    const { context, refs } = useFloating({
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+    });
+    const click = useClick(context, {
+        enabled: true,
+    });
+    const dismiss = useDismiss(context, {
+        enabled: !preventClose,
+        escapeKey: all(!preventClose, closeOnEscape),
+        outsidePress: all(!preventClose, isDismissable),
+    });
+    const roleHook = useRole(context, {
+        role,
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        click,
+        dismiss,
+        roleHook,
+    ]);
+    const backdropTransition = useTransitionStyles(context, {
+        duration: { open: 200, close: 150 },
+        common: {
+            transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+        },
+        initial: {
+            opacity: 0,
+        },
+        open: {
+            opacity: 1,
+        },
+        close: {
+            opacity: 0,
+        },
+    });
+    const dialogTransition = useTransitionStyles(context, {
+        duration: { open: 200, close: 150 },
+        common: {
+            transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+        },
+        initial: {
+            opacity: 0,
+            transform: "scale(0.96)",
+        },
+        open: {
+            opacity: 1,
+            transform: "scale(1)",
+        },
+        close: {
+            opacity: 0,
+            transform: "scale(0.96)",
+        },
+    });
+    const contextValue = {
+        open: isOpen,
+        setOpen: handleOpenChange,
+        size,
+        variant,
+        scroll,
+        closeOnEscape: all(!preventClose, closeOnEscape),
+        role,
+        isDismissable: all(!preventClose, isDismissable),
+        setIsDismissable,
+        context,
+        setReference: refs.setReference,
+        setFloating: refs.setFloating,
+        getReferenceProps,
+        getFloatingProps,
+        isMounted: backdropTransition.isMounted,
+        backdropStyles: backdropTransition.styles,
+        dialogStyles: dialogTransition.styles,
+    };
+    let hasExplicitTrigger = false;
+    let backdropNode = null;
+    const triggerNodes = [];
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            const element = child;
+            const displayName = element.type?.displayName;
+            if (cond(element.type === ModalTrigger, true, displayName === "Modal.Trigger")) {
+                hasExplicitTrigger = true;
+            }
+            else if (cond(element.type === ModalBackdrop, true, displayName === "Modal.Backdrop")) {
+                backdropNode = child;
+            }
+            else {
+                triggerNodes.push(child);
+            }
+        }
+        else if (child !== null && child !== undefined) {
+            triggerNodes.push(child);
+        }
+    });
+    if (hasExplicitTrigger) {
+        return (_jsx(ModalContext.Provider, { value: contextValue, children: children }));
+    }
+    const renderedTriggers = triggerNodes.map((child, index) => {
+        if (isValidElement(child)) {
+            const el = child;
+            const childRef = el.props?.ref;
+            const mergedRef = useMergeRefs([refs.setReference, childRef]);
+            const referenceProps = getReferenceProps(el.props);
+            return cloneElement(el, {
+                key: el.key ?? index,
+                ...referenceProps,
+                ref: mergedRef,
+            });
+        }
+        const mergedRef = useMergeRefs([refs.setReference]);
+        return (_jsx("span", { ref: mergedRef, ...getReferenceProps(), className: cn("inline-flex items-center", className), children: child }, index));
+    });
+    return (_jsxs(ModalContext.Provider, { value: contextValue, children: [renderedTriggers, backdropNode] }));
+}
+Modal.displayName = "Modal";
+Modal.Trigger = ModalTrigger;
+Modal.Backdrop = ModalBackdrop;
+Modal.Container = ModalContainer;
+Modal.Dialog = ModalDialog;
+Modal.Header = ModalHeader;
+Modal.Heading = Heading;
+Modal.Body = ModalBody;
+Modal.Footer = ModalFooter;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import type { ModalBackdropProps } from "./types";
+export declare const backdropVariants: (props?: ({
+    variant?: "blur" | "opaque" | "transparent" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const ModalBackdrop: import("react").ForwardRefExoticComponent<ModalBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalBackdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBackdrop.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalBackdrop.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,gBAAgB;;8EAc5B,CAAC;AAEF,eAAO,MAAM,aAAa,+GAmFzB,CAAC"}

package/dist/components/modal/ModalBackdrop.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useLayoutEffect } from "react";
+import { cva } from "class-variance-authority";
+import { FloatingPortal, FloatingOverlay, FloatingFocusManager, useMergeRefs, } from "@floating-ui/react";
+import { useModalContext } from "./ModalContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const backdropVariants = cva("fixed inset-0 z-50", {
+    variants: {
+        variant: {
+            opaque: "bg-black/60",
+            blur: "bg-black/40 backdrop-blur-md",
+            transparent: "bg-transparent",
+        },
+    },
+    defaultVariants: {
+        variant: "blur",
+    },
+});
+export const ModalBackdrop = forwardRef(function ModalBackdrop({ children, variant = "blur", isDismissable = true, lockScroll = true, className, style, onClick, ...props }, ref) {
+    const { context, isMounted, backdropStyles, scroll, setOpen, setIsDismissable, } = useModalContext();
+    const overlayRef = useRef(null);
+    const mergedRef = useMergeRefs([ref, overlayRef]);
+    useEffect(() => {
+        setIsDismissable(isDismissable);
+    }, [isDismissable, setIsDismissable]);
+    useLayoutEffect(() => {
+        if (overlayRef.current && isMounted) {
+            overlayRef.current.scrollTop = 0;
+        }
+    }, [isMounted]);
+    if (!isMounted) {
+        return null;
+    }
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (event.target === event.currentTarget &&
+            isDismissable &&
+            !event.defaultPrevented) {
+            setOpen(false);
+        }
+    };
+    return (_jsx(FloatingPortal, { children: _jsx(FloatingOverlay, { ref: mergedRef, lockScroll: lockScroll, onClick: handleClick, className: cn(backdropVariants({ variant }), cond(scroll === "outside", "overflow-y-auto overflow-x-hidden", "overflow-hidden flex items-center justify-center"), className), style: {
+                ...backdropStyles,
+                ...style,
+            }, ...props, children: _jsx(FloatingFocusManager, { context: context, modal: true, initialFocus: cond(scroll === "outside", -1, 0), children: _jsx("div", { className: "contents", children: children }) }) }) }));
+});
+ModalBackdrop.displayName = "Modal.Backdrop";
+//# sourceMappingURL=ModalBackdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBackdrop.js","sourceRoot":"","sources":["../../../src/components/modal/ModalBackdrop.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { ModalBodyProps } from "./types";
+export declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalBody.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,2GAkBrB,CAAC"}

package/dist/components/modal/ModalBody.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useModalContext } from "./ModalContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const ModalBody = forwardRef(function ModalBody({ children, className, ...props }, ref) {
+    const { scroll } = useModalContext();
+    return (_jsx("div", { ref: ref, className: cn("px-surface py-control-y text-sm text-foreground/85 flex-1", cond(scroll === "inside", "overflow-y-auto overscroll-contain", ""), className), ...props, children: children }));
+});
+ModalBody.displayName = "Modal.Body";
+//# sourceMappingURL=ModalBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/components/modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,oCAAoC,EAAE,EAAE,CAAC,EACnE,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { ModalContainerProps } from "./types";
+export declare const ModalContainer: import("react").ForwardRefExoticComponent<ModalContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,cAAc,gHAyC1B,CAAC"}

package/dist/components/modal/ModalContainer.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ModalContext, useModalContext } from "./ModalContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const ModalContainer = forwardRef(function ModalContainer({ children, size: propSize, className, ...props }, ref) {
+    const context = useModalContext();
+    const activeSize = cond(Boolean(propSize), propSize, context.size);
+    const containerNode = (_jsx("div", { ref: ref, className: cn("w-full min-h-full flex justify-center pointer-events-none", cond(context.scroll === "outside", "items-start py-surface", "items-center"), cond(activeSize === "full", "p-0", "px-surface"), className), ...props, children: children }));
+    if (Boolean(propSize)) {
+        return (_jsx(ModalContext.Provider, { value: { ...context, size: activeSize }, children: containerNode }));
+    }
+    return containerNode;
+});
+ModalContainer.displayName = "Modal.Container";
+//# sourceMappingURL=ModalContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContainer.js","sourceRoot":"","sources":["../../../src/components/modal/ModalContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACjD,GAAG;IAEH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,IAAI,CACrB,OAAO,CAAC,QAAQ,CAAC,EACjB,QAAqB,EACrB,OAAO,CAAC,IAAI,CACb,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,IAAI,CACF,OAAO,CAAC,MAAM,KAAK,SAAS,EAC5B,wBAAwB,EACxB,cAAc,CACf,EACD,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,EAChD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;IAEF,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAC3D,aAAa,GACQ,CACzB,CAAC;IACJ,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { ModalContextValue } from "./types";
+export declare const ModalContext: import("react").Context<ModalContextValue | null>;
+export declare const useModalContext: () => ModalContextValue;
+//# sourceMappingURL=ModalContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBAQlC,CAAC"}

package/dist/components/modal/ModalContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext } from "react";
+export const ModalContext = createContext(null);
+export const useModalContext = () => {
+    const context = useContext(ModalContext);
+    if (!context) {
+        throw new Error("Modal compound components must be rendered within a Modal component");
+    }
+    return context;
+};
+//# sourceMappingURL=ModalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sourceRoot":"","sources":["../../../src/components/modal/ModalContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAsB,EAAE;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { ModalDialogProps } from "./types";
+export declare const variants: (props?: ({
+    size?: "sm" | "md" | "lg" | "full" | "cover" | null | undefined;
+    variant?: "destructive" | "default" | null | undefined;
+    scroll?: "inside" | "outside" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const ModalDialog: import("react").ForwardRefExoticComponent<ModalDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,QAAQ;;;;8EAiCpB,CAAC;AAEF,eAAO,MAAM,WAAW,6GA8CvB,CAAC"}

package/dist/components/modal/ModalDialog.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { useMergeRefs } from "@floating-ui/react";
+import { useModalContext } from "./ModalContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const variants = cva("relative flex flex-col w-full bg-surface text-foreground border shadow-2xl overflow-hidden pointer-events-auto transform-gpu", {
+    variants: {
+        size: {
+            sm: "max-w-sm rounded-3xl",
+            md: "max-w-lg rounded-3xl",
+            lg: "max-w-2xl rounded-3xl",
+            cover: "max-w-full w-full h-[calc(100vh-var(--spacing-surface)*2)] rounded-3xl",
+            full: "max-w-none w-screen h-screen rounded-none border-0",
+        },
+        variant: {
+            default: "border-border",
+            destructive: "border-destructive-border",
+        },
+        scroll: {
+            inside: "max-h-[calc(100vh-var(--spacing-surface)*2)]",
+            outside: "my-auto shrink-0",
+        },
+    },
+    compoundVariants: [
+        {
+            size: "full",
+            scroll: "inside",
+            className: "max-h-screen h-screen",
+        },
+    ],
+    defaultVariants: {
+        size: "md",
+        variant: "default",
+        scroll: "inside",
+    },
+});
+export const ModalDialog = forwardRef(function ModalDialog({ children, size, variant, scroll, className, style, ...props }, ref) {
+    const { setFloating, getFloatingProps, role, dialogStyles, size: contextSize, variant: contextVariant, scroll: contextScroll, } = useModalContext();
+    const mergedRef = useMergeRefs([setFloating, ref]);
+    const activeSize = cond(Boolean(size), size, contextSize);
+    const activeVariant = cond(Boolean(variant), variant, contextVariant);
+    const activeScroll = cond(Boolean(scroll), scroll, contextScroll);
+    return (_jsx("div", { ref: mergedRef, role: role, tabIndex: -1, "aria-modal": "true", className: cn("outline-none", variants({
+            size: activeSize,
+            variant: activeVariant,
+            scroll: activeScroll,
+        }), className), style: {
+            ...dialogStyles,
+            ...style,
+        }, ...getFloatingProps(props), children: children }));
+});
+ModalDialog.displayName = "Modal.Dialog";
+//# sourceMappingURL=ModalDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.js","sourceRoot":"","sources":["../../../src/components/modal/ModalDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,8HAA8H,EAC9H;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,uBAAuB;YAC3B,KAAK,EAAE,wEAAwE;YAC/E,IAAI,EAAE,oDAAoD;SAC3D;QACD,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,2BAA2B;SACzC;QACD,MAAM,EAAE;YACN,MAAM,EAAE,8CAA8C;YACtD,OAAO,EAAE,kBAAkB;SAC5B;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,QAAQ;KACjB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC/D,GAAG;IAEH,MAAM,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,GACtB,GAAG,eAAe,EAAE,CAAC;IAEtB,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;IAElE,OAAO,CACL,cACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,gBACD,MAAM,EACjB,SAAS,EAAE,EAAE,CACX,cAAc,EACd,QAAQ,CAAC;YACP,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,YAAY;SACrB,CAAC,EACF,SAAS,CACV,EACD,KAAK,EAAE;YACL,GAAG,YAAY;YACf,GAAG,KAAK;SACT,KACG,gBAAgB,CAAC,KAAgC,CAAC,YAErD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { ModalFooterProps } from "./types";
+export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,6GAevB,CAAC"}

package/dist/components/modal/ModalFooter.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const ModalFooter = forwardRef(function ModalFooter({ children, className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("px-surface pb-surface pt-control-y flex items-center justify-end gap-control-gap shrink-0", className), ...props, children: children }));
+});
+ModalFooter.displayName = "Modal.Footer";
+//# sourceMappingURL=ModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { ModalHeaderProps } from "./types";
+export declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,6GAevB,CAAC"}

package/dist/components/modal/ModalHeader.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const ModalHeader = forwardRef(function ModalHeader({ children, className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("px-surface pt-surface pb-control-y flex items-center justify-between gap-surface-gap shrink-0", className), ...props, children: children }));
+});
+ModalHeader.displayName = "Modal.Header";
+//# sourceMappingURL=ModalHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { ModalTriggerProps } from "./types";
+export declare const ModalTrigger: import("react").ForwardRefExoticComponent<ModalTriggerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=ModalTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalTrigger.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,2GA+CxB,CAAC"}

package/dist/components/modal/ModalTrigger.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, cloneElement, isValidElement, Children, } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { useModalContext } from "./ModalContext";
+import { cn } from "../../utils/cn";
+import { all, cond } from "../../utils/condition";
+export const ModalTrigger = forwardRef(function ModalTrigger({ children, asChild = false, className, ...props }, ref) {
+    const { setReference, getReferenceProps, open } = useModalContext();
+    const ariaProps = {
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "data-state": cond(open, "open", "closed"),
+    };
+    const childList = Children.toArray(children);
+    const hasSingleElement = all(childList.length === 1, isValidElement(childList[0]));
+    const shouldClone = cond(asChild, true, cond(isValidElement(children), true, hasSingleElement));
+    if (shouldClone) {
+        const child = (cond(isValidElement(children), children, childList[0]));
+        const childRef = child.props?.ref;
+        const mergedRef = useMergeRefs([setReference, ref, childRef]);
+        const referenceProps = getReferenceProps({
+            ...ariaProps,
+            ...child.props,
+            ...props,
+            className: cn(child.props.className, className),
+        });
+        return cloneElement(child, {
+            ...referenceProps,
+            ref: mergedRef,
+        });
+    }
+    const mergedRef = useMergeRefs([setReference, ref]);
+    return (_jsx("button", { ref: mergedRef, type: "button", ...getReferenceProps({
+            ...ariaProps,
+            ...props,
+        }), className: cn("inline-flex items-center justify-center", className), children: children }));
+});
+ModalTrigger.displayName = "Modal.Trigger";
+//# sourceMappingURL=ModalTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.js","sourceRoot":"","sources":["../../../src/components/modal/ModalTrigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3E,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,eAAe,EAAE,CAAC;IAEpE,MAAM,SAAS,GAAG;QAChB,eAAe,EAAE,QAAiB;QAClC,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC;KAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,GAAG,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEhG,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAA0C,CAAC;QAChH,MAAM,QAAQ,GAAI,KAAK,CAAC,KAA0C,EAAE,GAAG,CAAC;QACxE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC9D,MAAM,cAAc,GAAG,iBAAiB,CAAC;YACvC,GAAG,SAAS;YACZ,GAAG,KAAK,CAAC,KAAK;YACd,GAAG,KAAK;YACR,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAA+B,EAAE,SAAS,CAAC;SACtE,CAAC,CAAC;QAEH,OAAO,YAAY,CAAC,KAAK,EAAE;YACzB,GAAG,cAAc;YACjB,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;IACL,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,iBACE,GAAG,EAAE,SAAyC,EAC9C,IAAI,EAAC,QAAQ,KACT,iBAAiB,CAAC;YACpB,GAAG,SAAS;YACZ,GAAG,KAAK;SACT,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YAElE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,11 @@
+export { Modal } from "./Modal";
+export { ModalTrigger } from "./ModalTrigger";
+export { ModalBackdrop, backdropVariants as modalBackdropVariants } from "./ModalBackdrop";
+export { ModalContainer } from "./ModalContainer";
+export { ModalDialog, variants as modalDialogVariants } from "./ModalDialog";
+export { ModalHeader } from "./ModalHeader";
+export { ModalBody } from "./ModalBody";
+export { ModalFooter } from "./ModalFooter";
+export { ModalContext, useModalContext } from "./ModalContext";
+export type { ModalProps, ModalContextValue, ModalTriggerProps, ModalBackdropProps, ModalContainerProps, ModalDialogProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalSize, ModalVariant, ModalScroll, ModalBackdropVariant, } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/dist/components/modal/index.js

@@ -0,0 +1,10 @@
+export { Modal } from "./Modal";
+export { ModalTrigger } from "./ModalTrigger";
+export { ModalBackdrop, backdropVariants as modalBackdropVariants } from "./ModalBackdrop";
+export { ModalContainer } from "./ModalContainer";
+export { ModalDialog, variants as modalDialogVariants } from "./ModalDialog";
+export { ModalHeader } from "./ModalHeader";
+export { ModalBody } from "./ModalBody";
+export { ModalFooter } from "./ModalFooter";
+export { ModalContext, useModalContext } from "./ModalContext";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,75 @@
+import type { ReactNode, HTMLAttributes, CSSProperties } from "react";
+import type { FloatingContext } from "@floating-ui/react";
+export type ModalSize = "sm" | "md" | "lg" | "cover" | "full";
+export type ModalVariant = "default" | "destructive";
+export type ModalScroll = "inside" | "outside";
+export type ModalBackdropVariant = "opaque" | "blur" | "transparent";
+export interface ModalProps {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    size?: ModalSize;
+    variant?: ModalVariant;
+    scroll?: ModalScroll;
+    closeOnEscape?: boolean;
+    role?: "dialog" | "alertdialog";
+    preventClose?: boolean;
+    className?: string;
+}
+export interface ModalContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    size: ModalSize;
+    variant: ModalVariant;
+    scroll: ModalScroll;
+    closeOnEscape: boolean;
+    role: "dialog" | "alertdialog";
+    isDismissable: boolean;
+    setIsDismissable: (dismissable: boolean) => void;
+    context: FloatingContext;
+    setReference: (node: HTMLElement | null) => void;
+    setFloating: (node: HTMLElement | null) => void;
+    getReferenceProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    isMounted: boolean;
+    backdropStyles: CSSProperties;
+    dialogStyles: CSSProperties;
+}
+export interface ModalTriggerProps extends React.ButtonHTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+export interface ModalBackdropProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    variant?: ModalBackdropVariant;
+    isDismissable?: boolean;
+    lockScroll?: boolean;
+    className?: string;
+}
+export interface ModalContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    size?: ModalSize;
+    className?: string;
+}
+export interface ModalDialogProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    size?: ModalSize;
+    variant?: ModalVariant;
+    scroll?: ModalScroll;
+    className?: string;
+}
+export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface ModalBodyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface ModalFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"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"}

package/dist/components/modal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":""}