@true-tech-team/react-components 0.0.4 → 0.0.5

package/lib/components/display/Tabs/TabList.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types';
+export interface TabListProps extends BaseComponentProps {
+    /**
+     * Tab children
+     */
+    children: React.ReactNode;
+}
+/**
+ * TabList component - container for Tab items
+ *
+ * Must be used within Tabs.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1">
+ *   <TabList>
+ *     <Tab value="tab1">Tab 1</Tab>
+ *     <Tab value="tab2">Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel value="tab1">Content 1</TabPanel>
+ *   <TabPanel value="tab2">Content 2</TabPanel>
+ * </Tabs>
+ * ```
+ */
+export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+export default TabList;

package/lib/components/display/Tabs/TabPanel.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types';
+export interface TabPanelProps extends BaseComponentProps {
+    /**
+     * Value identifier matching the corresponding Tab
+     */
+    value: string;
+    /**
+     * Panel content
+     */
+    children: React.ReactNode;
+}
+/**
+ * TabPanel component - content panel for a tab
+ *
+ * Must be used within Tabs and paired with a Tab of the same value.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="tab1">
+ *   <TabList>
+ *     <Tab value="tab1">Tab 1</Tab>
+ *     <Tab value="tab2">Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel value="tab1">Content for tab 1</TabPanel>
+ *   <TabPanel value="tab2">Content for tab 2</TabPanel>
+ * </Tabs>
+ * ```
+ */
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default TabPanel;

package/lib/components/display/Tabs/Tabs.d.ts

@@ -0,0 +1,90 @@
+import { default as React } from 'react';
+import { BaseComponentProps, ComponentSize } from '../../../types';
+import { TabsVariant } from './TabsContext';
+export interface TabsProps extends Omit<BaseComponentProps, 'onChange'> {
+    /**
+     * Currently selected tab value (controlled)
+     */
+    value?: string;
+    /**
+     * Default selected tab value (uncontrolled)
+     */
+    defaultValue?: string;
+    /**
+     * Callback when tab selection changes
+     * @param value - The newly selected tab value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Visual variant of the tabs
+     * @default 'line'
+     */
+    variant?: TabsVariant;
+    /**
+     * Size of the tabs
+     * @default 'md'
+     */
+    size?: ComponentSize;
+    /**
+     * Orientation of the tab list
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether tabs are disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether tab panels should be lazy loaded (only render when active)
+     * @default false
+     */
+    lazyMount?: boolean;
+    /**
+     * Whether to keep inactive panels mounted (with lazyMount)
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Whether tabs should fit container width (distribute equally)
+     * @default false
+     */
+    fitted?: boolean;
+    /**
+     * Tab components (TabList and TabPanels)
+     */
+    children: React.ReactNode;
+}
+/**
+ * Tabs component - tab navigation with headers and content panels
+ *
+ * A container component that manages tab selection and provides context
+ * to TabList, Tab, and TabPanel children.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Tabs defaultValue="tab1">
+ *   <TabList>
+ *     <Tab value="tab1">Overview</Tab>
+ *     <Tab value="tab2">Details</Tab>
+ *     <Tab value="tab3">Settings</Tab>
+ *   </TabList>
+ *   <TabPanel value="tab1">Overview content</TabPanel>
+ *   <TabPanel value="tab2">Details content</TabPanel>
+ *   <TabPanel value="tab3">Settings content</TabPanel>
+ * </Tabs>
+ *
+ * // Controlled with icons
+ * <Tabs value={activeTab} onChange={setActiveTab} variant="enclosed">
+ *   <TabList>
+ *     <Tab value="home" icon="home">Home</Tab>
+ *     <Tab value="settings" icon="settings">Settings</Tab>
+ *   </TabList>
+ *   <TabPanel value="home">Home content</TabPanel>
+ *   <TabPanel value="settings">Settings content</TabPanel>
+ * </Tabs>
+ * ```
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export default Tabs;

package/lib/components/display/Tabs/TabsContext.d.ts

@@ -0,0 +1,63 @@
+import { ComponentSize } from '../../../types';
+export type TabsVariant = 'line' | 'enclosed' | 'soft-rounded' | 'solid-rounded';
+export interface TabsContextValue {
+    /**
+     * Unique ID for this tabs instance (used to generate deterministic IDs)
+     */
+    tabsId: string;
+    /**
+     * Currently selected tab value
+     */
+    selectedValue: string;
+    /**
+     * Callback when tab selection changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Orientation of the tabs
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Visual variant of the tabs
+     */
+    variant: TabsVariant;
+    /**
+     * Size of the tabs
+     */
+    size: ComponentSize;
+    /**
+     * Whether all tabs are disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether tabs should fill container width
+     */
+    fitted: boolean;
+    /**
+     * Whether panels should be lazy mounted
+     */
+    lazyMount: boolean;
+    /**
+     * Whether to keep inactive panels mounted
+     */
+    keepMounted: boolean;
+    /**
+     * Set of panel values that have been activated at least once
+     */
+    activatedPanels: Set<string>;
+    /**
+     * Mark a panel as having been activated
+     */
+    markPanelActivated: (value: string) => void;
+}
+export declare const TabsContext: import('react').Context<TabsContextValue | null>;
+/**
+ * Hook to optionally access Tabs context
+ * Returns null if not within a Tabs component
+ */
+export declare const useTabsContext: () => TabsContextValue | null;
+/**
+ * Hook to access Tabs context
+ * @throws Error if used outside of Tabs
+ */
+export declare const useTabsContextStrict: () => TabsContextValue;

package/lib/components/display/Tabs/index.d.ts

@@ -0,0 +1,11 @@
+export { Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { TabList } from './TabList';
+export type { TabListProps } from './TabList';
+export { Tab } from './Tab';
+export type { TabProps } from './Tab';
+export { TabPanel } from './TabPanel';
+export type { TabPanelProps } from './TabPanel';
+export { TabsContext, useTabsContext, useTabsContextStrict, } from './TabsContext';
+export type { TabsContextValue, TabsVariant } from './TabsContext';
+export { default } from './Tabs';

package/lib/components/display/TruncatedList/TruncatedList.d.ts

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+import { PopoverPosition } from '../../../utils/positioning';
+import { BaseComponentProps } from '../../../types';
+/**
+ * Props for the TruncatedList component
+ */
+export interface TruncatedListProps<T> extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Items to display
+     */
+    items: T[];
+    /**
+     * Maximum number of visible items before truncation
+     * @default 3
+     */
+    maxVisible?: number;
+    /**
+     * Render function for each visible item
+     */
+    renderItem: (item: T, index: number) => React.ReactNode;
+    /**
+     * Render function for the "+N more" indicator
+     * If not provided, uses default indicator
+     */
+    renderMore?: (count: number, hiddenItems: T[]) => React.ReactNode;
+    /**
+     * Gap between items (px)
+     * @default 8
+     */
+    gap?: number;
+    /**
+     * Direction of the list
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Show hidden items in a tooltip on hover
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Custom tooltip content for hidden items
+     * If not provided, uses renderItem for each hidden item
+     */
+    tooltipContent?: (hiddenItems: T[]) => React.ReactNode;
+    /**
+     * Tooltip position
+     * @default 'top'
+     */
+    tooltipPosition?: PopoverPosition;
+    /**
+     * Maximum width of the tooltip
+     * @default 300
+     */
+    tooltipMaxWidth?: number;
+    /**
+     * Callback when the "more" indicator is clicked
+     */
+    onMoreClick?: (hiddenItems: T[]) => void;
+    /**
+     * Custom key extractor for items
+     * @default (item, index) => index
+     */
+    keyExtractor?: (item: T, index: number) => string | number;
+}
+export declare const TruncatedList: <T>(props: TruncatedListProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default TruncatedList;

package/lib/components/display/TruncatedList/index.d.ts

@@ -0,0 +1,2 @@
+export { TruncatedList } from './TruncatedList';
+export type { TruncatedListProps } from './TruncatedList';

package/lib/components/display/index.d.ts

@@ -9,3 +9,6 @@ export * from './ProgressBar';
 export * from './CircularProgress';
 export * from './KPI';
 export * from './Skeleton';
+export * from './OverflowText';
+export * from './TruncatedList';
+export * from './Collapse';

package/lib/components/index.d.ts

@@ -1,5 +1,9 @@
 export { Button } from './buttons/Button';
 export type { ButtonProps } from './buttons/Button';
+export { ToggleButton } from './buttons/ToggleButton';
+export type { ToggleButtonProps } from './buttons/ToggleButton';
+export { ButtonToggleGroup, ButtonToggleGroupItem, ButtonToggleGroupContext, useButtonToggleGroup, } from './buttons/ButtonToggleGroup';
+export type { ButtonToggleGroupProps, ButtonToggleGroupItemProps, ButtonToggleGroupContextValue, } from './buttons/ButtonToggleGroup';
 export { Icon } from './display/Icon';
 export type { IconProps } from './display/Icon';
 export { Badge } from './display/Badge';
@@ -22,6 +26,10 @@ export { KPI } from './display/KPI';
 export type { KPIProps } from './display/KPI';
 export { Skeleton } from './display/Skeleton';
 export type { SkeletonProps } from './display/Skeleton';
+export { OverflowText } from './display/OverflowText';
+export type { OverflowTextProps } from './display/OverflowText';
+export { TruncatedList } from './display/TruncatedList';
+export type { TruncatedListProps } from './display/TruncatedList';
 export { Spinner } from './display/Spinner';
 export type { SpinnerProps, SpinnerStyle, SpinnerVariant, SpinnerSpeed } from './display/Spinner';
 export { Collapse } from './display/Collapse';
@@ -38,6 +46,10 @@ export { Reveal } from './display/Reveal';
 export type { RevealProps, RevealAnimation } from './display/Reveal';
 export { Carousel } from './display/Carousel';
 export type { CarouselProps } from './display/Carousel';
+export { Tabs, TabList, Tab, TabPanel, TabsContext, useTabsContext, useTabsContextStrict, } from './display/Tabs';
+export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsContextValue, TabsVariant, } from './display/Tabs';
+export { ScrollArea } from './display/ScrollArea';
+export type { ScrollAreaProps, ScrollAreaRef } from './display/ScrollArea';
 export { PageMessages } from './display/PageMessages';
 export type { PageMessagesProps, PageMessageState, PageMessageStateConfig, PageMessageAction, LoadingStateConfig, } from './display/PageMessages';
 export { getActiveState } from './display/PageMessages';
@@ -53,6 +65,12 @@ export { Dropdown } from './overlays/Dropdown';
 export type { DropdownProps } from './overlays/Dropdown';
 export { LoadingOverlay } from './overlays/LoadingOverlay';
 export type { LoadingOverlayProps, LoadingOverlayMode } from './overlays/LoadingOverlay';
+export { Dialog, DialogHeader, DialogBody, DialogFooter, DialogProvider, DialogContext, useDialogContext, useDialogContextStrict, } from './overlays/Dialog';
+export type { DialogProps, DialogSize, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogProviderProps, DialogContextValue, DialogStackItem, } from './overlays/Dialog';
+export { Alert, AlertProvider, AlertContext, useAlertContext, useAlertContextStrict, ALERT_PRESETS, getAlertPreset, } from './overlays/Alert';
+export type { AlertProps, AlertVariant, AlertPreset, AlertProviderProps, AlertContextValue, AlertQueueItem, } from './overlays/Alert';
+export { Toast, ToastContainer, ToastProvider, ToastContext, useToastContext, useToastContextStrict, } from './overlays/Toast';
+export type { ToastProps, ToastData, ToastVariant, ToastPosition, ToastAnimationState, ToastContainerProps, ToastProviderProps, ToastContextValue, ToastInstance, PromiseToastOptions, } from './overlays/Toast';
 export { Input } from './inputs/Input';
 export type { InputProps, ValidationResult, FormatMask, ValidationTiming, InputType, } from './inputs/Input';
 export { Autocomplete } from './inputs/Autocomplete';
@@ -63,6 +81,8 @@ export { Checkbox } from './inputs/Checkbox';
 export type { CheckboxProps } from './inputs/Checkbox';
 export { Radio, RadioGroup, useRadioGroup, RadioGroupContext } from './inputs/Radio';
 export type { RadioProps, RadioGroupProps, RadioGroupContextValue } from './inputs/Radio';
+export { CheckboxGroup, CheckboxGroupItem, CheckboxGroupContext, useCheckboxGroup, useCheckboxGroupStrict, } from './inputs/CheckboxGroup';
+export type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupContextValue, } from './inputs/CheckboxGroup';
 export { Textarea } from './inputs/Textarea';
 export type { TextareaProps } from './inputs/Textarea';
 export { Select } from './inputs/Select';
@@ -85,6 +105,30 @@ export { DatePicker } from './inputs/DatePicker';
 export type { DatePickerProps } from './inputs/DatePicker';
 export { DateRangePicker } from './inputs/DateRangePicker';
 export type { DateRangePickerProps, DateRangePreset } from './inputs/DateRangePicker';
+export { Panes, Pane, usePanesContext } from './layout/Panes';
+export type { PanesProps, PaneProps, PanesContextValue, PaneConfig } from './layout/Panes';
+export { ResponsiveStack } from './layout/ResponsiveStack';
+export type { ResponsiveStackProps } from './layout/ResponsiveStack';
+export { AdaptiveGrid } from './layout/AdaptiveGrid';
+export type { AdaptiveGridProps } from './layout/AdaptiveGrid';
+export { MasonryLayout } from './layout/MasonryLayout';
+export type { MasonryLayoutProps } from './layout/MasonryLayout';
+export { CollapsibleSidebar } from './navigation/CollapsibleSidebar';
+export type { CollapsibleSidebarProps } from './navigation/CollapsibleSidebar';
+export { NavLink } from './navigation/NavLink';
+export type { NavLinkProps, NavLinkVariant } from './navigation/NavLink';
+export { Navbar, NavbarBrand, NavbarNav, NavbarActions, NavbarToggle, NavbarCollapse, NavbarContext, useNavbarContext, useNavbarContextStrict, } from './navigation/Navbar';
+export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarActionsProps, NavbarToggleProps, NavbarCollapseProps, NavbarContextValue, NavbarVariant, NavbarPosition, } from './navigation/Navbar';
+export { SideNav, SideNavItem, SideNavGroup, SideNavDivider, SideNavContext, useSideNavContext, useSideNavContextStrict, } from './navigation/SideNav';
+export type { SideNavProps, SideNavItemProps, SideNavGroupProps, SideNavDividerProps, SideNavContextValue, } from './navigation/SideNav';
+export { Breadcrumbs, BreadcrumbItem, BreadcrumbSeparator, useBreadcrumbsFromPath, } from './navigation/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbItemProps, BreadcrumbItemConfig, BreadcrumbSeparatorProps, UseBreadcrumbsFromPathOptions, } from './navigation/Breadcrumbs';
+export { Pagination } from './navigation/Pagination';
+export type { PaginationProps, PaginationVariant, PaginationShape } from './navigation/Pagination';
+export { Stepper, Step, StepperContext, useStepperContext, useStepperContextStrict, } from './navigation/Stepper';
+export type { StepperProps, StepProps, StepperContextValue, StepperVariant, StepperOrientation, } from './navigation/Stepper';
+export { BottomNavigation, BottomNavigationItem, BottomNavigationContext, useBottomNavigationContext, useBottomNavigationContextStrict, } from './navigation/BottomNavigation';
+export type { BottomNavigationProps, BottomNavigationItemProps, BottomNavigationContextValue, } from './navigation/BottomNavigation';
 export { FormBuilder, useFormContext } from './forms/FormBuilder';
 export type { FormBuilderProps } from './forms/FormBuilder';
 export { useFormState, useFormValidation } from './forms/FormBuilder';

package/lib/components/inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,122 @@
+import { default as React } from 'react';
+import { BaseComponentProps, ComponentSize, ComponentVariant } from '../../../types';
+export interface CheckboxGroupProps extends Omit<BaseComponentProps, 'onChange'> {
+    /**
+     * Array of selected values (controlled)
+     */
+    value?: string[];
+    /**
+     * Default selected values (uncontrolled)
+     * @default []
+     */
+    defaultValue?: string[];
+    /**
+     * Callback when selection changes
+     * @param values - Array of currently selected values
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Variant style for all checkboxes
+     * @default 'primary'
+     */
+    variant?: ComponentVariant;
+    /**
+     * Size for all checkboxes
+     * @default 'md'
+     */
+    size?: ComponentSize;
+    /**
+     * Layout orientation
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Group label
+     */
+    label?: string;
+    /**
+     * Helper text below the group
+     */
+    helperText?: string;
+    /**
+     * Error message when in error state
+     */
+    errorMessage?: string;
+    /**
+     * Whether the group is in error state
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Whether all checkboxes are disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether all checkboxes are read-only
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Whether at least one selection is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Minimum number of selections required
+     */
+    min?: number;
+    /**
+     * Maximum number of selections allowed
+     */
+    max?: number;
+    /**
+     * Gap between checkboxes (in spacing units)
+     * @default 2
+     */
+    gap?: number;
+    /**
+     * Name attribute for form submission
+     */
+    name?: string;
+    /**
+     * ID for the fieldset element
+     */
+    id?: string;
+    /**
+     * CheckboxGroupItem children
+     */
+    children: React.ReactNode;
+}
+/**
+ * CheckboxGroup component - container for multiple checkboxes with multi-select
+ *
+ * A group component that manages multiple checkbox selections with support
+ * for min/max constraints, validation, and accessibility.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CheckboxGroup value={selected} onChange={setSelected} label="Select options">
+ *   <CheckboxGroupItem value="option1" label="Option 1" />
+ *   <CheckboxGroupItem value="option2" label="Option 2" />
+ *   <CheckboxGroupItem value="option3" label="Option 3" />
+ * </CheckboxGroup>
+ *
+ * // With constraints
+ * <CheckboxGroup
+ *   value={selected}
+ *   onChange={setSelected}
+ *   label="Select 1-3 options"
+ *   min={1}
+ *   max={3}
+ * >
+ *   <CheckboxGroupItem value="a" label="Option A" />
+ *   <CheckboxGroupItem value="b" label="Option B" />
+ *   <CheckboxGroupItem value="c" label="Option C" />
+ *   <CheckboxGroupItem value="d" label="Option D" />
+ * </CheckboxGroup>
+ * ```
+ */
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export default CheckboxGroup;

package/lib/components/inputs/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -0,0 +1,42 @@
+import { ComponentSize, ComponentVariant } from '../../../types';
+export interface CheckboxGroupContextValue {
+    /**
+     * Group name for form submission
+     */
+    name: string;
+    /**
+     * Array of currently selected values
+     */
+    values: string[];
+    /**
+     * Callback when selection changes
+     */
+    onChange: (value: string, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Whether the group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the group is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Size for all checkboxes
+     */
+    size?: ComponentSize;
+    /**
+     * Variant style for all checkboxes
+     */
+    variant?: ComponentVariant;
+}
+export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextValue | null>;
+/**
+ * Hook to optionally access CheckboxGroup context
+ * Returns null if not within a CheckboxGroup (allows standalone Checkbox usage)
+ */
+export declare const useCheckboxGroup: () => CheckboxGroupContextValue | null;
+/**
+ * Hook to access CheckboxGroup context
+ * @throws Error if used outside of CheckboxGroup
+ */
+export declare const useCheckboxGroupStrict: () => CheckboxGroupContextValue;

package/lib/components/inputs/CheckboxGroup/CheckboxGroupItem.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types';
+import { IconName } from '../../display/Icon/icons';
+export interface CheckboxGroupItemProps extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Value for this checkbox (required in group)
+     */
+    value: string;
+    /**
+     * Label text to display next to checkbox
+     */
+    label?: string;
+    /**
+     * Label placement relative to checkbox
+     * @default 'end'
+     */
+    labelPlacement?: 'start' | 'end';
+    /**
+     * Whether this specific checkbox is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Helper text to display below the checkbox
+     */
+    helperText?: string;
+    /**
+     * Custom check icon
+     */
+    checkIcon?: React.ReactNode | IconName;
+    /**
+     * ID for the input element
+     */
+    id?: string;
+}
+/**
+ * CheckboxGroupItem component - individual checkbox within a CheckboxGroup
+ *
+ * Must be used as a child of CheckboxGroup.
+ *
+ * @example
+ * ```tsx
+ * <CheckboxGroup value={selected} onChange={setSelected}>
+ *   <CheckboxGroupItem value="option1" label="Option 1" />
+ *   <CheckboxGroupItem value="option2" label="Option 2" />
+ * </CheckboxGroup>
+ * ```
+ */
+export declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxGroupItem;

package/lib/components/inputs/CheckboxGroup/index.d.ts

@@ -0,0 +1,7 @@
+export { CheckboxGroup } from './CheckboxGroup';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export { CheckboxGroupItem } from './CheckboxGroupItem';
+export type { CheckboxGroupItemProps } from './CheckboxGroupItem';
+export { CheckboxGroupContext, useCheckboxGroup, useCheckboxGroupStrict, } from './CheckboxGroupContext';
+export type { CheckboxGroupContextValue } from './CheckboxGroupContext';
+export { default } from './CheckboxGroup';