@spothero/ui 25.12.0 → 25.16.0-beta.2

package/dist/components/Modal/styles/index.d.ts

@@ -1,240 +1,4 @@
-declare const _default: {
-    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
-        overlay: {
-            bg: string;
-            zIndex: string;
-        };
-        dialogContainer: {
-            display: string;
-            zIndex: string;
-            justifyContent: string;
-            alignItems: string;
-            overflow: string;
-            overscrollBehaviorY: string;
-        };
-        dialog: {
-            [x: string]: string | {
-                [x: string]: string;
-            } | undefined;
-            borderRadius: string;
-            color: string;
-            my: string;
-            mx: string | undefined;
-            zIndex: string;
-            maxH: string | undefined;
-            _dark: {
-                [x: string]: string;
-            };
-            bg: string;
-            boxShadow: string;
-        };
-        header: {
-            px: string;
-            py: string;
-            fontSize: string;
-            fontWeight: string;
-        };
-        closeButton: {
-            position: string;
-            top: string;
-            insetEnd: string;
-        };
-        body: {
-            px: string;
-            py: string;
-            flex: string;
-            overflow: string | undefined;
-        };
-        footer: {
-            px: string;
-            py: string;
-        };
-    }) | undefined;
-    sizes?: {
-        xs: {
-            dialog: {
-                maxW: string;
-            };
-        };
-        sm: {
-            dialog: {
-                maxW: string;
-            };
-        };
-        md: {
-            dialog: {
-                maxW: string;
-            };
-        };
-        lg: {
-            dialog: {
-                maxW: string;
-            };
-        };
-        xl: {
-            dialog: {
-                maxW: string;
-            };
-        };
-        "2xl": {
-            dialog: {
-                maxW: string;
-            };
-        };
-        "3xl": {
-            dialog: {
-                maxW: string;
-            };
-        };
-        "4xl": {
-            dialog: {
-                maxW: string;
-            };
-        };
-        "5xl": {
-            dialog: {
-                maxW: string;
-            };
-        };
-        "6xl": {
-            dialog: {
-                maxW: string;
-            };
-        };
-        full: {
-            dialog: {
-                maxW: string;
-            };
-        };
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
-} & {
-    baseStyle: (props: any) => {
-        overlay: {
-            background: string;
-            zIndex: string;
-        };
-        dialogContainer: {
-            display: string;
-            zIndex: string;
-            justifyContent: string;
-            alignItems: {
-                base: string;
-                tablet: string;
-            };
-            height: string;
-            minHeight: string;
-        };
-        header: {
-            padding: number;
-            fontSize: string;
-            fontWeight: string;
-            minHeight: number | null;
-        };
-        dialog: {
-            borderRadius: string;
-            borderBottomRadius: {
-                base: string;
-                tablet: string;
-            };
-            background: string;
-            color: string;
-            marginY: number;
-            zIndex: string;
-            boxShadow: string;
-            paddingBottom: number;
-        };
-        closeButton: {
-            position: string;
-            top: number;
-            insetEnd: number;
-            color: string;
-            borderRadius: string;
-            width: number;
-            height: number;
-            _focus: {
-                boxShadow: string;
-            };
-            _hover: {
-                bg: string;
-            };
-        };
-        body: {
-            background: string;
-            backgroundRepeat: string;
-            backgroundColor: string;
-            backgroundSize: string;
-            backgroundAttachment: string;
-            borderBottomRadius: string | null;
-            paddingX: number;
-            paddingBottom: number;
-            flex: number;
-            overflow: string;
-            display: string;
-        } | {
-            background?: undefined;
-            backgroundRepeat?: undefined;
-            backgroundColor?: undefined;
-            backgroundSize?: undefined;
-            backgroundAttachment?: undefined;
-            borderBottomRadius: string | null;
-            paddingX: number;
-            paddingBottom: number;
-            flex: number;
-            overflow: string;
-            display: string;
-        };
-        footer: {
-            borderTop: string;
-            borderColor: string;
-            padding: number;
-            gap: number;
-            justifyContent: string;
-            flexDirection: {
-                base: string;
-                desktop: string;
-            };
-        };
-    };
-    sizes: {
-        sm: {
-            dialog: {
-                maxWidth: string[];
-                maxHeight: string[];
-                minHeight: string[];
-            };
-        };
-        'sm-md': {
-            dialog: {
-                maxHeight: string[];
-                minWidth: (string | number)[];
-                maxWidth: string[];
-            };
-        };
-        md: {
-            dialog: {
-                maxWidth: string[];
-                maxHeight: string[];
-                minHeight: string[];
-            };
-        };
-        lg: {
-            dialog: {
-                maxWidth: string[];
-                maxHeight: string[];
-                minHeight: string[];
-            };
-        };
-    };
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type ModalStyle = NonNullable<typeof chakraDefaultTheme.components.Modal>;
+declare const modalStyle: ModalStyle;
+export default modalStyle;

package/dist/components/Modal/styles/overlay.d.ts

@@ -1,5 +1,5 @@
-declare namespace _default {
-    let background: string;
-    let zIndex: string;
-}
-export default _default;
+declare const overlay: {
+    readonly background: "modalOverlay";
+    readonly zIndex: "layer8";
+};
+export default overlay;

package/dist/components/Modal/types.d.ts

@@ -0,0 +1,6 @@
+export type ModalSize = 'sm' | 'sm-md' | 'md' | 'lg' | 'full';
+export interface ModalStyleProps {
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hideCloseButton?: boolean;
+}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+import type { PopoverVariant } from './types';
+export interface PopoverProps extends React.ComponentProps<typeof ChakraPopover> {
+    children?: React.ReactNode;
+    variant?: PopoverVariant;
+}
+declare const Popover: ForwardRefComponent<HTMLDivElement, PopoverProps>;
+export default Popover;

package/dist/components/Popover/PopoverArrow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PopoverArrow as ChakraPopoverArrow } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+import type { PopoverVariantProps } from './types';
+export type PopoverArrowProps = React.ComponentProps<typeof ChakraPopoverArrow> & PopoverVariantProps;
+declare const PopoverArrow: ForwardRefComponent<HTMLDivElement, PopoverArrowProps>;
+export default PopoverArrow;

package/dist/components/Popover/PopoverCloseButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PopoverCloseButton as ChakraPopoverCloseButton } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+import type { PopoverVariantProps } from './types';
+type PopoverCloseButtonProps = React.ComponentProps<typeof ChakraPopoverCloseButton> & PopoverVariantProps;
+declare const PopoverCloseButton: ForwardRefComponent<HTMLButtonElement, PopoverCloseButtonProps>;
+export default PopoverCloseButton;

package/dist/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PopoverBody, PopoverContent as ChakraPopoverContent } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+import type { PopoverVariant } from './types';
+type PopoverBodyProps = React.ComponentProps<typeof PopoverBody>;
+export type PopoverContentProps = React.ComponentProps<typeof ChakraPopoverContent> & {
+    children?: React.ReactNode;
+    hideCloseButton?: boolean;
+    hideArrow?: boolean;
+    variant?: PopoverVariant;
+    header?: React.ReactNode;
+    popoverBodyProps?: PopoverBodyProps;
+};
+declare const PopoverContent: ForwardRefComponent<HTMLDivElement, PopoverContentProps>;
+export default PopoverContent;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,4 @@
+export { PopoverTrigger, PopoverAnchor } from '@chakra-ui/react';
+export { default as Popover } from './Popover';
+export { default as PopoverContent } from './PopoverContent';
+export { default as PopoverArrow } from './PopoverArrow';

package/dist/components/Popover/styles/index.d.ts

@@ -1,100 +1,4 @@
-declare const _default: {
-    baseStyle?: {
-        popper: {
-            zIndex: number;
-        };
-        content: {
-            [x: string]: string | {
-                [x: string]: string;
-                outline?: undefined;
-                boxShadow?: undefined;
-            } | {
-                outline: number;
-                boxShadow: string;
-            };
-            bg: string;
-            _dark: {
-                [x: string]: string;
-            };
-            width: string;
-            border: string;
-            borderColor: string;
-            borderRadius: string;
-            boxShadow: string;
-            zIndex: string;
-            _focusVisible: {
-                outline: number;
-                boxShadow: string;
-            };
-        };
-        header: {
-            px: number;
-            py: number;
-            borderBottomWidth: string;
-        };
-        body: {
-            px: number;
-            py: number;
-        };
-        footer: {
-            px: number;
-            py: number;
-            borderTopWidth: string;
-        };
-        closeButton: {
-            position: string;
-            borderRadius: string;
-            top: number;
-            insetEnd: number;
-            padding: number;
-        };
-    } | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
-} & {
-    parts: string[];
-    baseStyle: (props: any) => {
-        header: {
-            marginBottom: number;
-            fontWeight: string;
-        };
-        content: {
-            padding: number;
-            marginBottom: number;
-            maxWidth: string;
-            borderRadius: string;
-            background: string;
-            boxShadow: string;
-            color: string;
-            borderColor: string;
-            borderWidth: string;
-            borderStyle: string;
-            '--popper-arrow-shadow-color': (t: any) => any;
-            zIndex: string;
-            _focusVisible: {
-                outline: string;
-            };
-        };
-        body: {
-            fontSize: string;
-        };
-        popper: {
-            borderRadius: string;
-        };
-    };
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type PopoverStyle = NonNullable<typeof chakraDefaultTheme.components.Popover>;
+declare const popoverStyle: PopoverStyle;
+export default popoverStyle;

package/dist/components/Popover/styles/popover-arrow.d.ts

@@ -0,0 +1,5 @@
+import type { PopoverVariantProps } from '../types';
+declare const arrowStyles: ({ variant }: PopoverVariantProps) => {
+    backgroundColor: string;
+};
+export default arrowStyles;

package/dist/components/Popover/styles/popover-body.d.ts

@@ -1,4 +1,5 @@
-export default body;
-declare function body(props: any): {
+import type { PopoverVariantProps } from '../types';
+declare const body: (_props: PopoverVariantProps) => {
     fontSize: string;
 };
+export default body;

package/dist/components/Popover/styles/popover-close-button.d.ts

@@ -0,0 +1,18 @@
+import type { PopoverVariantProps } from '../types';
+declare const closeButtonStyles: ({ variant }: PopoverVariantProps) => {
+    color: string;
+    fontSize: string;
+    position: "absolute";
+    top: number;
+    right: number;
+    padding: number;
+    borderTopRightRadius: number;
+    _hover: {
+        bgColor: string;
+    };
+    _focus: {
+        boxShadow: string;
+        bgColor: string;
+    };
+};
+export default closeButtonStyles;

package/dist/components/Popover/styles/popover-content.d.ts

@@ -1,7 +1,5 @@
-export default popoverContentStyles;
-declare function popoverContentStyles({ variant }: {
-    variant: any;
-}): {
+import type { PopoverVariantProps } from '../types';
+declare const popoverContentStyles: ({ variant }: PopoverVariantProps) => {
     padding: number;
     marginBottom: number;
     maxWidth: string;
@@ -12,9 +10,14 @@ declare function popoverContentStyles({ variant }: {
     borderColor: string;
     borderWidth: string;
     borderStyle: string;
-    '--popper-arrow-shadow-color': (t: any) => any;
+    '--popper-arrow-shadow-color': (t: {
+        colors: {
+            gray: Record<string, string>;
+        };
+    }) => string;
     zIndex: string;
     _focusVisible: {
         outline: string;
     };
 };
+export default popoverContentStyles;

package/dist/components/Popover/styles/popover-header.d.ts

@@ -1,5 +1,5 @@
+declare const headerStyles: {
+    readonly marginBottom: 2;
+    readonly fontWeight: "semibold";
+};
 export default headerStyles;
-declare namespace headerStyles {
-    let marginBottom: number;
-    let fontWeight: string;
-}

package/dist/components/Popover/styles/popper.d.ts

@@ -1,4 +1,4 @@
+declare const popperStyles: {
+    readonly borderRadius: "base";
+};
 export default popperStyles;
-declare namespace popperStyles {
-    let borderRadius: string;
-}

package/dist/components/Popover/types.d.ts

@@ -0,0 +1,4 @@
+export type PopoverVariant = 'light' | 'dark';
+export interface PopoverVariantProps {
+    variant?: PopoverVariant;
+}

package/dist/components/SelectionCard/SelectionCard.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type BoxProps } from '@chakra-ui/react';
+import type { CheckboxProps } from '../Checkbox/Checkbox';
+export type SelectionCardProps = Omit<CheckboxProps, 'children' | 'value' | 'size'> & {
+    label: React.ReactNode;
+    expandableChildren?: React.ReactNode;
+    defaultChecked?: boolean;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    value: string;
+    helperText?: string;
+    isRadio?: boolean;
+    isExpandable?: boolean;
+    expandableChildrenStyles?: BoxProps;
+    size?: 'sm' | 'md' | 'lg';
+    topChild?: React.ReactElement;
+    expandableContentKey?: string;
+};
+declare const SelectionCard: React.ForwardRefExoticComponent<Omit<SelectionCardProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default SelectionCard;

package/dist/components/SelectionCard/index.d.ts

@@ -0,0 +1 @@
+export { default as SelectionCard } from './SelectionCard';

package/dist/components/Table/Table.d.ts

@@ -0,0 +1 @@
+export { Table as default } from '@chakra-ui/react';

package/dist/components/Table/Table.styles.d.ts

@@ -1,66 +1,74 @@
-export namespace variants {
-    export { roundedWhiteVariant as rounded };
-    export { roundedGrayVariant as roundedGray };
-}
-declare namespace _default {
-    export { parts };
-    export { variants };
-    export { baseStyle };
-    export { defaultProps };
-}
+export declare const variants: {
+    rounded: {
+        table: {
+            backgroundColor: string;
+            borderRadius: number;
+            boxShadow: string;
+            marginBottom: number;
+        };
+    };
+    roundedGray: {
+        table: {
+            backgroundColor: string;
+            borderRadius: number;
+            boxShadow: string;
+            marginBottom: number;
+        };
+    };
+};
+declare const _default: {
+    parts: string[];
+    variants: {
+        rounded: {
+            table: {
+                backgroundColor: string;
+                borderRadius: number;
+                boxShadow: string;
+                marginBottom: number;
+            };
+        };
+        roundedGray: {
+            table: {
+                backgroundColor: string;
+                borderRadius: number;
+                boxShadow: string;
+                marginBottom: number;
+            };
+        };
+    };
+    baseStyle: {
+        table: {
+            borderCollapse: string;
+            color: string;
+            width: string;
+        };
+        thead: {
+            borderBottom: string;
+            borderColor: string;
+        };
+        th: {
+            fontFamily: string;
+            fontSize: unknown;
+            fontWeight: string;
+            letterSpacing: string;
+            padding: number;
+            textAlign: string;
+            textTransform: string;
+        };
+        tr: {
+            borderBottom: string;
+            borderColor: string;
+            _last: {
+                border: string;
+            };
+        };
+        td: {
+            padding: number;
+            textAlign: string;
+        };
+    };
+    defaultProps: {
+        readonly variant: "rounded";
+    };
+};
 export default _default;
-declare namespace roundedWhiteVariant {
-    namespace table {
-        let backgroundColor: string;
-        let borderRadius: number;
-        let boxShadow: string;
-        let marginBottom: number;
-    }
-}
-declare namespace roundedGrayVariant {
-    export namespace table_1 {
-        let backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-    }
-    export { table_1 as table };
-}
-declare const parts: string[];
-declare namespace baseStyle {
-    export namespace table_2 {
-        let borderCollapse: string;
-        let color: string;
-        let width: string;
-    }
-    export { table_2 as table };
-    export namespace thead {
-        let borderBottom: string;
-        let borderColor: string;
-    }
-    export namespace th {
-        let fontFamily: string;
-        let fontSize: unknown;
-        let fontWeight: string;
-        let letterSpacing: string;
-        let padding: number;
-        let textAlign: string;
-        let textTransform: string;
-    }
-    export namespace tr {
-        let borderBottom_1: string;
-        export { borderBottom_1 as borderBottom };
-        let borderColor_1: string;
-        export { borderColor_1 as borderColor };
-        export namespace _last {
-            let border: string;
-        }
-    }
-    export namespace td {
-        let padding_1: number;
-        export { padding_1 as padding };
-        let textAlign_1: string;
-        export { textAlign_1 as textAlign };
-    }
-}
-declare namespace defaultProps {
-    let variant: string;
-}

package/dist/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Table } from './Table';
+export { Thead, Tbody, Tfoot, Tr, Th, Td, TableCaption, TableContainer, } from '@chakra-ui/react';