@spothero/ui 25.12.0 → 25.16.0-beta.2

package/dist/index.d.ts

@@ -127,9 +127,15 @@ export const Spinner: React.ForwardRefExoticComponent<
 export const FormControl: React.ComponentType<any>;
 
 // ============================================================================
-// Accordion (Partial TypeScript)
+// Accordion (Phase 4c) - Converted
 // ============================================================================
-export const AccordionActionButton: React.ForwardRefExoticComponent<any>;
+export type AccordionActionButtonProps = {
+    onClick?: () => void;
+    children: React.ReactNode;
+};
+export const AccordionActionButton: React.ForwardRefExoticComponent<
+    AccordionActionButtonProps & React.RefAttributes<HTMLDivElement>
+>;
 export {
     Accordion,
     AccordionIcon,
@@ -175,7 +181,7 @@ export const Button: React.ForwardRefExoticComponent<
 >;
 export {ButtonGroup} from '@chakra-ui/react';
 
-// Table (Phase 4c - not yet converted)
+// Table (Phase 4c) - Converted
 export {
     Table,
     TableCaption,
@@ -188,9 +194,35 @@ export {
     Tr,
 } from '@chakra-ui/react';
 
-// Modal (Phase 4b - not yet converted)
-export const Modal: React.ComponentType<any>;
-export const AlwaysMountedModal: React.ComponentType<any>;
+// Modal (Phase 4b) - Converted
+export type ModalSize = 'sm' | 'sm-md' | 'md' | 'lg' | 'full';
+export type ModalProps = Omit<
+    React.ComponentProps<typeof import('@chakra-ui/react').Modal>,
+    'children' | 'size'
+> & {
+    children: React.ReactNode;
+    isOpen: boolean;
+    size?: ModalSize;
+    isMobile?: boolean;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hideCloseButton?: boolean;
+    contentStyling?: React.ComponentProps<
+        typeof import('@chakra-ui/react').ModalContent
+    >;
+    overlayProps?: React.ComponentProps<
+        typeof import('@chakra-ui/react').ModalOverlay
+    >;
+};
+export type AlwaysMountedModalProps = ModalProps & {
+    onCloseComplete?: () => void;
+};
+export const Modal: React.ForwardRefExoticComponent<
+    ModalProps & React.RefAttributes<HTMLDivElement>
+>;
+export const AlwaysMountedModal: React.ForwardRefExoticComponent<
+    AlwaysMountedModalProps & React.RefAttributes<HTMLDivElement>
+>;
 export {ModalBody, ModalFooter, ModalHeader} from '@chakra-ui/react';
 
 // Drawer (Phase 3b) - Converted
@@ -307,8 +339,15 @@ export const Alert: React.ForwardRefExoticComponent<
     AlertProps & React.RefAttributes<HTMLDivElement>
 >;
 
-// Tabs (Phase 4c - not yet converted)
-export const Tabs: React.ComponentType<any>;
+// Tabs (Phase 4c) - Converted
+export type TabsSize = 'small' | 'body' | 'heading';
+export type TabsProps = Omit<import('@chakra-ui/react').TabsProps, 'size'> & {
+    /** Controls the size of Tabs */
+    size?: TabsSize;
+};
+export const Tabs: React.ForwardRefExoticComponent<
+    TabsProps & React.RefAttributes<HTMLDivElement>
+>;
 export {TabList, TabPanels, Tab, TabPanel} from '@chakra-ui/react';
 
 // Select (Phase 3a) - Converted
@@ -373,8 +412,17 @@ export const Heading: React.ForwardRefExoticComponent<
     HeadingProps & React.RefAttributes<HTMLHeadingElement>
 >;
 
-// ThemeProvider (Phase 4a - not yet converted)
-export const ThemeProvider: React.ComponentType<any>;
+// ThemeProvider (Phase 4a) - Converted
+export type ThemeProviderProps = Omit<
+    import('@chakra-ui/react').ChakraProviderProps,
+    'theme'
+> & {
+    theme?: import('@chakra-ui/react').ChakraProviderProps['theme'];
+    useLegacyOverrides?: boolean;
+    disableExternalFonts?: boolean;
+    children?: React.ReactNode;
+};
+export const ThemeProvider: React.ComponentType<ThemeProviderProps>;
 
 // Image (Phase 3b) - Converted
 export type ImageProps = React.ComponentProps<
@@ -432,8 +480,28 @@ export const RefreshedButtonInput: React.ComponentType<any>;
 export const RefreshedSelectInput: React.ComponentType<any>;
 export const RefreshedAutoSuggestSelect: React.ComponentType<any>;
 
-// SelectionCard (Phase 4c - not yet converted)
-export const SelectionCard: React.ComponentType<any>;
+// SelectionCard (Phase 4c) - Converted
+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?: import('@chakra-ui/react').BoxProps;
+    size?: 'sm' | 'md' | 'lg';
+    topChild?: React.ReactElement;
+    expandableContentKey?: string;
+};
+export const SelectionCard: React.ForwardRefExoticComponent<
+    SelectionCardProps & React.RefAttributes<HTMLInputElement>
+>;
 
 // Textarea (Phase 3a) - Converted
 export type TextareaProps = import('@chakra-ui/react').TextareaProps & {
@@ -448,12 +516,41 @@ export const Textarea: React.ForwardRefExoticComponent<
     TextareaProps & React.RefAttributes<HTMLTextAreaElement>
 >;
 
-// Popover (Phase 4b - not yet converted)
-export const Popover: React.ComponentType<any>;
-export const PopoverAnchor: React.ComponentType<any>;
-export const PopoverArrow: React.ComponentType<any>;
-export const PopoverTrigger: React.ComponentType<any>;
-export const PopoverContent: React.ComponentType<any>;
+// Popover (Phase 4b) - Converted
+export type PopoverVariant = 'light' | 'dark';
+export type PopoverProps = React.ComponentProps<
+    typeof import('@chakra-ui/react').Popover
+> & {
+    children?: React.ReactNode;
+    variant?: PopoverVariant;
+};
+export type PopoverArrowProps = React.ComponentProps<
+    typeof import('@chakra-ui/react').PopoverArrow
+> & {
+    variant?: PopoverVariant;
+};
+export type PopoverContentProps = React.ComponentProps<
+    typeof import('@chakra-ui/react').PopoverContent
+> & {
+    children?: React.ReactNode;
+    hideCloseButton?: boolean;
+    hideArrow?: boolean;
+    variant?: PopoverVariant;
+    header?: React.ReactNode;
+    popoverBodyProps?: React.ComponentProps<
+        typeof import('@chakra-ui/react').PopoverBody
+    >;
+};
+export const Popover: React.ForwardRefExoticComponent<
+    PopoverProps & React.RefAttributes<HTMLDivElement>
+>;
+export const PopoverArrow: React.ForwardRefExoticComponent<
+    PopoverArrowProps & React.RefAttributes<HTMLDivElement>
+>;
+export const PopoverContent: React.ForwardRefExoticComponent<
+    PopoverContentProps & React.RefAttributes<HTMLDivElement>
+>;
+export {PopoverAnchor, PopoverTrigger} from '@chakra-ui/react';
 
 // Radio (Phase 3a) - Converted
 export type RadioProps = Omit<import('@chakra-ui/react').RadioProps, 'size'> & {
@@ -489,21 +586,38 @@ export const AutoSuggestSelect: React.ComponentType<any>;
 // FilterSelect (Phase 4d - not yet converted)
 export const FilterSelect: React.ComponentType<any>;
 
-// ToggleButtonGroup (Phase 4c - not yet converted)
-export const ToggleButtonGroup: React.ComponentType<any>;
+// ToggleButtonGroup (Phase 4c) - Converted
+export type ToggleButtonGroupProps = {
+    onChange: (value: string) => void;
+    value: string;
+    children:
+        | React.ReactElement<{value: string}>
+        | Array<React.ReactElement<{value: string}>>;
+    groupProps?: import('@chakra-ui/react').ButtonGroupProps;
+    buttonGroupStyles?: import('@chakra-ui/react').SystemStyleObject;
+    childrenStyles?: import('@chakra-ui/react').SystemStyleObject;
+};
+export const ToggleButtonGroup: React.ForwardRefExoticComponent<
+    ToggleButtonGroupProps & React.RefAttributes<HTMLDivElement>
+>;
 
 // CreatableSelect (Phase 4d - not yet converted)
 export const CreatableSelect: React.ComponentType<any>;
 
-// Menu (Phase 4c - not yet converted)
-export const Menu: React.ComponentType<any>;
-export const MenuButton: React.ComponentType<any>;
-export const MenuList: React.ComponentType<any>;
-export const MenuItem: React.ComponentType<any>;
-export const MenuItemOption: React.ComponentType<any>;
-export const MenuGroup: React.ComponentType<any>;
-export const MenuOptionGroup: React.ComponentType<any>;
-export const MenuDivider: React.ComponentType<any>;
+// Menu (Phase 4c) - Converted
+export type MenuProps = import('@chakra-ui/react').MenuProps;
+export const Menu: React.ForwardRefExoticComponent<
+    MenuProps & React.RefAttributes<HTMLDivElement>
+>;
+export {
+    MenuButton,
+    MenuDivider,
+    MenuGroup,
+    MenuItem,
+    MenuItemOption,
+    MenuList,
+    MenuOptionGroup,
+} from '@chakra-ui/react';
 
 // ============================================================================
 // Generic Chakra UI Re-exports