npm - @a-type/ui - Versions diffs - 3.1.1 → 4.0.0-beta.10 - Mend

@a-type/ui 3.1.1 → 4.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (474) hide show

package/dist/esm/components/dialog/Dialog.d.ts CHANGED Viewed

@@ -1,45 +1,50 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
-export interface DialogContentProps extends ComponentPropsWithRef<typeof DialogPrimitive.Content> {
+import { DialogCloseProps, DialogPopupProps, DialogRootProps, DialogTriggerProps } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface DialogContentProps extends DialogPopupProps {
     width?: 'sm' | 'md' | 'lg';
     disableSheet?: boolean;
+    disableDefaultClose?: boolean;
+    /** @deprecated */
     outerClassName?: string;
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const DialogClose: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
+export declare const DialogDefaultClose: ({ ref, className, ...props }: DialogCloseProps & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export type { DialogProps } from '@radix-ui/react-dialog';
+export declare const DialogTrigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogTitle: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DialogDescription: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DialogClose: ({ children, render, ...props }: DialogCloseProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export type { DialogRootProps as DialogProps } from '@base-ui/react/dialog';
 export declare const DialogActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const DialogSelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
+export declare const DialogSelectTrigger: ({ ref, children, className, ...props }: DialogTriggerProps & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogSelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DialogSelectItemRoot: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogSelectList: import("react").FunctionComponent<import("@base-ui/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogSelectItemRoot: import("react").FunctionComponent<import("@base-ui/react/radio").RadioRootProps & import("react").RefAttributes<HTMLElement>>;
 export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element) & {
-    Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-    Title: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
-    Close: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
+export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Close: ({ children, render, ...props }: DialogCloseProps & {
         ref?: React.Ref<HTMLButtonElement>;
     }) => import("react/jsx-runtime").JSX.Element;
     Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    SelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
+    SelectTrigger: ({ ref, children, className, ...props }: DialogTriggerProps & {
         ref?: React.Ref<HTMLButtonElement>;
     }) => import("react/jsx-runtime").JSX.Element;
-    SelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    SelectList: import("react").FunctionComponent<import("@base-ui/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     SelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
         ref?: React.Ref<HTMLButtonElement>;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/dialog/Dialog.js CHANGED Viewed

@@ -11,10 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Dialog as BaseDialog, } from '@base-ui/react/dialog';
+import { Radio as BaseRadio } from '@base-ui/react/radio';
+import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
 import { useDrag } from '@use-gesture/react';
-import classNames from 'clsx';
+import clsx from 'clsx';
 import { createContext, useCallback, useContext, useRef, useState, } from 'react';
 import { useMediaQuery } from '../../hooks/useMediaQuery.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
@@ -24,13 +25,14 @@ import { Button } from '../button/index.js';
 import { Icon } from '../icon/Icon.js';
 import { useParticles } from '../particles/index.js';
 import { useConfig } from '../provider/Provider.js';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
 import { selectTriggerClassName } from '../select/index.js';
-const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-black/15 layer-components:shadow-inset layer-components:shadow-[0_30px_60px_0px] layer-components:shadow-black/20 layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none', 'layer-components:backdrop-blur-sm');
-const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl layer-components:bg-white layer-components:overflow-y-auto layer-components:border layer-components:border-gray layer-components:flex layer-components:flex-col layer-components:border layer-components:border-gray-dark', 'layer-components:sm:shadow-down', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out');
-const sheetClassNames = classNames('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:border-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:shadow-up', 'layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'layer-variants:lt-sm:animate-fade-in-up', 'layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
-const sheetClassNameWithOverlayKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
-const sheetClassNameWithDisplaceKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
-function sheetCloseGestureLogic(swipeY, dy, vy, last, close, content) {
+const StyledOverlay = withClassName(BaseDialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:bg-black/15 layer-components:shadow-inset layer-components:shadow-[0_30px_60px_0px] layer-components:shadow-black/20 layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray layer-components:transition', 'layer-components:backdrop-blur-sm', 'data-[starting-style]:opacity-0', 'data-[ending-style]:opacity-0');
+const StyledContent = withClassName(BaseDialog.Popup, 'layer-components:fixed layer-components:shadow-xl layer-components:bg-white layer-components:border layer-components:border-gray layer-components:border layer-components:border-gray-dark layer-components:transition layer-components:pointer-events-auto layer-components:overflow-hidden layer-components:flex layer-components:flex-col layer-components:items-stretch', 'layer-components:sm:shadow-down', 'transform-gpu', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:rounded-lg layer-components:border-b-1', 'data-[starting-style]:layer-components:opacity-0 data-[starting-style]:layer-components:scale-95', 'data-[ending-style]:layer-components:opacity-0 data-[ending-style]:layer-components:scale-95');
+const sheetClassNames = clsx('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:border-b-0 layer-variants:lt-sm:pt-lg layer-variants:lt-sm:w-screen layer-variants:lt-sm:max-w-none layer-variants:lt-sm:shadow-up', 'layer-variants:lt-sm:pb-[calc(env(safe-area-inset-bottom,0px))]', 'data-[starting-style]:layer-variants:lt-sm:opacity-0 data-[starting-style]:layer-variants:lt-sm:translate-y-full', 'data-[ending-style]:layer-variants:lt-sm:opacity-0 data-[ending-style]:layer-variants:lt-sm:translate-y-full');
+const sheetClassNameWithOverlayKeyboard = clsx('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))]', 'layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
+const sheetClassNameWithDisplaceKeyboard = clsx('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
+function sheetCloseGestureLogic(swipeY, dy, last, close, content) {
     const contentHeight = content.clientHeight;
     const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
     if (shouldClose) {
@@ -55,18 +57,18 @@ function filterScrollables(target, root, dy, vy) {
         if (cur &&
             cur.scrollHeight > cur.clientHeight &&
             cur.scrollTop !== 0 &&
-            vy > 0)
+            vy >= 0)
             return true;
     }
     return false;
 }
+const SWIPE_VELOCITY_THRESHOLD = 1.5;
 export const Content = function Content(_a) {
-    var { ref, children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet"]);
+    var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose"]);
     const particles = useParticles();
     const wasOpenRef = useRef(false);
     const openRef = useCallback((element) => {
-        if (!wasOpenRef.current &&
-            (element === null || element === void 0 ? void 0 : element.getAttribute('data-state')) === 'open') {
+        if (!wasOpenRef.current && (element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
             wasOpenRef.current = true;
             const matchesSmall = !disableSheet &&
                 typeof window !== 'undefined' &&
@@ -101,29 +103,14 @@ export const Content = function Content(_a) {
                 }));
             }, 180);
         }
-        else if ((element === null || element === void 0 ? void 0 : element.getAttribute('data-state')) === 'closed') {
+        else if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
             wasOpenRef.current = false;
         }
     }, [particles, disableSheet]);
-    const gestureRef = useRef(null);
+    const { gestureRef, onTouchStart, onTouchMove, onTouchEnd } = useDialogInherentSwipe({ disableSheet });
     const finalRef = useMergedRef(ref, openRef, gestureRef);
     const { virtualKeyboardBehavior } = useConfig();
-    const close = useContext(DialogCloseContext);
-    const isSmall = useMediaQuery('(max-width: 640px)');
-    const bind = useDrag(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last, active, target, }) => {
-        if (filterScrollables(target, gestureRef.current, dy, vy)) {
-            return;
-        }
-        if ((active || last) &&
-            gestureRef.current &&
-            gestureRef.current.scrollTop < 3) {
-            sheetCloseGestureLogic(swipeY, dy, vy, last, close, gestureRef.current);
-        }
-    }, {
-        axis: 'y',
-        enabled: isSmall && !disableSheet,
-    });
-    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(GroupScaleReset, { children: _jsxs(StyledContent, Object.assign({ "data-dialog-content": true }, bind(props), { ref: finalRef, className: classNames({
+    return (_jsxs(BaseDialog.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(GroupScaleReset, { children: _jsxs(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd, className: clsx({
                         'layer-variants:md:max-w-800px': width === 'lg',
                         'layer-variants:max-w-600px': width === 'md',
                         'layer-variants:max-w-300px': width === 'sm',
@@ -131,8 +118,66 @@ export const Content = function Content(_a) {
                         virtualKeyboardBehavior === 'overlay' &&
                         sheetClassNameWithOverlayKeyboard, !disableSheet &&
                         virtualKeyboardBehavior === 'displace' &&
-                        sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableSheet && _jsx(DialogSwipeHandle, {}), children] })) })] }));
+                        sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { className: "w-full h-full", children: _jsx(ScrollArea.Content, { className: "p-md", children: children }) })] })) })] }));
 };
+function useDialogInherentSwipe({ disableSheet }) {
+    const gestureRef = useRef(null);
+    const close = useContext(DialogCloseContext);
+    const isSmall = useMediaQuery('(max-width: 640px)');
+    const gestureState = useRef({
+        sy: 0,
+        dy: 0,
+        vy: 0,
+        active: false,
+        timeStamp: 0,
+        filtered: false,
+    });
+    const onTouchStart = useCallback((event) => {
+        if (!isSmall || disableSheet)
+            return;
+        const touch = event.touches[0];
+        gestureState.current.sy = touch.clientY;
+        gestureState.current.timeStamp = event.timeStamp;
+    }, [isSmall, disableSheet]);
+    const onTouchMove = useCallback((event) => {
+        var _a;
+        if (!isSmall || disableSheet)
+            return;
+        const touch = event.touches[0];
+        const dy = touch.clientY - gestureState.current.sy;
+        const vy = (dy - gestureState.current.dy) /
+            (event.timeStamp -
+                ((_a = gestureState.current.timeStamp) !== null && _a !== void 0 ? _a : event.timeStamp - 1));
+        gestureState.current.dy = dy;
+        gestureState.current.vy = vy;
+        if (gestureState.current.filtered ||
+            filterScrollables(event.target, gestureRef.current, dy, vy)) {
+            gestureState.current.filtered = true;
+            return;
+        }
+        if (!gestureState.current.active) {
+            gestureState.current.active = true;
+            gestureState.current.sy = touch.clientY;
+        }
+        if (gestureRef.current && gestureRef.current.scrollTop < 3) {
+            sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, false, close, gestureRef.current);
+        }
+        gestureState.current.timeStamp = event.timeStamp;
+    }, [isSmall, disableSheet, close]);
+    const onTouchEnd = useCallback((event) => {
+        if (gestureState.current.active && gestureRef.current) {
+            const { vy, dy } = gestureState.current;
+            sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, true, close, gestureRef.current);
+        }
+        gestureState.current.active = false;
+        gestureState.current.filtered = false;
+        gestureState.current.timeStamp = event.timeStamp;
+        gestureState.current.vy = 0;
+        gestureState.current.dy = 0;
+        gestureState.current.sy = 0;
+    }, [close]);
+    return { gestureRef, onTouchStart, onTouchMove, onTouchEnd };
+}
 export const DialogSwipeHandle = function DialogSwipeHandle(_a) {
     var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
     const close = useContext(DialogCloseContext);
@@ -141,13 +186,13 @@ export const DialogSwipeHandle = function DialogSwipeHandle(_a) {
         const content = findParentDialogContent(innerRef.current);
         if (!content)
             return;
-        sheetCloseGestureLogic(swipeY, dy, vy, last, close, content);
+        sheetCloseGestureLogic(swipeY, dy, last, close, content);
     }, {
         target: innerRef,
         axis: 'y',
     });
     const finalRef = useMergedRef(ref, innerRef);
-    return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: classNames('layer-components:absolute layer-components:top-0 layer-components:left-50% layer-components:transform-gpu layer-components:-translate-x-1/2 layer-components:w-20% layer-components:py-2 layer-components:rounded-lg layer-components:cursor-grab layer-components:sm:hidden layer-components:touch-none', className), children: _jsx("div", { className: "layer-components:w-full layer-components:h-[4px] layer-components:bg-gray layer-components:rounded-lg" }) })));
+    return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: clsx('layer-components:absolute layer-components:top-0 layer-components:left-50% layer-components:transform-gpu layer-components:-translate-x-1/2 layer-components:w-20% layer-components:py-2 layer-components:rounded-lg layer-components:cursor-grab layer-components:sm:hidden layer-components:touch-none', className), children: _jsx("div", { className: "layer-components:w-full layer-components:h-[4px] layer-components:bg-gray layer-components:rounded-lg" }) })));
 };
 function findParentDialogContent(element) {
     if (!element)
@@ -157,41 +202,57 @@ function findParentDialogContent(element) {
     return findParentDialogContent(element.parentElement);
 }
 const DialogCloseContext = createContext(() => { });
-const StyledTitle = withClassName(DialogPrimitive.Title, 'layer-components:font-title layer-components:color-black layer-components:text-3xl layer-components:mb-4 layer-components:mt-0');
-const StyledDescription = withClassName(DialogPrimitive.Description, 'layer-components:mt-3 layer-components:mb-6 layer-components:color-gray-dark layer-components:text-md layer-components:leading-6');
+export const DialogDefaultClose = function DialogDefaultClose(_a) {
+    var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
+    return (_jsx(DialogClose, Object.assign({ className: clsx('absolute top-sm right-sm hidden sm:flex z-101', className), "aria-label": "Close dialog", ref: ref }, props, { render: _jsx(Button, { emphasis: "ghost", size: "small" }), children: _jsx(Icon, { name: "x" }) })));
+};
+const StyledTitle = withClassName(BaseDialog.Title, 'layer-components:font-title layer-components:color-black layer-components:text-3xl layer-components:mb-4 layer-components:mt-0');
+const StyledDescription = withClassName(BaseDialog.Description, 'layer-components:mt-3 layer-components:mb-6 layer-components:color-gray-dark layer-components:text-md layer-components:leading-6');
 // Exports
 const DialogRoot = (props) => {
     var _a;
-    const [innerOpen, innerOnOpenChange] = useState(props.defaultOpen);
+    const [innerOpen, innerOnOpenChange] = useState(props.defaultOpen || false);
     const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
-    const onOpenChange = useCallback((open) => {
+    const onOpenChange = useCallback((open, eventDetails) => {
         var _a;
         innerOnOpenChange(open);
-        (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open);
+        (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open, eventDetails);
     }, [props.onOpenChange]);
     const close = useCallback(() => {
-        onOpenChange(false);
+        onOpenChange(false, {
+            allowPropagation() { },
+            cancel() { },
+            isCanceled: false,
+            event: null,
+            isPropagationAllowed: true,
+            preventUnmountOnClose() { },
+            reason: 'imperative-action',
+            trigger: undefined,
+        });
     }, [onOpenChange]);
-    return (_jsx(DialogCloseContext.Provider, { value: close, children: _jsx(DialogPrimitive.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) }));
+    return (_jsx(DialogCloseContext.Provider, { value: close, children: _jsx(BaseDialog.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) }));
+};
+export const DialogTrigger = (_a) => {
+    var { render } = _a, props = __rest(_a, ["render"]);
+    return (_jsx(BaseDialog.Trigger, Object.assign({ render: render || _jsx(Button, {}) }, props)));
 };
-export const DialogTrigger = DialogPrimitive.Trigger;
 export const DialogContent = Content;
 export const DialogTitle = StyledTitle;
 export const DialogDescription = StyledDescription;
 export const DialogClose = function DialogClose(_a) {
-    var { ref, asChild, children } = _a, props = __rest(_a, ["ref", "asChild", "children"]);
-    return (_jsx(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : _jsx(Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
+    var { children, render } = _a, props = __rest(_a, ["children", "render"]);
+    return (_jsx(BaseDialog.Close, Object.assign({ render: render !== null && render !== void 0 ? render : _jsx(Button, { emphasis: "default" }) }, props, { children: children !== null && children !== void 0 ? children : 'Close' })));
 };
-export const DialogActions = withClassName('div', 'layer-components:flex layer-components:justify-end layer-components:sticky layer-components:w-full layer-components:gap-3 layer-components:items-center layer-components:bg-inherit layer-components:py-4 layer-components:translate-y-6 layer-components:flex-wrap', 'layer-components:bottom--6', 'layer-components:sm:bottom-0');
+export const DialogActions = withClassName('div', 'layer-components:flex layer-components:justify-end layer-components:self-end layer-components:sticky layer-components:gap-sm layer-components:items-center layer-components:flex-wrap layer-components:z-100 layer-components:pb-1px layer-components:mt-md layer-components:bottom-md layer-components:rounded-lg layer-components:bg-white layer-components:[--global-shadow-spread:1] layer-components:shadow-md layer-components:shadow-white layer-components:shadow-up');
 export const DialogSelectTrigger = function DialogSelectTrigger(_a) {
     var { ref, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
-    return (_jsxs(DialogPrimitive.Trigger, Object.assign({ className: classNames(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(Icon, { name: "chevron" })] })));
+    return (_jsxs(BaseDialog.Trigger, Object.assign({ className: clsx(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(Icon, { name: "chevron" })] })));
 };
-export const DialogSelectList = withClassName(RadioGroupPrimitive.Root, 'layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:overflow-y-auto layer-components:p-2');
-export const DialogSelectItemRoot = withClassName(RadioGroupPrimitive.Item, 'layer-components:color-black layer-components:flex layer-components:items-center layer-components:border-1 layer-components:border-solid layer-components:border-bg layer-components:gap-3 layer-components:w-full layer-components:py-3 layer-components:px-4 layer-components:text-left layer-components:border-none layer-components:rounded-lg layer-components:font-normal layer-components:bg-gray-light layer-components:cursor-pointer layer-components:transition-all', 'layer-components:[&[data-state=checked]]:bg-main-wash layer-components:[&[data-state=checked]]:color-main-ink layer-components:[&[data-state=checked]]:border-color');
+export const DialogSelectList = withClassName(BaseRadioGroup, 'layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:overflow-y-auto layer-components:p-2');
+export const DialogSelectItemRoot = withClassName(BaseRadio.Root, 'layer-components:color-black layer-components:flex layer-components:items-center layer-components:border-1 layer-components:border-solid layer-components:border-bg layer-components:gap-3 layer-components:w-full layer-components:py-3 layer-components:px-4 layer-components:text-left layer-components:border-none layer-components:rounded-lg layer-components:font-normal layer-components:bg-gray-light layer-components:cursor-pointer layer-components:transition-all', 'layer-components:[&[data-state=checked]]:bg-main-wash layer-components:[&[data-state=checked]]:color-main-ink layer-components:[&[data-state=checked]]:border-color');
 export const DialogSelectItem = function DialogSelectItem(_a) {
     var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
-    return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", { className: "flex-1 flex-row items-center gap-md min-h-18px", children: children }), _jsx(RadioGroupPrimitive.Indicator, { className: "flex-0-0-auto", children: _jsx(Icon, { name: "check" }) })] })));
+    return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", { className: "flex-1 flex-row items-center gap-md min-h-18px", children: children }), _jsx(BaseRadio.Indicator, { className: "flex-0-0-auto", children: _jsx(Icon, { name: "check" }) })] })));
 };
 export const Dialog = Object.assign(DialogRoot, {
     Trigger: DialogTrigger,

package/dist/esm/components/dialog/Dialog.js.map CHANGED Viewed

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

package/dist/esm/components/dialog/Dialog.stories.d.ts CHANGED Viewed

@@ -2,19 +2,19 @@ import type { StoryObj } from '@storybook/react';
 import { Dialog } from './Dialog.js';
 declare const meta: {
     title: string;
-    component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
-        Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-        Title: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-        Description: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
-        Close: ({ ref, asChild, children, ...props }: import("@radix-ui/react-dialog").DialogCloseProps & {
+    component: ((props: import("./Dialog.js").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
+        Trigger: ({ render, ...props }: import("@base-ui/react/dialog").DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+        Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
+        Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+        Close: ({ children, render, ...props }: import("@base-ui/react/dialog").DialogCloseProps & {
             ref?: React.Ref<HTMLButtonElement>;
         }) => import("react/jsx-runtime").JSX.Element;
         Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-        SelectTrigger: ({ ref, children, className, ...props }: import("@radix-ui/react-dialog").DialogTriggerProps & {
+        SelectTrigger: ({ ref, children, className, ...props }: import("@base-ui/react/dialog").DialogTriggerProps & {
             ref?: React.Ref<HTMLButtonElement>;
         }) => import("react/jsx-runtime").JSX.Element;
-        SelectList: import("react").FunctionComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+        SelectList: import("react").FunctionComponent<import("@base-ui/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
         SelectItem: ({ ref, children, ...props }: import("react").ComponentPropsWithoutRef<typeof import("./Dialog.js").DialogSelectItemRoot> & {
             ref?: React.Ref<HTMLButtonElement>;
         }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/dialog/Dialog.stories.js CHANGED Viewed

@@ -23,22 +23,22 @@ function DummyContent() {
 }
 export const Default = {
     args: {
-        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DialogActions, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })),
+        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { emphasis: "primary", children: "Accept" })] })] })] })),
     },
 };
 export const Small = {
     args: {
-        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DialogActions, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })),
+        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DialogActions, { children: _jsx(DialogClose, {}) })] })] })),
     },
 };
 export const NoSheet = {
     args: {
-        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { disableSheet: true, children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })),
+        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { disableSheet: true, children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, {}) })] })] })),
     },
 };
 export const Positioned = {
     args: {
-        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { className: "top-auto bottom-0px", children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }) })] })] })),
+        children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { className: "top-auto bottom-0px", children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, {}) })] })] })),
     },
 };
 export const VirtualKeyboard = {
@@ -52,12 +52,12 @@ export const VirtualKeyboard = {
                 document.body.style.removeProperty('--mock-virtual-keyboard-height');
             }
         }, [keyboard]);
-        return (_jsxs(Provider, { virtualKeyboardBehavior: "overlay", children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(Input, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }), _jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" })] })] })] }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
+        return (_jsxs(Provider, { virtualKeyboardBehavior: "overlay", children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(Input, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" })] })] })] }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
     },
 };
 export const MultiNested = {
     render() {
-        return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsxs(Select, { value: "", children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Select an option" }) }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "option1", children: "Option 1" }), _jsx(Select.Item, { value: "option2", children: "Option 2" }), _jsx(Select.Item, { value: "option3", children: "Option 3" })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open nested" }) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Nested dialog" }), _jsx(Tooltip, { content: "This is a tooltip", children: _jsx(Button, { children: "Hover me" }) }), _jsx(DummyContent, {}), _jsx(DummyContent, {})] })] })] })] }));
+        return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsxs(Select, { value: "", children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, {}) }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: null, children: "Select an option" }), _jsx(Select.Item, { value: "option1", children: "Option 1" }), _jsx(Select.Item, { value: "option2", children: "Option 2" }), _jsx(Select.Item, { value: "option3", children: "Option 3" })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open nested" }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Nested dialog" }), _jsx(Tooltip, { content: "This is a tooltip", children: _jsx(Button, { children: "Hover me" }) }), _jsx(DummyContent, {}), _jsx(DummyContent, {})] })] })] })] }));
     },
 };
 export const Selectable = {

package/dist/esm/components/dialog/Dialog.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,aAAa,CAAC;AAErB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,KAAC,EAAE,+BAAkB,EACrB,eAAK,SAAS,EAAC,4BAA4B,aAC1C,KAAC,CAAC,0OAKE,EACJ,KAAC,CAAC,0OAKE,EACJ,KAAC,CAAC,0OAKE,IACC,EACN,KAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,yBAEvB,IACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,~~KAAC~~,aAAa,~~cACb~~,KAAC,WAAW,~~IAAC~~,~~OAAO~~,~~kBACnB,~~KAAC,MAAM,~~wBAAe~~,~~GACT~~,~~GACC~~,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,cACb,KAAC,WAAW,~~IAAC~~,~~OAAO~~,~~kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,~~IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,IAAC,YAAY,mBAC1B,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,~~IAAC~~,~~OAAO~~,~~kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,~~IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,aAC7C,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,~~IAAC~~,~~OAAO~~,~~kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,~~IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEhD,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC9B,gCAAgC,EAChC,OAAO,CACP,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC;YACtE,CAAC;QACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,CACN,MAAC,QAAQ,IAAC,uBAAuB,EAAC,SAAS,aAC1C,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,KAAK,KAAG,EACT,MAAC,aAAa,eACb,KAAC,WAAW,~~IAAC~~,~~OAAO~~,~~kBACnB,~~KAAC,MAAM,~~wBAAe,GACT,EACd,KAAC,MAAM,~~IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEpC,IACM,IACD,IACR,EACT,cAAK,SAAS,EAAC,2GAA2G,GAAG,IACnH,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,MAAM;QACL,OAAO,CACN,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~uBAAc~~,~~GACN~~,~~EAChB~~,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,YAAY,KAAG,EAChB,MAAC,MAAM,IAAC,KAAK,EAAC,EAAE,aACf,KAAC,MAAM,CAAC,OAAO,cACd,KAAC,MAAM,CAAC,KAAK,~~IAAC~~,~~WAAW~~,~~EAAC,kBAAkB,GAAG,GAC/B,~~EACjB,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,EACnD,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,EACnD,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,IACnC,IACT,EACT,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,~~OAAO~~,~~kBACrB~~,KAAC,MAAM,~~8BAAqB~~,~~GACb~~,~~EAChB~~,MAAC,aAAa,eACb,KAAC,WAAW,gCAA4B,EACxC,KAAC,OAAO,IAAC,OAAO,EAAC,mBAAmB,YACnC,KAAC,MAAM,2BAAkB,GAChB,EACV,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,IACD,IACR,IACM,IACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,OAAO,CACN,MAAC,MAAM,eACN,KAAC,MAAM,CAAC,aAAa,uBAA4B,EACjD,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,8BAA2B,EACxC,MAAC,MAAM,CAAC,UAAU,eACjB,KAAC,MAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,EAC/D,KAAC,MAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,EAC/D,KAAC,MAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,IAC5C,IACJ,IACT,CACT,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/divider/Divider.js CHANGED Viewed

@@ -11,9 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
 import classNames from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
-const DividerBase = withClassName('div', 'w-full h-1px bg-black relative');
+const DividerBase = withClassName(BaseSeparator, 'w-full h-1px bg-black relative');
 export const Divider = function Divider(_a) {
     var { ref, compensate, padded, className } = _a, props = __rest(_a, ["ref", "compensate", "padded", "className"]);
     return (_jsx(DividerBase, Object.assign({ ref: ref, style: {

package/dist/esm/components/divider/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,WAAW,GAAG,aAAa,~~CAAC~~,~~KAAK~~,~~EAAE~~,gCAAgC,~~CAAC~~,CAAC;~~AAO3E~~,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,KAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC"}
1	+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,WAAW,GAAG,aAAa,CAChC,aAAa,EACb,gCAAgC,CAChC,CAAC;AAOF,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,KAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts CHANGED Viewed

@@ -1,38 +1,43 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Menu as BaseMenu, MenuArrowProps, MenuItemProps, MenuPopupProps, MenuPositionerProps, MenuTriggerProps } from '@base-ui/react/menu';
 import { Ref } from 'react';
 import { PaletteName } from '../../uno/index.js';
-export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
+export interface DropdownMenuItemProps extends MenuItemProps {
     color?: PaletteName;
     ref?: Ref<HTMLDivElement>;
 }
-export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuRoot: typeof BaseMenu.Root;
 export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const DropdownMenuLabel: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuSeparator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuArrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare function DropdownMenuTrigger(props: DropdownMenuPrimitive.DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<import("@base-ui/react/menu").MenuCheckboxItemProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuRadioGroup: import("react").NamedExoticComponent<import("@base-ui/react/menu").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuRadioItem: import("react").FunctionComponent<import("@base-ui/react/menu").MenuRadioItemProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<import("@base-ui/react/menu").MenuCheckboxItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const DropdownMenuSeparator: import("react").FunctionComponent<import("@base-ui/react/separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuArrow: import("react").FunctionComponent<MenuArrowProps>;
+export declare function DropdownMenuTrigger({ ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare const DropdownMenuTriggerIcon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-export declare const DropdownMenuContent: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+export declare const DropdownMenuContent: ({ children, forceMount, keepMounted, side, sideOffset, align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: MenuPopupProps & MenuPositionerProps & {
+    /** @deprecated - use keepMounted */
     forceMount?: boolean;
+    keepMounted?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps> & {
-    Content: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+export declare const DropdownMenu: typeof BaseMenu.Root & {
+    Content: ({ children, forceMount, keepMounted, side, sideOffset, align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: MenuPopupProps & MenuPositionerProps & {
+        /** @deprecated - use keepMounted */
         forceMount?: boolean;
+        keepMounted?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     Trigger: typeof DropdownMenuTrigger;
     Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-    CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-    Label: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Arrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+    CheckboxItem: import("react").FunctionComponent<import("@base-ui/react/menu").MenuCheckboxItemProps & import("react").RefAttributes<Element>>;
+    RadioGroup: import("react").NamedExoticComponent<import("@base-ui/react/menu").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+    RadioItem: import("react").FunctionComponent<import("@base-ui/react/menu").MenuRadioItemProps & import("react").RefAttributes<Element>>;
+    ItemIndicator: import("react").FunctionComponent<import("@base-ui/react/menu").MenuCheckboxItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    Separator: import("react").FunctionComponent<import("@base-ui/react/separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").FunctionComponent<MenuArrowProps>;
     ItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
     TriggerIcon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
+    createHandle: typeof BaseMenu.createHandle;
 };