@shohojdhara/atomix 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -1438,7 +1438,7 @@ type StateModifier = 'is-open' | 'is-closed' | 'is-active' | 'is-disabled' | 'is
  * Icon position options
  */
 type IconPosition = 'left' | 'right';
-type listvariant = 'dash' | 'number' | 'text';
+type listvariant = 'dash' | 'number' | 'text' | 'default';
 /**;
  * List component properties
  */
@@ -2113,6 +2113,11 @@ interface HeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' |
      * Granular part-based styling
      */
     parts?: HeroParts;
+    /**
+     * Custom background element to render behind the content
+     * @example <Hero.Background src="..." />
+     */
+    backgroundElement?: ReactNode;
 }
 /**
  * Spinner component properties
@@ -3169,7 +3174,7 @@ interface InputProps extends BaseComponentProps {
 /**
  * Select option
  */
-interface SelectOption {
+interface SelectOption$1 {
     /**
      * Option value
      */
@@ -3190,7 +3195,7 @@ interface SelectProps extends BaseComponentProps {
     /**
      * Select options
      */
-    options: SelectOption[];
+    options?: SelectOption$1[];
     /**
      * Selected value(s)
      */
@@ -3944,7 +3949,7 @@ interface PopoverProps {
 /**
  * The trigger method for the dropdown menu
  */
-type DropdownTrigger = 'click' | 'hover';
+type DropdownTrigger$1 = 'click' | 'hover';
 /**
  * The placement of the dropdown menu
  */
@@ -3964,7 +3969,7 @@ interface DropdownProps extends BaseComponentProps {
     /**
      * How the dropdown is triggered
      */
-    trigger?: DropdownTrigger;
+    trigger?: DropdownTrigger$1;
     /**
      * The placement of the dropdown menu
      */
@@ -6651,6 +6656,295 @@ interface GlassContainerProps extends BaseComponentProps {
     style?: React.CSSProperties;
 }
 
+interface TabsItemProps {
+    /**
+     * Label for the tab
+     */
+    label: string;
+    /**
+     * Content of the tab panel
+     */
+    content: ReactNode;
+    /**
+     * Whether the tab is initially active
+     */
+    isActive?: boolean;
+    /**
+     * Additional CSS class for the tab
+     */
+    className?: string;
+}
+interface TabsProps {
+    /**
+     * Array of tab items (Legacy mode)
+     */
+    items?: TabsItemProps[];
+    /**
+     * Initial active tab index
+     */
+    activeIndex?: number;
+    /**
+     * Callback when tab changes
+     */
+    onTabChange?: (index: number) => void;
+    /**
+     * Additional CSS class for the tab component
+     */
+    className?: string;
+    /**
+     * Custom style for the tab component
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Glass morphism effect for the tab component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
+    /**
+     * Children (Compound mode)
+     */
+    children?: ReactNode;
+}
+declare const TabsList: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLUListElement> & React__default.RefAttributes<HTMLUListElement>>;
+interface TabsTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    index?: number;
+}
+declare const TabsTrigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const TabsPanels: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface TabsPanelProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    index?: number;
+}
+declare const TabsPanel: React__default.ForwardRefExoticComponent<TabsPanelProps & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * Tabs component for switching between different content panels
+ */
+type TabsComponent = React__default.FC<TabsProps> & {
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Panels: typeof TabsPanels;
+    Panel: typeof TabsPanel;
+};
+declare const Tabs: TabsComponent;
+
+interface StepItemData {
+    /**
+     * The number for the step
+     */
+    number: number | string | ReactNode;
+    /**
+     * The text label for the step
+     */
+    text: string;
+    /**
+     * Optional custom content for the step
+     */
+    content?: React__default.ReactNode;
+}
+
+interface StepsItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The number or icon for the step
+     */
+    number?: number | string | ReactNode;
+    /**
+     * The text label/title for the step
+     */
+    title?: ReactNode;
+    /**
+     * Whether the step is active
+     */
+    active?: boolean;
+    /**
+     * Whether the step is completed
+     */
+    completed?: boolean;
+    /**
+     * Index of the step (injected by parent)
+     */
+    index?: number;
+}
+declare const StepsItem: React__default.ForwardRefExoticComponent<StepsItemProps & React__default.RefAttributes<HTMLDivElement>>;
+interface StepsProps {
+    /**
+     * Array of step items (Legacy)
+     */
+    items?: StepItemData[];
+    /**
+     * Current active step index (0-based)
+     */
+    activeIndex?: number;
+    /**
+     * Whether to display steps vertically
+     */
+    vertical?: boolean;
+    /**
+     * Called when active step changes
+     */
+    onStepChange?: (index: number) => void;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Glass morphism effect for the steps component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
+    /**
+     * Children (Compound)
+     */
+    children?: ReactNode;
+}
+type StepsComponent = React__default.FC<StepsProps> & {
+    Item: typeof StepsItem;
+    Step: typeof StepsItem;
+};
+declare const Steps: StepsComponent;
+
+interface ModalHeaderProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    closeButton?: boolean;
+    onClose?: () => void;
+}
+declare const ModalHeader: React__default.ForwardRefExoticComponent<ModalHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ModalBody: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ModalFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * Modal component for displaying overlay content
+ */
+type ModalComponent = React__default.FC<ModalProps> & {
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+};
+declare const Modal: ModalComponent;
+
+interface ListItemProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    children?: React__default.ReactNode;
+}
+declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLLIElement>>;
+
+type ListComponent = React__default.FC<ListProps> & {
+    Item: typeof ListItem;
+};
+declare const List: ListComponent;
+
+interface HeroTitleProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+}
+declare const HeroTitle: ({ children, className, level, ...props }: HeroTitleProps) => react_jsx_runtime.JSX.Element;
+declare const HeroSubtitle: ({ children, className, ...props }: React__default.HTMLAttributes<HTMLParagraphElement>) => react_jsx_runtime.JSX.Element;
+declare const HeroText: ({ children, className, ...props }: React__default.HTMLAttributes<HTMLParagraphElement>) => react_jsx_runtime.JSX.Element;
+declare const HeroActions: ({ children, className, ...props }: React__default.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+interface HeroContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    glass?: AtomixGlassProps | boolean;
+}
+declare const HeroContent: ({ children, className, style, glass, ...props }: HeroContentProps) => react_jsx_runtime.JSX.Element;
+interface HeroImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    wrapperClassName?: string;
+    wrapperStyle?: React__default.CSSProperties;
+}
+declare const HeroImage: ({ src, alt, className, wrapperClassName, wrapperStyle, ...props }: HeroImageProps) => react_jsx_runtime.JSX.Element;
+declare const HeroBackground: ({ className, style, src, children, ...props }: React__default.HTMLAttributes<HTMLDivElement> & {
+    src?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const Hero: React__default.FC<HeroProps> & {
+    Title: typeof HeroTitle;
+    Subtitle: typeof HeroSubtitle;
+    Text: typeof HeroText;
+    Actions: typeof HeroActions;
+    Content: typeof HeroContent;
+    Image: typeof HeroImage;
+    Background: typeof HeroBackground;
+};
+
+interface SelectOptionProps {
+    value: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare const SelectOption: React__default.FC<SelectOptionProps>;
+
+type SelectComponent = React__default.FC<SelectProps> & {
+    Option: typeof SelectOption;
+};
+/**
+ * Select - A component for dropdown selection
+ */
+declare const Select: SelectComponent;
+
+declare const EdgePanelHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const EdgePanelBody: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const EdgePanelFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const EdgePanelCloseButton: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * EdgePanel - A sliding panel component that appears from any screen edge
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EdgePanel
+ *   title="My Panel"
+ *   isOpen={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   position="start"
+ * >
+ *   <p>Panel content</p>
+ * </EdgePanel>
+ *
+ * // Compound Usage
+ * <EdgePanel isOpen={isOpen} onOpenChange={setIsOpen}>
+ *    <EdgePanel.Header>
+ *       <h4>Title</h4>
+ *       <EdgePanel.CloseButton onClick={() => setIsOpen(false)} />
+ *    </EdgePanel.Header>
+ *    <EdgePanel.Body>Content</EdgePanel.Body>
+ *    <EdgePanel.Footer>Footer</EdgePanel.Footer>
+ * </EdgePanel>
+ * ```
+ */
+type EdgePanelComponent = React__default.FC<EdgePanelProps> & {
+    Header: typeof EdgePanelHeader;
+    Body: typeof EdgePanelBody;
+    Footer: typeof EdgePanelFooter;
+    CloseButton: typeof EdgePanelCloseButton;
+};
+declare const EdgePanel: EdgePanelComponent;
+
+declare const DropdownMenu: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLUListElement> & React__default.RefAttributes<HTMLUListElement>>;
+declare const DropdownTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * DropdownItem component for menu items
+ */
+declare const DropdownItem: React__default.FC<DropdownItemProps>;
+/**
+ * DropdownDivider component for separating groups of items
+ */
+declare const DropdownDivider: React__default.FC<DropdownDividerProps>;
+/**
+ * DropdownHeader component for section headers
+ */
+declare const DropdownHeader: React__default.FC<DropdownHeaderProps>;
+/**
+ * Dropdown component for creating dropdown menus
+ */
+type DropdownComponent = React__default.FC<DropdownProps> & {
+    Trigger: typeof DropdownTrigger;
+    Menu: typeof DropdownMenu;
+    Item: typeof DropdownItem;
+    Divider: typeof DropdownDivider;
+    Header: typeof DropdownHeader;
+};
+declare const Dropdown: DropdownComponent;
+
 type DatePickerPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 type DatePickerSize = 'sm' | 'md' | 'lg';
 type DatePickerSelectionMode = 'single' | 'range';
@@ -8415,6 +8709,29 @@ interface WaterfallChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
 }
 declare const WaterfallChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<WaterfallChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
+declare const CalloutIcon: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CalloutMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CalloutTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CalloutText: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CalloutActions: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+interface CalloutCloseButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CalloutCloseButton: React__default.ForwardRefExoticComponent<CalloutCloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const CalloutContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+/**
+ * Callout component for displaying important messages, notifications, or alerts
+ */
+type CalloutComponent = React__default.FC<CalloutProps> & {
+    Icon: typeof CalloutIcon;
+    Message: typeof CalloutMessage;
+    Title: typeof CalloutTitle;
+    Text: typeof CalloutText;
+    Actions: typeof CalloutActions;
+    CloseButton: typeof CalloutCloseButton;
+    Content: typeof CalloutContent;
+};
+declare const Callout: CalloutComponent;
+
 type ButtonAsProp = {
     as?: ElementType;
     to?: string;
@@ -8424,6 +8741,118 @@ type ButtonAsProp = {
 };
 declare const Button: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
 
+interface BreadcrumbItemData {
+    /**
+     * Text to display
+     */
+    label: string;
+    /**
+     * URL for the breadcrumb item
+     */
+    href?: string;
+    /**
+     * Whether this item is active (current page)
+     */
+    active?: boolean;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Custom style for the breadcrumb item
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Additional className
+     */
+    className?: string;
+}
+
+interface BreadcrumbItemProps extends React__default.HTMLAttributes<HTMLLIElement> {
+    /**
+     * URL for the breadcrumb item
+     */
+    href?: string;
+    /**
+     * Whether this item is active (current page)
+     */
+    active?: boolean;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Optional click handler for the link
+     */
+    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
+    /**
+     * Optional custom link component
+     */
+    linkAs?: React__default.ElementType;
+    /**
+     * Link props to pass to the underlying anchor or LinkComponent
+     */
+    linkProps?: Record<string, any>;
+}
+declare const BreadcrumbItem: React__default.ForwardRefExoticComponent<BreadcrumbItemProps & React__default.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbProps {
+    /**
+     * Array of breadcrumb items (Legacy)
+     */
+    items?: BreadcrumbItemData[];
+    /**
+     * Custom divider character or element
+     */
+    divider?: ReactNode;
+    /**
+     * Additional className
+     */
+    className?: string;
+    /**
+     * Aria label for the navigation
+     */
+    'aria-label'?: string;
+    /**
+     * Optional custom link component
+     */
+    LinkComponent?: React__default.ElementType;
+    /**
+     * Custom style for the breadcrumb
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Children (Compound)
+     */
+    children?: ReactNode;
+}
+type BreadcrumbComponent = React__default.FC<BreadcrumbProps> & {
+    Item: typeof BreadcrumbItem;
+};
+declare const Breadcrumb: BreadcrumbComponent;
+
+type AccordionProps = AccordionProps$1;
+interface AccordionHeaderProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
+    title?: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    isOpen?: boolean;
+}
+declare const AccordionHeader: React__default.ForwardRefExoticComponent<AccordionHeaderProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface AccordionBodyProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    panelRef?: React__default.RefObject<HTMLDivElement>;
+    contentRef?: React__default.RefObject<HTMLDivElement>;
+}
+declare const AccordionBody: React__default.ForwardRefExoticComponent<AccordionBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+type AccordionComponent = React__default.FC<AccordionProps> & {
+    Header: typeof AccordionHeader;
+    Body: typeof AccordionBody;
+};
+declare const _default: AccordionComponent;
+
 type __lib_types_AccordionState = AccordionState;
 type __lib_types_AtomixGlassProps = AtomixGlassProps;
 type __lib_types_AvatarGroupProps = AvatarGroupProps;
@@ -8446,7 +8875,6 @@ type __lib_types_DropdownHeaderProps = DropdownHeaderProps;
 type __lib_types_DropdownItemProps = DropdownItemProps;
 type __lib_types_DropdownPlacement = DropdownPlacement;
 type __lib_types_DropdownProps = DropdownProps;
-type __lib_types_DropdownTrigger = DropdownTrigger;
 type __lib_types_EdgePanelMode = EdgePanelMode;
 type __lib_types_EdgePanelPosition = EdgePanelPosition;
 type __lib_types_EdgePanelProps = EdgePanelProps;
@@ -8497,7 +8925,6 @@ type __lib_types_PopoverTriggerProps = PopoverTriggerProps;
 type __lib_types_ProgressProps = ProgressProps;
 type __lib_types_RadioProps = RadioProps;
 type __lib_types_RatingProps = RatingProps;
-type __lib_types_SelectOption = SelectOption;
 type __lib_types_SelectProps = SelectProps;
 type __lib_types_SelectionMode = SelectionMode;
 type __lib_types_SideMenuItemProps = SideMenuItemProps;
@@ -8537,7 +8964,7 @@ type __lib_types_VideoQuality = VideoQuality;
 type __lib_types_VideoSubtitle = VideoSubtitle;
 type __lib_types_listvariant = listvariant;
 declare namespace __lib_types {
-  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonGroupProps as ButtonGroupProps, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DisplacementMode as DisplacementMode, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, __lib_types_DropdownTrigger as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_ExportFormat as ExportFormat, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassSize as GlassSize, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroBackgroundSlide as HeroBackgroundSlide, __lib_types_HeroBackgroundSliderConfig as HeroBackgroundSliderConfig, __lib_types_HeroParts as HeroParts, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, IconSize$1 as IconSize, IconWeight$1 as IconWeight, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, ListGroupProps$1 as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_OverLightConfig as OverLightConfig, __lib_types_OverLightObjectConfig as OverLightObjectConfig, __lib_types_PaginationProps as PaginationProps, PhosphorIconsType$1 as PhosphorIconsType, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, __lib_types_SelectOption as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SelectionMode as SelectionMode, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
+  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonGroupProps as ButtonGroupProps, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DisplacementMode as DisplacementMode, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, DropdownTrigger$1 as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_ExportFormat as ExportFormat, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassSize as GlassSize, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroBackgroundSlide as HeroBackgroundSlide, __lib_types_HeroBackgroundSliderConfig as HeroBackgroundSliderConfig, __lib_types_HeroParts as HeroParts, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, IconSize$1 as IconSize, IconWeight$1 as IconWeight, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, ListGroupProps$1 as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_OverLightConfig as OverLightConfig, __lib_types_OverLightObjectConfig as OverLightObjectConfig, __lib_types_PaginationProps as PaginationProps, PhosphorIconsType$1 as PhosphorIconsType, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, SelectOption$1 as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SelectionMode as SelectionMode, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
 }
 
 /**
@@ -11034,7 +11461,7 @@ interface UseAtomixGlassReturn {
  * Composable hook for AtomixGlass component logic
  * Manages all state, calculations, and event handlers
  */
-declare function useAtomixGlass({ glassRef, contentRef, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, disableEffects, elasticity, onClick, debugCornerRadius, debugOverLight, enablePerformanceMonitoring, children, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
+declare function useAtomixGlass({ glassRef, contentRef, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, disableEffects, elasticity, onClick, debugCornerRadius, debugOverLight, children, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
 
 /**
  * Input state and functionality
@@ -11088,64 +11515,6 @@ declare function useTextarea(initialProps?: Partial<TextareaProps>): {
     generateTextareaClass: (props: Partial<TextareaProps>) => string;
 };
 
-interface BreadcrumbItem {
-    /**
-     * Text to display
-     */
-    label: string;
-    /**
-     * URL for the breadcrumb item
-     */
-    href?: string;
-    /**
-     * Whether this item is active (current page)
-     */
-    active?: boolean;
-    /**
-     * Optional icon to display before the label
-     */
-    icon?: ReactNode;
-    /**
-     * Optional click handler
-     */
-    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Custom style for the breadcrumb item
-     */
-    style?: React__default.CSSProperties;
-    /**
-     * Additional className
-     */
-    className?: string;
-}
-interface BreadcrumbProps {
-    /**
-     * Array of breadcrumb items
-     */
-    items: BreadcrumbItem[];
-    /**
-     * Custom divider character or element
-     */
-    divider?: ReactNode;
-    /**
-     * Additional className
-     */
-    className?: string;
-    /**
-     * Aria label for the navigation
-     */
-    'aria-label'?: string;
-    /**
-     * Optional custom link component
-     */
-    LinkComponent?: React__default.ElementType;
-    /**
-     * Custom style for the breadcrumb
-     */
-    style?: React__default.CSSProperties;
-}
-declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
-
 interface BreadcrumbOptions {
     items: BreadcrumbItem[];
     divider?: React.ReactNode;
@@ -11503,9 +11872,6 @@ declare namespace __lib_composables {
   export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UseDataTableProps as UseDataTableProps, __lib_composables_UseDataTableReturn as UseDataTableReturn, __lib_composables_UseModalProps as UseModalProps, __lib_composables_UseModalReturn as UseModalReturn, __lib_composables_UseSliderOptions as UseSliderOptions, __lib_composables_UseSliderReturn as UseSliderReturn };
 }
 
-type AccordionProps = AccordionProps$1;
-declare const Accordion: React__default.FC<AccordionProps>;
-
 interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
     height?: number | string;
     width?: number | string;
@@ -11729,11 +12095,6 @@ declare const Block: React__default.ForwardRefExoticComponent<BlockProps & React
  */
 declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
 
-/**
- * Callout component for displaying important messages, notifications, or alerts
- */
-declare const Callout: React__default.FC<CalloutProps>;
-
 declare const Card: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
 
 declare const ElevationCard: React__default.FC<ElevationCardProps>;
@@ -11813,58 +12174,6 @@ declare const DataTable: React__default.FC<DataTableProps>;
  */
 declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<DatePickerRef>>;
 
-/**
- * Dropdown component for creating dropdown menus
- */
-declare const Dropdown: React__default.FC<DropdownProps>;
-
-/**
- * EdgePanel - A sliding panel component that appears from any screen edge
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <EdgePanel
- *   title="My Panel"
- *   isOpen={isOpen}
- *   onOpenChange={setIsOpen}
- *   position="start"
- * >
- *   <p>Panel content</p>
- * </EdgePanel>
- *
- * // With glass effect
- * <EdgePanel
- *   title="Glass Panel"
- *   isOpen={isOpen}
- *   onOpenChange={setIsOpen}
- *   position="end"
- *   glass={true}
- * >
- *   <p>Panel with glass morphism</p>
- * </EdgePanel>
- *
- * // With custom glass configuration
- * <EdgePanel
- *   title="Custom Glass"
- *   isOpen={isOpen}
- *   onOpenChange={setIsOpen}
- *   position="start"
- *   glass={{
- *     mode: 'shader',
- *     shaderVariant: 'liquidGlass',
- *     displacementScale: 70,
- *     blurAmount: 1.8,
- *     saturation: 170,
- *   }}
- * >
- *   <p>Panel with custom glass effect</p>
- * </EdgePanel>
- * ```
- */
-declare const EdgePanel: React__default.FC<EdgePanelProps>;
-
 declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>>;
 
 /**
@@ -11950,20 +12259,11 @@ declare const Input: React__default.MemoExoticComponent<React__default.ForwardRe
  */
 declare const Radio: React__default.FC<RadioProps>;
 
-/**
- * Select - A component for dropdown selection
- */
-declare const Select: React__default.FC<SelectProps>;
-
 /**
  * Textarea - A component for multiline text input
  */
 declare const Textarea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>>;
 
-declare const Hero: React__default.FC<HeroProps>;
-
-declare const List: React__default.FC<ListProps>;
-
 type ListGroupProps = ListGroupProps$1;
 declare const ListGroup: React__default.FC<ListGroupProps>;
 
@@ -11972,11 +12272,6 @@ declare const ListGroup: React__default.FC<ListGroupProps>;
  */
 declare const Messages: React__default.FC<MessagesProps>;
 
-/**
- * Modal component for displaying overlay content
- */
-declare const Modal: React__default.FC<ModalProps>;
-
 /**
  * Nav component provides a container for navigation items with proper alignment and accessibility.
  *
@@ -12286,106 +12581,6 @@ declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.Re
 
 declare const Spinner: React__default.FC<SpinnerProps>;
 
-interface StepItem {
-    /**
-     * The number for the step
-     */
-    number: number | string | ReactNode;
-    /**
-     * The text label for the step
-     */
-    text: string;
-    /**
-     * Optional custom content for the step
-     */
-    content?: React__default.ReactNode;
-}
-interface StepsProps {
-    /**
-     * Array of step items
-     */
-    items: StepItem[];
-    /**
-     * Current active step index (0-based)
-     */
-    activeIndex?: number;
-    /**
-     * Whether to display steps vertically
-     */
-    vertical?: boolean;
-    /**
-     * Called when active step changes
-     */
-    onStepChange?: (index: number) => void;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-    /**
-     * Inline style for the component
-     */
-    style?: React__default.CSSProperties;
-    /**
-     * Glass morphism effect for the steps component
-     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
-     */
-    glass?: AtomixGlassProps | boolean;
-}
-/**
- * Steps component for displaying a sequence of steps
- */
-declare const Steps: React__default.FC<StepsProps>;
-
-interface TabsItemProps {
-    /**
-     * Label for the tab
-     */
-    label: string;
-    /**
-     * Content of the tab panel
-     */
-    content: ReactNode;
-    /**
-     * Whether the tab is initially active
-     */
-    isActive?: boolean;
-    /**
-     * Additional CSS class for the tab
-     */
-    className?: string;
-}
-interface TabsProps {
-    /**
-     * Array of tab items
-     */
-    items: TabsItemProps[];
-    /**
-     * Initial active tab index
-     */
-    activeIndex?: number;
-    /**
-     * Callback when tab changes
-     */
-    onTabChange?: (index: number) => void;
-    /**
-     * Additional CSS class for the tab component
-     */
-    className?: string;
-    /**
-     * Custom style for the tab component
-     */
-    style?: React__default.CSSProperties;
-    /**
-     * Glass morphism effect for the tab component
-     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
-     */
-    glass?: AtomixGlassProps | boolean;
-}
-/**
- * Tabs component for switching between different content panels
- */
-declare const Tabs: React__default.FC<TabsProps>;
-
 interface TestimonialAuthor {
     /**
      * The author's name
@@ -15126,17 +15321,30 @@ declare const atomix: {
     constants: typeof __lib_constants;
     types: typeof __lib_types;
     layouts: typeof layouts;
-    Accordion: React$1.FC<AccordionProps$1>;
+    Accordion: React$1.FC<AccordionProps$1> & {
+        Header: typeof AccordionHeader;
+        Body: typeof AccordionBody;
+    };
     AtomixLogo: React$1.FC<AtomixLogoProps>;
     AtomixGlass: typeof AtomixGlass;
     Avatar: React$1.FC<AvatarProps>;
     AvatarGroup: React$1.FC<AvatarGroupProps>;
     Badge: React$1.FC<BadgeProps>;
     Block: React$1.ForwardRefExoticComponent<BlockProps & React$1.RefAttributes<HTMLDivElement>>;
-    Breadcrumb: React$1.FC<BreadcrumbProps>;
+    Breadcrumb: React$1.FC<BreadcrumbProps> & {
+        Item: typeof BreadcrumbItemData;
+    };
     Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
     ButtonGroup: React$1.FC<ButtonGroupProps>;
-    Callout: React$1.FC<CalloutProps>;
+    Callout: React$1.FC<CalloutProps> & {
+        Icon: typeof CalloutIcon;
+        Message: typeof CalloutMessage;
+        Title: typeof CalloutTitle;
+        Text: typeof CalloutText;
+        Actions: typeof CalloutActions;
+        CloseButton: typeof CalloutCloseButton;
+        Content: typeof CalloutContent;
+    };
     Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
     ElevationCard: React$1.FC<ElevationCardProps>;
     AnimatedChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<AnimatedChartProps & React$1.RefAttributes<HTMLDivElement>>>;
@@ -15172,8 +15380,19 @@ declare const atomix: {
     Countdown: React$1.FC<CountdownProps>;
     DataTable: React$1.FC<DataTableProps>;
     DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<DatePickerRef>>;
-    Dropdown: React$1.FC<DropdownProps>;
-    EdgePanel: React$1.FC<EdgePanelProps>;
+    Dropdown: React$1.FC<DropdownProps> & {
+        Trigger: typeof DropdownTrigger;
+        Menu: typeof DropdownMenu;
+        Item: typeof DropdownItem;
+        Divider: typeof DropdownDivider;
+        Header: typeof DropdownHeader;
+    };
+    EdgePanel: React$1.FC<EdgePanelProps> & {
+        Header: typeof EdgePanelHeader;
+        Body: typeof EdgePanelBody;
+        Footer: typeof EdgePanelFooter;
+        CloseButton: typeof EdgePanelCloseButton;
+    };
     Checkbox: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>>;
     Footer: React$1.ForwardRefExoticComponent<FooterProps & React$1.RefAttributes<HTMLElement>>;
     FooterSection: React$1.ForwardRefExoticComponent<FooterSectionProps & {
@@ -15185,14 +15404,28 @@ declare const atomix: {
     FormGroup: React$1.FC<FormGroupProps>;
     Input: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>>;
     Radio: React$1.FC<RadioProps>;
-    Select: React$1.FC<SelectProps>;
+    Select: SelectComponent;
     Textarea: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>>;
-    Hero: React$1.FC<HeroProps>;
+    Hero: React$1.FC<HeroProps> & {
+        Title: ({ children, className, level, ...props }: HeroTitleProps) => react_jsx_runtime.JSX.Element;
+        Subtitle: ({ children, className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => react_jsx_runtime.JSX.Element;
+        Text: ({ children, className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => react_jsx_runtime.JSX.Element;
+        Actions: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+        Content: ({ children, className, style, glass, ...props }: HeroContentProps) => react_jsx_runtime.JSX.Element;
+        Image: ({ src, alt, className, wrapperClassName, wrapperStyle, ...props }: HeroImageProps) => react_jsx_runtime.JSX.Element;
+        Background: ({ className, style, src, children, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+            src?: string;
+        }) => react_jsx_runtime.JSX.Element;
+    };
     Icon: React$1.FC<IconProps>;
-    List: React$1.FC<ListProps>;
+    List: ListComponent;
     ListGroup: React$1.FC<ListGroupProps$1>;
     Messages: React$1.FC<MessagesProps>;
-    Modal: React$1.FC<ModalProps>;
+    Modal: React$1.FC<ModalProps> & {
+        Header: typeof ModalHeader;
+        Body: typeof ModalBody;
+        Footer: typeof ModalFooter;
+    };
     Nav: React$1.ForwardRefExoticComponent<NavProps & React$1.RefAttributes<HTMLUListElement>>;
     NavItem: React$1.ForwardRefExoticComponent<NavItemProps & React$1.RefAttributes<HTMLLIElement>>;
     Navbar: React$1.ForwardRefExoticComponent<NavbarProps & React$1.RefAttributes<HTMLElement>>;
@@ -15216,8 +15449,16 @@ declare const atomix: {
     SectionIntro: React$1.FC<SectionIntroProps>;
     Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
     Spinner: React$1.FC<SpinnerProps>;
-    Steps: React$1.FC<StepsProps>;
-    Tabs: React$1.FC<TabsProps>;
+    Steps: React$1.FC<StepsProps> & {
+        Item: typeof StepsItem;
+        Step: typeof StepsItem;
+    };
+    Tabs: React$1.FC<TabsProps> & {
+        List: typeof TabsList;
+        Trigger: typeof TabsTrigger;
+        Panels: typeof TabsPanels;
+        Panel: typeof TabsPanel;
+    };
     Testimonial: React$1.FC<TestimonialProps>;
     Todo: React$1.FC<TodoProps>;
     Toggle: React$1.FC<ToggleProps>;
@@ -15226,5 +15467,5 @@ declare const atomix: {
     VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
 };
 
-export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, BUTTON_GROUP, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, ButtonGroup, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DEFAULT_ATOMIX_FONTS, DOTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DesignTokensCustomizer, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RADIO, RADIO_CSS_VARS, RATING, RIVER, RTLManager, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, THEME_NAMING, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemes, composables, constants, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getPartStyles, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, importTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isSlot, isValidCSSVariableName, isYouTubeUrl, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, normalizeThemeTokens, preloadFonts, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, sliderConstants, supportsDarkMode, theme, themePropertyToCSSVar, themeToCSS, types, unregisterTheme, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useBreadcrumb, useCard, useChartData, useChartInteraction, useChartScale, useComponentCustomization, useComponentDefaultProps, useComponentTheme, useDataTable, useEdgePanel, useForm, useFormGroup, useGlassContainer, useHero, useHistory, useInput, useLineChart, useMergedProps, useModal, useNav, useNavDropdown, useNavItem, useNavbar, usePagination, usePieChart, useRadio, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlider, useSlot, useSpinner, useTextarea, useTheme, useThemeTokens, useTodo, utils, validateTheme };
-export type { A11yIssue, AccordionParts, AccordionProps$1 as AccordionProps, AccordionState, AnimatedChartProps, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, BuildConfig, ButtonCSSVariable, ButtonGroupProps, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CSSThemeDefinition, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ColorScale, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOptions, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DesignTokens, DesignTokensCustomizerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, ExportFormat, FontPreloadConfig, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GenerateCSSVariablesOptions, GlassContainerProps, GlassMode, GlassSize, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroParts, HeroProps, IconPosition, IconProps, IconSize$1 as IconSize, IconWeight$1 as IconWeight, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, IntegrationConfig, JSThemeDefinition, LineChartOptions, LineChartProps, ListGroupProps$1 as ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NamingOptions, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PhosphorIconsType$1 as PhosphorIconsType, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RTLConfig, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, RiverContentColumn, RiverProps, RowProps, RuntimeConfig, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption, SelectParts, SelectProps, SelectionMode, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeDefinition, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemeName, ThemePreviewProps, ThemeProviderProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseDataTableProps, UseDataTableReturn, UseHistoryOptions, UseHistoryReturn, UseModalProps, UseModalReturn, UseSliderOptions, UseSliderReturn, UseThemeReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };
+export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default as Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, BUTTON_GROUP, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, ButtonGroup, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DEFAULT_ATOMIX_FONTS, DOTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DesignTokensCustomizer, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RADIO, RADIO_CSS_VARS, RATING, RIVER, RTLManager, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, THEME_NAMING, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemes, composables, constants, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getPartStyles, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, importTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isSlot, isValidCSSVariableName, isYouTubeUrl, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, normalizeThemeTokens, preloadFonts, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, sliderConstants, supportsDarkMode, theme, themePropertyToCSSVar, themeToCSS, types, unregisterTheme, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useBreadcrumb, useCard, useChartData, useChartInteraction, useChartScale, useComponentCustomization, useComponentDefaultProps, useComponentTheme, useDataTable, useEdgePanel, useForm, useFormGroup, useGlassContainer, useHero, useHistory, useInput, useLineChart, useMergedProps, useModal, useNav, useNavDropdown, useNavItem, useNavbar, usePagination, usePieChart, useRadio, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlider, useSlot, useSpinner, useTextarea, useTheme, useThemeTokens, useTodo, utils, validateTheme };
+export type { A11yIssue, AccordionParts, AccordionProps$1 as AccordionProps, AccordionState, AnimatedChartProps, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, BuildConfig, ButtonCSSVariable, ButtonGroupProps, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CSSThemeDefinition, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ColorScale, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOptions, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DesignTokens, DesignTokensCustomizerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger$1 as DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, ExportFormat, FontPreloadConfig, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GenerateCSSVariablesOptions, GlassContainerProps, GlassMode, GlassSize, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroParts, HeroProps, IconPosition, IconProps, IconSize$1 as IconSize, IconWeight$1 as IconWeight, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, IntegrationConfig, JSThemeDefinition, LineChartOptions, LineChartProps, ListGroupProps$1 as ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NamingOptions, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PhosphorIconsType$1 as PhosphorIconsType, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RTLConfig, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, RiverContentColumn, RiverProps, RowProps, RuntimeConfig, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption$1 as SelectOption, SelectParts, SelectProps, SelectionMode, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeDefinition, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemeName, ThemePreviewProps, ThemeProviderProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseDataTableProps, UseDataTableReturn, UseHistoryOptions, UseHistoryReturn, UseModalProps, UseModalReturn, UseSliderOptions, UseSliderReturn, UseThemeReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };