@veracity/vui 0.7.0-beta.0 → 0.7.0-beta.2

package/dist/esm/pagination/paginationGoToPage.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import Box from '../box';
+import { useStyleConfig, vui } from '../core';
+import Input from '../input';
+import T from '../t';
+import { cs } from '../utils';
+import { usePaginationContext } from './context';
+/** Displays a number input, which allows quickly jumping between pages. */
+export const PaginationGoToPage = vui((props, ref) => {
+    const { className, ...rest } = props;
+    const { onPageChange, pageCount } = usePaginationContext();
+    const styles = useStyleConfig('Pagination', usePaginationContext());
+    const onChange = (e) => {
+        const value = +e.target.value;
+        if (value >= 1 && value <= pageCount) {
+            onPageChange(Math.floor(value));
+        }
+    };
+    return (React.createElement(Box, { centerV: true, className: cs('vui-paginationGoToPage', className), lineHeight: "normal", ref: ref, ...styles.goToPage, ...rest },
+        React.createElement(T, { size: "sm", weight: "medium" }, "Go to"),
+        React.createElement(Input, { max: pageCount, min: 1, mx: 1, onChange: onChange, size: "sm", type: "number", w: 56 }),
+        React.createElement(T, { size: "sm", weight: "medium" }, "Page")));
+});
+PaginationGoToPage.displayName = 'PaginationGoToPage';
+export default PaginationGoToPage;

package/dist/esm/pagination/paginationNavigation.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../box';
+/** Displays a set of page navigation buttons. */
+export declare const PaginationNavigation: import("../core").VuiComponent<"div", BoxProps>;
+export default PaginationNavigation;
+//# sourceMappingURL=paginationNavigation.d.ts.map

package/dist/esm/pagination/paginationNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationNavigation.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationNavigation.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAQtC,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,iDAqB/B,CAAA;AAIF,eAAe,oBAAoB,CAAA"}

package/dist/esm/pagination/paginationNavigation.js

@@ -0,0 +1,22 @@
+import React, { Fragment } from 'react';
+import Box from '../box';
+import { useStyleConfig, vui } from '../core';
+import { cs, isNumber, isString } from '../utils';
+import { usePaginationContext } from './context';
+import PaginationButton from './paginationButton';
+import PaginationEllipsis from './paginationEllipsis';
+import PaginationPrevNext from './paginationPrevNext';
+/** Displays a set of page navigation buttons. */
+export const PaginationNavigation = vui((props, ref) => {
+    const { children, className, ...rest } = props;
+    const { items } = usePaginationContext();
+    const styles = useStyleConfig('Pagination', usePaginationContext());
+    return (React.createElement(Box, { className: cs('vui-paginationNavigation', className), gap: 1, ref: ref, wrap: true, ...styles.navigation, ...rest }, children ??
+        items.map(item => (React.createElement(Fragment, { key: item },
+            item === 'previous' && React.createElement(PaginationPrevNext, { direction: "previous" }),
+            isNumber(item) && React.createElement(PaginationButton, { page: item }),
+            isString(item) && item.includes('ellipsis') && React.createElement(PaginationEllipsis, null),
+            item === 'next' && React.createElement(PaginationPrevNext, { direction: "next" }))))));
+});
+PaginationNavigation.displayName = 'PaginationNavigation';
+export default PaginationNavigation;

package/dist/esm/pagination/paginationPrevNext.d.ts

@@ -0,0 +1,5 @@
+import { PaginationPrevNextProps } from './pagination.types';
+/** Displays a page navigation button, which navigates forward or backward. */
+export declare const PaginationPrevNext: import("../core").VuiComponent<"button", PaginationPrevNextProps>;
+export default PaginationPrevNext;
+//# sourceMappingURL=paginationPrevNext.d.ts.map

package/dist/esm/pagination/paginationPrevNext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationPrevNext.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationPrevNext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,mEAyB7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/esm/pagination/paginationPrevNext.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Button from '../button';
+import { useStyleConfig, vui } from '../core';
+import { cs } from '../utils';
+import { usePaginationContext } from './context';
+/** Displays a page navigation button, which navigates forward or backward. */
+export const PaginationPrevNext = vui((props, ref) => {
+    const { className, direction, ...rest } = props;
+    const { onPageChange, page, pageCount } = usePaginationContext();
+    const styles = useStyleConfig('Pagination', usePaginationContext());
+    const isPrev = direction === 'previous';
+    const pageChange = isPrev ? -1 : 1;
+    const directionProps = {
+        disabled: isPrev ? page === 1 : page === pageCount,
+        icon: isPrev ? 'falAngleLeft' : 'falAngleRight',
+        onClick: () => onPageChange(page + pageChange)
+    };
+    return (React.createElement(Button, { className: cs('vui-paginationPrevNext', className), minW: 0, ref: ref, size: "sm", variant: "text", ...styles.prevNext, ...directionProps, ...rest }));
+});
+PaginationPrevNext.displayName = 'PaginationPrevNext';
+export default PaginationPrevNext;

package/dist/esm/pagination/paginationResults.d.ts

@@ -0,0 +1,5 @@
+import { TProps } from '../t';
+/** Displays an action button within the Pagination. */
+export declare const PaginationResults: import("../core").VuiComponent<"span", TProps>;
+export default PaginationResults;
+//# sourceMappingURL=paginationResults.d.ts.map

package/dist/esm/pagination/paginationResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationResults.d.ts","sourceRoot":"","sources":["../../../src/pagination/paginationResults.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,uDAAuD;AACvD,eAAO,MAAM,iBAAiB,gDAkB5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}

package/dist/esm/pagination/paginationResults.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useStyleConfig, vui } from '../core';
+import T from '../t';
+import { cs } from '../utils';
+import { usePaginationContext } from './context';
+/** Displays an action button within the Pagination. */
+export const PaginationResults = vui((props, ref) => {
+    const { children, className, ...rest } = props;
+    const { count, rangeEnd, rangeStart } = usePaginationContext();
+    const styles = useStyleConfig('Pagination', usePaginationContext());
+    return (React.createElement(T, { className: cs('vui-paginationResults', className), color: "grey.80", ref: ref, size: "sm", weight: "medium", ...styles.results, ...rest }, children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`));
+});
+PaginationResults.displayName = 'PaginationResults';
+export default PaginationResults;

package/dist/esm/pagination/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/pagination/theme.d.ts.map

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

package/dist/esm/pagination/usePagination.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { UsePaginationProps } from './usePagination.types';
+/** Hook to manage pagination data and state in controlled or uncontrolled way. */
+export default function usePagination(props: UsePaginationProps): {
+    count: number;
+    items: import("./pagination.types").PaginationItem[];
+    onPageChange: import("react").Dispatch<import("react").SetStateAction<number>>;
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    rangeEnd: number;
+    rangeStart: number;
+};
+export declare type UsePaginationReturnType = ReturnType<typeof usePagination>;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/esm/pagination/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/usePagination.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,kFAAkF;AAClF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB;;;;;;;;;EAuC9D;AAED,oBAAY,uBAAuB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA"}

package/dist/esm/pagination/usePagination.types.d.ts

@@ -0,0 +1,13 @@
+export declare type UsePaginationProps = {
+    /** Total amount of items being paginated. */
+    count: number;
+    /** Starting page in uncontrolled mode. */
+    defaultPage?: number;
+    /** Callback triggered by Pagination elements. */
+    onPageChange?: (page: number) => void;
+    /** Currently displayed page. */
+    page?: number;
+    /** Amount of items per page. */
+    pageSize: number;
+};
+//# sourceMappingURL=usePagination.types.d.ts.map

package/dist/esm/pagination/usePagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.types.d.ts","sourceRoot":"","sources":["../../../src/pagination/usePagination.types.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB,GAAG;IAChC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { PanelProps } from './panel.types';
+/**
+ * Displays static or partially interactive content, such as text, images or buttons.
+ * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.
+ */
+export declare const Panel: import("../core").VuiComponent<"div", PanelProps>;
+export default Panel;
+//# sourceMappingURL=panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/panel/panel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C;;;GAGG;AACH,eAAO,MAAM,KAAK,mDAOhB,CAAA;AAIF,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,4 @@
+import { BoxProps } from '../box';
+import { ThemingProps } from '../theme';
+export declare type PanelProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Panel'> & {};
+//# sourceMappingURL=panel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.types.d.ts","sourceRoot":"","sources":["../../../src/panel/panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAA"}

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/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/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/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,13 @@
+/// <reference types="react" />
+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.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/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", null,
+        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/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: 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/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.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/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.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/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"}