@spothero/ui 25.15.0-beta.1 → 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,
@@ -333,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
@@ -467,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 & {
@@ -553,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