@veracity/vui 0.7.1 → 1.0.0

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        variant: string;
+    };
+    sizes: {};
+    variants: {
+        elevated: {
+            shadow: string;
+        };
+        outlined: {
+            border: number;
+            borderColor: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

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

package/dist/esm/panel/theme.js

@@ -0,0 +1,20 @@
+const baseStyle = {};
+const defaultProps = {
+    variant: 'elevated'
+};
+const sizes = {};
+const variants = {
+    elevated: {
+        shadow: '1'
+    },
+    outlined: {
+        border: 1,
+        borderColor: 'grey.40'
+    }
+};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/esm/popover/consts.d.ts

@@ -0,0 +1,7 @@
+import { Modifier } from '@popperjs/core';
+import { Plugin } from 'tippy.js';
+/** Closes the popper if 'Escape' is pressed. Tippy plugin. */
+export declare const closeOnEscPlugin: Plugin;
+/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */
+export declare const matchWidthModifier: Modifier<'matchWidth', any>;
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/popover/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/popover/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,EAAE,MAmB9B,CAAA;AAED,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,YAAY,EAAE,GAAG,CAc1D,CAAA"}

package/dist/esm/popover/consts.js

@@ -0,0 +1,34 @@
+/** Closes the popper if 'Escape' is pressed. Tippy plugin. */
+export const closeOnEscPlugin = {
+    name: 'closeOnEsc',
+    defaultValue: true,
+    fn({ hide }) {
+        function onKeyDown(e) {
+            if (e.key === 'Escape') {
+                hide();
+            }
+        }
+        return {
+            onHide() {
+                document.removeEventListener('keydown', onKeyDown);
+            },
+            onShow() {
+                document.addEventListener('keydown', onKeyDown);
+            }
+        };
+    }
+};
+/** Sets popper width to be the same as reference. Updates on resize, etc. Popper modifier. */
+export const matchWidthModifier = {
+    name: 'matchWidth',
+    enabled: true,
+    phase: 'beforeWrite',
+    requires: ['computeStyles'],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => () => {
+        const reference = state.elements.reference;
+        state.elements.popper.style.width = `${reference.offsetWidth}px`;
+    }
+};

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

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

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

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

package/dist/esm/popover/context.js

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

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

@@ -0,0 +1,10 @@
+export * from './consts';
+export * from './context';
+export { default, default as Popover } from './popover';
+export * from './popover.types';
+export { default as PopoverContent } from './popoverContent';
+export { default as PopoverStyle } from './popoverStyle';
+export { default as PopoverTrigger } from './popoverTrigger';
+export { default as usePopover } from './usePopover';
+export * from './usePopover.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AACvD,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,cAAc,oBAAoB,CAAA"}

package/dist/esm/popover/popover.d.ts

@@ -0,0 +1,12 @@
+import { PopoverProps } from './popover.types';
+/**
+ * Uses 'usePopover' hook to expose relevant data to its children parts.
+ * By default, renders provided content only when popover is opened (lazy).
+ */
+declare function Popover(props: PopoverProps): JSX.Element;
+declare namespace Popover {
+    var Content: import("..").VuiComponent<"div", import("..").BoxProps>;
+    var Trigger: import("..").VuiComponent<"button", import("..").SystemProps>;
+}
+export default Popover;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAK9C;;;GAGG;AACH,iBAAwB,OAAO,CAAC,KAAK,EAAE,YAAY,eAQlD;kBARuB,OAAO;;;;eAAP,OAAO"}

package/dist/esm/popover/popover.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { filterUndefined, runIfFn } from '../utils';
+import { PopoverProvider } from './context';
+import PopoverContent from './popoverContent';
+import PopoverTrigger from './popoverTrigger';
+import usePopover from './usePopover';
+/**
+ * Uses 'usePopover' hook to expose relevant data to its children parts.
+ * By default, renders provided content only when popover is opened (lazy).
+ */
+export default function Popover(props) {
+    const { children, isLazy = true, ...rest } = props;
+    const popoverProps = usePopover(rest);
+    const { close, isOpen, open } = popoverProps;
+    const context = filterUndefined({ isLazy, ...popoverProps });
+    return React.createElement(PopoverProvider, { value: context }, runIfFn(children, { close, isOpen, open }));
+}
+Popover.Content = PopoverContent;
+Popover.Trigger = PopoverTrigger;

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

@@ -0,0 +1,19 @@
+import { BoxProps } from '../box';
+import { SystemProps } from '../system';
+import { RenderProps } from '../utils';
+import { UsePopoverType } from './usePopover';
+import { UsePopoverProps } from './usePopover.types';
+export declare type PopoverContentProps = BoxProps;
+export declare type PopoverProps = UsePopoverProps & {
+    /** Exposes render props to the children. */
+    children?: PopoverRenderProps;
+    /** Mounts provided content only when popover is opened for performance. @default true */
+    isLazy?: boolean;
+};
+export declare type PopoverRenderProps = RenderProps<{
+    close: UsePopoverType['close'];
+    isOpen: UsePopoverType['isOpen'];
+    open: UsePopoverType['open'];
+}>;
+export declare type PopoverTriggerProps = SystemProps;
+//# sourceMappingURL=popover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,oBAAY,mBAAmB,GAAG,QAAQ,CAAA;AAE1C,oBAAY,YAAY,GAAG,eAAe,GAAG;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,oBAAY,kBAAkB,GAAG,WAAW,CAAC;IAC5C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF,oBAAY,mBAAmB,GAAG,WAAW,CAAA"}

package/dist/esm/popover/popover.types.js

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

package/dist/esm/popover/popoverContent.d.ts

@@ -0,0 +1,4 @@
+/** Displays provided content in an overlaying wrapper. */
+export declare const PopoverContent: import("../core").VuiComponent<"div", import("../box").BoxProps>;
+export default PopoverContent;
+//# sourceMappingURL=popoverContent.d.ts.map

package/dist/esm/popover/popoverContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverContent.d.ts","sourceRoot":"","sources":["../../../src/popover/popoverContent.tsx"],"names":[],"mappings":"AAQA,0DAA0D;AAC1D,eAAO,MAAM,cAAc,kEAyBzB,CAAA;AAIF,eAAe,cAAc,CAAA"}

package/dist/esm/popover/popoverContent.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Box from '../box';
+import { useStyleConfig, vui } from '../core';
+import { cs, mergeRefs } from '../utils';
+import { usePopoverContext } from './context';
+/** Displays provided content in an overlaying wrapper. */
+export const PopoverContent = vui((props, ref) => {
+    const { children, className, ...rest } = props;
+    const popoverProps = usePopoverContext() ?? {};
+    const { isLazy, isOpen, setPopper } = popoverProps;
+    const styles = useStyleConfig('Popover', { ...popoverProps, ...props });
+    const shouldRenderChildren = isLazy ? isOpen : true;
+    return (
+    // Wrapping div prevents an error thrown when conditionally unmounting this component
+    React.createElement("div", { "data-popover-workaround": true },
+        React.createElement(Box, { bg: "white", borderRadius: "md", boxShadow: "2", className: cs('vui-popoverContent', className), overflowY: "auto", ref: mergeRefs(setPopper, ref), ...styles.content, ...rest }, shouldRenderChildren ? children : null)));
+});
+PopoverContent.displayName = 'PopoverContent';
+export default PopoverContent;

package/dist/esm/popover/popoverStyle.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;
+//# sourceMappingURL=popoverStyle.d.ts.map

package/dist/esm/popover/popoverStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverStyle.d.ts","sourceRoot":"","sources":["../../../src/popover/popoverStyle.ts"],"names":[],"mappings":";AAEA,wBAkBC"}

package/dist/esm/popover/popoverStyle.js

@@ -0,0 +1,20 @@
+import { createGlobalStyle } from '../core';
+export default createGlobalStyle `
+	[data-tippy-root] {
+		max-width: calc(100vw - 10px);
+	}
+
+	.tippy-box {
+		position: relative;
+		transition-property: transform, visibility, opacity;
+	}
+
+	.tippy-box[data-animation=fade][data-state=hidden] {
+		opacity: 0;
+	}
+
+	.tippy-content {
+		position: relative;
+		z-index: 1;
+	}
+`;

package/dist/esm/popover/popoverTrigger.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Displays a trigger component to toggle display of the popover content.
+ * Can be rendered as any component using the 'as' prop. By default renders as a plain button.
+ */
+export declare const PopoverTrigger: import("../core").VuiComponent<"button", import("..").SystemProps>;
+export default PopoverTrigger;
+//# sourceMappingURL=popoverTrigger.d.ts.map

package/dist/esm/popover/popoverTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverTrigger.d.ts","sourceRoot":"","sources":["../../../src/popover/popoverTrigger.tsx"],"names":[],"mappings":"AASA;;;GAGG;AACH,eAAO,MAAM,cAAc,oEAuBzB,CAAA;AAIF,eAAe,cAAc,CAAA"}

package/dist/esm/popover/popoverTrigger.js

@@ -0,0 +1,24 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import React from 'react';
+import { useStyleConfig, v, vui } from '../core';
+import { cs, mergeRefs } from '../utils';
+import { usePopoverContext } from './context';
+/**
+ * Displays a trigger component to toggle display of the popover content.
+ * Can be rendered as any component using the 'as' prop. By default renders as a plain button.
+ */
+export const PopoverTrigger = vui((props, ref) => {
+    // @ts-ignore - TS incorrectly doesn't recognize 'as' prop
+    const { as, className, onClick: onClickProp, ...rest } = props;
+    const { setReference, ...popoverProps } = usePopoverContext() ?? {};
+    const styles = useStyleConfig('Popover', { ...popoverProps, ...props });
+    const Element = as || v.button;
+    const onClick = (e) => {
+        // Avoids triggering parent's onClick, like when inside a ListItem
+        e.stopPropagation();
+        onClickProp?.(e);
+    };
+    return (React.createElement(Element, { className: cs('vui-popoverTrigger', className), onClick: onClick, ref: mergeRefs(setReference, ref), ...styles.trigger, ...rest }));
+});
+PopoverTrigger.displayName = 'PopoverTrigger';
+export default PopoverTrigger;

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

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

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

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

package/dist/esm/popover/theme.js

@@ -0,0 +1,12 @@
+const baseStyle = {};
+const defaultProps = {};
+const parts = ['content', 'trigger'];
+const sizes = {};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants
+};

package/dist/esm/popover/usePopover.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Instance, Props as TippyProps } from 'tippy.js';
+import { UsePopoverProps } from './usePopover.types';
+/**
+ * Controls the logic of instantiating and managing a tippy instance.
+ * Takes multiple configuration props that control closing, placement or behavior.
+ * Exposes functions used for ref callbacks on consuming components, programatic open/close methods and properties.
+ */
+export default function usePopover(props?: UsePopoverProps): {
+    close: () => void | undefined;
+    instance: Instance<TippyProps> | null;
+    isOpen: boolean;
+    open: () => void | undefined;
+    popper: HTMLElement | null;
+    reference: HTMLElement | null;
+    setPopper: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
+    setReference: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
+};
+export declare type UsePopoverType = ReturnType<typeof usePopover>;
+//# sourceMappingURL=usePopover.d.ts.map

package/dist/esm/popover/usePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.ts"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;EA2G7D;AAED,oBAAY,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}

package/dist/esm/popover/usePopover.js

@@ -0,0 +1,89 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import tippy from 'tippy.js';
+import { useCallbackRef } from '../utils';
+import { closeOnEscPlugin, matchWidthModifier } from './consts';
+/**
+ * Controls the logic of instantiating and managing a tippy instance.
+ * Takes multiple configuration props that control closing, placement or behavior.
+ * Exposes functions used for ref callbacks on consuming components, programatic open/close methods and properties.
+ */
+export default function usePopover(props = {}) {
+    const { closeOnBlur = true, closeOnEsc = true, defaultIsOpen = false, 
+    // disablePortal,
+    isOpen: isOpenProp, matchWidth, offset, onClose: onCloseProp, onOpen: onOpenProp, options, placement = 'bottom-start', trigger = 'click' } = props;
+    const [isOpen, setIsOpen] = useState(isOpenProp ?? defaultIsOpen);
+    const [instance, setInstance] = useState(null);
+    const [reference, setReference] = useState(null);
+    const [popper, setPopper] = useState(null);
+    const close = useCallback(() => instance?.hide(), [instance]);
+    const onClose = useCallbackRef(onCloseProp);
+    const onOpen = useCallbackRef(onOpenProp);
+    const open = useCallback(() => instance?.show(), [instance]);
+    const isControlled = isOpenProp !== undefined;
+    const tippyOptions = useMemo(() => {
+        const { offset: optionsOffset, onHidden, onHide, onShow, plugins = [], popperOptions = {}, ...otherOptions } = options ?? {};
+        return {
+            arrow: false,
+            duration: [200, 150],
+            hideOnClick: !isControlled ? closeOnBlur : false,
+            interactive: true,
+            maxWidth: 'none',
+            offset: optionsOffset ?? offset ?? [0, 4],
+            onHidden: instance => {
+                setIsOpen(false);
+                onHidden?.(instance);
+            },
+            onHide: instance => {
+                onClose(instance);
+                onHide?.(instance);
+            },
+            onShow: instance => {
+                setIsOpen(true);
+                onOpen(instance);
+                onShow?.(instance);
+            },
+            placement,
+            plugins: [...(!isControlled && closeOnEsc ? [closeOnEscPlugin] : []), ...plugins],
+            popperOptions: {
+                ...popperOptions,
+                modifiers: [{ ...matchWidthModifier, enabled: !!matchWidth }, ...(popperOptions.modifiers ?? [])]
+            },
+            showOnCreate: isOpenProp ?? defaultIsOpen,
+            trigger: !isControlled ? trigger : 'manual',
+            ...otherOptions
+        };
+    }, [closeOnBlur, closeOnEsc, offset, options, placement, trigger]);
+    // Create a new Tippy instance
+    useEffect(() => {
+        if (popper !== null && reference !== null) {
+            // Destroy old instance to ensure new options work
+            instance?.destroy();
+            const newInstance = tippy(reference, {
+                ...tippyOptions,
+                content: popper
+            });
+            setInstance(newInstance);
+        }
+    }, [popper, tippyOptions, trigger]);
+    // Handle showing/hiding popup in controlled mode
+    useEffect(() => {
+        if (isControlled) {
+            if (isOpenProp) {
+                instance?.show();
+            }
+            else {
+                instance?.hide();
+            }
+        }
+    }, [isOpenProp]);
+    return {
+        close,
+        instance,
+        isOpen,
+        open,
+        popper,
+        reference,
+        setPopper,
+        setReference
+    };
+}

package/dist/esm/popover/usePopover.types.d.ts

@@ -0,0 +1,28 @@
+import { Instance, Placement, Props as TippyProps } from 'tippy.js';
+import { AnyString } from '../utils';
+export declare type PopoverTrigger = 'click' | 'focus' | 'focusin' | 'manual' | 'mouseenter';
+export declare type UsePopoverProps = {
+    /** Content closes when clicking the trigger or anywhere outside. @default true */
+    closeOnBlur?: boolean;
+    /** Content closes when pressing 'Escape'. @default true */
+    closeOnEsc?: boolean;
+    /** Content is opened on first render. Uncontrolled mode. */
+    defaultIsOpen?: boolean;
+    /** Content is opened/closed by the consumer. Controlled mode. */
+    isOpen?: boolean;
+    /** Sets the content element width to be the same as trigger element. */
+    matchWidth?: boolean;
+    /** Displaces content from the trigger in pixels. */
+    offset?: TippyProps['offset'];
+    /** Invoked once content is fully hidden. */
+    onClose?: (instance: Instance<TippyProps>) => void;
+    /** Invoked once content begins to show. */
+    onOpen?: (instance: Instance<TippyProps>) => void;
+    /** Object with any Tippy props. */
+    options?: Partial<TippyProps>;
+    /** Preferred placement of the content. Might be flipped if needs more space. */
+    placement?: Placement;
+    /** Determintes the events that cause the content to show. */
+    trigger?: PopoverTrigger | AnyString;
+};
+//# sourceMappingURL=usePopover.types.d.ts.map

package/dist/esm/popover/usePopover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopover.types.d.ts","sourceRoot":"","sources":["../../../src/popover/usePopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEpF,oBAAY,eAAe,GAAG;IAC7B,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC7B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAClD,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACjD,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;CACpC,CAAA"}

package/dist/esm/popover/usePopover.types.js

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

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

@@ -0,0 +1,4 @@
+export * from './portal';
+export { default } from './portal';
+export * from './portal.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,cAAc,gBAAgB,CAAA"}

package/dist/esm/portal/portal.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { PortalProps } from './portal.types';
+/** Provided children are portaled to document.body or custom container. */
+export declare const Portal: FC<PortalProps>;
+export default Portal;
+//# sourceMappingURL=portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAA;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,2EAA2E;AAC3E,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAalC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/portal/portal.js

@@ -0,0 +1,16 @@
+import React, { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+/** Provided children are portaled to document.body or custom container. */
+export const Portal = props => {
+    const { children, containerRef, disablePortal } = props;
+    const [mountNode, setMountNode] = useState();
+    useEffect(() => {
+        if (!disablePortal) {
+            setMountNode(containerRef?.current ?? document.body);
+        }
+    }, [disablePortal]);
+    if (disablePortal)
+        return React.createElement(React.Fragment, null, children);
+    return mountNode ? createPortal(children, mountNode) : React.createElement(React.Fragment, null, mountNode);
+};
+export default Portal;

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

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export declare type PortalProps = {
+    /** Ref of a custom container that will be used instead of document.body. */
+    containerRef?: RefObject<HTMLElement | null>;
+    /** Content will be rendered as usual, without portaling. */
+    disablePortal?: boolean;
+};
+//# sourceMappingURL=portal.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal.types.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,oBAAY,WAAW,GAAG;IACzB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC5C,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA"}

package/dist/esm/portal/portal.types.js

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

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

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

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

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

package/dist/esm/radio/context.js

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

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

@@ -0,0 +1,7 @@
+export * from './context';
+export * from './radio';
+export { default } from './radio';
+export * from './radio.types';
+export * from './radioGroup';
+export * from './radioGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/esm/radio/radio.d.ts

@@ -0,0 +1,9 @@
+import { RadioProps, RadioStyleProps } from './radio.types';
+export declare const RadioBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & RadioStyleProps, never>;
+/**
+ * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.
+ * Uses icons to display itself in different states.
+ */
+export declare const Radio: import("../core").VuiComponent<"span", RadioProps>;
+export default Radio;
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDAqFhB,CAAA;AAIF,eAAe,KAAK,CAAA"}