@hellboy/ds 0.1.2 → 0.2.7

package/dist/index.d.ts

@@ -1,6 +1,42 @@
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-import { ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, DialogProps, useDialogStore } from '@ariakit/react';
+import React__default from 'react';
+export { Badge, BadgeProps, BadgeSize, BadgeVariant } from './components/badge.js';
+export { Banner, BannerProps, BannerType } from './components/banner.js';
+export { Button, ButtonProps, ButtonSize, ButtonVariant } from './components/button.js';
+export { ButtonGroup, ButtonGroupMode, ButtonGroupOption, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupSize, ButtonGroupVariant } from './components/button-group.js';
+export { Card, CardProps, CardVariant } from './components/card.js';
+export { Checkbox, CheckboxProps, CheckboxSize } from './components/checkbox.js';
+export { CodeBlock, CodeBlockProps, CodeBlockVariant } from './components/code-block.js';
+export { ColorControl } from './components/color-control.js';
+export { Dialog, DialogProps, DialogSize } from './components/dialog.js';
+export { Divider, DividerProps, DividerSize, DividerVariant } from './components/divider.js';
+export { DragHandle, DragHandleProps } from './components/drag-handle.js';
+export { Drawer, DrawerPlacement, DrawerProps } from './components/drawer.js';
+export { FloatingBar, FloatingBarPosition, FloatingBarProps } from './components/floating-bar.js';
+export { Footer, FooterProps } from './components/footer.js';
+export { Grid, GridColumns, GridProps } from './components/grid.js';
+export { Header, HeaderProps } from './components/header.js';
+export { Hero, HeroProps } from './components/hero.js';
+export { I as Icon, a as IconName, b as IconProps } from './icons-Czahnf-r.js';
+export { ACTION_ICONS, BANNER_TYPE_ICONS, CHECKBOX_ICONS, FILE_TYPE_ICONS, INPUT_TYPE_ICONS, LIST_ICONS, NAVIGATION_ICONS, STATUS_ICONS, SWITCH_ICONS } from './components/icons.js';
+export { Input, InputDate, InputDateProps, InputDateTime, InputDateTimeProps, InputEmail, InputEmailProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputProps, InputSearch, InputSearchProps, InputTel, InputTelProps, InputText, InputTextProps, InputTime, InputTimeProps, InputType, InputUrl, InputUrlProps } from './components/input.js';
+export { Layout, LayoutProps, LayoutVariant } from './components/layout.js';
+export { List, ListItem, ListItemProps, ListProps } from './components/list.js';
+export { NAVBAR_COLLAPSED_WIDTH, NAVBAR_COLLAPSE_BREAKPOINT, NAVBAR_EXPANDED_WIDTH, NAVBAR_MIN_PERSIST_WIDTH, Navbar, NavbarMenuCategory, NavbarMenuCategoryProps, NavbarMenuGroup, NavbarMenuGroupProps, NavbarMenuItem, NavbarMenuItemProps, NavbarProps } from './components/navbar.js';
+export { Page, PageProps, PageWidth } from './components/page.js';
+export { PageIndex, PageIndexItem, PageIndexProps } from './components/page-index.js';
+export { Popover, PopoverProps } from './components/popover.js';
+export { Radio, RadioGroup, RadioGroupProps, RadioProps, RadioSize } from './components/radio.js';
+export { Section, SectionProps, SectionSize } from './components/section.js';
+export { Select, SelectOption, SelectProps } from './components/select.js';
+export { Slider, SliderProps } from './components/slider.js';
+export { Switch, SwitchProps, SwitchSize } from './components/switch.js';
+export { Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps } from './components/table.js';
+export { Tag, TagProps, TagSize, TagVariant } from './components/tag.js';
+export { RichTextarea, RichTextareaProps, Textarea, TextareaProps, ToolbarOption } from './components/textarea.js';
+export { ThemeControl, ThemeControlProps } from './components/theme-control.js';
+export { Tooltip, TooltipProps } from './components/tooltip.js';
+import '@ariakit/react';
 
 interface NavbarTooltipContextType {
     hasOpenPopover: boolean;
@@ -14,786 +50,173 @@ declare const NavbarTooltipProvider: React.FC<{
 }>;
 declare const useNavbarTooltip: () => NavbarTooltipContextType;
 
-type IconName = string;
-interface IconProps {
-    name: IconName;
-    size?: number;
-    className?: string;
-    /** Render a skeleton placeholder instead of the real icon (useful while downloading/loading) */
-    loading?: boolean;
-    /** aria-label for icon-only buttons etc. */
-    'aria-label'?: string;
-}
-declare const Icon: React__default.FC<IconProps>;
-
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
-type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-interface ButtonProps extends Omit<ButtonProps$1, 'children'> {
-    /**
-     * Visual variant of the button
-     * @default 'primary'
-     */
-    variant?: ButtonVariant;
-    /**
-     * Size of the button
-     * @default 'md'
-     */
-    size?: ButtonSize;
-    /**
-     * Button content
-     */
-    children?: ReactNode;
-    /**
-     * Whether the button is in a loading state
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Full width button
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Icon to display at the start of the button
-     */
-    startIcon?: IconName;
-    /**
-     * Icon to display at the end of the button
-     */
-    endIcon?: IconName;
-    /**
-     * Whether the button should only display an icon (no text)
-     * @default false
-     */
-    iconOnly?: boolean;
-    /**
-     * URL to navigate to when button is clicked (makes it work like a link)
-     */
-    href?: string;
+interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Apply blur effect */
+    blur?: boolean;
 }
-declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-type BadgeVariant = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
-type BadgeSize = 'sm' | 'md' | 'lg';
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-    children: React.ReactNode;
-}
-declare const Badge: React.FC<BadgeProps>;
-
-type CheckboxSize = 'sm' | 'md' | 'lg';
-interface CheckboxProps extends Omit<CheckboxProps$1, 'children' | 'size'> {
-    /**
-     * Size of the checkbox
-     * @default 'md'
-     */
-    size?: CheckboxSize;
-    /**
-     * Label text for the checkbox
-     */
-    label?: React__default.ReactNode;
-    /**
-     * Error message to display below the checkbox
-     */
-    error?: string;
-    /**
-     * Helper text to display below the checkbox
-     */
-    helperText?: string;
-    /**
-     * Whether the checkbox is in an indeterminate state
-     * @default false
-     */
-    indeterminate?: boolean;
-}
-declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+/**
+ * Backdrop component for modals, dialogs, drawers, and overlays.
+ * Provides a consistent darkened background with optional blur effect.
+ */
+declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;
 
-type SwitchSize = 'sm' | 'md' | 'lg';
-interface SwitchProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+interface ThumbProps {
     /**
-     * Size of the switch
-     * @default 'md'
+     * Icon name to display inside the thumb
      */
-    size?: SwitchSize;
+    icon?: string;
     /**
-     * Label text for the switch
+     * Icon size
+     * @default 16
      */
-    label?: React__default.ReactNode;
+    iconSize?: number;
     /**
-     * Icon to display when switch is ON
+     * Additional className for the thumb
      */
-    onIcon?: string;
+    className?: string;
     /**
-     * Icon to display when switch is OFF
+     * Inline styles for the thumb
      */
-    offIcon?: string;
+    style?: React__default.CSSProperties;
     /**
-     * Error message to display below the switch
+     * Children to render inside the thumb
      */
-    error?: string;
+    children?: React__default.ReactNode;
     /**
-     * Helper text to display below the switch
+     * Hover state
      */
-    helperText?: string;
-}
-declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLInputElement>>;
-
-type LayoutVariant = "single" | "stacked" | "sidebar-main-sidebar";
-interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: LayoutVariant;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    sidebarLeft?: React.ReactNode;
-    sidebarRight?: React.ReactNode;
-    bottomBar?: React.ReactNode;
-    resizable?: boolean;
-}
-declare const Layout: React.FC<LayoutProps>;
-
-type PageWidth = 'full' | 'wide' | 'medium' | 'narrow';
-interface PageProps {
+    hover?: boolean;
     /**
-     * Page content width
-     * - full: 100% width
-     * - wide: 1400px max
-     * - medium: 1200px max (default)
-     * - narrow: 800px max
-     * @default 'medium'
+     * Active/pressed state
      */
-    width?: PageWidth;
+    active?: boolean;
     /**
-     * Page content
+     * Disabled state
      */
-    children: ReactNode;
+    disabled?: boolean;
     /**
-     * Custom class name
+     * Checked/on state (for switches)
      */
-    className?: string;
+    checked?: boolean;
 }
 /**
- * Page Component
- * Main content container with responsive width control
- * Use inside Layout's children for consistent content sizing
+ * Shared Thumb component used across interactive controls (Slider, Switch, etc.)
+ * Provides a consistent visual pattern with optional icon support.
  */
-declare const Page: React__default.FC<PageProps>;
+declare const Thumb: React__default.FC<ThumbProps>;
 
-interface HeaderProps {
+interface HeadingAnchorProps {
     /**
-     * Header title
+     * The heading text to generate ID from
      */
-    title?: ReactNode;
+    title: string;
     /**
-     * Header subtitle/description
+     * Custom ID override
      */
-    subtitle?: ReactNode;
+    id?: string;
     /**
-     * Header content - overrides title/subtitle
+     * Custom class name for the anchor button
      */
-    children?: ReactNode;
+    className?: string;
     /**
-     * Custom class name
+     * Dialog title
+     * @default "Section Link"
      */
-    className?: string;
+    dialogTitle?: string;
 }
 /**
- * Header component for page headers
- * Displays title, subtitle, or custom content
+ * Generate ID from text
  */
-declare const Header: React__default.FC<HeaderProps>;
-
-type SectionSize = 'sm' | 'md' | 'lg';
-interface SectionProps {
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section content
-     */
-    children: ReactNode;
-    /**
-     * Section size/padding
-     * @default 'md'
-     */
-    size?: SectionSize;
-    /**
-     * Custom class name
-     */
-    className?: string;
-}
+declare function generateHeadingId(text: string): string;
 /**
- * Section component for content areas
- * Provides consistent spacing and styling for content sections
+ * HeadingAnchor Component
+ *
+ * Provides anchor link functionality for headings (Section, Header, etc.)
+ * Renders a clickable # button that opens a dialog with a shareable link
+ *
+ * Dependencies:
+ * - Internal: Dialog, Button, InputText (from @hellboy/ds)
+ * - External: React
  */
-declare const Section: React__default.FC<SectionProps>;
-
-type CodeBlockVariant = 'block' | 'inline';
-interface CodeBlockProps {
-    /**
-     * Code content
-     */
-    children: ReactNode;
-    /**
-     * Variant of the code block
-     * @default 'block'
-     */
-    variant?: CodeBlockVariant;
-    /**
-     * Custom class name
-     */
-    className?: string;
-}
+declare const HeadingAnchor: React__default.FC<HeadingAnchorProps>;
 /**
- * CodeBlock component for displaying code snippets
+ * Hook to use heading ID generation
  */
-declare const CodeBlock: React__default.FC<CodeBlockProps>;
-
-interface NavbarProps {
-    children: React.ReactNode;
-    className?: string;
-    /** Default width (px) the navbar should assume when expanded and no user preference exists */
-    defaultExpandedWidth?: number;
-}
-declare const Navbar: React.FC<NavbarProps>;
+declare function useHeadingId(title?: string | React__default.ReactNode, customId?: string): string | undefined;
 
-interface MenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: string;
-    active?: boolean;
-    children: React.ReactNode;
-    as?: React.ElementType<any>;
-    isCollapsed?: boolean;
-    showTooltipWhenCollapsed?: boolean;
-    [key: string]: any;
-}
-declare const MenuItem: React.FC<MenuItemProps>;
-
-interface MenuGroupProps {
-    title: string;
-    icon?: string;
-    children: React.ReactNode;
-    defaultExpanded?: boolean;
-    autoExpand?: boolean;
-    expandable?: boolean;
-    isCollapsed?: boolean;
-}
-declare const MenuGroup: React.FC<MenuGroupProps>;
-
-interface MenuCategoryProps {
-    title: string;
-    children: React.ReactNode;
-}
-declare const MenuCategory: React.FC<MenuCategoryProps>;
-
-type Theme$1 = 'light' | 'dark';
-interface ThemeControlProps {
-    onThemeChange?: (theme: Theme$1) => void;
-}
-declare const ThemeControl: React.FC<ThemeControlProps>;
-
-type CardVariant = 'default' | 'elevated' | 'outlined';
-interface CardProps {
-    /**
-     * Visual variant of the card
-     * @default 'default'
-     */
-    variant?: CardVariant;
-    /**
-     * Card content
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Click handler for interactive cards
-     */
-    onClick?: () => void;
-}
-declare const Card: React__default.FC<CardProps>;
-
-declare const ColorControl: React__default.FC;
-
-type GridColumns = number | "auto-fit" | "auto-fill";
-interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Number of columns or auto-fit/auto-fill
-     * @default "auto-fit"
-     */
-    columns?: GridColumns;
-    /**
-     * Minimum width for each column (when using auto-fit/auto-fill)
-     * @default "250px"
-     */
-    minWidth?: string;
-    /**
-     * Gap between grid items
-     * @default "1rem"
-     */
-    gap?: string;
-    /**
-     * Maximum number of columns (when columns is a number)
-     */
-    maxColumns?: number;
-}
-declare const Grid: React.FC<GridProps>;
-
-interface SliderProps {
-    /**
-     * Minimum value
-     * @default 0
-     */
-    min?: number;
-    /**
-     * Maximum value
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Current value
-     */
-    value: number;
-    /**
-     * Step increment
-     * @default 1
-     */
-    step?: number;
-    /**
-     * Callback when value changes
-     */
-    onChange: (value: number) => void;
-    /**
-     * Callback when drag starts
-     */
-    onDragStart?: () => void;
-    /**
-     * Callback when drag ends (value committed)
-     */
-    onChangeEnd?: (value: number) => void;
-    /**
-     * Label for the slider
-     */
-    label?: string;
-    /**
-     * Show value display
-     * @default true
-     */
-    showValue?: boolean;
-    /**
-     * Custom class name
-     */
-    className?: string;
-    /**
-     * Disabled state
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Slider type for different backgrounds
-     * @default 'default'
-     */
-    type?: 'default' | 'hue' | 'saturation' | 'lightness';
-    /**
-     * Base color for saturation/lightness gradients (hsl values)
-     */
-    baseHue?: number;
-    /**
-     * Base saturation for lightness gradient (0-100)
-     */
-    baseSaturation?: number;
-}
-declare const Slider: React__default.FC<SliderProps>;
-
-interface DragHandleProps {
-    onResize: (delta: number) => void;
-    onResizeEnd?: () => void;
-    orientation?: 'vertical' | 'horizontal';
-    className?: string;
-}
-declare const DragHandle: React__default.FC<DragHandleProps>;
-
-interface FooterProps extends React__default.HTMLAttributes<HTMLElement> {
-    children?: React__default.ReactNode;
-}
-declare const Footer: React__default.FC<FooterProps>;
-
-interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /**
-     * Input native type (text, email, password, etc.)
-     */
-    type?: string;
-    /**
-     * Label text
-     */
-    label?: string;
-    /**
-     * Helper text shown below the input
-     */
-    helperText?: string;
-    /**
-     * Error message - when present, input is in error state
-     */
-    error?: string;
+interface BreadcrumbItem {
     /**
-     * Icon name from our icon library (shown on the left)
+     * Label to display
      */
-    icon?: string;
-    /**
-     * Icon name for the right side
-     */
-    iconRight?: string;
-    /**
-     * Full width input
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Size variant
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Custom class name
-     */
-    className?: string;
-    /**
-     * Right icon click handler
-     */
-    onRightIconClick?: () => void;
-}
-
-type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local';
-interface InputProps extends Omit<InputFieldProps, 'type' | 'iconRight' | 'onRightIconClick'> {
-    /**
-     * Input type with extended support for date/time pickers
-     * @default 'text'
-     */
-    type?: InputType;
-    /**
-     * Show milliseconds in time picker (only for time type)
-     * @default false
-     */
-    showMilliseconds?: boolean;
-    /**
-     * Minute step in time picker (only for time type)
-     * @default 1
-     */
-    minuteStep?: 1 | 5 | 15 | 30;
+    label: string;
     /**
-     * Show clear button for search inputs when they have value
-     * @default true
+     * URL path for navigation
      */
-    showClear?: boolean;
+    path?: string;
 }
-
-interface InputTextProps extends Omit<InputProps, 'type'> {
-}
-declare const InputText: React__default.ForwardRefExoticComponent<InputTextProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputEmailProps extends Omit<InputProps, 'type'> {
-}
-declare const InputEmail: React__default.ForwardRefExoticComponent<InputEmailProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputPasswordProps extends Omit<InputProps, 'type'> {
-}
-declare const InputPassword: React__default.ForwardRefExoticComponent<InputPasswordProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputSearchProps extends Omit<InputProps, 'type'> {
-}
-declare const InputSearch: React__default.ForwardRefExoticComponent<InputSearchProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputTelProps extends Omit<InputProps, 'type'> {
-}
-declare const InputTel: React__default.ForwardRefExoticComponent<InputTelProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputUrlProps extends Omit<InputProps, 'type'> {
-}
-declare const InputUrl: React__default.ForwardRefExoticComponent<InputUrlProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputNumberProps extends Omit<InputProps, 'type'> {
-}
-declare const InputNumber: React__default.ForwardRefExoticComponent<InputNumberProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputDateProps extends Omit<InputProps, 'type'> {
-}
-declare const InputDate: React__default.ForwardRefExoticComponent<InputDateProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputTimeProps extends Omit<InputProps, 'type'> {
-}
-declare const InputTime: React__default.ForwardRefExoticComponent<InputTimeProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface InputDateTimeProps extends Omit<InputProps, 'type'> {
-}
-declare const InputDateTime: React__default.ForwardRefExoticComponent<InputDateTimeProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+interface BreadcrumbsProps {
     /**
-     * Item content
+     * Array of breadcrumb items
      */
-    children: React.ReactNode;
-    /**
-     * Icon name from our icon library
-     */
-    icon?: string;
+    items: BreadcrumbItem[];
     /**
-     * Whether the item is selected
+     * Custom separator between items
+     * @default "/"
      */
-    selected?: boolean;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Click handler
-     */
-    onClick?: () => void;
+    separator?: React__default.ReactNode;
     /**
      * Custom class name
      */
     className?: string;
     /**
-     * Category label for organizing items (display only)
-     */
-    category?: string;
-}
-declare const ListItem: React.FC<ListItemProps>;
-interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * List items
-     */
-    children: React.ReactNode;
-    /**
-     * Custom class name
+     * Custom onClick handler for navigation
+     * If not provided, will use native anchor links
      */
-    className?: string;
+    onNavigate?: (path: string) => void;
 }
-declare const List: React.FC<ListProps>;
+/**
+ * Breadcrumbs Component
+ *
+ * Navigation component that shows the current page's location in the site hierarchy.
+ * Allows users to navigate back to parent pages.
+ *
+ * Dependencies:
+ * - External: React
+ */
+declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
 
-type RadioSize = 'sm' | 'md' | 'lg';
-interface RadioProps extends Omit<RadioProps$1, 'children' | 'size'> {
-    /**
-     * Size of the radio button
-     * @default 'md'
-     */
-    size?: RadioSize;
-    /**
-     * Label text for the radio button
-     */
-    label?: React__default.ReactNode;
-    /**
-     * Error state
-     */
-    error?: boolean;
-}
-interface RadioGroupProps extends Omit<RadioGroupProps$1, 'onChange'> {
-    /**
-     * Size of all radio buttons in the group
-     * @default 'md'
-     */
-    size?: RadioSize;
-    /**
-     * Label for the radio group
-     */
+type MenuNodeBase = {
+    id: string;
     label?: string;
-    /**
-     * Error message to display below the radio group
-     */
-    error?: string;
-    /**
-     * Helper text to display below the radio group
-     */
-    helperText?: string;
-    /**
-     * Children (Radio components)
-     */
-    children: React__default.ReactNode;
-    /**
-     * Orientation of the radio group
-     * @default 'vertical'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The value of the selected radio button
-     */
-    value?: string | number | null;
-    /**
-     * Callback when the selected value changes
-     */
-    onChange?: (value: string | number | null) => void;
-}
-declare const Radio: React__default.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-
-interface SelectOption {
-    value: string;
-    label: string;
+    meta?: Record<string, any>;
+};
+type MenuItemNode = MenuNodeBase & {
+    type: "item";
     icon?: string;
-    disabled?: boolean;
-}
-interface SelectProps {
-    /**
-     * Select options
-     */
-    options: SelectOption[];
-    /**
-     * Current value
-     */
-    value?: string;
-    /**
-     * Change handler
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Label text
-     */
-    label?: string;
-    /**
-     * Placeholder when no value selected
-     */
-    placeholder?: string;
-    /**
-     * Helper text shown below the select
-     */
-    helperText?: string;
-    /**
-     * Error message - when present, select is in error state
-     */
-    error?: string;
-    /**
-     * Whether the select is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Full width select
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Size variant
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Custom class name
-     */
-    className?: string;
-    /**
-     * ID for accessibility
-     */
-    id?: string;
-}
-declare const Select: React.FC<SelectProps>;
-
-type BannerType = 'info' | 'warning' | 'error' | 'success';
-interface BannerProps {
-    type?: BannerType;
-    children: ReactNode;
+    to?: string;
+    href?: string;
+    action?: string;
+};
+type MenuGroupNode = MenuNodeBase & {
+    type: "group";
     icon?: string;
-    onDismiss?: () => void;
-}
-declare const Banner: React__default.FC<BannerProps>;
-
-type FloatingBarPosition = 'top' | 'bottom';
-interface FloatingBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Position of the floating bar
-     * @default 'bottom'
-     */
-    position?: FloatingBarPosition;
-    /**
-     * Content of the floating bar
-     */
-    children: React__default.ReactNode;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-/**
- * FloatingBar Component
- * A floating bar that sticks to the top or bottom within the main layout container
- */
-declare const FloatingBar: React__default.FC<FloatingBarProps>;
-
-interface PopoverProps {
-    trigger: React.ReactNode;
-    children: React.ReactNode;
-    isOpen?: boolean;
-    onToggle?: () => void;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-}
-declare const Popover: React.FC<PopoverProps>;
-
-interface TooltipProps {
-    content: React.ReactNode;
-    children: React.ReactNode;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    delay?: number;
-    disabled?: boolean;
-}
-declare const Tooltip: React.FC<TooltipProps>;
-
-type DrawerPlacement = "top" | "bottom" | "left" | "right";
-interface DrawerProps extends Omit<DialogProps, "children"> {
-    children: React.ReactNode;
-    title?: string;
-    placement?: DrawerPlacement;
-    size?: string | number;
-    store: ReturnType<typeof useDialogStore>;
-}
-declare const Drawer: React.FC<DrawerProps>;
-
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    /**
-     * Whether the table should have a border
-     */
-    bordered?: boolean;
-    /**
-     * Whether the table should have striped rows
-     */
-    striped?: boolean;
-    /**
-     * Whether the table should have hover effects
-     */
-    hover?: boolean;
-    /**
-     * Size variant for the table
-     */
-    size?: "sm" | "md" | "lg";
-}
-interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-}
-interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    /**
-     * Whether this is a header cell
-     */
-    header?: boolean;
-}
-interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const Table: React.FC<TableProps>;
-declare const TableHead: React.FC<TableHeadProps>;
-declare const TableBody: React.FC<TableBodyProps>;
-declare const TableRow: React.FC<TableRowProps>;
-declare const TableCell: React.FC<TableCellProps>;
-declare const TableContainer: React.FC<TableContainerProps>;
+    children: MenuNode[];
+    collapsible?: boolean;
+};
+type MenuCategoryNode = MenuNodeBase & {
+    type: "category";
+    children: MenuNode[];
+};
+type MenuNode = MenuItemNode | MenuGroupNode | MenuCategoryNode;
 
-interface PageIndexProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Custom title for the index
-     */
-    title?: string;
-    /**
-     * Whether the sidebar is collapsed
-     */
-    collapsed?: boolean;
+interface MenuRendererProps {
+    data: MenuNode[];
+    collapsed: boolean;
+    actionHandler: (node: MenuItemNode) => void;
+    iconResolver: (icon?: string) => string | React.ReactElement | undefined;
+    currentPath?: string;
 }
-declare const PageIndex: React.FC<PageIndexProps>;
+declare const MenuRenderer: React.FC<MenuRendererProps>;
 
 /**
  * Theme Utility
@@ -1084,4 +507,4 @@ declare const createPreferenceNamespace: (namespace: string) => {
     clear: () => void;
 };
 
-export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerType, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CodeBlock, type CodeBlockProps, type CodeBlockVariant, ColorControl, DragHandle, type DragHandleProps, Drawer, FloatingBar, type FloatingBarPosition, type FloatingBarProps, Footer, type FooterProps, Grid, type GridColumns, type GridProps, Header, type HeaderProps, Icon, type IconName, type IconProps, InputDate, type InputDateProps, InputDateTime, type InputDateTimeProps, InputEmail, type InputEmailProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputSearch, type InputSearchProps, InputTel, type InputTelProps, InputText, type InputTextProps, InputTime, type InputTimeProps, InputUrl, type InputUrlProps, Layout, type LayoutProps, type LayoutVariant, List, ListItem, type ListItemProps, type ListProps, MenuCategory, type MenuCategoryProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, Navbar, type NavbarProps, NavbarTooltipProvider, Page, PageIndex, type PageProps, type PageWidth, Popover, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, Section, type SectionProps, type SectionSize, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, type SwitchSize, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, ThemeControl, type ThemeControlProps, Tooltip, type UserPreferences, applyTheme, clearPreferences, clearPreferencesAsync, configurePreferences, createPreferenceNamespace, exportPreferences, getAllPreferences, getPreference, getPreferenceAsync, getSavedTheme, getTheme, importPreferences, initializeTheme, onSystemThemeChange, removePreference, removePreferenceAsync, setPreference, setPreferenceAsync, setTheme, toggleTheme, useNavbarTooltip };
+export { Backdrop, type BackdropProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, HeadingAnchor, type HeadingAnchorProps, type MenuCategoryNode, type MenuGroupNode, type MenuItemNode, type MenuNode, type MenuNodeBase, MenuRenderer, type MenuRendererProps, NavbarTooltipProvider, Thumb, type ThumbProps, type UserPreferences, applyTheme, clearPreferences, clearPreferencesAsync, configurePreferences, createPreferenceNamespace, exportPreferences, generateHeadingId, getAllPreferences, getPreference, getPreferenceAsync, getSavedTheme, getTheme, importPreferences, initializeTheme, onSystemThemeChange, removePreference, removePreferenceAsync, setPreference, setPreferenceAsync, setTheme, toggleTheme, useHeadingId, useNavbarTooltip };