@g4rcez/components 4.1.3 → 5.0.1

package/dist/components/floating/menu.jsx

@@ -1,147 +0,0 @@
-"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-2.5 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-lg last-of-type:rounded-b-lg", "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);
-            },
-        }))} children={label} 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}/>) : (<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-80 flex-col items-start overflow-y-auto rounded-lg 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

@@ -1,60 +0,0 @@
-import { 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";
-export type ModalProps = Override<HTMLMotionProps<"div">, ({
-    title: Label;
-    ariaTitle?: string;
-} | {
-    ariaTitle: string;
-    title?: Label;
-}) & {
-    open: boolean;
-    onChange: (nextState: boolean) => void;
-} & Partial<{
-    footer: Label;
-    type: ModalType;
-    animated: boolean;
-    asChild: boolean;
-    layoutId: string;
-    resizer: boolean;
-    className: string;
-    closable: boolean;
-    forceType: boolean;
-    bodyClassName: string;
-    overlayClassName: string;
-    position: DrawerPosition;
-    overlayClickClose: boolean;
-    closeOnFocusOut: boolean;
-    role: "dialog";
-    interactions: ElementProps[];
-    trigger: Label;
-}>>;
-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

@@ -1 +0,0 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EASH,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;AAuD9C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB,CAAC;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,GAAG;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,OAAO,CAAC;IACJ,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,EAAE,KAAK,CAAC;CAClB,CAAC,CACT,CAAC;AAkFF,MAAM,MAAM,QAAQ,GAAG;IAAE,OAAO,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAAC;AAIlF,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+PU,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,sBAuD/E,CAAC"}

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

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

package/dist/components/floating/modal.jsx

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

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

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-export type ToolbarProps = {
-    root?: HTMLElement;
-};
-export declare const Toolbar: (props: PropsWithChildren<ToolbarProps>) => import("react").JSX.Element;
-//# sourceMappingURL=toolbar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/floating/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,gCAI7D,CAAC"}

package/dist/components/floating/toolbar.jsx

@@ -1,5 +0,0 @@
-"use client";
-import { motion } from "motion/react";
-export const Toolbar = (props) => (<motion.div className="sticky bottom-4 flex items-center justify-center rounded-lg border border-card-border bg-background p-4">
-        {props.children}
-    </motion.div>);