@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/components/Dialog/Context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Context.cjs","sources":["../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* oxlint-disable no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    /** Stable ref to the dialog popup element. */\n    popupRef: React.RefObject<HTMLElement | null> | null;\n    props: Record<string, any>;\n    /** Forwarded ref from `<Dialog>` — attached to the Trigger button. */\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    popupRef: null,\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBa,MAAA,gBAAgBA,iBAAM,cAA6B;AAAA,EAC5D,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IAAA;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACX;AAAA,EACA,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AAAA,EACV,OAAO,CAAC;AAAA,EACR,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,MAAM;AACV,CAAC;AAEM,MAAM,mBAAmB,MAAM;AAC3B,SAAAA,iBAAM,WAAW,aAAa;AACzC;;;"}
+{"version":3,"file":"Context.cjs","sources":["../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* oxlint-disable no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    /** Stable ref to the dialog popup element. */\n    popupRef: React.RefObject<HTMLElement | null> | null;\n    props: Record<string, any>;\n    /** Forwarded ref from `<Dialog>` — attached to the Trigger button. */\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    popupRef: null,\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,gBAAgBA,iBAAM,cAA6B;AAAA,EAC5D,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,EAEnB,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAAA,EAEX,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AAAA,EACV,OAAO,CAAA;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,MAAM;AACV,CAAC;AAEM,MAAM,mBAAmB,MAAM;AAClC,SAAOA,iBAAM,WAAW,aAAa;AACzC;;;"}

package/dist/components/Dialog/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* oxlint-disable no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    /** Stable ref to the dialog popup element. */\n    popupRef: React.RefObject<HTMLElement | null> | null;\n    props: Record<string, any>;\n    /** Forwarded ref from `<Dialog>` — attached to the Trigger button. */\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    popupRef: null,\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":[],"mappings":";AAyBa,MAAA,gBAAgB,MAAM,cAA6B;AAAA,EAC5D,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IAAA;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACX;AAAA,EACA,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AAAA,EACV,OAAO,CAAC;AAAA,EACR,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,MAAM;AACV,CAAC;AAEM,MAAM,mBAAmB,MAAM;AAC3B,SAAA,MAAM,WAAW,aAAa;AACzC;"}
+{"version":3,"file":"Context.js","sources":["../../../src/components/Dialog/Context.tsx"],"sourcesContent":["/* oxlint-disable no-empty-function */\nimport * as React from 'react';\nimport { DialogSize } from './types';\n\nexport type DialogContext = {\n    closeOnEscape: boolean;\n    draggable: boolean;\n    drawer: {\n        open: boolean;\n        toggle: () => void;\n    };\n    elements: {\n        drawer?: React.ReactNode;\n        extra?: React.ReactNode;\n    };\n    onClose?: () => void;\n    /** Stable ref to the dialog popup element. */\n    popupRef: React.RefObject<HTMLElement | null> | null;\n    props: Record<string, any>;\n    /** Forwarded ref from `<Dialog>` — attached to the Trigger button. */\n    ref: React.Ref<HTMLElement>;\n    showCloseButton: boolean;\n    size: DialogSize;\n};\n\nexport const DialogContext = React.createContext<DialogContext>({\n    closeOnEscape: true,\n    draggable: false,\n    drawer: {\n        open: false,\n        toggle: () => {},\n    },\n    elements: {\n        drawer: undefined,\n        extra: undefined,\n    },\n    onClose: () => {},\n    popupRef: null,\n    props: {},\n    ref: null,\n    showCloseButton: true,\n    size: 'sm',\n});\n\nexport const useCurrentDialog = () => {\n    return React.useContext(DialogContext);\n};\n"],"names":[],"mappings":";AAyBO,MAAM,gBAAgB,MAAM,cAA6B;AAAA,EAC5D,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,EAEnB,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAAA,EAEX,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AAAA,EACV,OAAO,CAAA;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,MAAM;AACV,CAAC;AAEM,MAAM,mBAAmB,MAAM;AAClC,SAAO,MAAM,WAAW,aAAa;AACzC;"}

package/dist/components/Dialog/Dialog.cjs

@@ -31,10 +31,9 @@ const useSeparatedChildren = (initialChildren) => {
     let drawer;
     let extra;
     React__namespace.Children.toArray(initialChildren).forEach((child) => {
-      var _a, _b;
-      if (((_a = child.type) == null ? void 0 : _a.displayName) === DialogDrawer.DialogDrawer.displayName) {
+      if (child.type?.displayName === DialogDrawer.DialogDrawer.displayName) {
         drawer = child;
-      } else if (((_b = child.type) == null ? void 0 : _b.displayName) === Extra.Extra.displayName) {
+      } else if (child.type?.displayName === Extra.Extra.displayName) {
         extra = child;
       } else {
         children.push(child);
@@ -82,9 +81,8 @@ const Dialog = React__namespace.forwardRef(function Dialog2(props, ref) {
     [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]
   );
   const handleOpenChange = (open2, eventDetails) => {
-    var _a, _b;
     if (eventDetails.reason === "escape-key") {
-      const triggeredFromRadixPortal = (_a = eventDetails.event.target) == null ? void 0 : _a.closest(
+      const triggeredFromRadixPortal = eventDetails.event.target?.closest(
         "div[data-radix-popper-content-wrapper]"
       );
       if (triggeredFromRadixPortal) {
@@ -95,9 +93,9 @@ const Dialog = React__namespace.forwardRef(function Dialog2(props, ref) {
         eventDetails.cancel();
         return;
       }
-      (_b = props.onClose) == null ? void 0 : _b.call(props);
+      props.onClose?.();
     }
-    onChange == null ? void 0 : onChange(open2);
+    onChange?.(open2);
   };
   return /* @__PURE__ */ React__namespace.createElement(Context.DialogContext.Provider, { value: context }, /* @__PURE__ */ React__namespace.createElement(
     dialog.Dialog.Root,

package/dist/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\n\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\nimport {\n    Content,\n    Title,\n    Footer,\n    Close,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogContentDrawerRenderProps,\n    DialogTitleProps,\n    DialogFooterProps,\n    DialogCloseProps,\n} from './components/Content';\nimport { DialogDrawerProps, DialogDrawerRenderProps, DialogDrawer } from './components/DialogDrawer';\nimport { DialogExtraProps, Extra } from './components/Extra';\nimport { DialogContext } from './Context';\nimport { DialogSize } from './types';\nimport './Dialog.css';\n\nexport type {\n    DialogCloseProps,\n    DialogContentDrawerRenderProps,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogDrawerProps,\n    DialogDrawerRenderProps,\n    DialogFooterProps,\n    DialogSize,\n    DialogTitleProps,\n};\n\nexport type DialogTexts = {\n    /**\n     * Aria-label for close icon button in dialog.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    close: string;\n    drag: string;\n};\n\nexport type DialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** When `true`, pressing escape will close the dialog */\n    closeOnEscape?: boolean;\n    /** Set whether the dialog is open by default or not  */\n    defaultOpen?: boolean;\n    /** Allows dragging the dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Handler called when dialog closes by user interaction */\n    onClose?: () => void;\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Shows the close icon button of the dialog */\n    showCloseButton?: boolean;\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nconst useSeparatedChildren = (initialChildren: React.ReactNode) => {\n    return React.useMemo(() => {\n        const children: any[] = [];\n        let drawer;\n        let extra;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === DialogDrawer.displayName) {\n                drawer = child;\n            } else if (child.type?.displayName === Extra.displayName) {\n                extra = child;\n            } else {\n                children.push(child);\n            }\n        });\n\n        return [children, drawer, extra];\n    }, [initialChildren]);\n};\n\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        closeOnEscape = true,\n        defaultOpen,\n        draggable = false,\n        onChange,\n        onClose,\n        open,\n        showCloseButton = true,\n        size = 'sm',\n        trigger,\n        ...otherProps\n    } = props;\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\n    const popupRef = React.useRef<HTMLElement | null>(null);\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            draggable,\n            drawer: {\n                open: drawerOpen,\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\n            },\n            elements: {\n                drawer,\n                extra,\n            },\n            onClose,\n            popupRef,\n            props: otherProps,\n            showCloseButton,\n            size,\n            ref,\n        }),\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DialogPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (closeOnEscape === false) {\n                eventDetails.cancel();\n                return;\n            }\n            // call onClose, and fall through to also call onChange.\n            props.onClose?.();\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <DialogContext.Provider value={context}>\n            <DialogPrimitive.Root\n                defaultOpen={defaultOpen}\n                disablePointerDismissal\n                modal\n                open={open}\n                onOpenChange={handleOpenChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DialogContext.Provider>\n    );\n}) as ForwardedDialogWithStatics;\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Footer = Footer;\nDialog.Extra = Extra;\nDialog.Drawer = DialogDrawer;\nDialog.Close = Close;\n"],"names":["React","DialogDrawer","Extra","Dialog","open","DialogContext","DialogPrimitive","Trigger","Content","Title","Footer","Close"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,uBAAuB,CAAC,oBAAqC;AACxD,SAAAA,iBAAM,QAAQ,MAAM;AACvB,UAAM,WAAkB,CAAC;AACrB,QAAA;AACA,QAAA;AAEJA,qBAAM,SAAS,QAAQ,eAAe,EAAE,QAAQ,CAAC,UAAe;;AAC5D,YAAI,WAAM,SAAN,mBAAY,iBAAgBC,aAAAA,aAAa,aAAa;AAC7C,iBAAA;AAAA,MACF,aAAA,WAAM,SAAN,mBAAY,iBAAgBC,MAAAA,MAAM,aAAa;AAC9C,gBAAA;AAAA,MAAA,OACL;AACH,iBAAS,KAAK,KAAK;AAAA,MAAA;AAAA,IACvB,CACH;AAEM,WAAA,CAAC,UAAU,QAAQ,KAAK;AAAA,EAAA,GAChC,CAAC,eAAe,CAAC;AACxB;AAYO,MAAM,SAASF,iBAAM,WAAW,SAASG,QAAO,OAAoB,KAA6B;AAC9F,QAAA;AAAA,IACF,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,QAAQ,KAAK,IAAI,qBAAqB,eAAe;AACtE,QAAM,CAAC,YAAY,aAAa,IAAIH,iBAAM,SAAS,KAAK;AAClD,QAAA,WAAWA,iBAAM,OAA2B,IAAI;AAEtD,QAAM,UAAUA,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ,MAAM,cAAc,CAAA,iBAAgB,CAAC,YAAY;AAAA,MAC7D;AAAA,MACA,UAAU;AAAA,QACN;AAAA,QACA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,eAAe,YAAY,WAAW,QAAQ,OAAO,MAAM,YAAY,eAAe;AAAA,EAC3F;AAEM,QAAA,mBAAmB,CAACI,OAAe,iBAA0D;;AAC3F,QAAA,aAAa,WAAW,cAAc;AAChC,YAAA,4BAA4B,kBAAa,MAAM,WAAnB,mBAA2C;AAAA,QACzE;AAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAO;AAGpB,qBAAa,iBAAiB;AAC9B;AAAA,MAAA,WACO,kBAAkB,OAAO;AAChC,qBAAa,OAAO;AACpB;AAAA,MAAA;AAGJ,kBAAM,YAAN;AAAA,IAAgB;AAGpB,yCAAWA;AAAAA,EACf;AAEA,SACKJ,iCAAA,cAAAK,sBAAc,UAAd,EAAuB,OAAO,WAC3BL,iCAAA;AAAA,IAACM,OAAAA,OAAgB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,yBAAuB;AAAA,MACvB,OAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,IAAA;AAAA,IACb,WAAYN,iCAAA,cAAAO,QAAAA,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAUA,QAAA;AACjB,OAAO,UAAUC,QAAA;AACjB,OAAO,QAAQC,QAAA;AACf,OAAO,SAASC,QAAA;AAChB,OAAO,QAAQR,MAAA;AACf,OAAO,SAASD,aAAA;AAChB,OAAO,QAAQU,QAAA;;"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\n\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\nimport {\n    Content,\n    Title,\n    Footer,\n    Close,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogContentDrawerRenderProps,\n    DialogTitleProps,\n    DialogFooterProps,\n    DialogCloseProps,\n} from './components/Content';\nimport { DialogDrawerProps, DialogDrawerRenderProps, DialogDrawer } from './components/DialogDrawer';\nimport { DialogExtraProps, Extra } from './components/Extra';\nimport { DialogContext } from './Context';\nimport { DialogSize } from './types';\nimport './Dialog.css';\n\nexport type {\n    DialogCloseProps,\n    DialogContentDrawerRenderProps,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogDrawerProps,\n    DialogDrawerRenderProps,\n    DialogFooterProps,\n    DialogSize,\n    DialogTitleProps,\n};\n\nexport type DialogTexts = {\n    /**\n     * Aria-label for close icon button in dialog.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    close: string;\n    drag: string;\n};\n\nexport type DialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** When `true`, pressing escape will close the dialog */\n    closeOnEscape?: boolean;\n    /** Set whether the dialog is open by default or not  */\n    defaultOpen?: boolean;\n    /** Allows dragging the dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Handler called when dialog closes by user interaction */\n    onClose?: () => void;\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Shows the close icon button of the dialog */\n    showCloseButton?: boolean;\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n};\n\nconst useSeparatedChildren = (initialChildren: React.ReactNode) => {\n    return React.useMemo(() => {\n        const children: any[] = [];\n        let drawer;\n        let extra;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === DialogDrawer.displayName) {\n                drawer = child;\n            } else if (child.type?.displayName === Extra.displayName) {\n                extra = child;\n            } else {\n                children.push(child);\n            }\n        });\n\n        return [children, drawer, extra];\n    }, [initialChildren]);\n};\n\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        closeOnEscape = true,\n        defaultOpen,\n        draggable = false,\n        onChange,\n        onClose,\n        open,\n        showCloseButton = true,\n        size = 'sm',\n        trigger,\n        ...otherProps\n    } = props;\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\n    const popupRef = React.useRef<HTMLElement | null>(null);\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            draggable,\n            drawer: {\n                open: drawerOpen,\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\n            },\n            elements: {\n                drawer,\n                extra,\n            },\n            onClose,\n            popupRef,\n            props: otherProps,\n            showCloseButton,\n            size,\n            ref,\n        }),\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DialogPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (closeOnEscape === false) {\n                eventDetails.cancel();\n                return;\n            }\n            // call onClose, and fall through to also call onChange.\n            props.onClose?.();\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <DialogContext.Provider value={context}>\n            <DialogPrimitive.Root\n                defaultOpen={defaultOpen}\n                disablePointerDismissal\n                modal\n                open={open}\n                onOpenChange={handleOpenChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DialogContext.Provider>\n    );\n}) as ForwardedDialogWithStatics;\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Footer = Footer;\nDialog.Extra = Extra;\nDialog.Drawer = DialogDrawer;\nDialog.Close = Close;\n"],"names":["React","DialogDrawer","Extra","Dialog","open","DialogContext","DialogPrimitive","Trigger","Content","Title","Footer","Close"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,uBAAuB,CAAC,oBAAqC;AAC/D,SAAOA,iBAAM,QAAQ,MAAM;AACvB,UAAM,WAAkB,CAAA;AACxB,QAAI;AACJ,QAAI;AAEJA,qBAAM,SAAS,QAAQ,eAAe,EAAE,QAAQ,CAAC,UAAe;AAC5D,UAAI,MAAM,MAAM,gBAAgBC,aAAAA,aAAa,aAAa;AACtD,iBAAS;AAAA,MACb,WAAW,MAAM,MAAM,gBAAgBC,MAAAA,MAAM,aAAa;AACtD,gBAAQ;AAAA,MACZ,OAAO;AACH,iBAAS,KAAK,KAAK;AAAA,MACvB;AAAA,IACJ,CAAC;AAED,WAAO,CAAC,UAAU,QAAQ,KAAK;AAAA,EACnC,GAAG,CAAC,eAAe,CAAC;AACxB;AAYO,MAAM,SAASF,iBAAM,WAAW,SAASG,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,QAAQ,KAAK,IAAI,qBAAqB,eAAe;AACtE,QAAM,CAAC,YAAY,aAAa,IAAIH,iBAAM,SAAS,KAAK;AACxD,QAAM,WAAWA,iBAAM,OAA2B,IAAI;AAEtD,QAAM,UAAUA,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ,MAAM,cAAc,CAAA,iBAAgB,CAAC,YAAY;AAAA,MAAA;AAAA,MAE7D,UAAU;AAAA,QACN;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,eAAe,YAAY,WAAW,QAAQ,OAAO,MAAM,YAAY,eAAe;AAAA,EAAA;AAG3F,QAAM,mBAAmB,CAACI,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAGb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,kBAAkB,OAAO;AAChC,qBAAa,OAAA;AACb;AAAA,MACJ;AAEA,YAAM,UAAA;AAAA,IACV;AAEA,eAAWA,KAAI;AAAA,EACnB;AAEA,SACIJ,iCAAA,cAACK,sBAAc,UAAd,EAAuB,OAAO,WAC3BL,iCAAA;AAAA,IAACM,OAAAA,OAAgB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,yBAAuB;AAAA,MACvB,OAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,IAAA;AAAA,IACb,WAAWN,iCAAA,cAACO,QAAAA,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAUA,QAAAA;AACjB,OAAO,UAAUC,QAAAA;AACjB,OAAO,QAAQC,QAAAA;AACf,OAAO,SAASC,QAAAA;AAChB,OAAO,QAAQR,MAAAA;AACf,OAAO,SAASD,aAAAA;AAChB,OAAO,QAAQU,QAAAA;;"}

package/dist/components/Dialog/Dialog.d.ts

@@ -32,7 +32,7 @@ export type DialogProps = {
     /** Size of the dialog. This is the recommended way to set a size for dialog component. */
     size?: DialogSize;
     /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
+    trigger?: React.JSX.Element;
 };
 export type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {
     Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Dialog/Dialog.js

@@ -12,10 +12,9 @@ const useSeparatedChildren = (initialChildren) => {
     let drawer;
     let extra;
     React.Children.toArray(initialChildren).forEach((child) => {
-      var _a, _b;
-      if (((_a = child.type) == null ? void 0 : _a.displayName) === DialogDrawer.displayName) {
+      if (child.type?.displayName === DialogDrawer.displayName) {
         drawer = child;
-      } else if (((_b = child.type) == null ? void 0 : _b.displayName) === Extra.displayName) {
+      } else if (child.type?.displayName === Extra.displayName) {
         extra = child;
       } else {
         children.push(child);
@@ -63,9 +62,8 @@ const Dialog = React.forwardRef(function Dialog2(props, ref) {
     [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]
   );
   const handleOpenChange = (open2, eventDetails) => {
-    var _a, _b;
     if (eventDetails.reason === "escape-key") {
-      const triggeredFromRadixPortal = (_a = eventDetails.event.target) == null ? void 0 : _a.closest(
+      const triggeredFromRadixPortal = eventDetails.event.target?.closest(
         "div[data-radix-popper-content-wrapper]"
       );
       if (triggeredFromRadixPortal) {
@@ -76,9 +74,9 @@ const Dialog = React.forwardRef(function Dialog2(props, ref) {
         eventDetails.cancel();
         return;
       }
-      (_b = props.onClose) == null ? void 0 : _b.call(props);
+      props.onClose?.();
     }
-    onChange == null ? void 0 : onChange(open2);
+    onChange?.(open2);
   };
   return /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: context }, /* @__PURE__ */ React.createElement(
     Dialog$1.Root,

package/dist/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\n\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\nimport {\n    Content,\n    Title,\n    Footer,\n    Close,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogContentDrawerRenderProps,\n    DialogTitleProps,\n    DialogFooterProps,\n    DialogCloseProps,\n} from './components/Content';\nimport { DialogDrawerProps, DialogDrawerRenderProps, DialogDrawer } from './components/DialogDrawer';\nimport { DialogExtraProps, Extra } from './components/Extra';\nimport { DialogContext } from './Context';\nimport { DialogSize } from './types';\nimport './Dialog.css';\n\nexport type {\n    DialogCloseProps,\n    DialogContentDrawerRenderProps,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogDrawerProps,\n    DialogDrawerRenderProps,\n    DialogFooterProps,\n    DialogSize,\n    DialogTitleProps,\n};\n\nexport type DialogTexts = {\n    /**\n     * Aria-label for close icon button in dialog.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    close: string;\n    drag: string;\n};\n\nexport type DialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** When `true`, pressing escape will close the dialog */\n    closeOnEscape?: boolean;\n    /** Set whether the dialog is open by default or not  */\n    defaultOpen?: boolean;\n    /** Allows dragging the dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Handler called when dialog closes by user interaction */\n    onClose?: () => void;\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Shows the close icon button of the dialog */\n    showCloseButton?: boolean;\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nconst useSeparatedChildren = (initialChildren: React.ReactNode) => {\n    return React.useMemo(() => {\n        const children: any[] = [];\n        let drawer;\n        let extra;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === DialogDrawer.displayName) {\n                drawer = child;\n            } else if (child.type?.displayName === Extra.displayName) {\n                extra = child;\n            } else {\n                children.push(child);\n            }\n        });\n\n        return [children, drawer, extra];\n    }, [initialChildren]);\n};\n\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        closeOnEscape = true,\n        defaultOpen,\n        draggable = false,\n        onChange,\n        onClose,\n        open,\n        showCloseButton = true,\n        size = 'sm',\n        trigger,\n        ...otherProps\n    } = props;\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\n    const popupRef = React.useRef<HTMLElement | null>(null);\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            draggable,\n            drawer: {\n                open: drawerOpen,\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\n            },\n            elements: {\n                drawer,\n                extra,\n            },\n            onClose,\n            popupRef,\n            props: otherProps,\n            showCloseButton,\n            size,\n            ref,\n        }),\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DialogPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (closeOnEscape === false) {\n                eventDetails.cancel();\n                return;\n            }\n            // call onClose, and fall through to also call onChange.\n            props.onClose?.();\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <DialogContext.Provider value={context}>\n            <DialogPrimitive.Root\n                defaultOpen={defaultOpen}\n                disablePointerDismissal\n                modal\n                open={open}\n                onOpenChange={handleOpenChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DialogContext.Provider>\n    );\n}) as ForwardedDialogWithStatics;\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Footer = Footer;\nDialog.Extra = Extra;\nDialog.Drawer = DialogDrawer;\nDialog.Close = Close;\n"],"names":["Dialog","open","DialogPrimitive"],"mappings":";;;;;;;;AAiEA,MAAM,uBAAuB,CAAC,oBAAqC;AACxD,SAAA,MAAM,QAAQ,MAAM;AACvB,UAAM,WAAkB,CAAC;AACrB,QAAA;AACA,QAAA;AAEJ,UAAM,SAAS,QAAQ,eAAe,EAAE,QAAQ,CAAC,UAAe;;AAC5D,YAAI,WAAM,SAAN,mBAAY,iBAAgB,aAAa,aAAa;AAC7C,iBAAA;AAAA,MACF,aAAA,WAAM,SAAN,mBAAY,iBAAgB,MAAM,aAAa;AAC9C,gBAAA;AAAA,MAAA,OACL;AACH,iBAAS,KAAK,KAAK;AAAA,MAAA;AAAA,IACvB,CACH;AAEM,WAAA,CAAC,UAAU,QAAQ,KAAK;AAAA,EAAA,GAChC,CAAC,eAAe,CAAC;AACxB;AAYO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAA6B;AAC9F,QAAA;AAAA,IACF,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,QAAQ,KAAK,IAAI,qBAAqB,eAAe;AACtE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAClD,QAAA,WAAW,MAAM,OAA2B,IAAI;AAEtD,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ,MAAM,cAAc,CAAA,iBAAgB,CAAC,YAAY;AAAA,MAC7D;AAAA,MACA,UAAU;AAAA,QACN;AAAA,QACA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,eAAe,YAAY,WAAW,QAAQ,OAAO,MAAM,YAAY,eAAe;AAAA,EAC3F;AAEM,QAAA,mBAAmB,CAACC,OAAe,iBAA0D;;AAC3F,QAAA,aAAa,WAAW,cAAc;AAChC,YAAA,4BAA4B,kBAAa,MAAM,WAAnB,mBAA2C;AAAA,QACzE;AAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAO;AAGpB,qBAAa,iBAAiB;AAC9B;AAAA,MAAA,WACO,kBAAkB,OAAO;AAChC,qBAAa,OAAO;AACpB;AAAA,MAAA;AAGJ,kBAAM,YAAN;AAAA,IAAgB;AAGpB,yCAAWA;AAAAA,EACf;AAEA,SACK,sBAAA,cAAA,cAAc,UAAd,EAAuB,OAAO,WAC3B,sBAAA;AAAA,IAACC,SAAgB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,yBAAuB;AAAA,MACvB,OAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,IAAA;AAAA,IACb,WAAY,sBAAA,cAAA,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\n\nimport { DialogTriggerProps, Trigger } from './components/Trigger';\nimport {\n    Content,\n    Title,\n    Footer,\n    Close,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogContentDrawerRenderProps,\n    DialogTitleProps,\n    DialogFooterProps,\n    DialogCloseProps,\n} from './components/Content';\nimport { DialogDrawerProps, DialogDrawerRenderProps, DialogDrawer } from './components/DialogDrawer';\nimport { DialogExtraProps, Extra } from './components/Extra';\nimport { DialogContext } from './Context';\nimport { DialogSize } from './types';\nimport './Dialog.css';\n\nexport type {\n    DialogCloseProps,\n    DialogContentDrawerRenderProps,\n    DialogContentProps,\n    DialogContentRenderProps,\n    DialogDrawerProps,\n    DialogDrawerRenderProps,\n    DialogFooterProps,\n    DialogSize,\n    DialogTitleProps,\n};\n\nexport type DialogTexts = {\n    /**\n     * Aria-label for close icon button in dialog.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    close: string;\n    drag: string;\n};\n\nexport type DialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** When `true`, pressing escape will close the dialog */\n    closeOnEscape?: boolean;\n    /** Set whether the dialog is open by default or not  */\n    defaultOpen?: boolean;\n    /** Allows dragging the dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Handler called when dialog closes by user interaction */\n    onClose?: () => void;\n    /** Called when the dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Shows the close icon button of the dialog */\n    showCloseButton?: boolean;\n    /** Size of the dialog. This is the recommended way to set a size for dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the dialog, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n};\n\nconst useSeparatedChildren = (initialChildren: React.ReactNode) => {\n    return React.useMemo(() => {\n        const children: any[] = [];\n        let drawer;\n        let extra;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === DialogDrawer.displayName) {\n                drawer = child;\n            } else if (child.type?.displayName === Extra.displayName) {\n                extra = child;\n            } else {\n                children.push(child);\n            }\n        });\n\n        return [children, drawer, extra];\n    }, [initialChildren]);\n};\n\nexport type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Extra: React.ForwardRefExoticComponent<DialogExtraProps & React.RefAttributes<HTMLDivElement>>;\n    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const Dialog = React.forwardRef(function Dialog(props: DialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        closeOnEscape = true,\n        defaultOpen,\n        draggable = false,\n        onChange,\n        onClose,\n        open,\n        showCloseButton = true,\n        size = 'sm',\n        trigger,\n        ...otherProps\n    } = props;\n    const [children, drawer, extra] = useSeparatedChildren(initialChildren);\n    const [drawerOpen, setDrawerOpen] = React.useState(false);\n    const popupRef = React.useRef<HTMLElement | null>(null);\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            draggable,\n            drawer: {\n                open: drawerOpen,\n                toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen),\n            },\n            elements: {\n                drawer,\n                extra,\n            },\n            onClose,\n            popupRef,\n            props: otherProps,\n            showCloseButton,\n            size,\n            ref,\n        }),\n        [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: DialogPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            } else if (closeOnEscape === false) {\n                eventDetails.cancel();\n                return;\n            }\n            // call onClose, and fall through to also call onChange.\n            props.onClose?.();\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <DialogContext.Provider value={context}>\n            <DialogPrimitive.Root\n                defaultOpen={defaultOpen}\n                disablePointerDismissal\n                modal\n                open={open}\n                onOpenChange={handleOpenChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DialogContext.Provider>\n    );\n}) as ForwardedDialogWithStatics;\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Footer = Footer;\nDialog.Extra = Extra;\nDialog.Drawer = DialogDrawer;\nDialog.Close = Close;\n"],"names":["Dialog","open","DialogPrimitive"],"mappings":";;;;;;;;AAiEA,MAAM,uBAAuB,CAAC,oBAAqC;AAC/D,SAAO,MAAM,QAAQ,MAAM;AACvB,UAAM,WAAkB,CAAA;AACxB,QAAI;AACJ,QAAI;AAEJ,UAAM,SAAS,QAAQ,eAAe,EAAE,QAAQ,CAAC,UAAe;AAC5D,UAAI,MAAM,MAAM,gBAAgB,aAAa,aAAa;AACtD,iBAAS;AAAA,MACb,WAAW,MAAM,MAAM,gBAAgB,MAAM,aAAa;AACtD,gBAAQ;AAAA,MACZ,OAAO;AACH,iBAAS,KAAK,KAAK;AAAA,MACvB;AAAA,IACJ,CAAC;AAED,WAAO,CAAC,UAAU,QAAQ,KAAK;AAAA,EACnC,GAAG,CAAC,eAAe,CAAC;AACxB;AAYO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAA6B;AACpG,QAAM;AAAA,IACF,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,CAAC,UAAU,QAAQ,KAAK,IAAI,qBAAqB,eAAe;AACtE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,WAAW,MAAM,OAA2B,IAAI;AAEtD,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ,MAAM,cAAc,CAAA,iBAAgB,CAAC,YAAY;AAAA,MAAA;AAAA,MAE7D,UAAU;AAAA,QACN;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEJ,CAAC,eAAe,YAAY,WAAW,QAAQ,OAAO,MAAM,YAAY,eAAe;AAAA,EAAA;AAG3F,QAAM,mBAAmB,CAACC,OAAe,iBAA0D;AAC/F,QAAI,aAAa,WAAW,cAAc;AACtC,YAAM,2BAA4B,aAAa,MAAM,QAAwB;AAAA,QACzE;AAAA,MAAA;AAGJ,UAAI,0BAA0B;AAI1B,qBAAa,OAAA;AAGb,qBAAa,iBAAA;AACb;AAAA,MACJ,WAAW,kBAAkB,OAAO;AAChC,qBAAa,OAAA;AACb;AAAA,MACJ;AAEA,YAAM,UAAA;AAAA,IACV;AAEA,eAAWA,KAAI;AAAA,EACnB;AAEA,SACI,sBAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,WAC3B,sBAAA;AAAA,IAACC,SAAgB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,yBAAuB;AAAA,MACvB,OAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,IAAA;AAAA,IACb,WAAW,sBAAA,cAAC,SAAA,MAAS,OAAQ;AAAA,IAC7B;AAAA,EAAA,CAET;AAER,CAAC;AAED,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,QAAQ;"}

package/dist/components/Dialog/components/Content.cjs

@@ -53,15 +53,15 @@ const Content = React__namespace.forwardRef(function DialogContent(props, forwar
   const { position, dragging, handleProps: dragHandleProps } = useDraggable.useDraggable(popupRef);
   const { texts } = Localization.useLocalization();
   const className = cn(
-    "relative bg-white animate-[fade-in_150ms] rounded print:!static",
-    util.getDialogPositionClassnames(),
-    util.getDialogSizeClassnames(dialog$1.size),
-    "print:w-full print:h-max print:m-0 print:overflow-visible"
+    "relative animate-[fade-in_150ms] rounded bg-white print:!static",
+    util.DIALOG_POSITION_CLASSNAMES,
+    util.DIALOG_SIZE_CLASSNAME[dialog$1.size],
+    "print:m-0 print:h-max print:w-full print:overflow-visible"
   );
   const containerClassName = cn(
-    "bg-white p-6 rounded relative z-10 shadow print:p-0",
+    "relative z-10 rounded bg-white p-6 shadow print:p-0",
     // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.
-    "print:overflow-visible print:h-max print:!transform-none print:!inset-0 print:!m-0",
+    "print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible",
     {
       "rounded-b-none": !!dialog$1.elements.extra
     },
@@ -93,7 +93,7 @@ const Content = React__namespace.forwardRef(function DialogContent(props, forwar
         draggable: true,
         "aria-grabbed": dragging,
         "aria-label": texts.dialog.drag,
-        className: "yt-dialog__drag absolute-center-x top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center print:hidden"
+        className: "yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden"
       }
     ), dialog$1.showCloseButton ? /* @__PURE__ */ React__namespace.createElement(
       dialog.Dialog.Close,

package/dist/components/Dialog/components/Content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { DialogContext, useCurrentDialog } from '../Context';\nimport { useLocalization } from '../../Provider/Localization';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { getDialogPositionClassnames, getDialogSizeClassnames } from '../util';\nimport { Backdrop } from '../../Backdrop/Backdrop';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative bg-white animate-[fade-in_150ms] rounded print:!static',\n        getDialogPositionClassnames(),\n        getDialogSizeClassnames(dialog.size),\n        'print:w-full print:h-max print:m-0 print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'bg-white p-6 rounded relative z-10 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:overflow-visible print:h-max print:!transform-none print:!inset-0 print:!m-0',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag absolute-center-x top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["React","DialogPrimitive","dialog","useCurrentDialog","RenderPropWrapper","mergeRefs","useDraggable","useLocalization","getDialogPositionClassnames","getDialogSizeClassnames","Backdrop","LegacyIconButton"],"mappings":"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"}
+{"version":3,"file":"Content.cjs","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { DialogContext, useCurrentDialog } from '../Context';\nimport { useLocalization } from '../../Provider/Localization';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from '../util';\nimport { Backdrop } from '../../Backdrop/Backdrop';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative animate-[fade-in_150ms] rounded bg-white print:!static',\n        DIALOG_POSITION_CLASSNAMES,\n        DIALOG_SIZE_CLASSNAME[dialog.size],\n        'print:m-0 print:h-max print:w-full print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'relative z-10 rounded bg-white p-6 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["React","DialogPrimitive","dialog","useCurrentDialog","RenderPropWrapper","mergeRefs","useDraggable","useLocalization","DIALOG_POSITION_CLASSNAMES","DIALOG_SIZE_CLASSNAME","Backdrop","LegacyIconButton"],"mappings":"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"}

package/dist/components/Dialog/components/Content.d.ts

@@ -11,10 +11,10 @@ export declare const Title: React.ForwardRefExoticComponent<DialogTitleProps & R
 export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
 export type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {
-    children: JSX.Element;
+    children: React.JSX.Element;
 };
 export declare const Close: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
-    children: JSX.Element;
+    children: React.JSX.Element;
 } & React.RefAttributes<HTMLButtonElement>>;
 export type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
     /** An accessible label to be announced when the dialog is opened */

package/dist/components/Dialog/components/Content.js

@@ -6,7 +6,7 @@ import { mergeRefs } from "../../../utils/mergeRefs.js";
 import { useCurrentDialog } from "../Context.js";
 import { useLocalization } from "../../Provider/Localization.js";
 import { LegacyIconButton } from "../../LegacyComponents/IconButton/IconButton.js";
-import { getDialogPositionClassnames, getDialogSizeClassnames } from "../util.js";
+import { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from "../util.js";
 import { Backdrop } from "../../Backdrop/Backdrop.js";
 const Title = React.forwardRef(function DialogTitle(props, ref) {
   const className = cn("text-center", props.className);
@@ -34,15 +34,15 @@ const Content = React.forwardRef(function DialogContent(props, forwardedRef) {
   const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);
   const { texts } = useLocalization();
   const className = cn(
-    "relative bg-white animate-[fade-in_150ms] rounded print:!static",
-    getDialogPositionClassnames(),
-    getDialogSizeClassnames(dialog.size),
-    "print:w-full print:h-max print:m-0 print:overflow-visible"
+    "relative animate-[fade-in_150ms] rounded bg-white print:!static",
+    DIALOG_POSITION_CLASSNAMES,
+    DIALOG_SIZE_CLASSNAME[dialog.size],
+    "print:m-0 print:h-max print:w-full print:overflow-visible"
   );
   const containerClassName = cn(
-    "bg-white p-6 rounded relative z-10 shadow print:p-0",
+    "relative z-10 rounded bg-white p-6 shadow print:p-0",
     // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.
-    "print:overflow-visible print:h-max print:!transform-none print:!inset-0 print:!m-0",
+    "print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible",
     {
       "rounded-b-none": !!dialog.elements.extra
     },
@@ -74,7 +74,7 @@ const Content = React.forwardRef(function DialogContent(props, forwardedRef) {
         draggable: true,
         "aria-grabbed": dragging,
         "aria-label": texts.dialog.drag,
-        className: "yt-dialog__drag absolute-center-x top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center print:hidden"
+        className: "yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden"
       }
     ), dialog.showCloseButton ? /* @__PURE__ */ React.createElement(
       Dialog.Close,

package/dist/components/Dialog/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { DialogContext, useCurrentDialog } from '../Context';\nimport { useLocalization } from '../../Provider/Localization';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { getDialogPositionClassnames, getDialogSizeClassnames } from '../util';\nimport { Backdrop } from '../../Backdrop/Backdrop';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative bg-white animate-[fade-in_150ms] rounded print:!static',\n        getDialogPositionClassnames(),\n        getDialogSizeClassnames(dialog.size),\n        'print:w-full print:h-max print:m-0 print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'bg-white p-6 rounded relative z-10 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:overflow-visible print:h-max print:!transform-none print:!inset-0 print:!m-0',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag absolute-center-x top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["DialogPrimitive","RenderPropWrapper"],"mappings":";;;;;;;;;;AAmBO,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAoC;AACpH,QAAM,YAAY,GAAG,eAAe,MAAM,SAAS;AACnD,6CAAQA,OAAgB,OAAhB,EAAuB,GAAG,OAAO,WAAsB,KAAU;AAC7E,CAAC;AAGM,MAAM,SAAS,MAAM,WAAW,SAAS,aAAa,OAA0B,KAAgC;AACnH,QAAM,YAAY,GAAG,yBAAyB,MAAM,SAAS;AAC7D,6CACK,OAAK,EAAA,GAAG,OAAO,WAAsB,IAAA,GACjC,MAAM,QACX;AAER,CAAC;AAMM,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACnH,QAAM,SAAS,iBAAiB;AAChC,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AAE5B,SAAA,sBAAA,cAACA,OAAgB,OAAhB,EAAuB,GAAG,WAAW,SAAS,OAAO,SAAS,KAAU,QAAQ,SAAU,CAAA;AACtG,CAAC;AAED,MAAM,oBAAoB,MAAM,WAAW,SAASC,mBAAkB,EAAE,UAAU,SAAS,YAAY,GAAQ,KAAK;AAChH,QAAM,QAAQ,MAAM;AACR,YAAA,IAAI,YAAY,OAAO,CAAC;AAAA,EACpC;AAEA,SAAO,SAAS,EAAE,OAAO,KAAK,GAAG,aAAa;AAClD,CAAC;AASM,MAAM,UAAU,MAAM,WAAW,SAAS,cAC7C,OACA,cACF;AACE,QAAM,SAAS,iBAAiB;AAGhC,QAAM,WAAW,OAAO;AACxB,QAAM,cAAc,MAAM,QAAQ,MAAM,UAA0B,CAAC,UAAU,YAAY,CAAC,GAAG,CAAC,UAAU,YAAY,CAAC;AACrH,QAAM,EAAE,UAAU,UAAU,aAAa,gBAAgB,IAAI,aAAa,QAAQ;AAC5E,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAElC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,4BAA4B;AAAA,IAC5B,wBAAwB,OAAO,IAAI;AAAA,IACnC;AAAA,EACJ;AAEA,QAAM,qBAAqB;AAAA,IACvB;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,CAAC,OAAO,SAAS;AAAA,IACxC;AAAA,IACA,MAAM;AAAA,EACV;AAEI,MAAA;AAEA,MAAA,OAAO,MAAM,aAAa,YAAY;AACtC,aACK,sBAAA,cAAA,OAAA,MACI,sBAAA,cAAA,mBAAA,EAAkB,aAAa,EAAE,QAAQ,OAAO,OAAO,EAAA,GAAI,MAAM,QAAS,CAC/E;AAAA,EAAA,OAED;AACH,aAAS,MAAM;AAAA,EAAA;AAEnB,SACK,sBAAA,cAAAD,OAAgB,QAAhB,0CACI,UACG,MAAA,sBAAA;AAAA,IAACA,OAAgB;AAAA,IAAhB;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT,MAAM,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,QAC7C,KAAK,OAAO,YAAY,GAAG,SAAS,CAAC,OAAO;AAAA,MAAA;AAAA,IAChD;AAAA,IACA,sBAAA,cAAC,SAAI,WAAW,oBAAoB,aAAU,SACzC,GAAA,QACA,OAAO,aACJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAK;AAAA,QACL,WAAS;AAAA,QACT,gBAAc;AAAA,QACd,cAAY,MAAM,OAAO;AAAA,QACzB,WAAU;AAAA,MAAA;AAAA,IAAA,GAGjB,OAAO,kBACJ,sBAAA;AAAA,MAACA,OAAgB;AAAA,MAAhB;AAAA,QACG,SAAS,OAAO;AAAA,QAChB,QACI,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,cAAY,MAAM,OAAO;AAAA,YACzB,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,QAER,IACR;AAAA,IACC,OAAO,SAAS;AAAA,IAChB,OAAO,SAAS;AAAA,EAAA,CAEzB,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/Dialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { DialogContext, useCurrentDialog } from '../Context';\nimport { useLocalization } from '../../Provider/Localization';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from '../util';\nimport { Backdrop } from '../../Backdrop/Backdrop';\n\nexport type DialogContentDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogContentRenderProps = {\n    close: () => void;\n    drawer?: DialogContentDrawerRenderProps;\n};\n\nexport type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: DialogTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('text-center', props.className);\n    return <DialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DialogFooter(props: DialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('mt-8 flex justify-end', props.className);\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type DialogCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\n\nexport const Close = React.forwardRef(function DialogClose(props: DialogCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const dialog = useCurrentDialog();\n    const { children, ...restProps } = props;\n\n    return <DialogPrimitive.Close {...restProps} onClick={dialog.onClose} ref={ref} render={children} />;\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode | ((props: DialogContentRenderProps) => React.ReactNode);\n    initialFocus?: DialogPrimitive.Popup.Props['initialFocus'];\n    finalFocus?: DialogPrimitive.Popup.Props['finalFocus'];\n};\nexport const Content = React.forwardRef(function DialogContent(\n    props: DialogContentProps,\n    forwardedRef: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentDialog();\n    // Popup ref lives on the Dialog root so descendants can read it via `useDialogScope`;\n    // we attach it to the popup node here and merge in any forwarded ref.\n    const popupRef = dialog.popupRef as React.MutableRefObject<HTMLDivElement | null>;\n    const setPopupRef = React.useMemo(() => mergeRefs<HTMLDivElement>([popupRef, forwardedRef]), [popupRef, forwardedRef]);\n    const { position, dragging, handleProps: dragHandleProps } = useDraggable(popupRef);\n    const { texts } = useLocalization();\n\n    const className = cn(\n        'relative animate-[fade-in_150ms] rounded bg-white print:!static',\n        DIALOG_POSITION_CLASSNAMES,\n        DIALOG_SIZE_CLASSNAME[dialog.size],\n        'print:m-0 print:h-max print:w-full print:overflow-visible'\n    );\n\n    const containerClassName = cn(\n        'relative z-10 rounded bg-white p-6 shadow print:p-0',\n        // The `!fixed` property is crucial to ensure that when a draggable dialog is moved, the printed document still displays its content across the full page.\n        'print:!inset-0 print:!m-0 print:h-max print:!transform-none print:overflow-visible',\n        {\n            'rounded-b-none': !!dialog.elements.extra,\n        },\n        props.className\n    );\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper renderProps={{ drawer: dialog.drawer }}>{props.children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = props.children;\n    }\n    return (\n        <DialogPrimitive.Portal>\n            <Backdrop>\n                <DialogPrimitive.Popup\n                    {...props}\n                    className={className}\n                    ref={setPopupRef}\n                    style={{\n                        ...props.style,\n                        left: dialog.draggable ? `${position.x}px` : undefined,\n                        top: dialog.draggable ? `${position.y}px` : undefined,\n                    }}>\n                    <div className={containerClassName} data-taco=\"dialog\">\n                        {output}\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                role=\"button\"\n                                draggable\n                                aria-grabbed={dragging}\n                                aria-label={texts.dialog.drag}\n                                className=\"yt-dialog__drag top-1.5 h-3 w-24 cursor-move rounded bg-gray-100 text-center absolute-center-x print:hidden\"\n                            />\n                        )}\n                        {dialog.showCloseButton ? (\n                            <DialogPrimitive.Close\n                                onClick={dialog.onClose}\n                                render={\n                                    <LegacyIconButton\n                                        appearance=\"discrete\"\n                                        aria-label={texts.dialog.close}\n                                        className=\"absolute right-0 top-0 mr-2 mt-2 print:hidden\"\n                                        icon=\"close\"\n                                    />\n                                }></DialogPrimitive.Close>\n                        ) : null}\n                    </div>\n                    {dialog.elements.drawer}\n                    {dialog.elements.extra}\n                </DialogPrimitive.Popup>\n            </Backdrop>\n        </DialogPrimitive.Portal>\n    );\n});\n"],"names":["DialogPrimitive","RenderPropWrapper"],"mappings":"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"}

package/dist/components/Dialog/components/DialogDrawer.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const framerMotion = require("framer-motion");
+const react = require("motion/react");
 const cn = require("clsx");
 const Context = require("../Context.cjs");
 function _interopNamespaceDefault(e) {
@@ -22,19 +22,18 @@ function _interopNamespaceDefault(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const DialogDrawer = React__namespace.forwardRef(function DialogDrawer2(props, ref) {
-  var _a, _b;
   const dialog = Context.useCurrentDialog();
   const className = cn(
-    "absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
+    "absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
     props.className
   );
   return /* @__PURE__ */ React__namespace.createElement(
-    framerMotion.motion.div,
+    react.motion.div,
     {
       ...props,
       className,
       "data-taco": "dialog-drawer",
-      "aria-hidden": !((_a = dialog.drawer) == null ? void 0 : _a.open),
+      "aria-hidden": !dialog.drawer?.open,
       variants: {
         visible: {
           left: "100%",
@@ -49,7 +48,7 @@ const DialogDrawer = React__namespace.forwardRef(function DialogDrawer2(props, r
           }
         }
       },
-      animate: ((_b = dialog.drawer) == null ? void 0 : _b.open) ? "visible" : "hidden",
+      animate: dialog.drawer?.open ? "visible" : "hidden",
       ref
     },
     typeof props.children === "function" ? props.children(dialog.drawer) : props.children

package/dist/components/Dialog/components/DialogDrawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDrawer.cjs","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport cn from 'clsx';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}>\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["React","DialogDrawer","useCurrentDialog","motion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,eAAeA,iBAAM,WAAW,SAASC,cAAa,OAA0B,KAAgC;;AAClH,QAAM,SAASC,QAAAA,iBAAiB;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAGI,SAAAF,iCAAA;AAAA,IAACG,aAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,GAAC,YAAO,WAAP,mBAAe;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAI;AAAA,QACjD;AAAA,QACA,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAI;AAAA,UAC7C,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MAER;AAAA,MACA,WAAS,YAAO,WAAP,mBAAe,QAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAClF;AAER,CAAC;AACD,aAAa,cAAc;;"}
+{"version":3,"file":"DialogDrawer.cjs","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'motion/react';\nimport cn from 'clsx';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}>\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["React","DialogDrawer","useCurrentDialog","motion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,eAAeA,iBAAM,WAAW,SAASC,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAASC,QAAAA,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIF,iCAAA;AAAA,IAACG,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;;"}

package/dist/components/Dialog/components/DialogDrawer.js

@@ -1,12 +1,11 @@
 import * as React from "react";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import cn from "clsx";
 import { useCurrentDialog } from "../Context.js";
 const DialogDrawer = React.forwardRef(function DialogDrawer2(props, ref) {
-  var _a, _b;
   const dialog = useCurrentDialog();
   const className = cn(
-    "absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
+    "absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
     props.className
   );
   return /* @__PURE__ */ React.createElement(
@@ -15,7 +14,7 @@ const DialogDrawer = React.forwardRef(function DialogDrawer2(props, ref) {
       ...props,
       className,
       "data-taco": "dialog-drawer",
-      "aria-hidden": !((_a = dialog.drawer) == null ? void 0 : _a.open),
+      "aria-hidden": !dialog.drawer?.open,
       variants: {
         visible: {
           left: "100%",
@@ -30,7 +29,7 @@ const DialogDrawer = React.forwardRef(function DialogDrawer2(props, ref) {
           }
         }
       },
-      animate: ((_b = dialog.drawer) == null ? void 0 : _b.open) ? "visible" : "hidden",
+      animate: dialog.drawer?.open ? "visible" : "hidden",
       ref
     },
     typeof props.children === "function" ? props.children(dialog.drawer) : props.children

package/dist/components/Dialog/components/DialogDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDrawer.js","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'framer-motion';\nimport cn from 'clsx';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0  -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}>\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["DialogDrawer"],"mappings":";;;;AAcA,MAAM,eAAe,MAAM,WAAW,SAASA,cAAa,OAA0B,KAAgC;;AAClH,QAAM,SAAS,iBAAiB;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAGI,SAAA,sBAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,GAAC,YAAO,WAAP,mBAAe;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAI;AAAA,QACjD;AAAA,QACA,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAI;AAAA,UAC7C,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MAER;AAAA,MACA,WAAS,YAAO,WAAP,mBAAe,QAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAClF;AAER,CAAC;AACD,aAAa,cAAc;"}
+{"version":3,"file":"DialogDrawer.js","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { motion } from 'motion/react';\nimport cn from 'clsx';\nimport { DialogContext, useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n    const dialog = useCurrentDialog();\n    const className = cn(\n        'absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n        props.className\n    );\n\n    return (\n        <motion.div\n            {...props}\n            className={className}\n            data-taco=\"dialog-drawer\"\n            aria-hidden={!dialog.drawer?.open}\n            variants={{\n                visible: {\n                    left: '100%',\n                    display: 'block',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                },\n                hidden: {\n                    left: '0%',\n                    transition: { ease: 'easeOut', duration: 0.2 },\n                    transitionEnd: {\n                        display: 'none',\n                    },\n                },\n            }}\n            animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n            ref={ref}>\n            {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n        </motion.div>\n    );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["DialogDrawer"],"mappings":";;;;AAcA,MAAM,eAAe,MAAM,WAAW,SAASA,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAAS,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;"}

package/dist/components/Dialog/components/Extra.cjs

@@ -21,7 +21,7 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const Extra = React__namespace.forwardRef(function DialogExtra(props, ref) {
   const className = cn(
-    "wcag-gray-100 absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left",
+    "absolute left-0 top-full -mt-px w-full rounded-b rounded-t-none p-6 text-left wcag-gray-100",
     props.className
   );
   return /* @__PURE__ */ React__namespace.createElement("div", { ...props, className, "data-taco": "dialog-extra", ref });

package/dist/components/Dialog/components/Extra.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Extra.cjs","sources":["../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'wcag-gray-100 absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAQA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AACzG,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,wDAAQ,OAAK,EAAA,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AACD,MAAM,cAAc;;"}
+{"version":3,"file":"Extra.cjs","sources":["../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'absolute left-0 top-full -mt-px w-full rounded-b rounded-t-none p-6 text-left wcag-gray-100',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAQA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AACzG,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,wDAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AACD,MAAM,cAAc;;"}

package/dist/components/Dialog/components/Extra.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import cn from "clsx";
 const Extra = React.forwardRef(function DialogExtra(props, ref) {
   const className = cn(
-    "wcag-gray-100 absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left",
+    "absolute left-0 top-full -mt-px w-full rounded-b rounded-t-none p-6 text-left wcag-gray-100",
     props.className
   );
   return /* @__PURE__ */ React.createElement("div", { ...props, className, "data-taco": "dialog-extra", ref });

package/dist/components/Dialog/components/Extra.js.map

@@ -1 +1 @@
-{"version":3,"file":"Extra.js","sources":["../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'wcag-gray-100 absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":[],"mappings":";;AAKA,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AACzG,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,6CAAQ,OAAK,EAAA,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AACD,MAAM,cAAc;"}
+{"version":3,"file":"Extra.js","sources":["../../../../src/components/Dialog/components/Extra.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nexport type DialogExtraProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Extra = React.forwardRef(function DialogExtra(props: DialogExtraProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'absolute left-0 top-full -mt-px w-full rounded-b rounded-t-none p-6 text-left wcag-gray-100',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"dialog-extra\" ref={ref} />;\n});\nExtra.displayName = 'DialogExtra';\n\nexport { Extra };\n"],"names":[],"mappings":";;AAKA,MAAM,QAAQ,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AACzG,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,6CAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AACD,MAAM,cAAc;"}

package/dist/components/Dialog/components/Trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useCurrentDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\nexport const Trigger = React.forwardRef(function DialogTrigger(\n    props: DialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...restProps } = props;\n    const { ref: parentRef } = useCurrentDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    // if it's an object, it's a react component and we have to assume it eventually renders a button.\n    const isNativeButton = props.children.type === 'button' || typeof props.children.type === 'object';\n\n    return <DialogPrimitive.Trigger {...restProps} ref={refCallback} nativeButton={isNativeButton} render={children} />;\n});\n"],"names":["React","useCurrentDialog","mergeRefs","DialogPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAUA,iBAAM,WAAW,SAAS,cAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AACnC,QAAM,EAAE,KAAK,UAAU,IAAIC,yBAAiB;AAC5C,QAAM,cAAcC,UAAA,UAAU,CAAC,WAAW,WAAW,CAAC;AAGhD,QAAA,iBAAiB,MAAM,SAAS,SAAS,YAAY,OAAO,MAAM,SAAS,SAAS;AAEnF,SAAAF,iCAAA,cAACG,cAAgB,SAAhB,EAAyB,GAAG,WAAW,KAAK,aAAa,cAAc,gBAAgB,QAAQ,SAAU,CAAA;AACrH,CAAC;;"}
+{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useCurrentDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\nexport const Trigger = React.forwardRef(function DialogTrigger(\n    props: DialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...restProps } = props;\n    const { ref: parentRef } = useCurrentDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    // if it's an object, it's a react component and we have to assume it eventually renders a button.\n    const isNativeButton = props.children.type === 'button' || typeof props.children.type === 'object';\n\n    return <DialogPrimitive.Trigger {...restProps} ref={refCallback} nativeButton={isNativeButton} render={children} />;\n});\n"],"names":["React","useCurrentDialog","mergeRefs","DialogPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAUA,iBAAM,WAAW,SAAS,cAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AACnC,QAAM,EAAE,KAAK,UAAA,IAAcC,yBAAA;AAC3B,QAAM,cAAcC,UAAAA,UAAU,CAAC,WAAW,WAAW,CAAC;AAGtD,QAAM,iBAAiB,MAAM,SAAS,SAAS,YAAY,OAAO,MAAM,SAAS,SAAS;AAE1F,SAAOF,iCAAA,cAACG,cAAgB,SAAhB,EAAyB,GAAG,WAAW,KAAK,aAAa,cAAc,gBAAgB,QAAQ,SAAA,CAAU;AACrH,CAAC;;"}

package/dist/components/Dialog/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useCurrentDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\nexport const Trigger = React.forwardRef(function DialogTrigger(\n    props: DialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...restProps } = props;\n    const { ref: parentRef } = useCurrentDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    // if it's an object, it's a react component and we have to assume it eventually renders a button.\n    const isNativeButton = props.children.type === 'button' || typeof props.children.type === 'object';\n\n    return <DialogPrimitive.Trigger {...restProps} ref={refCallback} nativeButton={isNativeButton} render={children} />;\n});\n"],"names":["DialogPrimitive"],"mappings":";;;;AAQO,MAAM,UAAU,MAAM,WAAW,SAAS,cAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AACnC,QAAM,EAAE,KAAK,UAAU,IAAI,iBAAiB;AAC5C,QAAM,cAAc,UAAU,CAAC,WAAW,WAAW,CAAC;AAGhD,QAAA,iBAAiB,MAAM,SAAS,SAAS,YAAY,OAAO,MAAM,SAAS,SAAS;AAEnF,SAAA,sBAAA,cAACA,OAAgB,SAAhB,EAAyB,GAAG,WAAW,KAAK,aAAa,cAAc,gBAAgB,QAAQ,SAAU,CAAA;AACrH,CAAC;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../src/components/Dialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { useCurrentDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type DialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.JSX.Element;\n};\nexport const Trigger = React.forwardRef(function DialogTrigger(\n    props: DialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...restProps } = props;\n    const { ref: parentRef } = useCurrentDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    // if it's an object, it's a react component and we have to assume it eventually renders a button.\n    const isNativeButton = props.children.type === 'button' || typeof props.children.type === 'object';\n\n    return <DialogPrimitive.Trigger {...restProps} ref={refCallback} nativeButton={isNativeButton} render={children} />;\n});\n"],"names":["DialogPrimitive"],"mappings":";;;;AAQO,MAAM,UAAU,MAAM,WAAW,SAAS,cAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AACnC,QAAM,EAAE,KAAK,UAAA,IAAc,iBAAA;AAC3B,QAAM,cAAc,UAAU,CAAC,WAAW,WAAW,CAAC;AAGtD,QAAM,iBAAiB,MAAM,SAAS,SAAS,YAAY,OAAO,MAAM,SAAS,SAAS;AAE1F,SAAO,sBAAA,cAACA,OAAgB,SAAhB,EAAyB,GAAG,WAAW,KAAK,aAAa,cAAc,gBAAgB,QAAQ,SAAA,CAAU;AACrH,CAAC;"}

package/dist/components/Dialog/useDialogScope.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogScope.cjs","sources":["../../../src/components/Dialog/useDialogScope.ts"],"sourcesContent":["import * as React from 'react';\nimport { DialogContext } from './Context';\n\n/**\n * Returns a ref to the dialog popup element (or `null` outside any `<Dialog>`). Use it to\n * scope element-bound listeners (e.g. keyboard shortcuts) to the current dialog. Read\n * `.current` inside an effect — it's populated once `Dialog.Content` mounts.\n */\nexport const useDialogScope = () => {\n    return React.useContext(DialogContext).popupRef;\n};\n"],"names":["React","DialogContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,iBAAiB,MAAM;AACzB,SAAAA,iBAAM,WAAWC,QAAa,aAAA,EAAE;AAC3C;;"}
+{"version":3,"file":"useDialogScope.cjs","sources":["../../../src/components/Dialog/useDialogScope.ts"],"sourcesContent":["import * as React from 'react';\nimport { DialogContext } from './Context';\n\n/**\n * Returns a ref to the dialog popup element (or `null` outside any `<Dialog>`). Use it to\n * scope element-bound listeners (e.g. keyboard shortcuts) to the current dialog. Read\n * `.current` inside an effect — it's populated once `Dialog.Content` mounts.\n */\nexport const useDialogScope = () => {\n    return React.useContext(DialogContext).popupRef;\n};\n"],"names":["React","DialogContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,iBAAiB,MAAM;AAChC,SAAOA,iBAAM,WAAWC,QAAAA,aAAa,EAAE;AAC3C;;"}

package/dist/components/Dialog/useDialogScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogScope.js","sources":["../../../src/components/Dialog/useDialogScope.ts"],"sourcesContent":["import * as React from 'react';\nimport { DialogContext } from './Context';\n\n/**\n * Returns a ref to the dialog popup element (or `null` outside any `<Dialog>`). Use it to\n * scope element-bound listeners (e.g. keyboard shortcuts) to the current dialog. Read\n * `.current` inside an effect — it's populated once `Dialog.Content` mounts.\n */\nexport const useDialogScope = () => {\n    return React.useContext(DialogContext).popupRef;\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAiB,MAAM;AACzB,SAAA,MAAM,WAAW,aAAa,EAAE;AAC3C;"}
+{"version":3,"file":"useDialogScope.js","sources":["../../../src/components/Dialog/useDialogScope.ts"],"sourcesContent":["import * as React from 'react';\nimport { DialogContext } from './Context';\n\n/**\n * Returns a ref to the dialog popup element (or `null` outside any `<Dialog>`). Use it to\n * scope element-bound listeners (e.g. keyboard shortcuts) to the current dialog. Read\n * `.current` inside an effect — it's populated once `Dialog.Content` mounts.\n */\nexport const useDialogScope = () => {\n    return React.useContext(DialogContext).popupRef;\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAiB,MAAM;AAChC,SAAO,MAAM,WAAW,aAAa,EAAE;AAC3C;"}