@spothero/ui 25.6.0 → 25.12.0

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

@@ -1,217 +1,3 @@
-declare const _default: {
-    baseStyle?: {
-        addon: {
-            height: string;
-            fontSize: string;
-            px: string;
-            borderRadius: string;
-        };
-        field: {
-            width: string;
-            height: string;
-            fontSize: string;
-            px: string;
-            borderRadius: string;
-            minWidth: number;
-            outline: number;
-            position: string;
-            appearance: string;
-            transitionProperty: string;
-            transitionDuration: string;
-            _disabled: {
-                opacity: number;
-                cursor: string;
-            };
-        };
-    } | undefined;
-    sizes?: {
-        lg: {
-            field: {
-                [x: string]: string;
-            };
-            group: {
-                [x: string]: string;
-            };
-        };
-        md: {
-            field: {
-                [x: string]: string;
-            };
-            group: {
-                [x: string]: string;
-            };
-        };
-        sm: {
-            field: {
-                [x: string]: string;
-            };
-            group: {
-                [x: string]: string;
-            };
-        };
-        xs: {
-            field: {
-                [x: string]: string;
-            };
-            group: {
-                [x: string]: string;
-            };
-        };
-    } | undefined;
-    variants?: {
-        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            field: {
-                border: string;
-                borderColor: string;
-                bg: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _invalid: {
-                    borderColor: any;
-                    boxShadow: string;
-                };
-                _focusVisible: {
-                    zIndex: number;
-                    borderColor: any;
-                    boxShadow: string;
-                };
-            };
-            addon: {
-                border: string;
-                borderColor: string;
-                bg: string;
-            };
-        };
-        filled: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            field: {
-                border: string;
-                borderColor: string;
-                bg: string;
-                _hover: {
-                    bg: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _invalid: {
-                    borderColor: any;
-                };
-                _focusVisible: {
-                    bg: string;
-                    borderColor: any;
-                };
-            };
-            addon: {
-                border: string;
-                borderColor: string;
-                bg: string;
-            };
-        };
-        flushed: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            field: {
-                borderBottom: string;
-                borderColor: string;
-                borderRadius: string;
-                px: string;
-                bg: string;
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _invalid: {
-                    borderColor: any;
-                    boxShadow: string;
-                };
-                _focusVisible: {
-                    borderColor: any;
-                    boxShadow: string;
-                };
-            };
-            addon: {
-                borderBottom: string;
-                borderColor: string;
-                borderRadius: string;
-                px: string;
-                bg: string;
-            };
-        };
-        unstyled: {
-            field: {
-                bg: string;
-                px: string;
-                height: string;
-            };
-            addon: {
-                bg: string;
-                px: string;
-                height: string;
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: "md" | "xs" | "sm" | "lg" | undefined;
-        variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("element" | "group" | "addon" | "field")[];
-} & {
-    baseStyle: {
-        field: {
-            fontFamily: string;
-            _placeholder: {
-                color: string;
-                fontWeight: string;
-                _disabled: {
-                    color: string;
-                    opacity: number;
-                };
-            };
-        };
-    };
-    variants: {
-        outline: {
-            field: {
-                border: string;
-                borderColor: string;
-                fontSize: string;
-                paddingLeft: number;
-                paddingRight: number;
-                bg: string;
-                fontWeight: string;
-                boxShadow: string;
-                _placeholder: {
-                    color: string;
-                    fontWeight: string;
-                };
-                _focus: {
-                    borderColor: string;
-                };
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _disabled: {
-                    backgroundColor: string;
-                    opacity: number;
-                    cursor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    _focus: {
-                        borderColor: string;
-                    };
-                };
-            };
-        };
-    };
-};
-export default _default;
+import type { StyleConfig } from '@chakra-ui/react';
+declare const inputStyle: StyleConfig;
+export default inputStyle;

package/dist/components/Link/Link.d.ts

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

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

@@ -1,36 +1,7 @@
-export namespace variants {
-    export { baseStyle as standard };
-    export { linkOnDark as onDark };
-}
-declare const _default: {
-    baseStyle?: {
-        transitionProperty: string;
-        transitionDuration: string;
-        transitionTimingFunction: string;
-        cursor: string;
-        textDecoration: string;
-        outline: string;
-        color: string;
-        _hover: {
-            textDecoration: string;
-        };
-        _focusVisible: {
-            boxShadow: string;
-        };
-    } | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-} & {
-    baseStyle: {
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type LinkStyle = NonNullable<typeof chakraDefaultTheme.components.Link>;
+export declare const variants: {
+    standard: {
         transition: string;
         color: string;
         fontWeight: string;
@@ -38,7 +9,7 @@ declare const _default: {
             color: string;
             textDecoration: string;
         };
-        _focus: {
+        _focusVisible: {
             boxShadow: string;
         };
         '& svg': {
@@ -46,57 +17,13 @@ declare const _default: {
             verticalAlign: string;
         };
     };
-    variants: {
-        standard: {
-            transition: string;
-            color: string;
-            fontWeight: string;
-            _hover: {
-                color: string;
-                textDecoration: string;
-            };
-            _focus: {
-                boxShadow: string;
-            };
-            '& svg': {
-                d: string;
-                verticalAlign: string;
-            };
-        };
-        onDark: {
+    onDark: {
+        color: string;
+        _hover: {
             color: string;
-            _hover: {
-                color: string;
-                opacity: string;
-            };
+            opacity: string;
         };
     };
-    defaultProps: {
-        variant: string;
-    };
-};
-export default _default;
-declare const baseStyle: {
-    transition: string;
-    color: string;
-    fontWeight: string;
-    _hover: {
-        color: string;
-        textDecoration: string;
-    };
-    _focus: {
-        boxShadow: string;
-    };
-    '& svg': {
-        d: string;
-        verticalAlign: string;
-    };
 };
-declare namespace linkOnDark {
-    let color: string;
-    namespace _hover {
-        let color_1: string;
-        export { color_1 as color };
-        export let opacity: string;
-    }
-}
+declare const linkStyle: LinkStyle;
+export default linkStyle;

package/dist/components/List/List.d.ts

@@ -0,0 +1,25 @@
+import { type ListProps as ChakraListProps } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export declare const STYLE_POSITIONS: {
+    readonly unset: "unset";
+    readonly revert: "revert";
+    readonly inside: "inside";
+    readonly outside: "outside";
+    readonly initial: "initial";
+    readonly inherit: "inherit";
+};
+export declare const TYPES: {
+    readonly ordered: "ordered";
+    readonly unstyled: "unstyled";
+    readonly unordered: "unordered";
+};
+export type ListStylePosition = keyof typeof STYLE_POSITIONS;
+export type ListType = keyof typeof TYPES;
+export interface ListProps extends Omit<ChakraListProps, 'type'> {
+    /** The position of the list style */
+    stylePosition?: ListStylePosition;
+    /** Changes the underlying markup to be an ordered or unordered list. */
+    type?: ListType;
+}
+declare const List: ForwardRefComponent<HTMLUListElement | HTMLOListElement, ListProps>;
+export default List;

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

@@ -0,0 +1,2 @@
+export { default } from './List';
+export { ListItem } from '@chakra-ui/react';

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

@@ -1,32 +1,4 @@
-declare const _default: {
-    baseStyle?: {
-        icon: {
-            marginEnd: string;
-            display: string;
-            verticalAlign: string;
-        };
-    } | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "icon" | "item")[];
-        }>;
-    } | undefined;
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "icon" | "item")[];
-        }>;
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: string | number | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "icon" | "item")[];
-} & {
-    baseStyle: {
-        item: {
-            mb: number;
-        };
-    };
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type ListStyle = NonNullable<typeof chakraDefaultTheme.components.List>;
+declare const listStyle: ListStyle;
+export default listStyle;

package/dist/components/List/styles/item.styles.d.ts

@@ -1,4 +1,4 @@
+declare const item: {
+    readonly mb: 2;
+};
 export default item;
-declare namespace item {
-    let mb: number;
-}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,13 @@
+import { type CircularProgressProps as ChakraCircularProgressProps } from '@chakra-ui/react';
+export type LoaderProps = ChakraCircularProgressProps & {
+    /**
+     * Determines if Loader spins for an infinite amount of time. If `true` value prop will be ignored.
+     */
+    isInfinite?: boolean;
+    /**
+     * Sets the background color of the Loader (inside the circle). Use color names defined within `theme/base/colors`.
+     */
+    loaderBackgroundColor?: string;
+};
+declare const Loader: ({ color, loaderBackgroundColor, isInfinite, size, thickness, trackColor, value, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Loader;

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

@@ -2,5 +2,11 @@ declare namespace _default {
     let borderTop: string;
     let borderColor: string;
     let padding: number;
+    let gap: number;
+    let justifyContent: string;
+    namespace flexDirection {
+        let base: string;
+        let desktop: string;
+    }
 }
 export default _default;

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

@@ -198,6 +198,12 @@ declare const _default: {
             borderTop: string;
             borderColor: string;
             padding: number;
+            gap: number;
+            justifyContent: string;
+            flexDirection: {
+                base: string;
+                desktop: string;
+            };
         };
     };
     sizes: {
@@ -208,6 +214,13 @@ declare const _default: {
                 minHeight: string[];
             };
         };
+        'sm-md': {
+            dialog: {
+                maxHeight: string[];
+                minWidth: (string | number)[];
+                maxWidth: string[];
+            };
+        };
         md: {
             dialog: {
                 maxWidth: string[];

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,8 @@
+import { type ProgressProps as ChakraProgressProps } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export type ProgressProps = ChakraProgressProps & {
+    /** If true, the Progress Bar and Track are rounded */
+    isRounded?: boolean;
+};
+declare const Progress: ForwardRefComponent<HTMLDivElement, ProgressProps>;
+export default Progress;

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

@@ -1,75 +1,4 @@
-declare const _default: {
-    defaultProps: {
-        size: string;
-        colorScheme: string;
-        variant: string;
-    };
-    variants: {
-        outlined: (props: any) => {
-            track: {
-                bg: string;
-                borderWidth: string;
-                borderColor: any;
-            };
-        };
-        solid: (props: any) => {
-            track: {
-                bg: any;
-            };
-        };
-    };
-    sizes: {
-        xl: {
-            track: {
-                height: number;
-            };
-        };
-        lg: {
-            track: {
-                height: number;
-            };
-        };
-        md: {
-            track: {
-                height: number;
-            };
-        };
-        sm: {
-            track: {
-                height: number;
-            };
-        };
-        xs: {
-            track: {
-                height: number;
-            };
-        };
-    };
-    baseStyle: (props: any) => {
-        label: {
-            lineHeight: string;
-            fontSize: string;
-            fontWeight: string;
-            color: string;
-        };
-        filledTrack: any;
-        track: {
-            bg: string;
-        };
-    } & {
-        filledTrack: {
-            backgroundImage: string;
-            borderRightRadius: string;
-        } | {
-            backgroundColor: any;
-            backgroundImage?: string | undefined;
-            borderRightRadius: string;
-        };
-        track: {
-            borderRightRadius: string;
-            borderLeftRadius: string;
-        };
-    };
-    parts: ("label" | "filledTrack" | "track")[];
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type ChakraProgressStyle = NonNullable<typeof chakraDefaultTheme.components.Progress>;
+declare const progressStyle: ChakraProgressStyle;
+export default progressStyle;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RadioProps as ChakraRadioProps } from '@chakra-ui/react';
+export interface RadioProps extends Omit<ChakraRadioProps, 'size'> {
+    value: string;
+    helperText?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { RadioGroupProps as ChakraRadioGroupProps } from '@chakra-ui/react';
+export interface RadioGroupProps extends Omit<ChakraRadioGroupProps, 'onChange'> {
+    id: string;
+    label?: string;
+    errorMessage?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    onChange?: (value: string) => void;
+    direction?: 'row' | 'column';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

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

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