@veracity/vui 0.7.0-beta.2 → 0.7.0

package/dist/esm/list/theme.d.ts

@@ -1,78 +0,0 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
-    item: Dict<any>;
-};
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        colorScheme: string;
-        size: string;
-        variant: string;
-    };
-    parts: string[];
-    sizes: {
-        sm: {
-            icon: {
-                size: string;
-            };
-            item: {
-                fontSize: string;
-                h: number;
-            };
-        };
-        md: {
-            icon: {
-                size: string;
-            };
-            item: {
-                fontSize: string;
-                h: number;
-            };
-        };
-        lg: {
-            item: {
-                fontSize: string;
-                h: number;
-            };
-            icon: {
-                size: string;
-            };
-        };
-        xl: {
-            item: {
-                fontSize: string;
-                h: number;
-            };
-            icon: {
-                scale: number;
-            };
-        };
-    };
-    variants: {
-        default: typeof variantDefault;
-        ordered: {
-            container: {
-                as: string;
-                listStyleType: string;
-                pl: number;
-            };
-            item: {
-                display: string;
-                h: string;
-            };
-        };
-        unordered: {
-            container: {
-                as: string;
-                listStyleType: string;
-                pl: number;
-            };
-            item: {
-                display: string;
-                h: string;
-            };
-        };
-    };
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/esm/list/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/list/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,cAAc,CAAC,KAAK,EAAE,IAAI;;EAWlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ED,wBAMC"}

package/dist/esm/list/theme.js

@@ -1,87 +0,0 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
-    const item = {
-        activeBg: `${c}.30`,
-        hoverBg: `${c}.20`,
-        selectedBg: `${c}.10`,
-        px: 2
-    };
-    return { item };
-}
-const baseStyle = {};
-const defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'default'
-};
-const parts = ['container', 'divider', 'heading', 'icon', 'item', 'text'];
-const sizes = {
-    sm: {
-        icon: {
-            size: 'sm'
-        },
-        item: {
-            fontSize: 'md',
-            h: 32
-        }
-    },
-    md: {
-        icon: {
-            size: 'md'
-        },
-        item: {
-            fontSize: 'md',
-            h: 40
-        }
-    },
-    lg: {
-        item: {
-            fontSize: 'md',
-            h: 48
-        },
-        icon: {
-            size: 'lg'
-        }
-    },
-    xl: {
-        item: {
-            fontSize: 'lg',
-            h: 56
-        },
-        icon: {
-            scale: 2
-        }
-    }
-};
-const variants = {
-    default: variantDefault,
-    ordered: {
-        container: {
-            as: 'ol',
-            listStyleType: 'decimal',
-            pl: 3
-        },
-        item: {
-            display: 'list-item',
-            h: ''
-        }
-    },
-    unordered: {
-        container: {
-            as: 'ul',
-            listStyleType: 'disc',
-            pl: 3
-        },
-        item: {
-            display: 'list-item',
-            h: ''
-        }
-    }
-};
-export default {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/esm/menu/context.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Dict } from '../utils';
-declare const MenuProvider: import("react").Provider<Dict<any>>, useMenuContext: () => Dict<any>;
-export { MenuProvider, useMenuContext };
-//# sourceMappingURL=context.d.ts.map

package/dist/esm/menu/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/menu/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,YAAY,uCAAE,cAAc,iBAA6C,CAAA;AAEhF,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/menu/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../utils';
-const [MenuProvider, useMenuContext] = createContext({ isOptional: true });
-export { MenuProvider, useMenuContext };

package/dist/esm/menu/index.d.ts

@@ -1,7 +0,0 @@
-export * from './context';
-export { default, default as Menu } from './menu';
-export * from './menu.types';
-export { default as MenuButton } from './menuButton';
-export { default as MenuItem } from './menuItem';
-export { default as MenuList } from './menuList';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACjD,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/esm/menu/menu.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { MenuProps } from './menu.types';
-/** Wraps Popover component and exposes some props to the children via context. */
-declare function Menu(props: MenuProps): JSX.Element;
-declare namespace Menu {
-    var Button: import("..").VuiComponent<"button", import("..").ButtonProps>;
-    var Item: import("..").VuiComponent<"li", import("..").ListItemProps>;
-    var List: import("..").VuiComponent<"ul", import("./menu.types").MenuListProps> & {
-        Divider: import("..").VuiComponent<"hr", import("..").DividerProps>;
-        Heading: import("..").VuiComponent<"span", import("..").TProps>;
-        Icon: import("..").VuiComponent<"svg", import("..").IconProps>;
-        Item: import("..").VuiComponent<"li", import("..").ListItemProps>;
-        Text: import("..").VuiComponent<"span", import("..").TProps>;
-    };
-}
-export default Menu;
-//# sourceMappingURL=menu.d.ts.map

package/dist/esm/menu/menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,kFAAkF;AAClF,iBAAwB,IAAI,CAAC,KAAK,EAAE,SAAS,eAU5C;kBAVuB,IAAI;;;;;;;;;;;eAAJ,IAAI"}

package/dist/esm/menu/menu.js

@@ -1,17 +0,0 @@
-import React, { useMemo } from 'react';
-import { Popover } from '../popover';
-import { filterUndefined } from '../utils';
-import { MenuProvider } from './context';
-import MenuButton from './menuButton';
-import MenuItem from './menuItem';
-import MenuList from './menuList';
-/** Wraps Popover component and exposes some props to the children via context. */
-export default function Menu(props) {
-    const { closeOnSelect = true, size, variant, ...rest } = props;
-    const context = useMemo(() => filterUndefined({ closeOnSelect, size, variant }), [closeOnSelect, size, variant]);
-    return (React.createElement(MenuProvider, { value: context },
-        React.createElement(Popover, { ...rest })));
-}
-Menu.Button = MenuButton;
-Menu.Item = MenuItem;
-Menu.List = MenuList;

package/dist/esm/menu/menu.types.d.ts

@@ -1,15 +0,0 @@
-import { RefObject } from 'react';
-import { ListProps } from '../list';
-import { PopoverContentProps, PopoverProps } from '../popover';
-import { ThemingProps } from '../theme';
-export declare type MenuListProps = ListProps & {
-    /** Props object passed to the inner PopoverContent. */
-    contentProps?: PopoverContentProps;
-    /** Ref passed to the inner PopoverContent. */
-    contentRef?: RefObject<HTMLDivElement>;
-};
-export declare type MenuProps = ThemingProps<'Menu'> & PopoverProps & {
-    /** Content closes when clicking on a list item. */
-    closeOnSelect?: boolean;
-};
-//# sourceMappingURL=menu.types.d.ts.map

package/dist/esm/menu/menu.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG,SAAS,GAAG;IACvC,uDAAuD;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,CAAA;AAED,oBAAY,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAC3C,YAAY,GAAG;IACd,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA"}

package/dist/esm/menu/menu.types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/menu/menuButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../button';
-/** Displays PopoverTrigger as a button. */
-export declare const MenuButton: import("../core").VuiComponent<"button", ButtonProps>;
-export default MenuButton;
-//# sourceMappingURL=menuButton.d.ts.map

package/dist/esm/menu/menuButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuButton.d.ts","sourceRoot":"","sources":["../../../src/menu/menuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,2CAA2C;AAC3C,eAAO,MAAM,UAAU,uDAarB,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/dist/esm/menu/menuButton.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { TextButton } from '../button';
-import { useStyleConfig, vui } from '../core';
-import { PopoverTrigger } from '../popover';
-import { cs } from '../utils';
-import { useMenuContext } from './context';
-/** Displays PopoverTrigger as a button. */
-export const MenuButton = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const styles = useStyleConfig('Menu', useMenuContext());
-    return (React.createElement(PopoverTrigger, { as: TextButton, className: cs('vui-menuButton', className), ref: ref, ...styles.button, ...rest }));
-});
-MenuButton.displayName = 'MenuButton';
-export default MenuButton;

package/dist/esm/menu/menuItem.d.ts

@@ -1,5 +0,0 @@
-import { ListItemProps } from '../list';
-/** Displays a list item and by default closes the menu on click. */
-export declare const MenuItem: import("../core").VuiComponent<"li", ListItemProps>;
-export default MenuItem;
-//# sourceMappingURL=menuItem.d.ts.map

package/dist/esm/menu/menuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,qDAqBnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/menu/menuItem.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useStyleConfig, vui } from '../core';
-import { ListItem } from '../list';
-import { usePopoverContext } from '../popover';
-import { cs, useCallbackRef } from '../utils';
-import { useMenuContext } from './context';
-/** Displays a list item and by default closes the menu on click. */
-export const MenuItem = vui((props, ref) => {
-    const { className, onClick: onClickProp, ...rest } = props;
-    const { instance } = usePopoverContext() ?? {};
-    const { closeOnSelect, ...menuProps } = useMenuContext() ?? {};
-    const styles = useStyleConfig('Menu', { ...menuProps, ...props });
-    const onClick = useCallbackRef((e) => {
-        onClickProp?.(e);
-        closeOnSelect && instance?.hide();
-    });
-    return (React.createElement(ListItem, { className: cs('vui-menuItem', className), isInteractive: true, onClick: onClick, ref: ref, ...styles.item, ...rest }));
-});
-MenuItem.displayName = 'MenuItem';
-export default MenuItem;

package/dist/esm/menu/menuList.d.ts

@@ -1,13 +0,0 @@
-import { VuiComponent } from '../core';
-import List from '../list';
-import { MenuListProps } from './menu.types';
-/** Displays a list of menu items in a popover content element. */
-export declare const MenuList: VuiComponent<"ul", MenuListProps> & {
-    Divider: typeof List.Divider;
-    Heading: typeof List.Heading;
-    Icon: typeof List.Icon;
-    Item: typeof List.Item;
-    Text: typeof List.Text;
-};
-export default MenuList;
-//# sourceMappingURL=menuList.d.ts.map

package/dist/esm/menu/menuList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAUX,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACtB,CAAA;AAUD,eAAe,QAAQ,CAAA"}

package/dist/esm/menu/menuList.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useStyleConfig, vui } from '../core';
-import List from '../list';
-import { PopoverContent } from '../popover';
-import { cs } from '../utils';
-import { useMenuContext } from './context';
-/** Displays a list of menu items in a popover content element. */
-export const MenuList = vui((props, ref) => {
-    const { className, contentProps, contentRef, ...rest } = props;
-    const styles = useStyleConfig('Menu', useMenuContext());
-    return (React.createElement(PopoverContent, { ref: contentRef, ...contentProps },
-        React.createElement(List, { className: cs('vui-menuList', className), py: 1, ref: ref, w: "100%", ...styles.list, ...rest })));
-});
-MenuList.displayName = 'MenuList';
-MenuList.Divider = List.Divider;
-MenuList.Heading = List.Heading;
-MenuList.Icon = List.Icon;
-MenuList.Item = List.Item;
-MenuList.Text = List.Text;
-export default MenuList;

package/dist/esm/menu/theme.d.ts

@@ -1,22 +0,0 @@
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        size: string;
-    };
-    parts: string[];
-    sizes: {
-        md: {
-            list: {
-                size: string;
-            };
-        };
-        lg: {
-            list: {
-                size: string;
-            };
-        };
-    };
-    variants: {};
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/esm/menu/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/menu/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,wBAMC"}

package/dist/esm/menu/theme.js

@@ -1,25 +0,0 @@
-const baseStyle = {};
-const defaultProps = {
-    size: 'md'
-};
-const parts = ['button', 'item', 'list'];
-const sizes = {
-    md: {
-        list: {
-            size: 'sm'
-        }
-    },
-    lg: {
-        list: {
-            size: 'md'
-        }
-    }
-};
-const variants = {};
-export default {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/esm/modal/context.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ModalContext } from './modal.types';
-declare const ModalProvider: import("react").Provider<ModalContext>, useModalContext: () => ModalContext;
-export { ModalProvider, useModalContext };
-//# sourceMappingURL=context.d.ts.map

package/dist/esm/modal/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/modal/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,QAAA,MAAO,aAAa,0CAAE,eAAe,oBAAqD,CAAA;AAE1F,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/modal/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../utils';
-const [ModalProvider, useModalContext] = createContext({ isOptional: true });
-export { ModalProvider, useModalContext };

package/dist/esm/modal/focusLock.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { FocusLockProps } from './focusLock.types';
-/**
- * Traps the focus within the provided content. That is, tabbing with keyboard will
- * only cycle through the children and won't leave the boundary of the FocusLock.
- * This behavior enhances accessibility of the Modal component.
- */
-export declare const FocusLock: FC<FocusLockProps>;
-export default FocusLock;
-//# sourceMappingURL=focusLock.d.ts.map

package/dist/esm/modal/focusLock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusLock.d.ts","sourceRoot":"","sources":["../../../src/modal/focusLock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAA;AAG9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmCxC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/modal/focusLock.js

@@ -1,19 +0,0 @@
-import React, { useCallback } from 'react';
-import ReactFocusLock from 'react-focus-lock';
-/**
- * Traps the focus within the provided content. That is, tabbing with keyboard will
- * only cycle through the children and won't leave the boundary of the FocusLock.
- * This behavior enhances accessibility of the Modal component.
- */
-export const FocusLock = props => {
-    const { autoFocus, children, crossFrame, finalFocusRef, initialFocusRef, isDisabled, persistentFocus, returnFocus: returnFocusProp } = props;
-    const onActivation = React.useCallback(() => {
-        initialFocusRef?.current?.focus();
-    }, [initialFocusRef]);
-    const onDeactivation = useCallback(() => {
-        finalFocusRef?.current?.focus();
-    }, [finalFocusRef]);
-    const returnFocus = returnFocusProp && !finalFocusRef;
-    return (React.createElement(ReactFocusLock, { autoFocus: autoFocus, crossFrame: crossFrame, disabled: isDisabled, onActivation: onActivation, onDeactivation: onDeactivation, persistentFocus: persistentFocus, returnFocus: returnFocus }, children));
-};
-export default FocusLock;

package/dist/esm/modal/focusLock.types.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export declare type FocusableElement = {
-    focus(options?: FocusOptions): void;
-};
-export declare type FocusLockProps = {
-    /**
-     * The first focuable element within the 'children' will be auto-focused once 'FocusLock' mounts.
-     * @default true
-     */
-    autoFocus?: boolean;
-    /**
-     * Enables aggressive focus capturing within iframes.
-     * - 'true' keeps focus in the lock, no matter where the lock is active.
-     * - 'false' allows focus to move outside of iframe, if enabled inside iframe.
-     * @default true
-     */
-    crossFrame?: boolean;
-    /** 'ref' of the element to return focus to when FocusLock unmounts. */
-    finalFocusRef?: React.RefObject<FocusableElement>;
-    /** 'ref' of the element to receive focus initially when FocusLock mounts. */
-    initialFocusRef?: React.RefObject<FocusableElement>;
-    /** Disables focus trapping. */
-    isDisabled?: boolean;
-    /** Disables text selections inside, and outside focus lock. */
-    persistentFocus?: boolean;
-    /** Focus will be returned to the element that triggered the FocusLock once it unmounts. */
-    returnFocus?: boolean;
-};
-//# sourceMappingURL=focusLock.types.d.ts.map

package/dist/esm/modal/focusLock.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusLock.types.d.ts","sourceRoot":"","sources":["../../../src/modal/focusLock.types.ts"],"names":[],"mappings":";AAAA,oBAAY,gBAAgB,GAAG;IAC9B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC,CAAA;AAED,oBAAY,cAAc,GAAG;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}

package/dist/esm/modal/focusLock.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,10 +0,0 @@
-export * from './context';
-export * from './focusLock';
-export * from './focusLock.types';
-export * from './modal';
-export { default as Modal } from './modal';
-export * from './modal.types';
-export * from './modalBackdrop';
-export * from './modalContent';
-export * from './modalManager';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/esm/modal/modal.d.ts

@@ -1,16 +0,0 @@
-import { VuiComponent } from '../core';
-import { ModalProps } from './modal.types';
-import ModalBackdrop from './modalBackdrop';
-import ModalContent from './modalContent';
-/**
- * Displays provided content on top of a dark backdrop element with fixed position.
- * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.
- * Uses focus and scroll lock to achieve proper accessibility.
- * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role
- */
-export declare const Modal: VuiComponent<"div", ModalProps> & {
-    Backdrop: typeof ModalBackdrop;
-    Content: typeof ModalContent;
-};
-export default Modal;
-//# sourceMappingURL=modal.d.ts.map

package/dist/esm/modal/modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cAsGP,oBAAoB;aACrB,mBAAmB;CAC5B,CAAA;AAOD,eAAe,KAAK,CAAA"}

package/dist/esm/modal/modal.js

@@ -1,64 +0,0 @@
-import React, { cloneElement, useRef } from 'react';
-import { RemoveScroll } from 'react-remove-scroll';
-import Box from '../box';
-import { vui } from '../core';
-import Portal from '../portal';
-import { callAll, cs, mergeRefs } from '../utils';
-import { ModalProvider } from './context';
-import FocusLock from './focusLock';
-import ModalBackdrop from './modalBackdrop';
-import ModalContent from './modalContent';
-import { manager, useModalManager } from './modalManager';
-/**
- * Displays provided content on top of a dark backdrop element with fixed position.
- * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.
- * Uses focus and scroll lock to achieve proper accessibility.
- * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role
- */
-export const Modal = vui((props, ref) => {
-    const { allowPinchZoom, children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant, ...rest } = props;
-    const modalRef = useRef(null);
-    const mouseDownTarget = useRef(null);
-    useModalManager(modalRef, isOpen);
-    if (!isOpen)
-        return null;
-    const onBackdropClick = (e) => {
-        e.stopPropagation();
-        // Avoid closing modal when click starts inside the content and is released outside
-        if (mouseDownTarget.current !== e.target)
-            return;
-        if (!manager.isTopModal(modalRef))
-            return;
-        !disableBackdropClose && onClose?.();
-        onBackdropClickProp?.(e);
-    };
-    const onKeyDown = (e) => {
-        if (e.key === 'Escape') {
-            e.stopPropagation();
-            !disableEscClose && onClose?.();
-            onEsc?.();
-        }
-    };
-    const onMouseDown = (e) => {
-        mouseDownTarget.current = e.target;
-    };
-    const childProps = {
-        onClick: (e) => {
-            e.stopPropagation();
-            children?.props?.onClick?.(e);
-        },
-        tabIndex: children?.props?.tabIndex ?? -1
-    };
-    const context = { isOpen, onBackdropClick, onClose, size, variant };
-    return (React.createElement(ModalProvider, { value: context },
-        React.createElement(Portal, { disablePortal: disablePortal },
-            React.createElement(Box, { className: cs('vui-modal', className), ref: mergeRefs(ref, modalRef), ...rest, onKeyDown: callAll(props.onKeyDown, onKeyDown), onMouseDown: callAll(props.onMouseDown, onMouseDown) },
-                !hideBackdrop && React.createElement(ModalBackdrop, null),
-                React.createElement(FocusLock, { autoFocus: !disableAutoFocus, finalFocusRef: finalFocusRef, initialFocusRef: initialFocusRef, isDisabled: disableTrapFocus, returnFocus: !disableReturnFocus },
-                    React.createElement(RemoveScroll, { allowPinchZoom: allowPinchZoom, enabled: !disableScrollLock, forwardProps: true, removeScrollBar: !preserveScrollBar },
-                        React.createElement(ModalContent, { ...contentProps }, cloneElement(children, childProps))))))));
-});
-Modal.displayName = 'Modal';
-Modal.Backdrop = ModalBackdrop;
-Modal.Content = ModalContent;
-export default Modal;