banhatten-ui 0.1.1 → 0.2.0

package/dist/CURSOR_RULE.md

@@ -0,0 +1,106 @@
+# Banhatten Design System — Library Customization Rule
+
+Use this rule to customize any UI library to match the Banhatten Design System.
+Copy this file into your project's `.cursor/rules/` directory.
+
+---
+
+## Source of Truth
+
+After running `npm install banhatten-ui`, two resources are available:
+
+1. **Design Tokens** — `node_modules/banhatten-ui/dist/tokens/tokens.json`
+2. **Component Specs** — `node_modules/banhatten-ui/dist/specs/<component>.json`
+
+Always read these files before making styling decisions. They are the single source of truth.
+
+---
+
+## Token Resolution
+
+`tokens.json` has four top-level sections:
+
+| Section     | Purpose                                     | Example                                |
+|-------------|---------------------------------------------|----------------------------------------|
+| `brand`     | Raw color palette (hex values)              | `"primary-600": "#2563eb"`             |
+| `alias`     | Semantic tokens referencing `brand`         | `"bg-brand": "{brand.primary-600}"`    |
+| `shadow`    | Box-shadow CSS strings                      | `"md": "0px 1.75px 4px -1px ..."`     |
+| `radius`    | Border-radius pixel values                  | `"sm": "8px"`                          |
+| `spacing`   | Spacing values (rem or px)                  | `"lg": "1rem"`                         |
+
+**Resolution chain:** Component specs reference `{alias.*}`, `{shadow.*}`, `{radius.*}`, and `{spacing.*}`. Alias tokens reference `{brand.*}` which holds the final hex value.
+
+Example:
+```
+spec: "{alias.component-button-brand-bg}" → tokens alias: "{brand.primary-600}" → tokens brand: "#2563eb"
+```
+
+---
+
+## Component Spec Schema
+
+Each `<component>.json` in `specs/` follows this structure:
+
+- **`base`** — Default CSS properties applied to every instance.
+- **`variants`** — Named style presets (e.g. `primary`, `secondary`, `danger`). Each variant specifies `bg`, `text`, `border`, `hover`, `active` etc. using token references.
+- **`sizes`** — Named size presets (e.g. `xs`, `md`, `lg`). Each size specifies `height`, `paddingX`, `paddingY`, `fontSize`, `borderRadius`, `gap` using token references or raw CSS values.
+- **`states`** — `disabled`, `focus`, `error`, and other state styles.
+- **`compoundVariants`** — Conditional overrides when multiple props match simultaneously.
+- **`props`** — Component API: prop name, type, allowed values, and defaults.
+- **`slots`** — Named sub-elements within the component (e.g. `leftIcon`, `rightIcon`).
+- **`subComponents`** — Definitions for child components (e.g. `MenuItem` inside `Menu`).
+- **`defaults`** — Default variant and size.
+- **`accessibility`** — Required ARIA attributes and notes.
+
+---
+
+## Customization Process
+
+### Step 1: Global Theme
+
+Read `tokens.json` and configure your library's global theme:
+
+1. **Colors** — Map every `alias.*` token to your library's color system. Resolve each alias through `brand` to get the final hex value. Create semantic color keys that match the alias names.
+2. **Shadows** — Map `shadow.*` values directly as CSS box-shadow strings.
+3. **Border Radius** — Map `radius.*` values to your library's radius/shape tokens.
+4. **Spacing** — Map `spacing.*` values to your library's spacing scale.
+
+### Step 2: Component Overrides
+
+For each component your project uses:
+
+1. Read the matching spec from `node_modules/banhatten-ui/dist/specs/<component>.json`.
+2. Map **variants** to the library's variant/color system. Match backgrounds, text colors, borders, and hover/active/focus states exactly.
+3. Map **sizes** to the library's size system. Match height, padding, font size, border radius, and gap exactly.
+4. Map **states** (disabled opacity, focus rings) to the library's state styling.
+5. Map **compound variants** as conditional overrides.
+6. Ensure the component exposes the same **props** as the spec (or provide wrappers that do).
+
+### Step 3: Missing Components
+
+For components in the specs that do not exist in your library:
+
+1. Create a custom component using your library's primitives and styling utilities.
+2. Follow the spec exactly for all variants, sizes, states, and props.
+3. Resolve all token references to final CSS values through `tokens.json`.
+4. Implement the accessibility requirements from the spec's `accessibility` section.
+
+---
+
+## Available Component Specs
+
+accordion, alert, avatar, avatar-group, avatar-profile, badge, breadcrumb, 
+button, button-group, checkbox, checkbox-card, close-button, divider, 
+dropdown, dropdown-input, featured-icon, icon, input, menu, progress-bar, 
+radio, radio-card, sidebar, slider, tag, textarea, toggle, tooltip
+
+---
+
+## Rules
+
+- Never hardcode hex colors — always resolve through `tokens.json` so themes stay updatable.
+- Preserve the variant/size naming from specs (e.g. `primary`, `md`) in your theme configuration.
+- When a spec uses `{alias.*}`, resolve it to the final value through `brand` only at the point of CSS output — keep semantic names in theme config.
+- Match pixel-perfect dimensions: if the spec says `height: "40px"` and `paddingX: "{spacing.lg}"` (1rem), use those exact values.
+- Focus rings must use `{alias.border-brand}` (resolved: `#2563eb`) with a 2px offset unless the spec says otherwise.
+- Icon sizing follows the spec's `slots.*.iconSizeByButtonSize` mappings when present.

package/dist/index.d.mts

@@ -803,4 +803,111 @@ interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolti
 }
 declare function Tooltip({ children, content, title, subtitle, size, variant, side, sideOffset, delayDuration, showArrow, contentClassName, ...rootProps }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertAction, type AlertProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarProfile, type AvatarProfileProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbListItem, type BreadcrumbListItemProps, type BreadcrumbListProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonGroupSize, type ButtonProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, CloseButton, type CloseButtonProps, ColorPalette, Divider, type DividerProps, FeaturedIcon, type FeaturedIconProps, Icon, type IconProps, type IconSize, Input, type InputPreset, type InputProps, Menu, MenuGroup, type MenuGroupProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, type RadioCardProps, type RadioProps, Sidebar, SidebarAccountCard, type SidebarAccountCardProps, SidebarContext, type SidebarContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarProps, SidebarSubmenuItem, type SidebarSubmenuItemProps, Slider, type SliderDoubleProps, SliderHandle, type SliderHandleProps, type SliderProps, type SliderSingleProps, type SliderVariant, Tag, type TagProps, TextArea, type TextAreaProps, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, accordionTriggerVariants, alertVariants, avatarProfileVariants, avatarVariants, badgeVariants, breadcrumbItemVariants, breadcrumbListVariants, breadcrumbSeparatorVariants, buttonGroupItemVariants, buttonGroupVariants, buttonVariants, closeButtonVariants, dividerVariants, featuredIconVariants, iconVariants, inputWrapperVariants as inputVariants, menuGroupVariants, menuHeadingVariants, menuItemVariants, menuVariants, progressBarFillVariants, progressBarTrackVariants, sidebarAccountCardVariants, sidebarMenuItemVariants, sidebarSubmenuItemVariants, sidebarVariants, sliderHandleCircleVariants, tagVariants, textareaWrapperVariants as textareaVariants, thumbVariants, toggleVariants, tooltipContentVariants, useSidebarContext };
+declare const dropdownTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const focusRingVariants: (props?: ({
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DropdownInputProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "value">, Omit<VariantProps<typeof dropdownTriggerVariants>, "disabled" | "focused" | "error"> {
+    /** Label text displayed above the trigger */
+    label?: string;
+    /** Whether the field is optional (displays "(Optional)" next to label) */
+    optional?: boolean;
+    /** Helper text displayed below the trigger */
+    helperText?: string;
+    /** Error message displayed below the trigger (overrides helperText when present) */
+    errorMessage?: string;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Selected value(s) — only used to derive placeholder vs filled styling */
+    value?: string | string[];
+    /** Display text for the selected value(s) */
+    displayValue?: string;
+    /** Whether the dropdown is open */
+    open?: boolean;
+    /** Callback when dropdown open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Show selection count badge */
+    showIndicator?: boolean;
+    /** Selection count for indicator badge */
+    indicatorCount?: number;
+    /** Material Symbol name for left icon (e.g., "account_circle", "search") */
+    leftIcon?: string;
+    /** Icon variant style. Default: "outlined" */
+    iconVariant?: IconProps["variant"];
+    /** Render filled variant of icons */
+    iconFilled?: boolean;
+    /** Render custom left element (overrides leftIcon) */
+    leftElement?: React.ReactNode;
+}
+declare const DropdownInput: React.ForwardRefExoticComponent<DropdownInputProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownOption {
+    /** Unique value for the option */
+    value: string;
+    /** Display label for the option */
+    label: string;
+    /** Optional left icon (Material Symbol name) */
+    leftIcon?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+}
+interface DropdownProps extends Omit<DropdownInputProps, "value" | "open" | "onOpenChange" | "displayValue" | "showIndicator" | "indicatorCount"> {
+    /** Array of options for simple usage */
+    options?: DropdownOption[];
+    /** Selected value (single select) or values (multi-select) */
+    value?: string | string[];
+    /** Callback when selection changes */
+    onValueChange?: (value: string | string[]) => void;
+    /** Enable multi-select mode */
+    multiple?: boolean;
+    /** Custom render for options (overrides options prop) */
+    children?: React.ReactNode;
+    /** Custom display value (overrides auto-generated display) */
+    displayValue?: string;
+    /** Width of the dropdown menu. Default: matches trigger width */
+    menuWidth?: "trigger" | "auto" | number;
+    /** Maximum height of the menu before scrolling. Default: 300 */
+    maxHeight?: number;
+    /** Align menu relative to trigger. Default: "start" */
+    align?: "start" | "center" | "end";
+    /** Side offset from trigger. Default: 4 */
+    sideOffset?: number;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;
+interface DropdownItemProps {
+    /** Unique value for this option */
+    value: string;
+    /** Display content */
+    children: React.ReactNode;
+    /** Whether this option is currently selected */
+    selected?: boolean;
+    /** Callback when option is selected */
+    onSelect?: (value: string) => void;
+    /** Left icon (Material Symbol name) */
+    leftIcon?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+    /** Whether dropdown is in multi-select mode (shows checkbox) */
+    multiple?: boolean;
+    /** Additional class names */
+    className?: string;
+}
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+interface DropdownGroupProps {
+    /** Optional section heading */
+    heading?: React.ReactNode;
+    /** DropdownItem children */
+    children: React.ReactNode;
+    /** ID for accessibility (aria-labelledby) */
+    headingId?: string;
+    /** Additional class names */
+    className?: string;
+}
+declare const DropdownGroup: React.ForwardRefExoticComponent<DropdownGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertAction, type AlertProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarProfile, type AvatarProfileProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbListItem, type BreadcrumbListItemProps, type BreadcrumbListProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonGroupSize, type ButtonProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, CloseButton, type CloseButtonProps, ColorPalette, Divider, type DividerProps, Dropdown, DropdownGroup, type DropdownGroupProps, DropdownInput, type DropdownInputProps, DropdownItem, type DropdownItemProps, type DropdownOption, type DropdownProps, FeaturedIcon, type FeaturedIconProps, Icon, type IconProps, type IconSize, Input, type InputPreset, type InputProps, Menu, MenuGroup, type MenuGroupProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, type RadioCardProps, type RadioProps, Sidebar, SidebarAccountCard, type SidebarAccountCardProps, SidebarContext, type SidebarContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarProps, SidebarSubmenuItem, type SidebarSubmenuItemProps, Slider, type SliderDoubleProps, SliderHandle, type SliderHandleProps, type SliderProps, type SliderSingleProps, type SliderVariant, Tag, type TagProps, TextArea, type TextAreaProps, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, accordionTriggerVariants, alertVariants, avatarProfileVariants, avatarVariants, badgeVariants, breadcrumbItemVariants, breadcrumbListVariants, breadcrumbSeparatorVariants, buttonGroupItemVariants, buttonGroupVariants, buttonVariants, closeButtonVariants, dividerVariants, focusRingVariants as dropdownFocusRingVariants, dropdownTriggerVariants, featuredIconVariants, iconVariants, inputWrapperVariants as inputVariants, menuGroupVariants, menuHeadingVariants, menuItemVariants, menuVariants, progressBarFillVariants, progressBarTrackVariants, sidebarAccountCardVariants, sidebarMenuItemVariants, sidebarSubmenuItemVariants, sidebarVariants, sliderHandleCircleVariants, tagVariants, textareaWrapperVariants as textareaVariants, thumbVariants, toggleVariants, tooltipContentVariants, useSidebarContext };

package/dist/index.d.ts

@@ -803,4 +803,111 @@ interface TooltipProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolti
 }
 declare function Tooltip({ children, content, title, subtitle, size, variant, side, sideOffset, delayDuration, showArrow, contentClassName, ...rootProps }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertAction, type AlertProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarProfile, type AvatarProfileProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbListItem, type BreadcrumbListItemProps, type BreadcrumbListProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonGroupSize, type ButtonProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, CloseButton, type CloseButtonProps, ColorPalette, Divider, type DividerProps, FeaturedIcon, type FeaturedIconProps, Icon, type IconProps, type IconSize, Input, type InputPreset, type InputProps, Menu, MenuGroup, type MenuGroupProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, type RadioCardProps, type RadioProps, Sidebar, SidebarAccountCard, type SidebarAccountCardProps, SidebarContext, type SidebarContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarProps, SidebarSubmenuItem, type SidebarSubmenuItemProps, Slider, type SliderDoubleProps, SliderHandle, type SliderHandleProps, type SliderProps, type SliderSingleProps, type SliderVariant, Tag, type TagProps, TextArea, type TextAreaProps, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, accordionTriggerVariants, alertVariants, avatarProfileVariants, avatarVariants, badgeVariants, breadcrumbItemVariants, breadcrumbListVariants, breadcrumbSeparatorVariants, buttonGroupItemVariants, buttonGroupVariants, buttonVariants, closeButtonVariants, dividerVariants, featuredIconVariants, iconVariants, inputWrapperVariants as inputVariants, menuGroupVariants, menuHeadingVariants, menuItemVariants, menuVariants, progressBarFillVariants, progressBarTrackVariants, sidebarAccountCardVariants, sidebarMenuItemVariants, sidebarSubmenuItemVariants, sidebarVariants, sliderHandleCircleVariants, tagVariants, textareaWrapperVariants as textareaVariants, thumbVariants, toggleVariants, tooltipContentVariants, useSidebarContext };
+declare const dropdownTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const focusRingVariants: (props?: ({
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DropdownInputProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "value">, Omit<VariantProps<typeof dropdownTriggerVariants>, "disabled" | "focused" | "error"> {
+    /** Label text displayed above the trigger */
+    label?: string;
+    /** Whether the field is optional (displays "(Optional)" next to label) */
+    optional?: boolean;
+    /** Helper text displayed below the trigger */
+    helperText?: string;
+    /** Error message displayed below the trigger (overrides helperText when present) */
+    errorMessage?: string;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Selected value(s) — only used to derive placeholder vs filled styling */
+    value?: string | string[];
+    /** Display text for the selected value(s) */
+    displayValue?: string;
+    /** Whether the dropdown is open */
+    open?: boolean;
+    /** Callback when dropdown open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Show selection count badge */
+    showIndicator?: boolean;
+    /** Selection count for indicator badge */
+    indicatorCount?: number;
+    /** Material Symbol name for left icon (e.g., "account_circle", "search") */
+    leftIcon?: string;
+    /** Icon variant style. Default: "outlined" */
+    iconVariant?: IconProps["variant"];
+    /** Render filled variant of icons */
+    iconFilled?: boolean;
+    /** Render custom left element (overrides leftIcon) */
+    leftElement?: React.ReactNode;
+}
+declare const DropdownInput: React.ForwardRefExoticComponent<DropdownInputProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownOption {
+    /** Unique value for the option */
+    value: string;
+    /** Display label for the option */
+    label: string;
+    /** Optional left icon (Material Symbol name) */
+    leftIcon?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+}
+interface DropdownProps extends Omit<DropdownInputProps, "value" | "open" | "onOpenChange" | "displayValue" | "showIndicator" | "indicatorCount"> {
+    /** Array of options for simple usage */
+    options?: DropdownOption[];
+    /** Selected value (single select) or values (multi-select) */
+    value?: string | string[];
+    /** Callback when selection changes */
+    onValueChange?: (value: string | string[]) => void;
+    /** Enable multi-select mode */
+    multiple?: boolean;
+    /** Custom render for options (overrides options prop) */
+    children?: React.ReactNode;
+    /** Custom display value (overrides auto-generated display) */
+    displayValue?: string;
+    /** Width of the dropdown menu. Default: matches trigger width */
+    menuWidth?: "trigger" | "auto" | number;
+    /** Maximum height of the menu before scrolling. Default: 300 */
+    maxHeight?: number;
+    /** Align menu relative to trigger. Default: "start" */
+    align?: "start" | "center" | "end";
+    /** Side offset from trigger. Default: 4 */
+    sideOffset?: number;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;
+interface DropdownItemProps {
+    /** Unique value for this option */
+    value: string;
+    /** Display content */
+    children: React.ReactNode;
+    /** Whether this option is currently selected */
+    selected?: boolean;
+    /** Callback when option is selected */
+    onSelect?: (value: string) => void;
+    /** Left icon (Material Symbol name) */
+    leftIcon?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+    /** Whether dropdown is in multi-select mode (shows checkbox) */
+    multiple?: boolean;
+    /** Additional class names */
+    className?: string;
+}
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+interface DropdownGroupProps {
+    /** Optional section heading */
+    heading?: React.ReactNode;
+    /** DropdownItem children */
+    children: React.ReactNode;
+    /** ID for accessibility (aria-labelledby) */
+    headingId?: string;
+    /** Additional class names */
+    className?: string;
+}
+declare const DropdownGroup: React.ForwardRefExoticComponent<DropdownGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertAction, type AlertProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarProfile, type AvatarProfileProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbListItem, type BreadcrumbListItemProps, type BreadcrumbListProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonGroupSize, type ButtonProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, CloseButton, type CloseButtonProps, ColorPalette, Divider, type DividerProps, Dropdown, DropdownGroup, type DropdownGroupProps, DropdownInput, type DropdownInputProps, DropdownItem, type DropdownItemProps, type DropdownOption, type DropdownProps, FeaturedIcon, type FeaturedIconProps, Icon, type IconProps, type IconSize, Input, type InputPreset, type InputProps, Menu, MenuGroup, type MenuGroupProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, type RadioCardProps, type RadioProps, Sidebar, SidebarAccountCard, type SidebarAccountCardProps, SidebarContext, type SidebarContextValue, SidebarMenuItem, type SidebarMenuItemProps, type SidebarProps, SidebarSubmenuItem, type SidebarSubmenuItemProps, Slider, type SliderDoubleProps, SliderHandle, type SliderHandleProps, type SliderProps, type SliderSingleProps, type SliderVariant, Tag, type TagProps, TextArea, type TextAreaProps, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, accordionTriggerVariants, alertVariants, avatarProfileVariants, avatarVariants, badgeVariants, breadcrumbItemVariants, breadcrumbListVariants, breadcrumbSeparatorVariants, buttonGroupItemVariants, buttonGroupVariants, buttonVariants, closeButtonVariants, dividerVariants, focusRingVariants as dropdownFocusRingVariants, dropdownTriggerVariants, featuredIconVariants, iconVariants, inputWrapperVariants as inputVariants, menuGroupVariants, menuHeadingVariants, menuItemVariants, menuVariants, progressBarFillVariants, progressBarTrackVariants, sidebarAccountCardVariants, sidebarMenuItemVariants, sidebarSubmenuItemVariants, sidebarVariants, sliderHandleCircleVariants, tagVariants, textareaWrapperVariants as textareaVariants, thumbVariants, toggleVariants, tooltipContentVariants, useSidebarContext };