@shohojdhara/atomix 0.1.5 → 0.1.7

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

@@ -0,0 +1,78 @@
+export { default as Accordion } from './Accordion/Accordion';
+export type { AccordionProps } from './Accordion/Accordion';
+export { default as Avatar } from './Avatar/Avatar';
+export type { AvatarProps } from './Avatar/Avatar';
+export { default as Badge } from './Badge/Badge';
+export type { BadgeProps } from './Badge/Badge';
+export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb/Breadcrumb';
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as Callout } from './Callout/Callout';
+export type { CalloutProps } from './Callout/Callout';
+export { default as Card } from './Card/Card';
+export type { CardProps } from './Card/Card';
+export { default as ColorModeToggle } from './ColorModeToggle/ColorModeToggle';
+export type { ColorModeToggleProps } from './ColorModeToggle/ColorModeToggle';
+export { default as Countdown } from './Countdown/Countdown';
+export type { CountdownProps } from './Countdown/Countdown';
+export { default as DataTable } from './DataTable/DataTable';
+export type { DataTableProps } from './DataTable/DataTable';
+export { default as DatePicker } from './DatePicker/DatePicker';
+export type { DatePickerProps } from './DatePicker/DatePicker';
+export { default as Dropdown } from './Dropdown/Dropdown';
+export type { DropdownProps } from './Dropdown/Dropdown';
+export { default as EdgePanel } from './EdgePanel/EdgePanel';
+export type { EdgePanelProps } from './EdgePanel/EdgePanel';
+export { default as Form } from './Form/Form';
+export { default as Input } from './Form/Input';
+export { default as Textarea } from './Form/Textarea';
+export { default as Select } from './Form/Select';
+export { default as Checkbox } from './Form/Checkbox';
+export { default as Radio } from './Form/Radio';
+export { default as Hero } from './Hero/Hero';
+export type { HeroProps } from './Hero/Hero';
+export { default as Icon } from './Icon/Icon';
+export type { IconProps } from './Icon/Icon';
+export { default as List } from './List/List';
+export type { ListProps } from './List/List';
+export { default as Messages } from './Messages/Messages';
+export type { MessagesProps } from './Messages/Messages';
+export { default as Modal } from './Modal/Modal';
+export type { ModalProps } from './Modal/Modal';
+export { default as Navbar } from './Navbar/Navbar';
+export type { NavbarProps } from './Navbar/Navbar';
+export { default as Pagination } from './Pagination/Pagination';
+export type { PaginationProps } from './Pagination/Pagination';
+export { default as PhotoViewer } from './PhotoViewer/PhotoViewer';
+export type { PhotoViewerProps } from './PhotoViewer/PhotoViewer';
+export { default as Popover } from './Popover/Popover';
+export type { PopoverProps } from './Popover/Popover';
+export { default as ProductReview } from './ProductReview/ProductReview';
+export type { ProductReviewProps } from './ProductReview/ProductReview';
+export { default as Progress } from './Progress/Progress';
+export type { ProgressProps } from './Progress/Progress';
+export { default as Rating } from './Rating/Rating';
+export type { RatingProps } from './Rating/Rating';
+export { default as River } from './River/River';
+export type { RiverProps } from './River/River';
+export { default as SectionIntro } from './SectionIntro/SectionIntro';
+export type { SectionIntroProps } from './SectionIntro/SectionIntro';
+export { default as Spinner } from './Spinner/Spinner';
+export type { SpinnerProps } from './Spinner/Spinner';
+export { default as Steps } from './Steps/Steps';
+export type { StepsProps } from './Steps/Steps';
+export { default as Tab } from './Tab/Tab';
+export type { TabProps } from './Tab/Tab';
+export { default as Testimonial } from './Testimonial/Testimonial';
+export type { TestimonialProps } from './Testimonial/Testimonial';
+export { default as Todo } from './Todo/Todo';
+export type { TodoProps } from './Todo/Todo';
+export { default as Toggle } from './Toggle/Toggle';
+export type { ToggleProps } from './Toggle/Toggle';
+export { default as Tooltip } from './Tooltip/Tooltip';
+export type { TooltipProps } from './Tooltip/Tooltip';
+export { default as Upload } from './Upload/Upload';
+export type { UploadProps } from './Upload/Upload';
+export { default as AtomixLogo } from './AtomixLogo/AtomixLogo';
+export type { AtomixLogoProps } from './AtomixLogo/AtomixLogo';

package/dist/types/htmlComponentsEntry.d.ts

@@ -0,0 +1,160 @@
+import { initializeButton } from './components/Button/scripts';
+import { initializeAccordionsWithCustomBehavior } from './components/Accordion/scripts';
+import { initializeTooltipsWithCustomBehavior } from './components/Tooltip/scripts/tooltipInteractions';
+import { initializeToggles } from './components/Toggle/scripts';
+import { initializeTabs } from './components/Tab/scripts';
+import { initializeSteps } from './components/Steps/scripts';
+import { initializeTestimonials } from './components/Testimonial/scripts';
+import { initializeRivers } from './components/River/scripts';
+import { initializeUploads } from './components/Upload/scripts';
+import { initializeEdgePanelsWithCustomBehavior } from './components/EdgePanel/scripts/edgePanelInteractions';
+import { initializeModals } from './components/Modal/scripts/index';
+import { initializeHeroesWithCustomBehavior } from './components/Hero/scripts/heroInteractions';
+import { Avatar } from './components/Avatar/scripts';
+import Breadcrumb from './components/Breadcrumb/scripts';
+import Card from './components/Card/scripts';
+import Countdown from './components/Countdown/scripts';
+import { Todo } from './components/Todo/scripts';
+import Pagination from './components/Pagination/scripts';
+import { DataTable } from './components/DataTable/scripts';
+import { initFromDataAttributes as initializeDatePickers } from './components/DatePicker/scripts/componentInteractions';
+/**
+ * Initialize all Button components in the document
+ */
+declare function initializeButtons(): void;
+/**
+ * Initialize all Accordion components in the document
+ */
+declare function initializeAccordions(): void;
+/**
+ * Initialize all Tooltip components in the document
+ */
+declare function initializeTooltips(): void;
+/**
+ * Initialize all Toggle components in the document
+ */
+declare function initializeToggleComponents(): void;
+/**
+ * Initialize all Tab components in the document
+ */
+declare function initializeTabComponents(): void;
+/**
+ * Initialize all Steps components in the document
+ */
+declare function initializeStepComponents(): void;
+/**
+ * Initialize all Testimonial components in the document
+ */
+declare function initializeTestimonialComponents(): void;
+/**
+ * Initialize all River components in the document
+ */
+declare function initializeRiverComponents(): void;
+/**
+ * Initialize all Upload components in the document
+ */
+declare function initializeUploadComponents(): void;
+/**
+ * Initialize all EdgePanel components in the document
+ */
+declare function initializeEdgePanels(): void;
+/**
+ * Initialize all Modal components in the document
+ */
+declare function initializeModalComponents(): void;
+/**
+ * Initialize all Hero components in the document
+ */
+declare function initializeHeroComponents(): void;
+/**
+ * Initialize all DatePicker components in the document
+ */
+declare function initializeDatePickerComponents(): void;
+/**
+ * Initialize all components
+ */
+declare function initializeComponents(): void;
+declare const Atomix: {
+    Button: {
+        init: typeof initializeButton;
+        initializeAll: typeof initializeButtons;
+    };
+    Accordion: {
+        init: typeof initializeAccordionsWithCustomBehavior;
+        initializeAll: typeof initializeAccordions;
+    };
+    Tooltip: {
+        init: typeof initializeTooltipsWithCustomBehavior;
+        initializeAll: typeof initializeTooltips;
+    };
+    Toggle: {
+        init: typeof initializeToggles;
+        initializeAll: typeof initializeToggleComponents;
+    };
+    Tab: {
+        init: typeof initializeTabs;
+        initializeAll: typeof initializeTabComponents;
+    };
+    Steps: {
+        init: typeof initializeSteps;
+        initializeAll: typeof initializeStepComponents;
+    };
+    Testimonial: {
+        init: typeof initializeTestimonials;
+        initializeAll: typeof initializeTestimonialComponents;
+    };
+    River: {
+        init: typeof initializeRivers;
+        initializeAll: typeof initializeRiverComponents;
+    };
+    Upload: {
+        init: typeof initializeUploads;
+        initializeAll: typeof initializeUploadComponents;
+    };
+    EdgePanel: {
+        init: typeof initializeEdgePanelsWithCustomBehavior;
+        initializeAll: typeof initializeEdgePanels;
+    };
+    Modal: {
+        init: typeof initializeModals;
+        initializeAll: typeof initializeModalComponents;
+    };
+    Hero: {
+        init: typeof initializeHeroesWithCustomBehavior;
+        initializeAll: typeof initializeHeroComponents;
+    };
+    Avatar: {
+        init: typeof Avatar.initializeAll;
+        initializeAll: typeof Avatar.initializeAll;
+    };
+    Breadcrumb: {
+        init: typeof Breadcrumb.initializeAll;
+        initializeAll: typeof Breadcrumb.initializeAll;
+    };
+    Card: {
+        init: typeof Card.initializeAll;
+        initializeAll: typeof Card.initializeAll;
+    };
+    Countdown: {
+        init: typeof Countdown.initializeAll;
+        initializeAll: typeof Countdown.initializeAll;
+    };
+    Todo: {
+        init: typeof Todo.initializeAll;
+        initializeAll: typeof Todo.initializeAll;
+    };
+    Pagination: {
+        init: typeof Pagination.initializeAll;
+        initializeAll: typeof Pagination.initializeAll;
+    };
+    DataTable: {
+        init: typeof DataTable.initializeAll;
+        initializeAll: typeof DataTable.initializeAll;
+    };
+    DatePicker: {
+        init: typeof initializeDatePickers;
+        initializeAll: typeof initializeDatePickerComponents;
+    };
+    initializeAll: typeof initializeComponents;
+};
+export default Atomix;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+declare const Atomix: any;
+export default Atomix;

package/dist/types/layouts/Grid/Container.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the container
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Container type:
+     * - undefined: responsive container with max-width at each breakpoint
+     * - 'fluid': full width container
+     * - 'sm', 'md', 'lg', 'xl', 'xxl': responsive container with max-width at specified breakpoint
+     */
+    type?: 'fluid' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+}
+/**
+ * Container component for creating responsive layouts.
+ * Uses the CSS container classes defined in _objects.container.scss.
+ *
+ * @example
+ * ```tsx
+ * <Container>
+ *   Content with responsive max-width
+ * </Container>
+ *
+ * <Container type="fluid">
+ *   Full width content
+ * </Container>
+ *
+ * <Container type="md">
+ *   Content with max-width at md breakpoint
+ * </Container>
+ * ```
+ */
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/Grid/Grid.d.ts

@@ -0,0 +1,37 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the grid
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Control the horizontal alignment of items
+     */
+    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /**
+     * Control the vertical alignment of items
+     */
+    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /**
+     * No gutters between columns
+     */
+    noGutters?: boolean;
+}
+/**
+ * Grid component for creating responsive layouts.
+ * Uses the CSS grid system defined in _objects.grid.scss.
+ *
+ * @example
+ * ```tsx
+ * <Grid>
+ *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
+ *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
+ *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
+ * </Grid>
+ * ```
+ */
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/Grid/GridCol.d.ts

@@ -0,0 +1,64 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the column
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Number of columns to span at extra small breakpoint (default)
+     */
+    xs?: number | 'auto';
+    /**
+     * Number of columns to span at small breakpoint
+     */
+    sm?: number | 'auto';
+    /**
+     * Number of columns to span at medium breakpoint
+     */
+    md?: number | 'auto';
+    /**
+     * Number of columns to span at large breakpoint
+     */
+    lg?: number | 'auto';
+    /**
+     * Number of columns to span at extra large breakpoint
+     */
+    xl?: number | 'auto';
+    /**
+     * Number of columns to span at extra extra large breakpoint
+     */
+    xxl?: number | 'auto';
+    /**
+     * Offset at extra small breakpoint
+     */
+    offsetXs?: number;
+    /**
+     * Offset at small breakpoint
+     */
+    offsetSm?: number;
+    /**
+     * Offset at medium breakpoint
+     */
+    offsetMd?: number;
+    /**
+     * Offset at large breakpoint
+     */
+    offsetLg?: number;
+    /**
+     * Offset at extra large breakpoint
+     */
+    offsetXl?: number;
+    /**
+     * Offset at extra extra large breakpoint
+     */
+    offsetXxl?: number;
+}
+/**
+ * GridCol component for creating columns within a Grid.
+ * Uses the CSS grid column classes defined in _objects.grid.scss.
+ */
+export declare const GridCol: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/Grid/Row.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface RowProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the row
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Control the horizontal alignment of items
+     */
+    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /**
+     * Control the vertical alignment of items
+     */
+    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /**
+     * No gutters between columns
+     */
+    noGutters?: boolean;
+}
+/**
+ * Row component for creating rows within a Grid or Container.
+ * Uses the CSS row classes defined in _objects.grid.scss.
+ *
+ * @example
+ * ```tsx
+ * <Container>
+ *   <Row justifyContent="between" alignItems="center">
+ *     <GridCol md={6}>Column content</GridCol>
+ *     <GridCol md={6}>Column content</GridCol>
+ *   </Row>
+ * </Container>
+ * ```
+ */
+export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/Grid/index.d.ts

@@ -0,0 +1,8 @@
+export { Grid } from './Grid';
+export type { GridProps } from './Grid';
+export { GridCol } from './GridCol';
+export type { GridColProps } from './GridCol';
+export { Container } from './Container';
+export type { ContainerProps } from './Container';
+export { Row } from './Row';
+export type { RowProps } from './Row';

package/dist/types/layouts/MasonryGrid/MasonryGrid.d.ts

@@ -0,0 +1,71 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface MasonryGridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the masonry grid
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Number of columns at extra small breakpoint (default)
+     */
+    xs?: number;
+    /**
+     * Number of columns at small breakpoint
+     */
+    sm?: number;
+    /**
+     * Number of columns at medium breakpoint
+     */
+    md?: number;
+    /**
+     * Number of columns at large breakpoint
+     */
+    lg?: number;
+    /**
+     * Number of columns at extra large breakpoint
+     */
+    xl?: number;
+    /**
+     * Number of columns at extra extra large breakpoint
+     */
+    xxl?: number;
+    /**
+     * Gap between items (in pixels)
+     */
+    gap?: number;
+    /**
+     * Whether to animate item transitions
+     */
+    animate?: boolean;
+    /**
+     * Whether to handle image loading to prevent layout shifts
+     * When true, items will be shown immediately and positions updated as images load
+     */
+    imagesLoaded?: boolean;
+    /**
+     * Callback fired when all images are loaded and layout is complete
+     */
+    onLayoutComplete?: () => void;
+    /**
+     * Callback fired each time an image loads and layout is updated
+     */
+    onImageLoad?: (loadedCount: number, totalCount: number) => void;
+}
+/**
+ * MasonryGrid component for creating a responsive masonry layout.
+ * Uses JavaScript to position items optimally based on available vertical space,
+ * similar to how a mason fits stones in a wall.
+ *
+ * @example
+ * ```tsx
+ * <MasonryGrid xs={1} sm={2} md={3} lg={4}>
+ *   <MasonryGridItem>Item 1</MasonryGridItem>
+ *   <MasonryGridItem>Item 2</MasonryGridItem>
+ *   <MasonryGridItem>Item 3</MasonryGridItem>
+ * </MasonryGrid>
+ * ```
+ */
+export declare const MasonryGrid: React.ForwardRefExoticComponent<MasonryGridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/MasonryGrid/MasonryGridItem.d.ts

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface MasonryGridItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be rendered within the masonry grid item
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * MasonryGridItem component for creating items within a MasonryGrid.
+ * Each item will be positioned optimally by the parent MasonryGrid component.
+ *
+ * @example
+ * ```tsx
+ * <MasonryGrid>
+ *   <MasonryGridItem>Item 1</MasonryGridItem>
+ *   <MasonryGridItem>Item 2</MasonryGridItem>
+ * </MasonryGrid>
+ * ```
+ */
+export declare const MasonryGridItem: React.ForwardRefExoticComponent<MasonryGridItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/MasonryGrid/index.d.ts

@@ -0,0 +1,4 @@
+export { MasonryGrid } from './MasonryGrid';
+export type { MasonryGridProps } from './MasonryGrid';
+export { MasonryGridItem } from './MasonryGridItem';
+export type { MasonryGridItemProps } from './MasonryGridItem';

package/dist/types/lib/composables/index.d.ts

@@ -0,0 +1,21 @@
+export * from './useButton';
+export * from './useAccordion';
+export * from './useBadge';
+export * from './useHero';
+export * from './useRiver';
+export * from './useSpinner';
+export * from './useNavbar';
+export * from './useEdgePanel';
+export * from './useTodo';
+export * from './useForm';
+export * from './useFormGroup';
+export * from './useInput';
+export * from './useSelect';
+export * from './useCheckbox';
+export * from './useRadio';
+export * from './useTextarea';
+export * from './useDataTable';
+export * from './usePagination';
+export * from './useModal';
+export * from './useBreadcrumb';
+export * from './useCard';

package/dist/types/lib/composables/useAccordion.d.ts

@@ -0,0 +1,30 @@
+import { AccordionProps, AccordionState } from '../types/components';
+/**
+ * Accordion functionality hook result
+ */
+interface UseAccordionResult {
+    /** Current accordion state */
+    state: AccordionState;
+    /** Toggle the accordion open/closed */
+    toggle: () => void;
+    /** Update the panel height based on content */
+    updatePanelHeight: () => void;
+    /** Reference to the panel element */
+    panelRef: React.RefObject<HTMLDivElement>;
+    /** Reference to the content element */
+    contentRef: React.RefObject<HTMLDivElement>;
+    /** Generate accordion class names based on state */
+    generateClassNames: (baseClassName?: string) => string;
+    /** Generate header class names */
+    generateHeaderClassNames: () => string;
+}
+/**
+ * Accordion functionality hook
+ * @param initialProps - Initial accordion properties
+ * @returns Accordion state and methods
+ */
+export declare function useAccordion(initialProps?: Partial<AccordionProps> & {
+    isOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): UseAccordionResult;
+export {};

package/dist/types/lib/composables/useBadge.d.ts

@@ -0,0 +1,10 @@
+import { BadgeProps } from '../types/components';
+/**
+ * Badge state and functionality
+ * @param initialProps - Initial badge properties
+ * @returns Badge state and methods
+ */
+export declare function useBadge(initialProps?: Partial<BadgeProps>): {
+    defaultProps: Partial<BadgeProps>;
+    generateBadgeClass: (props: Partial<BadgeProps>) => string;
+};

package/dist/types/lib/composables/useBreadcrumb.d.ts

@@ -0,0 +1,13 @@
+import { BreadcrumbItem, BreadcrumbOptions } from '../../components/Breadcrumb/scripts/types';
+/**
+ * Breadcrumb state and functionality
+ * @param initialOptions - Initial breadcrumb options
+ * @returns Breadcrumb state and methods
+ */
+export declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
+    defaultOptions: BreadcrumbOptions;
+    generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
+    generateItemClass: (item: BreadcrumbItem, isLast: boolean) => string;
+    isItemLink: (item: BreadcrumbItem, isLast: boolean) => boolean;
+    parseItemsFromJson: (jsonString: string) => BreadcrumbItem[];
+};

package/dist/types/lib/composables/useButton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../types/components';
+/**
+ * Button state and functionality
+ * @param initialProps - Initial button properties
+ * @returns Button state and methods
+ */
+export declare function useButton(initialProps?: Partial<ButtonProps>): {
+    defaultProps: Partial<ButtonProps>;
+    generateButtonClass: (props: Partial<ButtonProps>) => string;
+    handleClick: (handler?: () => void) => () => void;
+};

package/dist/types/lib/composables/useCallout.d.ts

@@ -0,0 +1,11 @@
+import { CalloutProps } from '../types/components';
+/**
+ * Callout state and functionality
+ * @param initialProps - Initial callout properties
+ * @returns Callout state and methods
+ */
+export declare function useCallout(initialProps?: Partial<CalloutProps>): {
+    defaultProps: Partial<CalloutProps>;
+    generateCalloutClass: (props: Partial<CalloutProps>) => string;
+    handleClose: (handler?: () => void) => () => void;
+};

package/dist/types/lib/composables/useCard.d.ts

@@ -0,0 +1,8 @@
+import { UseCardOptions, UseCardReturn } from '../types/components';
+/**
+ * Hook for managing Card component state and behaviors
+ *
+ * @param options - Configuration options for the card
+ * @returns Card state and handlers
+ */
+export declare const useCard: (options?: UseCardOptions) => UseCardReturn;

package/dist/types/lib/composables/useCheckbox.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxProps } from '../types/components';
+/**
+ * Checkbox state and functionality
+ * @param initialProps - Initial checkbox properties
+ * @returns Checkbox state and methods
+ */
+export declare function useCheckbox(initialProps?: Partial<CheckboxProps>): {
+    defaultProps: Partial<CheckboxProps>;
+    generateCheckboxClass: (props: Partial<CheckboxProps>) => string;
+    checkboxRef: import("react").RefObject<HTMLInputElement>;
+};