@g4rcez/components 5.0.0 → 5.0.1

package/dist/{modal-Cn-OaKRp.js → modal-Bz-61ays.js}

@@ -1,4 +1,4 @@
-import { r as e, t } from "./proxy-Drpz0Avo.js";
+import { r as e, t } from "./proxy-BcJ_5Dwq.js";
 import { t as n, u as r } from "./dom-Bn4wY_Zx.js";
 import { t as i } from "./dist-NmFtbuK4.js";
 import { t as a } from "./X.es-Cjq2a_OA.js";
@@ -7,7 +7,7 @@ import { a as c, d as ee, f as te, l as ne, n as re, o as ie, v as ae, x as oe }
 import { n as l } from "./fns-KbsWlOTG.js";
 import { Button as u } from "./components/core/button.js";
 import { t as d } from "./animate-BNYgkk_j.js";
-import { t as se } from "./MotionConfig-BLwtdAWy.js";
+import { t as se } from "./MotionConfig-DKKYqBH2.js";
 import { t as f } from "./use-motion-value-BqPF1j90.js";
 import { t as ce } from "./slot-pC8kH9De.js";
 import p, { Fragment as le, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useId as v, useImperativeHandle as ue, useLayoutEffect as y, useRef as b, useState as x } from "react";
@@ -370,4 +370,4 @@ var I = ({ children: e }) => {
 //#endregion
 export { I as n, E as r, P as t };
 
-//# sourceMappingURL=modal-Cn-OaKRp.js.map
+//# sourceMappingURL=modal-Bz-61ays.js.map

package/dist/{modal-Cn-OaKRp.js.map → modal-Bz-61ays.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal-Cn-OaKRp.js","names":[],"sources":["../src/hooks/use-media-query.ts","../src/hooks/use-floating-ref.ts","../src/components/floating/modal.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { isSsr } from \"../lib/fns\";\n\nconst getMatches = (query: string, defaultValue: boolean): boolean => {\n    if (isSsr()) {\n        return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n};\n\nexport const useMediaQuery = (query: string, defaultValue: boolean = true) => {\n    const [matches, setMatches] = useState(defaultValue);\n\n    useLayoutEffect(() => {\n        const matchMedia = window.matchMedia(query);\n        const onChange = () => setMatches(getMatches(query, defaultValue));\n        onChange();\n        if (matchMedia.addListener) {\n            matchMedia.addListener(onChange);\n            return () => {\n                return matchMedia.removeListener ? matchMedia.removeListener(onChange) : undefined;\n            };\n        }\n        matchMedia.addEventListener(\"change\", onChange);\n        return () => matchMedia.removeEventListener(\"change\", onChange);\n    }, [query, defaultValue]);\n\n    return matches;\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\n\nexport const useFloatingRef = () => {\n    const ctx = useContext(Context);\n    return ctx.floatingRef ?? undefined;\n};\n","\"use client\";\nimport {\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n    type ElementProps,\n    type FloatingContext,\n} from \"@floating-ui/react\";\nimport { cva } from \"class-variance-authority\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport {\n    AnimatePresence,\n    HTMLMotionProps,\n    motion,\n    MotionConfig,\n    MotionValue,\n    PanInfo,\n    TargetAndTransition,\n    useMotionValue,\n    animate,\n} from \"motion/react\";\nimport { Slot } from \"../core/slot\";\nimport React, {\n    ForwardedRef,\n    forwardRef,\n    Fragment,\n    PropsWithChildren,\n    useEffect,\n    useId,\n    useImperativeHandle,\n    useRef,\n    useState,\n    useCallback,\n} from \"react\";\nimport { useMediaQuery } from \"../../hooks/use-media-query\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Label, Nil, Override } from \"../../types\";\nimport { useFloatingRef } from \"../../hooks/use-floating-ref\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { Button, ButtonProps } from \"../core/button\";\n\ntype AnimationLabels = \"initial\" | \"enter\" | \"exit\";\n\nconst ConfirmContext = React.createContext<(options: ConfirmOptions) => Promise<boolean>>(async () => false);\n\nexport const useConfirm = () => React.useContext(ConfirmContext);\n\nexport type ModalType = \"dialog\" | \"drawer\" | \"sheet\";\n\nexport type DrawerPosition = \"left\" | \"right\";\n\ntype Animations = {\n    sheet: Record<AnimationLabels, TargetAndTransition>;\n    dialog: Record<AnimationLabels, TargetAndTransition>;\n    drawer: (type: DrawerPosition) => Record<AnimationLabels, TargetAndTransition>;\n};\n\nconst animationDuration = \"500ms\";\n\nconst drawerLeft: Record<string, TargetAndTransition> = {\n    exit: { x: [\"0%\", \"-30%\"], opacity: 0, animationDuration },\n    enter: { x: [\"-30%\", \"0%\"], opacity: 1, animationDuration },\n    initial: { x: [\"-30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst drawerRight: Record<string, TargetAndTransition> = {\n    enter: { x: \"0%\", opacity: 1, animationDuration },\n    exit: { x: [\"0%\", \"30%\"], opacity: 0, animationDuration },\n    initial: { x: [\"30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst animations: Animations = {\n    drawer: (type) => (type === \"left\" ? drawerLeft : drawerRight),\n    sheet: {\n        enter: {\n            opacity: 1,\n            y: \"0%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        exit: {\n            opacity: 0.4,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        initial: {\n            opacity: 0.7,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n    },\n    dialog: {\n        exit: { opacity: 0, scale: 0.95, animationDuration },\n        enter: { opacity: 1, scale: [1.05, 1], animationDuration },\n        initial: {\n            opacity: 0.5,\n            scale: 0.95,\n            animationDuration,\n            transition: { duration: 0.5, ease: \"easeInOut\" },\n        },\n    },\n};\n\nconst variants = cva(\n    \"z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-modal-gap border border-floating-border bg-floating-background outline-0 ring-0\",\n    {\n        variants: {\n            type: {\n                drawer: \"absolute h-screen max-h-screen min-h-0 w-fit max-w-modal-dialog-max-w-mobile\",\n                dialog: \"container relative h-min max-h-modal-sheet-max-h-lvh rounded-modal-radius py-modal-padding-y\",\n                sheet: \"absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh max-h-modal-sheet-max-h-vh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt\",\n            },\n            position: {\n                none: \"\",\n                right: \"absolute right-0 top-0 rounded-l-modal-radius py-modal-padding-y\",\n                left: \"absolute left-0 top-0 rounded-r-modal-radius py-modal-padding-y\",\n            },\n        },\n        defaultVariants: { position: \"right\", type: \"dialog\" },\n    }\n);\n\nexport type ModalProps = Override<\n    HTMLMotionProps<\"div\">,\n    ({ title: Label; ariaTitle?: string } | { ariaTitle: string; title?: Label }) & {\n        open: boolean;\n        onChange: (nextState: boolean) => void;\n    } & Partial<{\n            footer: Label;\n            type: ModalType;\n            animated: boolean;\n            asChild: boolean;\n            layoutId: string;\n            resizer: boolean;\n            className: string;\n            closable: boolean;\n            forceType: boolean;\n            bodyClassName: string;\n            overlayClassName: string;\n            position: DrawerPosition;\n            overlayClickClose: boolean;\n            closeOnFocusOut: boolean;\n            role: \"dialog\";\n            interactions: ElementProps[];\n            trigger: Label;\n        }>\n>;\n\ntype DraggableProps = {\n    sheet: boolean;\n    position: DrawerPosition;\n    parent: React.MutableRefObject<HTMLElement | null>;\n    onChange: (nextState: boolean) => void;\n    value: MotionValue<number | undefined>;\n};\n\nconst dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };\n\nconst calculateClose = (n: number) => n * 0.6;\n\nconst Draggable = (props: DraggableProps) => {\n    const onDrag = (e: Event, info: PanInfo) => {\n        if (props.parent.current) {\n            e.stopPropagation();\n            e.stopImmediatePropagation();\n            if (props.sheet) {\n                const div = props.parent.current as HTMLElement;\n                const rect = div.getBoundingClientRect();\n                const v = props.value.get() || rect.height;\n                const result = Math.abs(v - info.delta.y);\n                const max = window.outerHeight;\n                const screenHeightToClose = calculateClose(max);\n                if (result >= screenHeightToClose) return props.value.set(result);\n                if (document.activeElement instanceof HTMLElement) {\n                    document.activeElement?.blur();\n                }\n                props.onChange(false);\n                return setTimeout(() => props.value.set(undefined), 350);\n            }\n            const div = props.parent.current as HTMLElement;\n            const v = props.value.get() || div.getBoundingClientRect().width;\n            const delta = props.position === \"right\" ? -info.delta.x : info.delta.x;\n            const value = Math.abs(v + delta);\n            return props.value.set(value);\n        }\n    };\n\n    return (\n        <motion.button\n            draggable\n            dragListener\n            dragMomentum\n            tabIndex={-1}\n            type=\"button\"\n            animate={false}\n            dragElastic={0}\n            dragPropagation\n            initial={false}\n            onDrag={onDrag}\n            dragSnapToOrigin\n            dragDirectionLock\n            aria-hidden=\"true\"\n            drag={props.sheet ? \"y\" : \"x\"}\n            dragConstraints={dragConstraints}\n            whileDrag={{ cursor: \"grabbing\" }}\n            className={css(\n                \"absolute isolate z-calendar rounded-modal-resizer-radius\",\n                props.sheet ? \"cursor-row-resize\" : \"cursor-col-resize bg-floating-border\",\n                props.sheet\n                    ? \"top-1 flex h-modal-sheet-handle-h w-full justify-center py-modal-sheet-handle-py\"\n                    : props.position === \"left\"\n                      ? \"right-5 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n                      : \"left-2 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n            )}\n        >\n            {props.sheet ? <div className=\"rounded-modal-sheet-pill-radius h-modal-sheet-pill-h w-modal-sheet-pill-w bg-floating-border\" /> : null}\n        </motion.button>\n    );\n};\n\nconst positions = { drawer: \"right\", sheet: \"none\", dialog: \"none\" } as const;\n\nconst fetchPosition = (isDesktop: Nil<boolean>, forceType: Nil<boolean>, propsType: Nil<ModalType>, propsPosition: Nil<DrawerPosition>) => {\n    const type = propsType || \"dialog\";\n    if (isDesktop) return propsType === \"drawer\" ? (propsPosition ?? positions.drawer) : positions[type];\n    return forceType ? positions[type] : positions.sheet;\n};\n\nexport type ModalRef = {\n    context: FloatingContext;\n    floating: HTMLElement | null;\n};\n\nconst noop: ElementProps[] = [];\n\ntype ModalComponent = React.FC<ModalProps> & {\n    confirm: <T>(options: ConfirmOptions) => Promise<T>;\n};\n\nexport const Modal: ModalComponent = forwardRef<ModalRef, PropsWithChildren<ModalProps>>(\n    (\n        {\n            open,\n            title,\n            footer,\n            asChild,\n            trigger,\n            children,\n            onChange,\n            ariaTitle,\n            className,\n            bodyClassName,\n            resizer = true,\n            animated = true,\n            closable = true,\n            forceType = false,\n            layoutId = undefined,\n            overlayClassName = \"\",\n            type: _type = \"dialog\",\n            position: propsPosition,\n            overlayClickClose = false,\n            closeOnFocusOut = false,\n            interactions: outInteractions = noop,\n            ...props\n        }: PropsWithChildren<ModalProps>,\n        externalRef: ForwardedRef<ModalRef>\n    ) => {\n        const t = useTranslations();\n        const root = useFloatingRef();\n        const innerContent = useRef<HTMLDivElement>(null);\n        const removeScrollRef = useRef<HTMLDivElement>(null);\n        const headingId = useId();\n        const descriptionId = useId();\n        const isDesktop = useMediaQuery(\"(min-width: 64rem)\");\n        const position = fetchPosition(isDesktop, forceType, _type, propsPosition);\n        const func = isDesktop ? animations[_type] : forceType ? animations[_type] : animations.sheet;\n        const animation = typeof func === \"function\" ? func(position as DrawerPosition) : func;\n        const type = isDesktop ? _type : forceType ? _type : \"sheet\";\n        const useResizer = type !== \"dialog\";\n\n        const floating = useFloating({\n            open,\n            onOpenChange: onChange,\n            strategy: \"fixed\",\n        });\n        const click = useClick(floating.context, {});\n        const role = useRole(floating.context, { role: \"dialog\" });\n        const dismiss = useDismiss(floating.context, {\n            bubbles: true,\n            escapeKey: true,\n            outsidePress: (event) => {\n                const target = event.target as Node;\n                return overlayClickClose && !!target?.isConnected;\n            },\n        });\n\n        const interactions = useInteractions([click, dismiss, role].concat(outInteractions));\n\n        const floatingSize = useMotionValue<number | undefined>(undefined);\n        const sheetY = useMotionValue<number | undefined>(undefined);\n        const isDragging = useRef(false);\n        const dragStart = useRef(0);\n\n        useEffect(() => {\n            floatingSize.set(undefined);\n            sheetY.set(undefined);\n        }, [type, floatingSize, sheetY]);\n\n        const onClose = () => onChange(false);\n\n        useImperativeHandle(externalRef, () => ({ context: floating.context, floating: removeScrollRef.current }), [\n            floating.context,\n            removeScrollRef,\n        ]);\n\n        const onDragHeader = (_: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n            const div = floating.refs.floating.current as HTMLElement;\n            const rect = div.getBoundingClientRect();\n            const v = floatingSize.get() || rect.height;\n            const result = Math.abs(v - info.delta.y);\n            const max = window.outerHeight;\n            const screenHeightToClose = calculateClose(max);\n            if (result >= screenHeightToClose) return floatingSize.set(result);\n            if (document.activeElement instanceof HTMLElement) {\n                document.activeElement?.blur();\n            }\n            onChange?.(false);\n            return setTimeout(() => floatingSize.set(undefined), 350);\n        };\n\n        const draggableMotionProps =\n            type === \"sheet\"\n                ? ({\n                      drag: \"y\",\n                      animate: false,\n                      dragElastic: 0,\n                      initial: false,\n                      dragConstraints,\n                      draggable: true,\n                      dragListener: true,\n                      dragMomentum: true,\n                      onDrag: onDragHeader,\n                      dragPropagation: true,\n                      dragSnapToOrigin: true,\n                      dragDirectionLock: true,\n                      whileDrag: { cursor: \"grabbing\" },\n                  } as const)\n                : { animate: animated, initial: false };\n\n        const scrollInitial = useMotionValue<number | undefined>(undefined);\n        const scroll = useMotionValue<number | undefined>(undefined);\n\n        const Component = asChild ? Slot : motion.button;\n\n        return (\n            <Fragment>\n                {trigger ? (\n                    <Component ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type=\"button\">\n                        {trigger}\n                    </Component>\n                ) : null}\n                <MotionConfig reducedMotion={animated ? \"user\" : \"always\"}>\n                    <FloatingPortal preserveTabOrder root={root}>\n                        <AnimatePresence mode=\"wait\" propagate>\n                            {open ? (\n                                <FloatingOverlay\n                                    lockScroll\n                                    className={css(\n                                        \"inset-0 isolate z-overlay flex h-modal-overlay-h !overflow-clip bg-floating-overlay/80\",\n                                        type === \"drawer\" ? \"\" : \"items-start justify-center pt-modal-overlay-pt lg:p-modal-overlay-p\",\n                                        overlayClassName\n                                    )}\n                                >\n                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context}>\n                                        <AnimatePresence propagate>\n                                            <motion.div\n                                                {...props}\n                                                {...(title\n                                                    ? {\n                                                          \"aria-labelledby\": headingId,\n                                                          \"aria-describedby\": descriptionId,\n                                                      }\n                                                    : { \"aria-label\": ariaTitle })}\n                                                {...interactions.getFloatingProps({\n                                                    \"aria-modal\": open,\n                                                    ref: mergeRefs<HTMLDivElement>(floating.refs.setFloating, removeScrollRef),\n                                                    className: css(variants({ position, type }), className, \"isolate overscroll-contain\"),\n                                                })}\n                                                exit=\"exit\"\n                                                layout={true}\n                                                animate=\"enter\"\n                                                initial=\"initial\"\n                                                layoutId={layoutId}\n                                                variants={animation}\n                                                data-component=\"modal\"\n                                                style={type === \"drawer\" ? { width: floatingSize } : { height: floatingSize, y: sheetY }}\n                                            >\n                                                {useResizer && resizer ? (\n                                                    <Draggable\n                                                        onChange={onChange}\n                                                        value={floatingSize}\n                                                        sheet={type === \"sheet\"}\n                                                        position={position as DrawerPosition}\n                                                        parent={floating.refs.floating}\n                                                    />\n                                                ) : null}\n                                                {title ? (\n                                                    <motion.header {...draggableMotionProps} className=\"relative isolate w-full\">\n                                                        {title ? (\n                                                            <h2\n                                                                id={headingId}\n                                                                className=\"block select-text border-b border-floating-border px-modal-padding-x pb-modal-title-pb text-modal-title-text font-medium leading-relaxed\"\n                                                            >\n                                                                {title}\n                                                            </h2>\n                                                        ) : null}\n                                                    </motion.header>\n                                                ) : null}\n                                                <motion.section\n                                                    ref={innerContent}\n                                                    id={title ? descriptionId : undefined}\n                                                    data-component=\"modal-body\"\n                                                    className={css(\n                                                        \"flex-1 select-text overflow-y-auto px-modal-padding-x py-modal-body-py\",\n                                                        bodyClassName\n                                                    )}\n                                                    onTouchEnd={async () => {\n                                                        scroll.set(undefined);\n                                                        scrollInitial.set(undefined);\n\n                                                        if (isDragging.current) {\n                                                            const currentY = sheetY.get() || 0;\n                                                            const threshold = window.innerHeight * 0.2;\n                                                            const sheetYNumeric = sheetY as MotionValue<number>;\n                                                            if (currentY > threshold) {\n                                                                await animate(sheetYNumeric, window.innerHeight, { duration: 0.2, ease: \"easeIn\" })\n                                                                    .finished;\n                                                                onChange(false);\n                                                            } else {\n                                                                animate(sheetYNumeric, 0, {\n                                                                    type: \"spring\",\n                                                                    bounce: 0,\n                                                                    duration: 0.3,\n                                                                });\n                                                            }\n                                                            isDragging.current = false;\n                                                        }\n                                                    }}\n                                                    onTouchStart={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        scrollInitial.set(touch.pageY);\n                                                        scroll.set(touch.pageY);\n                                                        isDragging.current = false;\n                                                    }}\n                                                    onTouchMove={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        const y = touch.pageY;\n                                                        const prevY = scroll.get() || y;\n                                                        const scrollTop = innerContent.current?.scrollTop || 0;\n\n                                                        if (!isDragging.current && scrollTop <= 0 && y > prevY && type === \"sheet\") {\n                                                            isDragging.current = true;\n                                                            dragStart.current = y;\n                                                        }\n\n                                                        if (isDragging.current) {\n                                                            const delta = y - dragStart.current;\n                                                            if (delta < 0) {\n                                                                sheetY.set(delta * 0.2);\n                                                            } else {\n                                                                sheetY.set(delta);\n                                                            }\n                                                        }\n\n                                                        scroll.set(y);\n                                                    }}\n                                                >\n                                                    {children}\n                                                </motion.section>\n                                                {footer ? (\n                                                    <footer className=\"w-full select-text border-t border-floating-border px-modal-padding-x pt-modal-footer-pt\">\n                                                        {footer}\n                                                    </footer>\n                                                ) : null}\n                                                {closable ? (\n                                                    <div className=\"absolute right-modal-close-right top-modal-close-top z-floating\">\n                                                        <button\n                                                            type=\"button\"\n                                                            onClick={onClose}\n                                                            aria-label={t.closeButton}\n                                                            className=\"p-modal-close-p opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                                        >\n                                                            <XIcon aria-hidden=\"true\" />\n                                                        </button>\n                                                    </div>\n                                                ) : null}\n                                            </motion.div>\n                                        </AnimatePresence>\n                                    </FloatingFocusManager>\n                                </FloatingOverlay>\n                            ) : null}\n                        </AnimatePresence>\n                    </FloatingPortal>\n                </MotionConfig>\n            </Fragment>\n        );\n    }\n) as unknown as ModalComponent;\n\ntype ButtonConfirmationAction = {\n    value?: unknown;\n    text?: Label;\n    theme?: ButtonProps[\"theme\"];\n};\n\nexport type ConfirmOptions = {\n    title?: Label;\n    description?: Label;\n    cancel?: ButtonConfirmationAction;\n    confirm?: ButtonConfirmationAction;\n};\n\ntype ConfirmContextType = (options: ConfirmOptions) => Promise<boolean>;\n\nlet confirmGlobal: ConfirmContextType = async <T,>(_: ConfirmOptions): Promise<T> => {\n    if (typeof window !== \"undefined\") {\n        console.warn(\"ConfirmationProvider is not mounted\");\n    }\n    return false as unknown as T;\n};\n\nModal.confirm = <T,>(options: ConfirmOptions): Promise<T> => confirmGlobal(options) as unknown as Promise<T>;\n\nexport const ModalConfirmProvider = ({ children }: { children: React.ReactNode }) => {\n    const [open, setOpen] = useState(false);\n    const [options, setOptions] = useState<Partial<ConfirmOptions>>({});\n    const [resolve, setResolve] = useState<(value: boolean) => void>(() => {});\n    const confirmRef = useRef<HTMLButtonElement>(null);\n    useEffect(() => {\n        if (open) confirmRef.current?.focus();\n    }, [open]);\n\n    const confirmAction = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n        setOptions(opts);\n        setOpen(true);\n        return new Promise((res) => {\n            setResolve(() => res);\n        });\n    }, []);\n\n    useEffect(() => {\n        confirmGlobal = confirmAction;\n    }, [confirmAction]);\n\n    const onConfirm = () => {\n        setOpen(false);\n        const value = (options.confirm?.value as boolean) ?? true;\n        resolve(value ?? true);\n    };\n\n    const onCancel = () => {\n        setOpen(false);\n        const value = (options.cancel?.value as boolean) ?? false;\n        resolve(value ?? false);\n    };\n\n    return (\n        <ConfirmContext.Provider value={confirmAction}>\n            {children}\n            <Modal\n                open={open}\n                type=\"dialog\"\n                closable={false}\n                onChange={setOpen}\n                overlayClickClose={false}\n                title={options.title || \"Confirmation\"}\n                className=\"container max-w-dialog lg:max-w-96\"\n                footer={\n                    <div className=\"flex justify-end gap-modal-footer-gap\">\n                        <Button theme={options.cancel?.theme || \"ghost-muted\"} onClick={onCancel}>\n                            {options.cancel?.text || \"Cancel\"}\n                        </Button>\n                        <Button ref={confirmRef} theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || \"Confirm\"}\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"py-modal-confirm-py text-foreground\">{options.description}</div>\n            </Modal>\n        </ConfirmContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,KAAc,GAAe,MAC3B,EAAM,IACC,IAEJ,OAAO,WAAW,CAAK,EAAE,SAGvB,MAAiB,GAAe,IAAwB,OAAS;CAC1E,IAAM,CAAC,GAAS,KAAc,EAAS,CAAY;CAgBnD,OAdA,QAAsB;EAClB,IAAM,IAAa,OAAO,WAAW,CAAK,GACpC,UAAiB,EAAW,EAAW,GAAO,CAAY,CAAC;EASjE,OARA,EAAS,GACL,EAAW,eACX,EAAW,YAAY,CAAQ,SAEpB,EAAW,iBAAiB,EAAW,eAAe,CAAQ,IAAI,KAAA,MAGjF,EAAW,iBAAiB,UAAU,CAAQ,SACjC,EAAW,oBAAoB,UAAU,CAAQ;CAClE,GAAG,CAAC,GAAO,CAAY,CAAC,GAEjB;AACX,GCzBa,WACG,EAAW,CAChB,EAAI,eAAe,KAAA,GC2CxB,IAAiB,EAAM,cAA6D,YAAY,EAAK,GAE9F,UAAmB,EAAM,WAAW,CAAc,GAYzD,IAAoB,SAEpB,IAAkD;CACpD,MAAM;EAAE,GAAG,CAAC,MAAM,MAAM;EAAG,SAAS;EAAG;CAAkB;CACzD,OAAO;EAAE,GAAG,CAAC,QAAQ,IAAI;EAAG,SAAS;EAAG;CAAkB;CAC1D,SAAS;EAAE,GAAG,CAAC,QAAQ,IAAI;EAAG,SAAS;EAAK;CAAkB;AAClE,GAEM,IAAmD;CACrD,OAAO;EAAE,GAAG;EAAM,SAAS;EAAG;CAAkB;CAChD,MAAM;EAAE,GAAG,CAAC,MAAM,KAAK;EAAG,SAAS;EAAG;CAAkB;CACxD,SAAS;EAAE,GAAG,CAAC,OAAO,IAAI;EAAG,SAAS;EAAK;CAAkB;AACjE,GAEM,IAAyB;CAC3B,SAAS,MAAU,MAAS,SAAS,IAAa;CAClD,OAAO;EACH,OAAO;GACH,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;EACA,MAAM;GACF,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;EACA,SAAS;GACL,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;CACJ;CACA,QAAQ;EACJ,MAAM;GAAE,SAAS;GAAG,OAAO;GAAM;EAAkB;EACnD,OAAO;GAAE,SAAS;GAAG,OAAO,CAAC,MAAM,CAAC;GAAG;EAAkB;EACzD,SAAS;GACL,SAAS;GACT,OAAO;GACP;GACA,YAAY;IAAE,UAAU;IAAK,MAAM;GAAY;EACnD;CACJ;AACJ,GAEM,KAAW,EACb,qJACA;CACI,UAAU;EACN,MAAM;GACF,QAAQ;GACR,QAAQ;GACR,OAAO;EACX;EACA,UAAU;GACN,MAAM;GACN,OAAO;GACP,MAAM;EACV;CACJ;CACA,iBAAiB;EAAE,UAAU;EAAS,MAAM;CAAS;AACzD,CACJ,GAoCM,IAAkB;CAAE,KAAK;CAAG,MAAM;CAAG,OAAO;CAAG,QAAQ;AAAE,GAEzD,KAAkB,MAAc,IAAI,IAEpC,MAAa,MA4BX,kBAAC,EAAO,QAAR;CACI,WAAA;CACA,cAAA;CACA,cAAA;CACA,UAAU;CACV,MAAK;CACL,SAAS;CACT,aAAa;CACb,iBAAA;CACA,SAAS;CACD,SArCA,GAAU,MAAkB;EACxC,IAAI,EAAM,OAAO,SAAS;GAGtB,IAFA,EAAE,gBAAgB,GAClB,EAAE,yBAAyB,GACvB,EAAM,OAAO;IAEb,IAAM,IADM,EAAM,OAAO,QACR,sBAAsB,GACjC,IAAI,EAAM,MAAM,IAAI,KAAK,EAAK,QAC9B,IAAS,KAAK,IAAI,IAAI,EAAK,MAAM,CAAC,GAClC,IAAM,OAAO;IAOnB,OALI,KADwB,EAAe,CAC7B,IAA4B,EAAM,MAAM,IAAI,CAAM,KAC5D,SAAS,yBAAyB,eAClC,SAAS,eAAe,KAAK,GAEjC,EAAM,SAAS,EAAK,GACb,iBAAiB,EAAM,MAAM,IAAI,KAAA,CAAS,GAAG,GAAG;GAC3D;GACA,IAAM,IAAM,EAAM,OAAO,SACnB,IAAI,EAAM,MAAM,IAAI,KAAK,EAAI,sBAAsB,EAAE,OACrD,IAAQ,EAAM,aAAa,UAAU,CAAC,EAAK,MAAM,IAAI,EAAK,MAAM,GAChE,IAAQ,KAAK,IAAI,IAAI,CAAK;GAChC,OAAO,EAAM,MAAM,IAAI,CAAK;EAChC;CACJ;CAcQ,kBAAA;CACA,mBAAA;CACA,eAAY;CACZ,MAAM,EAAM,QAAQ,MAAM;CACT;CACjB,WAAW,EAAE,QAAQ,WAAW;CAChC,WAAW,EACP,4DACA,EAAM,QAAQ,sBAAsB,wCACpC,EAAM,QACA,qFACA,EAAM,aAAa,SACjB,sEACA,kEACZ;WAEC,EAAM,QAAQ,kBAAC,OAAD,EAAK,WAAU,+FAAgG,CAAA,IAAI;AACvH,CAAA,GAIjB,IAAY;CAAE,QAAQ;CAAS,OAAO;CAAQ,QAAQ;AAAO,GAE7D,MAAiB,GAAyB,GAAyB,GAA2B,MAAuC;CACvI,IAAM,IAAO,KAAa;CAE1B,OADI,IAAkB,MAAc,WAAY,KAAiB,EAAU,SAAU,EAAU,KACxF,IAAY,EAAU,KAAQ,EAAU;AACnD,GAOM,KAAuB,CAAC,GAMjB,IAAwB,GAE7B,EACI,SACA,UACA,WACA,YACA,YACA,aACA,aACA,cACA,cACA,kBACA,aAAU,IACV,cAAW,IACX,cAAW,IACX,eAAY,IACZ,cAAW,KAAA,GACX,sBAAmB,IACnB,MAAM,IAAQ,UACd,UAAU,GACV,uBAAoB,IACpB,qBAAkB,IAClB,cAAc,KAAkB,IAChC,GAAG,MAEP,OACC;CACD,IAAM,KAAI,EAAgB,GACpB,KAAO,GAAe,GACtB,IAAe,EAAuB,IAAI,GAC1C,IAAkB,EAAuB,IAAI,GAC7C,IAAY,EAAM,GAClB,IAAgB,EAAM,GACtB,IAAY,GAAc,oBAAoB,GAC9C,IAAW,GAAc,GAAW,GAAW,GAAO,CAAa,GACnE,IAAO,KAAgC,IAApB,EAAW,KAAyC,EAAW,OAClF,KAAY,OAAO,KAAS,aAAa,EAAK,CAA0B,IAAI,GAC5E,IAAO,KAAoB,IAAR,IAA4B,SAC/C,KAAa,MAAS,UAEtB,IAAW,GAAY;EACzB;EACA,cAAc;EACd,UAAU;CACd,CAAC,GACK,KAAQ,GAAS,EAAS,SAAS,CAAC,CAAC,GACrC,KAAO,GAAQ,EAAS,SAAS,EAAE,MAAM,SAAS,CAAC,GAUnD,IAAe,GAAgB;EAAC;EATtB,GAAW,EAAS,SAAS;GACzC,SAAS;GACT,WAAW;GACX,eAAe,MAAU;IACrB,IAAM,IAAS,EAAM;IACrB,OAAO,KAAqB,CAAC,CAAC,GAAQ;GAC1C;EACJ,CAE6C;EAAS;CAAI,EAAE,OAAO,EAAe,CAAC,GAE7E,IAAe,EAAmC,KAAA,CAAS,GAC3D,IAAS,EAAmC,KAAA,CAAS,GACrD,IAAa,EAAO,EAAK,GACzB,IAAY,EAAO,CAAC;CAE1B,QAAgB;EAEZ,AADA,EAAa,IAAI,KAAA,CAAS,GAC1B,EAAO,IAAI,KAAA,CAAS;CACxB,GAAG;EAAC;EAAM;EAAc;CAAM,CAAC;CAE/B,IAAM,UAAgB,EAAS,EAAK;CAEpC,GAAoB,WAAoB;EAAE,SAAS,EAAS;EAAS,UAAU,EAAgB;CAAQ,IAAI,CACvG,EAAS,SACT,CACJ,CAAC;CAiBD,IAAM,KACF,MAAS,UACF;EACG,MAAM;EACN,SAAS;EACT,aAAa;EACb,SAAS;EACT;EACA,WAAW;EACX,cAAc;EACd,cAAc;EACd,SA1BQ,GAA2C,MAAkB;GAE/E,IAAM,IADM,EAAS,KAAK,SAAS,QAClB,sBAAsB,GACjC,IAAI,EAAa,IAAI,KAAK,EAAK,QAC/B,IAAS,KAAK,IAAI,IAAI,EAAK,MAAM,CAAC,GAClC,IAAM,OAAO;GAOnB,OALI,KADwB,EAAe,CAC7B,IAA4B,EAAa,IAAI,CAAM,KAC7D,SAAS,yBAAyB,eAClC,SAAS,eAAe,KAAK,GAEjC,IAAW,EAAK,GACT,iBAAiB,EAAa,IAAI,KAAA,CAAS,GAAG,GAAG;EAC5D;EAcc,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,WAAW,EAAE,QAAQ,WAAW;CACpC,IACA;EAAE,SAAS;EAAU,SAAS;CAAM,GAExC,IAAgB,EAAmC,KAAA,CAAS,GAC5D,IAAS,EAAmC,KAAA,CAAS,GAErD,KAAY,IAAU,KAAO,EAAO;CAE1C,OACI,kBAAC,IAAD,EAAA,UAAA,CACK,IACG,kBAAC,IAAD;EAAW,KAAK,EAAS,KAAK;EAAc,GAAI,EAAa,kBAAkB;EAAa;EAAU,MAAK;YACtG;CACM,CAAA,IACX,MACJ,kBAAC,IAAD;EAAc,eAAe,IAAW,SAAS;YAC7C,kBAAC,IAAD;GAAgB,kBAAA;GAAuB;aACnC,kBAAC,GAAD;IAAiB,MAAK;IAAO,WAAA;cACxB,IACG,kBAAC,GAAD;KACI,YAAA;KACA,WAAW,EACP,0FACA,MAAS,WAAW,KAAK,uEACzB,CACJ;eAEA,kBAAC,IAAD;MAAsB,QAAA;MAAO,OAAA;MAAuB;MAAiB,SAAS,EAAS;gBACnF,kBAAC,GAAD;OAAiB,WAAA;iBACb,kBAAC,EAAO,KAAR;QACI,GAAI;QACJ,GAAK,IACC;SACI,mBAAmB;SACnB,oBAAoB;QACxB,IACA,EAAE,cAAc,EAAU;QAChC,GAAI,EAAa,iBAAiB;SAC9B,cAAc;SACd,KAAK,EAA0B,EAAS,KAAK,aAAa,CAAe;SACzE,WAAW,EAAI,GAAS;UAAE;UAAU;SAAK,CAAC,GAAG,GAAW,4BAA4B;QACxF,CAAC;QACD,MAAK;QACL,QAAQ;QACR,SAAQ;QACR,SAAQ;QACE;QACV,UAAU;QACV,kBAAe;QACf,OAAO,MAAS,WAAW,EAAE,OAAO,EAAa,IAAI;SAAE,QAAQ;SAAc,GAAG;QAAO;kBApB3F;SAsBK,MAAc,IACX,kBAAC,IAAD;UACc;UACV,OAAO;UACP,OAAO,MAAS;UACN;UACV,QAAQ,EAAS,KAAK;SACzB,CAAA,IACD;SACH,IACG,kBAAC,EAAO,QAAR;UAAe,GAAI;UAAsB,WAAU;oBAC9C,IACG,kBAAC,MAAD;WACI,IAAI;WACJ,WAAU;qBAET;UACD,CAAA,IACJ;SACO,CAAA,IACf;SACJ,kBAAC,EAAO,SAAR;UACI,KAAK;UACL,IAAI,IAAQ,IAAgB,KAAA;UAC5B,kBAAe;UACf,WAAW,EACP,0EACA,CACJ;UACA,YAAY,YAAY;WAIpB,IAHA,EAAO,IAAI,KAAA,CAAS,GACpB,EAAc,IAAI,KAAA,CAAS,GAEvB,EAAW,SAAS;YACpB,IAAM,IAAW,EAAO,IAAI,KAAK,GAC3B,IAAY,OAAO,cAAc,IACjC,IAAgB;YAYtB,AAXI,IAAW,KACX,MAAM,EAAQ,GAAe,OAAO,aAAa;aAAE,UAAU;aAAK,MAAM;YAAS,CAAC,EAC7E,UACL,EAAS,EAAK,KAEd,EAAQ,GAAe,GAAG;aACtB,MAAM;aACN,QAAQ;aACR,UAAU;YACd,CAAC,GAEL,EAAW,UAAU;WACzB;UACJ;UACA,eAAe,MAAM;WACjB,IAAM,IAAQ,EAAE,eAAe;WAG/B,AAFA,EAAc,IAAI,EAAM,KAAK,GAC7B,EAAO,IAAI,EAAM,KAAK,GACtB,EAAW,UAAU;UACzB;UACA,cAAc,MAAM;WAEhB,IAAM,IADQ,EAAE,eAAe,GACf,OACV,IAAQ,EAAO,IAAI,KAAK,GACxB,IAAY,EAAa,SAAS,aAAa;WAOrD,IALI,CAAC,EAAW,WAAW,KAAa,KAAK,IAAI,KAAS,MAAS,YAC/D,EAAW,UAAU,IACrB,EAAU,UAAU,IAGpB,EAAW,SAAS;YACpB,IAAM,IAAQ,IAAI,EAAU;YAC5B,AAAI,IAAQ,IACR,EAAO,IAAI,IAAQ,EAAG,IAEtB,EAAO,IAAI,CAAK;WAExB;WAEA,EAAO,IAAI,CAAC;UAChB;UAEC;SACW,CAAA;SACf,IACG,kBAAC,UAAD;UAAQ,WAAU;oBACb;SACG,CAAA,IACR;SACH,IACG,kBAAC,OAAD;UAAK,WAAU;oBACX,kBAAC,UAAD;WACI,MAAK;WACL,SAAS;WACT,cAAY,GAAE;WACd,WAAU;qBAEV,kBAAC,GAAD,EAAO,eAAY,OAAQ,CAAA;UACvB,CAAA;SACP,CAAA,IACL;QACI;;MACC,CAAA;KACC,CAAA;IACT,CAAA,IACjB;GACS,CAAA;EACL,CAAA;CACN,CAAA,CACR,EAAA,CAAA;AAElB,CACJ,GAiBI,IAAoC,OAAW,OAC3C,OAAO,SAAW,OAClB,QAAQ,KAAK,qCAAqC,GAE/C;AAGX,EAAM,WAAe,MAAwC,EAAc,CAAO;AAElF,IAAa,KAAwB,EAAE,kBAA8C;CACjF,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAS,KAAc,EAAkC,CAAC,CAAC,GAC5D,CAAC,GAAS,KAAc,QAAyC,CAAC,CAAC,GACnE,IAAa,EAA0B,IAAI;CACjD,QAAgB;EACZ,AAAI,KAAM,EAAW,SAAS,MAAM;CACxC,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAgB,GAAa,OAC/B,EAAW,CAAI,GACf,EAAQ,EAAI,GACL,IAAI,SAAS,MAAQ;EACxB,QAAiB,CAAG;CACxB,CAAC,IACF,CAAC,CAAC;CAkBL,OAhBA,QAAgB;EACZ,IAAgB;CACpB,GAAG,CAAC,CAAa,CAAC,GAed,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAAhC,CACK,GACD,kBAAC,GAAD;GACU;GACN,MAAK;GACL,UAAU;GACV,UAAU;GACV,mBAAmB;GACnB,OAAO,EAAQ,SAAS;GACxB,WAAU;GACV,QACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KAAQ,OAAO,EAAQ,QAAQ,SAAS;KAAe,eAnBpD;MAGnB,AAFA,EAAQ,EAAK,GAEb,EADe,EAAQ,QAAQ,SAAqB,MACnC,EAAK;KAC1B;eAgByB,EAAQ,QAAQ,QAAQ;IACrB,CAAA,GACR,kBAAC,GAAD;KAAQ,KAAK;KAAY,OAAO,EAAQ,SAAS,SAAS;KAAW,eA5BjE;MAGpB,AAFA,EAAQ,EAAK,GAEb,EADe,EAAQ,SAAS,SAAqB,MACpC,EAAI;KACzB;eAyByB,EAAQ,SAAS,QAAQ;IACtB,CAAA,CACP;;aAGT,kBAAC,OAAD;IAAK,WAAU;cAAuC,EAAQ;GAAiB,CAAA;EAC5E,CAAA,CACc;;AAEjC"}
+{"version":3,"file":"modal-Bz-61ays.js","names":[],"sources":["../src/hooks/use-media-query.ts","../src/hooks/use-floating-ref.ts","../src/components/floating/modal.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport { isSsr } from \"../lib/fns\";\n\nconst getMatches = (query: string, defaultValue: boolean): boolean => {\n    if (isSsr()) {\n        return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n};\n\nexport const useMediaQuery = (query: string, defaultValue: boolean = true) => {\n    const [matches, setMatches] = useState(defaultValue);\n\n    useLayoutEffect(() => {\n        const matchMedia = window.matchMedia(query);\n        const onChange = () => setMatches(getMatches(query, defaultValue));\n        onChange();\n        if (matchMedia.addListener) {\n            matchMedia.addListener(onChange);\n            return () => {\n                return matchMedia.removeListener ? matchMedia.removeListener(onChange) : undefined;\n            };\n        }\n        matchMedia.addEventListener(\"change\", onChange);\n        return () => matchMedia.removeEventListener(\"change\", onChange);\n    }, [query, defaultValue]);\n\n    return matches;\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\n\nexport const useFloatingRef = () => {\n    const ctx = useContext(Context);\n    return ctx.floatingRef ?? undefined;\n};\n","\"use client\";\nimport {\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n    type ElementProps,\n    type FloatingContext,\n} from \"@floating-ui/react\";\nimport { cva } from \"class-variance-authority\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport {\n    AnimatePresence,\n    HTMLMotionProps,\n    motion,\n    MotionConfig,\n    MotionValue,\n    PanInfo,\n    TargetAndTransition,\n    useMotionValue,\n    animate,\n} from \"motion/react\";\nimport { Slot } from \"../core/slot\";\nimport React, {\n    ForwardedRef,\n    forwardRef,\n    Fragment,\n    PropsWithChildren,\n    useEffect,\n    useId,\n    useImperativeHandle,\n    useRef,\n    useState,\n    useCallback,\n} from \"react\";\nimport { useMediaQuery } from \"../../hooks/use-media-query\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Label, Nil, Override } from \"../../types\";\nimport { useFloatingRef } from \"../../hooks/use-floating-ref\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { Button, ButtonProps } from \"../core/button\";\n\ntype AnimationLabels = \"initial\" | \"enter\" | \"exit\";\n\nconst ConfirmContext = React.createContext<(options: ConfirmOptions) => Promise<boolean>>(async () => false);\n\nexport const useConfirm = () => React.useContext(ConfirmContext);\n\nexport type ModalType = \"dialog\" | \"drawer\" | \"sheet\";\n\nexport type DrawerPosition = \"left\" | \"right\";\n\ntype Animations = {\n    sheet: Record<AnimationLabels, TargetAndTransition>;\n    dialog: Record<AnimationLabels, TargetAndTransition>;\n    drawer: (type: DrawerPosition) => Record<AnimationLabels, TargetAndTransition>;\n};\n\nconst animationDuration = \"500ms\";\n\nconst drawerLeft: Record<string, TargetAndTransition> = {\n    exit: { x: [\"0%\", \"-30%\"], opacity: 0, animationDuration },\n    enter: { x: [\"-30%\", \"0%\"], opacity: 1, animationDuration },\n    initial: { x: [\"-30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst drawerRight: Record<string, TargetAndTransition> = {\n    enter: { x: \"0%\", opacity: 1, animationDuration },\n    exit: { x: [\"0%\", \"30%\"], opacity: 0, animationDuration },\n    initial: { x: [\"30%\", \"0%\"], opacity: 0.8, animationDuration },\n};\n\nconst animations: Animations = {\n    drawer: (type) => (type === \"left\" ? drawerLeft : drawerRight),\n    sheet: {\n        enter: {\n            opacity: 1,\n            y: \"0%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        exit: {\n            opacity: 0.4,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n        initial: {\n            opacity: 0.7,\n            y: \"10%\",\n            animationDuration,\n            transformOrigin: \"bottom\",\n        },\n    },\n    dialog: {\n        exit: { opacity: 0, scale: 0.95, animationDuration },\n        enter: { opacity: 1, scale: [1.05, 1], animationDuration },\n        initial: {\n            opacity: 0.5,\n            scale: 0.95,\n            animationDuration,\n            transition: { duration: 0.5, ease: \"easeInOut\" },\n        },\n    },\n};\n\nconst variants = cva(\n    \"z-floating flex min-w-xs appearance-none flex-col flex-nowrap gap-modal-gap border border-floating-border bg-floating-background outline-0 ring-0\",\n    {\n        variants: {\n            type: {\n                drawer: \"absolute h-screen max-h-screen min-h-0 w-fit max-w-modal-dialog-max-w-mobile\",\n                dialog: \"container relative h-min max-h-modal-sheet-max-h-lvh rounded-modal-radius py-modal-padding-y\",\n                sheet: \"absolute bottom-0 h-screen max-h-modal-sheet-max-h-svh max-h-modal-sheet-max-h-vh w-screen rounded-t-modal-radius pb-modal-sheet-pb pt-modal-sheet-pt\",\n            },\n            position: {\n                none: \"\",\n                right: \"absolute right-0 top-0 rounded-l-modal-radius py-modal-padding-y\",\n                left: \"absolute left-0 top-0 rounded-r-modal-radius py-modal-padding-y\",\n            },\n        },\n        defaultVariants: { position: \"right\", type: \"dialog\" },\n    }\n);\n\nexport type ModalProps = Override<\n    HTMLMotionProps<\"div\">,\n    ({ title: Label; ariaTitle?: string } | { ariaTitle: string; title?: Label }) & {\n        open: boolean;\n        onChange: (nextState: boolean) => void;\n    } & Partial<{\n            footer: Label;\n            type: ModalType;\n            animated: boolean;\n            asChild: boolean;\n            layoutId: string;\n            resizer: boolean;\n            className: string;\n            closable: boolean;\n            forceType: boolean;\n            bodyClassName: string;\n            overlayClassName: string;\n            position: DrawerPosition;\n            overlayClickClose: boolean;\n            closeOnFocusOut: boolean;\n            role: \"dialog\";\n            interactions: ElementProps[];\n            trigger: Label;\n        }>\n>;\n\ntype DraggableProps = {\n    sheet: boolean;\n    position: DrawerPosition;\n    parent: React.MutableRefObject<HTMLElement | null>;\n    onChange: (nextState: boolean) => void;\n    value: MotionValue<number | undefined>;\n};\n\nconst dragConstraints = { top: 0, left: 0, right: 0, bottom: 0 };\n\nconst calculateClose = (n: number) => n * 0.6;\n\nconst Draggable = (props: DraggableProps) => {\n    const onDrag = (e: Event, info: PanInfo) => {\n        if (props.parent.current) {\n            e.stopPropagation();\n            e.stopImmediatePropagation();\n            if (props.sheet) {\n                const div = props.parent.current as HTMLElement;\n                const rect = div.getBoundingClientRect();\n                const v = props.value.get() || rect.height;\n                const result = Math.abs(v - info.delta.y);\n                const max = window.outerHeight;\n                const screenHeightToClose = calculateClose(max);\n                if (result >= screenHeightToClose) return props.value.set(result);\n                if (document.activeElement instanceof HTMLElement) {\n                    document.activeElement?.blur();\n                }\n                props.onChange(false);\n                return setTimeout(() => props.value.set(undefined), 350);\n            }\n            const div = props.parent.current as HTMLElement;\n            const v = props.value.get() || div.getBoundingClientRect().width;\n            const delta = props.position === \"right\" ? -info.delta.x : info.delta.x;\n            const value = Math.abs(v + delta);\n            return props.value.set(value);\n        }\n    };\n\n    return (\n        <motion.button\n            draggable\n            dragListener\n            dragMomentum\n            tabIndex={-1}\n            type=\"button\"\n            animate={false}\n            dragElastic={0}\n            dragPropagation\n            initial={false}\n            onDrag={onDrag}\n            dragSnapToOrigin\n            dragDirectionLock\n            aria-hidden=\"true\"\n            drag={props.sheet ? \"y\" : \"x\"}\n            dragConstraints={dragConstraints}\n            whileDrag={{ cursor: \"grabbing\" }}\n            className={css(\n                \"absolute isolate z-calendar rounded-modal-resizer-radius\",\n                props.sheet ? \"cursor-row-resize\" : \"cursor-col-resize bg-floating-border\",\n                props.sheet\n                    ? \"top-1 flex h-modal-sheet-handle-h w-full justify-center py-modal-sheet-handle-py\"\n                    : props.position === \"left\"\n                      ? \"right-5 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n                      : \"left-2 top-1/2 h-modal-drawer-resizer-h w-modal-drawer-resizer-w\"\n            )}\n        >\n            {props.sheet ? <div className=\"rounded-modal-sheet-pill-radius h-modal-sheet-pill-h w-modal-sheet-pill-w bg-floating-border\" /> : null}\n        </motion.button>\n    );\n};\n\nconst positions = { drawer: \"right\", sheet: \"none\", dialog: \"none\" } as const;\n\nconst fetchPosition = (isDesktop: Nil<boolean>, forceType: Nil<boolean>, propsType: Nil<ModalType>, propsPosition: Nil<DrawerPosition>) => {\n    const type = propsType || \"dialog\";\n    if (isDesktop) return propsType === \"drawer\" ? (propsPosition ?? positions.drawer) : positions[type];\n    return forceType ? positions[type] : positions.sheet;\n};\n\nexport type ModalRef = {\n    context: FloatingContext;\n    floating: HTMLElement | null;\n};\n\nconst noop: ElementProps[] = [];\n\ntype ModalComponent = React.FC<ModalProps> & {\n    confirm: <T>(options: ConfirmOptions) => Promise<T>;\n};\n\nexport const Modal: ModalComponent = forwardRef<ModalRef, PropsWithChildren<ModalProps>>(\n    (\n        {\n            open,\n            title,\n            footer,\n            asChild,\n            trigger,\n            children,\n            onChange,\n            ariaTitle,\n            className,\n            bodyClassName,\n            resizer = true,\n            animated = true,\n            closable = true,\n            forceType = false,\n            layoutId = undefined,\n            overlayClassName = \"\",\n            type: _type = \"dialog\",\n            position: propsPosition,\n            overlayClickClose = false,\n            closeOnFocusOut = false,\n            interactions: outInteractions = noop,\n            ...props\n        }: PropsWithChildren<ModalProps>,\n        externalRef: ForwardedRef<ModalRef>\n    ) => {\n        const t = useTranslations();\n        const root = useFloatingRef();\n        const innerContent = useRef<HTMLDivElement>(null);\n        const removeScrollRef = useRef<HTMLDivElement>(null);\n        const headingId = useId();\n        const descriptionId = useId();\n        const isDesktop = useMediaQuery(\"(min-width: 64rem)\");\n        const position = fetchPosition(isDesktop, forceType, _type, propsPosition);\n        const func = isDesktop ? animations[_type] : forceType ? animations[_type] : animations.sheet;\n        const animation = typeof func === \"function\" ? func(position as DrawerPosition) : func;\n        const type = isDesktop ? _type : forceType ? _type : \"sheet\";\n        const useResizer = type !== \"dialog\";\n\n        const floating = useFloating({\n            open,\n            onOpenChange: onChange,\n            strategy: \"fixed\",\n        });\n        const click = useClick(floating.context, {});\n        const role = useRole(floating.context, { role: \"dialog\" });\n        const dismiss = useDismiss(floating.context, {\n            bubbles: true,\n            escapeKey: true,\n            outsidePress: (event) => {\n                const target = event.target as Node;\n                return overlayClickClose && !!target?.isConnected;\n            },\n        });\n\n        const interactions = useInteractions([click, dismiss, role].concat(outInteractions));\n\n        const floatingSize = useMotionValue<number | undefined>(undefined);\n        const sheetY = useMotionValue<number | undefined>(undefined);\n        const isDragging = useRef(false);\n        const dragStart = useRef(0);\n\n        useEffect(() => {\n            floatingSize.set(undefined);\n            sheetY.set(undefined);\n        }, [type, floatingSize, sheetY]);\n\n        const onClose = () => onChange(false);\n\n        useImperativeHandle(externalRef, () => ({ context: floating.context, floating: removeScrollRef.current }), [\n            floating.context,\n            removeScrollRef,\n        ]);\n\n        const onDragHeader = (_: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n            const div = floating.refs.floating.current as HTMLElement;\n            const rect = div.getBoundingClientRect();\n            const v = floatingSize.get() || rect.height;\n            const result = Math.abs(v - info.delta.y);\n            const max = window.outerHeight;\n            const screenHeightToClose = calculateClose(max);\n            if (result >= screenHeightToClose) return floatingSize.set(result);\n            if (document.activeElement instanceof HTMLElement) {\n                document.activeElement?.blur();\n            }\n            onChange?.(false);\n            return setTimeout(() => floatingSize.set(undefined), 350);\n        };\n\n        const draggableMotionProps =\n            type === \"sheet\"\n                ? ({\n                      drag: \"y\",\n                      animate: false,\n                      dragElastic: 0,\n                      initial: false,\n                      dragConstraints,\n                      draggable: true,\n                      dragListener: true,\n                      dragMomentum: true,\n                      onDrag: onDragHeader,\n                      dragPropagation: true,\n                      dragSnapToOrigin: true,\n                      dragDirectionLock: true,\n                      whileDrag: { cursor: \"grabbing\" },\n                  } as const)\n                : { animate: animated, initial: false };\n\n        const scrollInitial = useMotionValue<number | undefined>(undefined);\n        const scroll = useMotionValue<number | undefined>(undefined);\n\n        const Component = asChild ? Slot : motion.button;\n\n        return (\n            <Fragment>\n                {trigger ? (\n                    <Component ref={floating.refs.setReference} {...interactions.getReferenceProps()} layoutId={layoutId} type=\"button\">\n                        {trigger}\n                    </Component>\n                ) : null}\n                <MotionConfig reducedMotion={animated ? \"user\" : \"always\"}>\n                    <FloatingPortal preserveTabOrder root={root}>\n                        <AnimatePresence mode=\"wait\" propagate>\n                            {open ? (\n                                <FloatingOverlay\n                                    lockScroll\n                                    className={css(\n                                        \"inset-0 isolate z-overlay flex h-modal-overlay-h !overflow-clip bg-floating-overlay/80\",\n                                        type === \"drawer\" ? \"\" : \"items-start justify-center pt-modal-overlay-pt lg:p-modal-overlay-p\",\n                                        overlayClassName\n                                    )}\n                                >\n                                    <FloatingFocusManager guards modal closeOnFocusOut={closeOnFocusOut} context={floating.context}>\n                                        <AnimatePresence propagate>\n                                            <motion.div\n                                                {...props}\n                                                {...(title\n                                                    ? {\n                                                          \"aria-labelledby\": headingId,\n                                                          \"aria-describedby\": descriptionId,\n                                                      }\n                                                    : { \"aria-label\": ariaTitle })}\n                                                {...interactions.getFloatingProps({\n                                                    \"aria-modal\": open,\n                                                    ref: mergeRefs<HTMLDivElement>(floating.refs.setFloating, removeScrollRef),\n                                                    className: css(variants({ position, type }), className, \"isolate overscroll-contain\"),\n                                                })}\n                                                exit=\"exit\"\n                                                layout={true}\n                                                animate=\"enter\"\n                                                initial=\"initial\"\n                                                layoutId={layoutId}\n                                                variants={animation}\n                                                data-component=\"modal\"\n                                                style={type === \"drawer\" ? { width: floatingSize } : { height: floatingSize, y: sheetY }}\n                                            >\n                                                {useResizer && resizer ? (\n                                                    <Draggable\n                                                        onChange={onChange}\n                                                        value={floatingSize}\n                                                        sheet={type === \"sheet\"}\n                                                        position={position as DrawerPosition}\n                                                        parent={floating.refs.floating}\n                                                    />\n                                                ) : null}\n                                                {title ? (\n                                                    <motion.header {...draggableMotionProps} className=\"relative isolate w-full\">\n                                                        {title ? (\n                                                            <h2\n                                                                id={headingId}\n                                                                className=\"block select-text border-b border-floating-border px-modal-padding-x pb-modal-title-pb text-modal-title-text font-medium leading-relaxed\"\n                                                            >\n                                                                {title}\n                                                            </h2>\n                                                        ) : null}\n                                                    </motion.header>\n                                                ) : null}\n                                                <motion.section\n                                                    ref={innerContent}\n                                                    id={title ? descriptionId : undefined}\n                                                    data-component=\"modal-body\"\n                                                    className={css(\n                                                        \"flex-1 select-text overflow-y-auto px-modal-padding-x py-modal-body-py\",\n                                                        bodyClassName\n                                                    )}\n                                                    onTouchEnd={async () => {\n                                                        scroll.set(undefined);\n                                                        scrollInitial.set(undefined);\n\n                                                        if (isDragging.current) {\n                                                            const currentY = sheetY.get() || 0;\n                                                            const threshold = window.innerHeight * 0.2;\n                                                            const sheetYNumeric = sheetY as MotionValue<number>;\n                                                            if (currentY > threshold) {\n                                                                await animate(sheetYNumeric, window.innerHeight, { duration: 0.2, ease: \"easeIn\" })\n                                                                    .finished;\n                                                                onChange(false);\n                                                            } else {\n                                                                animate(sheetYNumeric, 0, {\n                                                                    type: \"spring\",\n                                                                    bounce: 0,\n                                                                    duration: 0.3,\n                                                                });\n                                                            }\n                                                            isDragging.current = false;\n                                                        }\n                                                    }}\n                                                    onTouchStart={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        scrollInitial.set(touch.pageY);\n                                                        scroll.set(touch.pageY);\n                                                        isDragging.current = false;\n                                                    }}\n                                                    onTouchMove={(e) => {\n                                                        const touch = e.changedTouches[0];\n                                                        const y = touch.pageY;\n                                                        const prevY = scroll.get() || y;\n                                                        const scrollTop = innerContent.current?.scrollTop || 0;\n\n                                                        if (!isDragging.current && scrollTop <= 0 && y > prevY && type === \"sheet\") {\n                                                            isDragging.current = true;\n                                                            dragStart.current = y;\n                                                        }\n\n                                                        if (isDragging.current) {\n                                                            const delta = y - dragStart.current;\n                                                            if (delta < 0) {\n                                                                sheetY.set(delta * 0.2);\n                                                            } else {\n                                                                sheetY.set(delta);\n                                                            }\n                                                        }\n\n                                                        scroll.set(y);\n                                                    }}\n                                                >\n                                                    {children}\n                                                </motion.section>\n                                                {footer ? (\n                                                    <footer className=\"w-full select-text border-t border-floating-border px-modal-padding-x pt-modal-footer-pt\">\n                                                        {footer}\n                                                    </footer>\n                                                ) : null}\n                                                {closable ? (\n                                                    <div className=\"absolute right-modal-close-right top-modal-close-top z-floating\">\n                                                        <button\n                                                            type=\"button\"\n                                                            onClick={onClose}\n                                                            aria-label={t.closeButton}\n                                                            className=\"p-modal-close-p opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                                        >\n                                                            <XIcon aria-hidden=\"true\" />\n                                                        </button>\n                                                    </div>\n                                                ) : null}\n                                            </motion.div>\n                                        </AnimatePresence>\n                                    </FloatingFocusManager>\n                                </FloatingOverlay>\n                            ) : null}\n                        </AnimatePresence>\n                    </FloatingPortal>\n                </MotionConfig>\n            </Fragment>\n        );\n    }\n) as unknown as ModalComponent;\n\ntype ButtonConfirmationAction = {\n    value?: unknown;\n    text?: Label;\n    theme?: ButtonProps[\"theme\"];\n};\n\nexport type ConfirmOptions = {\n    title?: Label;\n    description?: Label;\n    cancel?: ButtonConfirmationAction;\n    confirm?: ButtonConfirmationAction;\n};\n\ntype ConfirmContextType = (options: ConfirmOptions) => Promise<boolean>;\n\nlet confirmGlobal: ConfirmContextType = async <T,>(_: ConfirmOptions): Promise<T> => {\n    if (typeof window !== \"undefined\") {\n        console.warn(\"ConfirmationProvider is not mounted\");\n    }\n    return false as unknown as T;\n};\n\nModal.confirm = <T,>(options: ConfirmOptions): Promise<T> => confirmGlobal(options) as unknown as Promise<T>;\n\nexport const ModalConfirmProvider = ({ children }: { children: React.ReactNode }) => {\n    const [open, setOpen] = useState(false);\n    const [options, setOptions] = useState<Partial<ConfirmOptions>>({});\n    const [resolve, setResolve] = useState<(value: boolean) => void>(() => {});\n    const confirmRef = useRef<HTMLButtonElement>(null);\n    useEffect(() => {\n        if (open) confirmRef.current?.focus();\n    }, [open]);\n\n    const confirmAction = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n        setOptions(opts);\n        setOpen(true);\n        return new Promise((res) => {\n            setResolve(() => res);\n        });\n    }, []);\n\n    useEffect(() => {\n        confirmGlobal = confirmAction;\n    }, [confirmAction]);\n\n    const onConfirm = () => {\n        setOpen(false);\n        const value = (options.confirm?.value as boolean) ?? true;\n        resolve(value ?? true);\n    };\n\n    const onCancel = () => {\n        setOpen(false);\n        const value = (options.cancel?.value as boolean) ?? false;\n        resolve(value ?? false);\n    };\n\n    return (\n        <ConfirmContext.Provider value={confirmAction}>\n            {children}\n            <Modal\n                open={open}\n                type=\"dialog\"\n                closable={false}\n                onChange={setOpen}\n                overlayClickClose={false}\n                title={options.title || \"Confirmation\"}\n                className=\"container max-w-dialog lg:max-w-96\"\n                footer={\n                    <div className=\"flex justify-end gap-modal-footer-gap\">\n                        <Button theme={options.cancel?.theme || \"ghost-muted\"} onClick={onCancel}>\n                            {options.cancel?.text || \"Cancel\"}\n                        </Button>\n                        <Button ref={confirmRef} theme={options.confirm?.theme || \"primary\"} onClick={onConfirm}>\n                            {options.confirm?.text || \"Confirm\"}\n                        </Button>\n                    </div>\n                }\n            >\n                <div className=\"py-modal-confirm-py text-foreground\">{options.description}</div>\n            </Modal>\n        </ConfirmContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,KAAc,GAAe,MAC3B,EAAM,IACC,IAEJ,OAAO,WAAW,CAAK,EAAE,SAGvB,MAAiB,GAAe,IAAwB,OAAS;CAC1E,IAAM,CAAC,GAAS,KAAc,EAAS,CAAY;CAgBnD,OAdA,QAAsB;EAClB,IAAM,IAAa,OAAO,WAAW,CAAK,GACpC,UAAiB,EAAW,EAAW,GAAO,CAAY,CAAC;EASjE,OARA,EAAS,GACL,EAAW,eACX,EAAW,YAAY,CAAQ,SAEpB,EAAW,iBAAiB,EAAW,eAAe,CAAQ,IAAI,KAAA,MAGjF,EAAW,iBAAiB,UAAU,CAAQ,SACjC,EAAW,oBAAoB,UAAU,CAAQ;CAClE,GAAG,CAAC,GAAO,CAAY,CAAC,GAEjB;AACX,GCzBa,WACG,EAAW,CAChB,EAAI,eAAe,KAAA,GC2CxB,IAAiB,EAAM,cAA6D,YAAY,EAAK,GAE9F,UAAmB,EAAM,WAAW,CAAc,GAYzD,IAAoB,SAEpB,IAAkD;CACpD,MAAM;EAAE,GAAG,CAAC,MAAM,MAAM;EAAG,SAAS;EAAG;CAAkB;CACzD,OAAO;EAAE,GAAG,CAAC,QAAQ,IAAI;EAAG,SAAS;EAAG;CAAkB;CAC1D,SAAS;EAAE,GAAG,CAAC,QAAQ,IAAI;EAAG,SAAS;EAAK;CAAkB;AAClE,GAEM,IAAmD;CACrD,OAAO;EAAE,GAAG;EAAM,SAAS;EAAG;CAAkB;CAChD,MAAM;EAAE,GAAG,CAAC,MAAM,KAAK;EAAG,SAAS;EAAG;CAAkB;CACxD,SAAS;EAAE,GAAG,CAAC,OAAO,IAAI;EAAG,SAAS;EAAK;CAAkB;AACjE,GAEM,IAAyB;CAC3B,SAAS,MAAU,MAAS,SAAS,IAAa;CAClD,OAAO;EACH,OAAO;GACH,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;EACA,MAAM;GACF,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;EACA,SAAS;GACL,SAAS;GACT,GAAG;GACH;GACA,iBAAiB;EACrB;CACJ;CACA,QAAQ;EACJ,MAAM;GAAE,SAAS;GAAG,OAAO;GAAM;EAAkB;EACnD,OAAO;GAAE,SAAS;GAAG,OAAO,CAAC,MAAM,CAAC;GAAG;EAAkB;EACzD,SAAS;GACL,SAAS;GACT,OAAO;GACP;GACA,YAAY;IAAE,UAAU;IAAK,MAAM;GAAY;EACnD;CACJ;AACJ,GAEM,KAAW,EACb,qJACA;CACI,UAAU;EACN,MAAM;GACF,QAAQ;GACR,QAAQ;GACR,OAAO;EACX;EACA,UAAU;GACN,MAAM;GACN,OAAO;GACP,MAAM;EACV;CACJ;CACA,iBAAiB;EAAE,UAAU;EAAS,MAAM;CAAS;AACzD,CACJ,GAoCM,IAAkB;CAAE,KAAK;CAAG,MAAM;CAAG,OAAO;CAAG,QAAQ;AAAE,GAEzD,KAAkB,MAAc,IAAI,IAEpC,MAAa,MA4BX,kBAAC,EAAO,QAAR;CACI,WAAA;CACA,cAAA;CACA,cAAA;CACA,UAAU;CACV,MAAK;CACL,SAAS;CACT,aAAa;CACb,iBAAA;CACA,SAAS;CACD,SArCA,GAAU,MAAkB;EACxC,IAAI,EAAM,OAAO,SAAS;GAGtB,IAFA,EAAE,gBAAgB,GAClB,EAAE,yBAAyB,GACvB,EAAM,OAAO;IAEb,IAAM,IADM,EAAM,OAAO,QACR,sBAAsB,GACjC,IAAI,EAAM,MAAM,IAAI,KAAK,EAAK,QAC9B,IAAS,KAAK,IAAI,IAAI,EAAK,MAAM,CAAC,GAClC,IAAM,OAAO;IAOnB,OALI,KADwB,EAAe,CAC7B,IAA4B,EAAM,MAAM,IAAI,CAAM,KAC5D,SAAS,yBAAyB,eAClC,SAAS,eAAe,KAAK,GAEjC,EAAM,SAAS,EAAK,GACb,iBAAiB,EAAM,MAAM,IAAI,KAAA,CAAS,GAAG,GAAG;GAC3D;GACA,IAAM,IAAM,EAAM,OAAO,SACnB,IAAI,EAAM,MAAM,IAAI,KAAK,EAAI,sBAAsB,EAAE,OACrD,IAAQ,EAAM,aAAa,UAAU,CAAC,EAAK,MAAM,IAAI,EAAK,MAAM,GAChE,IAAQ,KAAK,IAAI,IAAI,CAAK;GAChC,OAAO,EAAM,MAAM,IAAI,CAAK;EAChC;CACJ;CAcQ,kBAAA;CACA,mBAAA;CACA,eAAY;CACZ,MAAM,EAAM,QAAQ,MAAM;CACT;CACjB,WAAW,EAAE,QAAQ,WAAW;CAChC,WAAW,EACP,4DACA,EAAM,QAAQ,sBAAsB,wCACpC,EAAM,QACA,qFACA,EAAM,aAAa,SACjB,sEACA,kEACZ;WAEC,EAAM,QAAQ,kBAAC,OAAD,EAAK,WAAU,+FAAgG,CAAA,IAAI;AACvH,CAAA,GAIjB,IAAY;CAAE,QAAQ;CAAS,OAAO;CAAQ,QAAQ;AAAO,GAE7D,MAAiB,GAAyB,GAAyB,GAA2B,MAAuC;CACvI,IAAM,IAAO,KAAa;CAE1B,OADI,IAAkB,MAAc,WAAY,KAAiB,EAAU,SAAU,EAAU,KACxF,IAAY,EAAU,KAAQ,EAAU;AACnD,GAOM,KAAuB,CAAC,GAMjB,IAAwB,GAE7B,EACI,SACA,UACA,WACA,YACA,YACA,aACA,aACA,cACA,cACA,kBACA,aAAU,IACV,cAAW,IACX,cAAW,IACX,eAAY,IACZ,cAAW,KAAA,GACX,sBAAmB,IACnB,MAAM,IAAQ,UACd,UAAU,GACV,uBAAoB,IACpB,qBAAkB,IAClB,cAAc,KAAkB,IAChC,GAAG,MAEP,OACC;CACD,IAAM,KAAI,EAAgB,GACpB,KAAO,GAAe,GACtB,IAAe,EAAuB,IAAI,GAC1C,IAAkB,EAAuB,IAAI,GAC7C,IAAY,EAAM,GAClB,IAAgB,EAAM,GACtB,IAAY,GAAc,oBAAoB,GAC9C,IAAW,GAAc,GAAW,GAAW,GAAO,CAAa,GACnE,IAAO,KAAgC,IAApB,EAAW,KAAyC,EAAW,OAClF,KAAY,OAAO,KAAS,aAAa,EAAK,CAA0B,IAAI,GAC5E,IAAO,KAAoB,IAAR,IAA4B,SAC/C,KAAa,MAAS,UAEtB,IAAW,GAAY;EACzB;EACA,cAAc;EACd,UAAU;CACd,CAAC,GACK,KAAQ,GAAS,EAAS,SAAS,CAAC,CAAC,GACrC,KAAO,GAAQ,EAAS,SAAS,EAAE,MAAM,SAAS,CAAC,GAUnD,IAAe,GAAgB;EAAC;EATtB,GAAW,EAAS,SAAS;GACzC,SAAS;GACT,WAAW;GACX,eAAe,MAAU;IACrB,IAAM,IAAS,EAAM;IACrB,OAAO,KAAqB,CAAC,CAAC,GAAQ;GAC1C;EACJ,CAE6C;EAAS;CAAI,EAAE,OAAO,EAAe,CAAC,GAE7E,IAAe,EAAmC,KAAA,CAAS,GAC3D,IAAS,EAAmC,KAAA,CAAS,GACrD,IAAa,EAAO,EAAK,GACzB,IAAY,EAAO,CAAC;CAE1B,QAAgB;EAEZ,AADA,EAAa,IAAI,KAAA,CAAS,GAC1B,EAAO,IAAI,KAAA,CAAS;CACxB,GAAG;EAAC;EAAM;EAAc;CAAM,CAAC;CAE/B,IAAM,UAAgB,EAAS,EAAK;CAEpC,GAAoB,WAAoB;EAAE,SAAS,EAAS;EAAS,UAAU,EAAgB;CAAQ,IAAI,CACvG,EAAS,SACT,CACJ,CAAC;CAiBD,IAAM,KACF,MAAS,UACF;EACG,MAAM;EACN,SAAS;EACT,aAAa;EACb,SAAS;EACT;EACA,WAAW;EACX,cAAc;EACd,cAAc;EACd,SA1BQ,GAA2C,MAAkB;GAE/E,IAAM,IADM,EAAS,KAAK,SAAS,QAClB,sBAAsB,GACjC,IAAI,EAAa,IAAI,KAAK,EAAK,QAC/B,IAAS,KAAK,IAAI,IAAI,EAAK,MAAM,CAAC,GAClC,IAAM,OAAO;GAOnB,OALI,KADwB,EAAe,CAC7B,IAA4B,EAAa,IAAI,CAAM,KAC7D,SAAS,yBAAyB,eAClC,SAAS,eAAe,KAAK,GAEjC,IAAW,EAAK,GACT,iBAAiB,EAAa,IAAI,KAAA,CAAS,GAAG,GAAG;EAC5D;EAcc,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,WAAW,EAAE,QAAQ,WAAW;CACpC,IACA;EAAE,SAAS;EAAU,SAAS;CAAM,GAExC,IAAgB,EAAmC,KAAA,CAAS,GAC5D,IAAS,EAAmC,KAAA,CAAS,GAErD,KAAY,IAAU,KAAO,EAAO;CAE1C,OACI,kBAAC,IAAD,EAAA,UAAA,CACK,IACG,kBAAC,IAAD;EAAW,KAAK,EAAS,KAAK;EAAc,GAAI,EAAa,kBAAkB;EAAa;EAAU,MAAK;YACtG;CACM,CAAA,IACX,MACJ,kBAAC,IAAD;EAAc,eAAe,IAAW,SAAS;YAC7C,kBAAC,IAAD;GAAgB,kBAAA;GAAuB;aACnC,kBAAC,GAAD;IAAiB,MAAK;IAAO,WAAA;cACxB,IACG,kBAAC,GAAD;KACI,YAAA;KACA,WAAW,EACP,0FACA,MAAS,WAAW,KAAK,uEACzB,CACJ;eAEA,kBAAC,IAAD;MAAsB,QAAA;MAAO,OAAA;MAAuB;MAAiB,SAAS,EAAS;gBACnF,kBAAC,GAAD;OAAiB,WAAA;iBACb,kBAAC,EAAO,KAAR;QACI,GAAI;QACJ,GAAK,IACC;SACI,mBAAmB;SACnB,oBAAoB;QACxB,IACA,EAAE,cAAc,EAAU;QAChC,GAAI,EAAa,iBAAiB;SAC9B,cAAc;SACd,KAAK,EAA0B,EAAS,KAAK,aAAa,CAAe;SACzE,WAAW,EAAI,GAAS;UAAE;UAAU;SAAK,CAAC,GAAG,GAAW,4BAA4B;QACxF,CAAC;QACD,MAAK;QACL,QAAQ;QACR,SAAQ;QACR,SAAQ;QACE;QACV,UAAU;QACV,kBAAe;QACf,OAAO,MAAS,WAAW,EAAE,OAAO,EAAa,IAAI;SAAE,QAAQ;SAAc,GAAG;QAAO;kBApB3F;SAsBK,MAAc,IACX,kBAAC,IAAD;UACc;UACV,OAAO;UACP,OAAO,MAAS;UACN;UACV,QAAQ,EAAS,KAAK;SACzB,CAAA,IACD;SACH,IACG,kBAAC,EAAO,QAAR;UAAe,GAAI;UAAsB,WAAU;oBAC9C,IACG,kBAAC,MAAD;WACI,IAAI;WACJ,WAAU;qBAET;UACD,CAAA,IACJ;SACO,CAAA,IACf;SACJ,kBAAC,EAAO,SAAR;UACI,KAAK;UACL,IAAI,IAAQ,IAAgB,KAAA;UAC5B,kBAAe;UACf,WAAW,EACP,0EACA,CACJ;UACA,YAAY,YAAY;WAIpB,IAHA,EAAO,IAAI,KAAA,CAAS,GACpB,EAAc,IAAI,KAAA,CAAS,GAEvB,EAAW,SAAS;YACpB,IAAM,IAAW,EAAO,IAAI,KAAK,GAC3B,IAAY,OAAO,cAAc,IACjC,IAAgB;YAYtB,AAXI,IAAW,KACX,MAAM,EAAQ,GAAe,OAAO,aAAa;aAAE,UAAU;aAAK,MAAM;YAAS,CAAC,EAC7E,UACL,EAAS,EAAK,KAEd,EAAQ,GAAe,GAAG;aACtB,MAAM;aACN,QAAQ;aACR,UAAU;YACd,CAAC,GAEL,EAAW,UAAU;WACzB;UACJ;UACA,eAAe,MAAM;WACjB,IAAM,IAAQ,EAAE,eAAe;WAG/B,AAFA,EAAc,IAAI,EAAM,KAAK,GAC7B,EAAO,IAAI,EAAM,KAAK,GACtB,EAAW,UAAU;UACzB;UACA,cAAc,MAAM;WAEhB,IAAM,IADQ,EAAE,eAAe,GACf,OACV,IAAQ,EAAO,IAAI,KAAK,GACxB,IAAY,EAAa,SAAS,aAAa;WAOrD,IALI,CAAC,EAAW,WAAW,KAAa,KAAK,IAAI,KAAS,MAAS,YAC/D,EAAW,UAAU,IACrB,EAAU,UAAU,IAGpB,EAAW,SAAS;YACpB,IAAM,IAAQ,IAAI,EAAU;YAC5B,AAAI,IAAQ,IACR,EAAO,IAAI,IAAQ,EAAG,IAEtB,EAAO,IAAI,CAAK;WAExB;WAEA,EAAO,IAAI,CAAC;UAChB;UAEC;SACW,CAAA;SACf,IACG,kBAAC,UAAD;UAAQ,WAAU;oBACb;SACG,CAAA,IACR;SACH,IACG,kBAAC,OAAD;UAAK,WAAU;oBACX,kBAAC,UAAD;WACI,MAAK;WACL,SAAS;WACT,cAAY,GAAE;WACd,WAAU;qBAEV,kBAAC,GAAD,EAAO,eAAY,OAAQ,CAAA;UACvB,CAAA;SACP,CAAA,IACL;QACI;;MACC,CAAA;KACC,CAAA;IACT,CAAA,IACjB;GACS,CAAA;EACL,CAAA;CACN,CAAA,CACR,EAAA,CAAA;AAElB,CACJ,GAiBI,IAAoC,OAAW,OAC3C,OAAO,SAAW,OAClB,QAAQ,KAAK,qCAAqC,GAE/C;AAGX,EAAM,WAAe,MAAwC,EAAc,CAAO;AAElF,IAAa,KAAwB,EAAE,kBAA8C;CACjF,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAS,KAAc,EAAkC,CAAC,CAAC,GAC5D,CAAC,GAAS,KAAc,QAAyC,CAAC,CAAC,GACnE,IAAa,EAA0B,IAAI;CACjD,QAAgB;EACZ,AAAI,KAAM,EAAW,SAAS,MAAM;CACxC,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAgB,GAAa,OAC/B,EAAW,CAAI,GACf,EAAQ,EAAI,GACL,IAAI,SAAS,MAAQ;EACxB,QAAiB,CAAG;CACxB,CAAC,IACF,CAAC,CAAC;CAkBL,OAhBA,QAAgB;EACZ,IAAgB;CACpB,GAAG,CAAC,CAAa,CAAC,GAed,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAAhC,CACK,GACD,kBAAC,GAAD;GACU;GACN,MAAK;GACL,UAAU;GACV,UAAU;GACV,mBAAmB;GACnB,OAAO,EAAQ,SAAS;GACxB,WAAU;GACV,QACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KAAQ,OAAO,EAAQ,QAAQ,SAAS;KAAe,eAnBpD;MAGnB,AAFA,EAAQ,EAAK,GAEb,EADe,EAAQ,QAAQ,SAAqB,MACnC,EAAK;KAC1B;eAgByB,EAAQ,QAAQ,QAAQ;IACrB,CAAA,GACR,kBAAC,GAAD;KAAQ,KAAK;KAAY,OAAO,EAAQ,SAAS,SAAS;KAAW,eA5BjE;MAGpB,AAFA,EAAQ,EAAK,GAEb,EADe,EAAQ,SAAS,SAAqB,MACpC,EAAI;KACzB;eAyByB,EAAQ,SAAS,QAAQ;IACtB,CAAA,CACP;;aAGT,kBAAC,OAAD;IAAK,WAAU;cAAuC,EAAQ;GAAiB,CAAA;EAC5E,CAAA,CACc;;AAEjC"}