@spothero/ui 25.6.0 → 25.12.0

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

@@ -1,259 +1,7 @@
-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;
-                    };
-                };
-            };
-        };
-    };
-} & {
+declare const _default: import("@chakra-ui/react").StyleConfig & {
     variants: {
         refreshed: {
-            field: {
-                height: string;
-                paddingTop: number;
-                paddingBottom: number;
-                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;
-                    };
-                };
-            };
+            field: any;
         };
     };
 };

package/dist/components/RefreshedInput/Select/styles/index.d.ts

@@ -1,73 +1,4 @@
-export declare const selectTheme: {
-    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
-        keys: ("icon" | "field")[];
-    }> | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("icon" | "field")[];
-        }>;
-    } | undefined;
-    variants?: {
-        refreshed: {
-            field: {
-                height: string;
-                paddingTop: number;
-                paddingBottom: number;
-                border: string;
-                borderColor: string;
-                bg: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _disabled: {
-                    opacity: number;
-                    cursor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-                _focus: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-            };
-            icon: {
-                border: string;
-                borderColor: string;
-                bg: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _disabled: {
-                    opacity: number;
-                    cursor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-                _focus: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: "refreshed" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("icon" | "field")[];
-};
+import { type ComponentMultiStyleConfig } from '@chakra-ui/react';
+export declare const selectTheme: ComponentMultiStyleConfig;
 export declare const theme: Record<string, any>;
 export default theme;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,11 @@
+import { SelectProps as ChakraSelectProps } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export interface SelectProps extends ChakraSelectProps {
+    id: string;
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    isOptional?: boolean;
+}
+declare const Select: ForwardRefComponent<HTMLSelectElement, SelectProps>;
+export default Select;

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

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

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

@@ -1,221 +1,31 @@
-declare const _default: {
-    baseStyle?: {
-        field: {
-            appearance: string;
-            paddingBottom: string;
-            lineHeight: string;
-            bg: string;
-            _dark: {
-                [x: string]: string;
-            };
-            "> option, > optgroup": {
-                bg: string;
-            };
-            width?: string | undefined;
-            height?: string | undefined;
-            fontSize?: string | undefined;
-            px?: string | undefined;
-            borderRadius?: string | undefined;
-            minWidth?: number | undefined;
-            outline?: number | undefined;
-            position?: string | undefined;
-            transitionProperty?: string | undefined;
-            transitionDuration?: string | undefined;
-            _disabled?: {
-                opacity: number;
-                cursor: string;
-            } | undefined;
-        };
-        icon: {
-            width: string;
-            height: string;
-            insetEnd: string;
-            position: string;
-            color: string;
-            fontSize: string;
-            _disabled: {
-                opacity: number;
-            };
-        };
-    } | undefined;
-    sizes?: {
-        lg: {
-            field: {
-                paddingInlineEnd: string;
-            };
-            group?: {
-                [x: string]: string;
-            } | undefined;
-        };
-        md: {
-            field: {
-                paddingInlineEnd: string;
-            };
-            group?: {
-                [x: string]: string;
-            } | undefined;
-        };
-        sm: {
-            field: {
-                paddingInlineEnd: string;
-            };
-            group?: {
-                [x: string]: string;
-            } | undefined;
-        };
-        xs: {
-            field: {
-                paddingInlineEnd: string;
-            };
-            icon: {
-                insetEnd: string;
-            };
-            group?: {
-                [x: string]: string;
-            } | undefined;
-        };
-    } | 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: ("icon" | "field")[];
-} & {
-    baseStyle: {
-        field: {
-            fontFamily: "\"Plus Jakarta Sans\", sans-serif";
-            fontWeight: 400;
-        };
+import { theme as chakraDefaultTheme, type ComponentMultiStyleConfig } from '@chakra-ui/react';
+type SelectStyle = NonNullable<typeof chakraDefaultTheme.components.Select>;
+type SelectBaseStyle = NonNullable<SelectStyle['baseStyle']>;
+export declare const baseStyle: SelectBaseStyle;
+export declare const outlineFieldStyle: {
+    border: string;
+    borderColor: string;
+    bg: string;
+    _hover: {
+        borderColor: string;
     };
-    variants: {
-        outline: {
-            field: {
-                border: string;
-                borderColor: string;
-                bg: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _disabled: {
-                    opacity: number;
-                    cursor: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-                _focus: {
-                    borderColor: string;
-                    boxShadow: (t: any) => string;
-                };
-            };
-            addon: {
-                border: string;
-                borderColor: string;
-                bg: string;
-            };
-        };
+    _readOnly: {
+        boxShadow: string;
+        userSelect: string;
+    };
+    _disabled: {
+        opacity: number;
+        cursor: string;
+    };
+    _invalid: {
+        borderColor: string;
+        boxShadow: string;
+    };
+    _focusVisible: {
+        zIndex: number;
+        borderColor: string;
+        boxShadow: string;
     };
 };
-export default _default;
+declare const selectStyle: ComponentMultiStyleConfig;
+export default selectStyle;

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

@@ -1,26 +1,4 @@
-declare const _default: {
-    baseStyle?: {
-        [x: string]: string | number | {
-            [x: string]: string;
-        };
-        _dark: {
-            [x: string]: string;
-        };
-        background: string;
-        borderColor: string;
-        opacity: number;
-        borderRadius: 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;
-};
-export default _default;
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+type SkeletonStyle = NonNullable<typeof chakraDefaultTheme.components.Skeleton>;
+declare const skeletonStyle: SkeletonStyle;
+export default skeletonStyle;

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

@@ -0,0 +1 @@
+export { Skeleton, SkeletonCircle, SkeletonText } from '@chakra-ui/react';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Switch as ChakraSwitch } from '@chakra-ui/react';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export type SwitchProps = React.ComponentProps<typeof ChakraSwitch> & {
+    /** The label for the switch */
+    label?: string;
+    /** Optional helper text displayed below the switch */
+    helperText?: string;
+    /** Error message to display when invalid */
+    errorMessage?: string;
+    /** Whether the switch has an invalid state */
+    isInvalid?: boolean;
+    /** Whether the switch is disabled */
+    isDisabled?: boolean;
+    /** Whether the switch is required */
+    isRequired?: boolean;
+    /** Unique identifier for the switch */
+    id: string;
+};
+declare const Switch: ForwardRefComponent<HTMLInputElement, SwitchProps>;
+export default Switch;

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

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