@fabio.caffarello/react-design-system 1.7.0 → 1.8.0

package/dist/ui/atoms/Separator/Separator.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes } from 'react';
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export type SeparatorVariant = 'solid' | 'dashed' | 'dotted';
+export interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
+    orientation?: SeparatorOrientation;
+    variant?: SeparatorVariant;
+}
+/**
+ * Separator Component
+ *
+ * A visual separator component for dividing content.
+ * Follows Atomic Design principles as an Atom component.
+ * Optimized with React.memo to prevent unnecessary re-renders.
+ *
+ * @example
+ * ```tsx
+ * <Separator />
+ *
+ * <Separator orientation="vertical" variant="dashed" />
+ * ```
+ */
+declare const Separator: import("react").NamedExoticComponent<SeparatorProps>;
+export default Separator;

package/dist/ui/atoms/Separator/Separator.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Separator from './Separator';
+declare const meta: Meta<typeof Separator>;
+export default meta;
+type Story = StoryObj<typeof Separator>;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const Variants: Story;
+export declare const InContext: Story;

package/dist/ui/atoms/Separator/Separator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/atoms/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Separator';
+export type { SeparatorProps, SeparatorOrientation, SeparatorVariant } from './Separator';

package/dist/ui/atoms/Skeleton/Skeleton.d.ts

@@ -17,4 +17,4 @@ export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
  * <Skeleton variant="text" lines={3} />
  * ```
  */
-export default function Skeleton({ variant, width, height, lines, className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export default function Skeleton({ variant, width, height, lines, className, 'aria-label': ariaLabel, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/atoms/Skeleton/Skeleton.stories.d.ts

@@ -5,12 +5,34 @@ declare const meta: {
     component: typeof Skeleton;
     parameters: {
         layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
     tags: string[];
     argTypes: {
         variant: {
             control: "select";
             options: string[];
+            description: string;
+        };
+        width: {
+            control: "text";
+            description: string;
+        };
+        height: {
+            control: "text";
+            description: string;
+        };
+        lines: {
+            control: "number";
+            description: string;
+        };
+        'aria-label': {
+            control: "text";
+            description: string;
         };
     };
 };
@@ -22,3 +44,5 @@ export declare const Card: Story;
 export declare const List: Story;
 export declare const Circle: Story;
 export declare const CustomSize: Story;
+export declare const WithAriaLabel: Story;
+export declare const LoadingStates: Story;

package/dist/ui/atoms/Slider/Slider.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes } from 'react';
+export type SliderVariant = 'single' | 'range';
+export type SliderSize = 'sm' | 'md' | 'lg';
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number | [number, number];
+    defaultValue?: number | [number, number];
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: SliderVariant;
+    size?: SliderSize;
+    disabled?: boolean;
+    showValue?: boolean;
+    marks?: number[];
+    onChange?: (value: number | [number, number]) => void;
+    onValueChange?: (value: number | [number, number]) => void;
+    label?: string;
+}
+/**
+ * Slider Component
+ *
+ * A range input component for selecting numeric values.
+ * Supports single and dual thumb (range) modes.
+ * Follows Atomic Design principles as an Atom component.
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   value={50}
+ *   min={0}
+ *   max={100}
+ *   onChange={(value) => console.log(value)}
+ * />
+ *
+ * <Slider
+ *   variant="range"
+ *   value={[20, 80]}
+ *   min={0}
+ *   max={100}
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Slider;

package/dist/ui/atoms/Slider/Slider.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Slider from './Slider';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof Slider>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Range: Story;
+export declare const Sizes: Story;
+export declare const WithMarks: Story;
+export declare const WithSteps: Story;
+export declare const Disabled: Story;
+export declare const CustomRange: Story;

package/dist/ui/atoms/Slider/Slider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/atoms/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Slider';
+export type { SliderProps, SliderVariant, SliderSize } from './Slider';

package/dist/ui/atoms/Spinner/Spinner.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from 'react';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export type SpinnerVariant = 'primary' | 'secondary' | 'neutral';
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+    label?: string;
+}
+/**
+ * Spinner Component
+ *
+ * A loading spinner component for indicating loading states.
+ * Follows Atomic Design principles as an Atom component.
+ * Uses Strategy Pattern for different size/variant combinations.
+ *
+ * @example
+ * ```tsx
+ * <Spinner size="md" variant="primary" label="Loading..." />
+ * ```
+ */
+declare const Spinner: import("react").NamedExoticComponent<SpinnerProps>;
+export default Spinner;

package/dist/ui/atoms/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Spinner from './Spinner';
+declare const meta: Meta<typeof Spinner>;
+export default meta;
+type Story = StoryObj<typeof Spinner>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const WithLabel: Story;

package/dist/ui/atoms/Spinner/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/atoms/Switch/Switch.d.ts

@@ -0,0 +1,28 @@
+import type { InputHTMLAttributes } from 'react';
+export type SwitchSize = 'sm' | 'md' | 'lg';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    size?: SwitchSize;
+    label?: string;
+    description?: string;
+    error?: boolean;
+}
+/**
+ * Switch Component
+ *
+ * A toggle switch component for on/off states.
+ * Follows Atomic Design principles as an Atom component.
+ *
+ * @example
+ * ```tsx
+ * <Switch checked={isEnabled} onChange={(e) => setIsEnabled(e.target.checked)} />
+ *
+ * <Switch
+ *   label="Enable notifications"
+ *   description="Receive email notifications"
+ *   checked={notifications}
+ *   onChange={(e) => setNotifications(e.target.checked)}
+ * />
+ * ```
+ */
+declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/ui/atoms/Switch/Switch.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Switch from './Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithDescription: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const Accessibility: Story;

package/dist/ui/atoms/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/atoms/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Switch';
+export type { SwitchProps, SwitchSize } from './Switch';

package/dist/ui/atoms/Tooltip/Tooltip.d.ts

@@ -4,6 +4,7 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     position?: "top" | "bottom" | "left" | "right";
     delay?: number;
+    'aria-label'?: string;
 }
 /**
  * Tooltip Component
@@ -18,4 +19,4 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
  * </Tooltip>
  * ```
  */
-export default function Tooltip({ content, children, position, delay, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ content, children, position, delay, className, 'aria-label': ariaLabel, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/atoms/Tooltip/Tooltip.stories.d.ts

@@ -5,12 +5,26 @@ declare const meta: {
     component: typeof Tooltip;
     parameters: {
         layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
     tags: string[];
     argTypes: {
         position: {
             control: "select";
             options: string[];
+            description: string;
+        };
+        delay: {
+            control: "number";
+            description: string;
+        };
+        'aria-label': {
+            control: "text";
+            description: string;
         };
     };
 };
@@ -21,3 +35,6 @@ export declare const Top: Story;
 export declare const Bottom: Story;
 export declare const Left: Story;
 export declare const Right: Story;
+export declare const WithCustomDelay: Story;
+export declare const KeyboardAccessible: Story;
+export declare const WithAriaLabel: Story;

package/dist/ui/atoms/index.d.ts

@@ -1,11 +1,15 @@
 export { default as Info } from "./Info/Info";
+export type { InfoProps } from "./Info/Info";
 export { default as Text } from "./Text/Text";
 export { default as Input } from "./Input/Input";
-export type { InputProps } from "./Input/Input";
+export type { InputProps, InputSize, InputVariant, InputState } from "./Input/Input";
 export { default as Button } from "./Button/Button";
+export type { ButtonProps, ButtonVariant, ButtonSize } from "./Button/Button";
 export { default as BoxWrapper } from "./BoxWrapper/BoxWrapper";
+export type { BoxWrapperProps } from "./BoxWrapper/BoxWrapper";
 export { default as Badge } from "./Badge/Badge";
 export { default as Select } from "./Select/Select";
+export type { SelectProps, SelectOption, SelectOptionGroup, SelectSize } from "./Select/Select";
 export { default as Textarea } from "./Textarea/Textarea";
 export { default as Label } from "./Label/Label";
 export { default as ErrorMessage } from "./ErrorMessage/ErrorMessage";
@@ -13,12 +17,25 @@ export { default as NavLink } from "./NavLink/NavLink";
 export { default as Tooltip } from "./Tooltip/Tooltip";
 export type { TooltipProps } from "./Tooltip/Tooltip";
 export { default as Skeleton } from "./Skeleton/Skeleton";
+export { default as Spinner } from "./Spinner/Spinner";
+export type { SpinnerProps, SpinnerSize, SpinnerVariant } from "./Spinner/Spinner";
 export type { SkeletonProps } from "./Skeleton/Skeleton";
-export { default as SidebarItem } from "./SidebarItem/SidebarItem";
-export type { SidebarItemProps } from "./SidebarItem/SidebarItem";
 export { default as Collapsible } from "./Collapsible/Collapsible";
 export type { CollapsibleProps } from "./Collapsible/Collapsible";
 export { default as Checkbox } from "./Checkbox/Checkbox";
 export type { CheckboxProps } from "./Checkbox/Checkbox";
 export { default as Radio } from "./Radio/Radio";
 export type { RadioProps } from "./Radio/Radio";
+export { default as Progress } from "./Progress/Progress";
+export type { ProgressProps, ProgressVariant, ProgressSize } from "./Progress/Progress";
+export { default as Switch } from "./Switch/Switch";
+export type { SwitchProps, SwitchSize } from "./Switch/Switch";
+export { default as Separator } from "./Separator/Separator";
+export type { SeparatorProps, SeparatorOrientation, SeparatorVariant } from "./Separator/Separator";
+export { default as Accordion } from "./Accordion/Accordion";
+export type { AccordionProps, AccordionItem, AccordionType } from "./Accordion/Accordion";
+export { default as Slider } from "./Slider/Slider";
+export type { SliderProps, SliderVariant, SliderSize } from "./Slider/Slider";
+export { default as Popover } from "./Popover/Popover";
+export type { PopoverProps, PopoverPlacement } from "./Popover/Popover";
+export * from "./Avatar";

package/dist/ui/index.d.ts

@@ -9,8 +9,13 @@ export * from "./tokens/breakpoints";
 export * from "./tokens/tokens.factory";
 export * from "./tokens/themes/light";
 export * from "./tokens/themes/dark";
-export * from "./providers/ThemeProvider";
+export * from "./providers";
+export * from "./themes";
 export { getSpacingClass, getSpacing } from "./tokens/spacing";
 export { getTypographyClasses, getTypography } from "./tokens/typography";
 export { getColorClass, getColor } from "./tokens/colors";
 export { getBreakpoint, getMediaQuery } from "./tokens/breakpoints";
+export { getAnimationClass, getAnimation, getTransitionClass } from "./tokens/animations";
+export { getZIndexClass, getZIndex } from "./tokens/z-index";
+export { getOpacityClass, getOpacity } from "./tokens/opacity";
+export { getGradientClass, getGradient } from "./tokens/gradients";

package/dist/ui/molecules/Card/Card.d.ts

@@ -2,6 +2,9 @@ import type { HTMLAttributes } from "react";
 interface Props extends HTMLAttributes<HTMLDivElement> {
     variant?: "default" | "hover" | "selected";
     padding?: "none" | "small" | "medium" | "large";
+    onClick?: () => void;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 /**
  * Card Component
@@ -9,6 +12,7 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
  * A versatile card component for displaying content in containers.
  * Follows Atomic Design principles as a Molecule component.
  * Can be used to replace BoxWrapper in many cases with more flexibility.
+ * Optimized with React.memo to prevent unnecessary re-renders.
  *
  * @example
  * ```tsx
@@ -18,5 +22,5 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
  * </Card>
  * ```
  */
-export default function Card({ variant, padding, className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Card: import("react").NamedExoticComponent<Props>;
+export default Card;

package/dist/ui/molecules/Card/Card.stories.d.ts

@@ -8,4 +8,6 @@ export declare const WithPaddingSmall: StoryObj<typeof Card>;
 export declare const WithPaddingLarge: StoryObj<typeof Card>;
 export declare const WithActions: StoryObj<typeof Card>;
 export declare const NoPadding: StoryObj<typeof Card>;
+export declare const Interactive: StoryObj<typeof Card>;
+export declare const WithAriaLabel: StoryObj<typeof Card>;
 export default meta;

package/dist/ui/molecules/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,28 @@
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+export interface ColorPickerProps {
+    value?: string;
+    defaultValue?: string;
+    format?: ColorFormat;
+    onChange?: (value: string) => void;
+    presets?: string[];
+    showInput?: boolean;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+}
+/**
+ * ColorPicker Component
+ *
+ * A color picker component for selecting colors.
+ * Supports hex, rgb, and hsl formats with presets.
+ * Follows Atomic Design principles as a Molecule component.
+ *
+ * @example
+ * ```tsx
+ * <ColorPicker
+ *   value="#ff0000"
+ *   onChange={(color) => console.log(color)}
+ * />
+ * ```
+ */
+export default function ColorPicker({ value: controlledValue, defaultValue, format, onChange, presets, showInput, disabled, label, className, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/molecules/ColorPicker/ColorPicker.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ColorPicker from './ColorPicker';
+declare const meta: Meta<typeof ColorPicker>;
+export default meta;
+type Story = StoryObj<typeof ColorPicker>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithInput: Story;
+export declare const CustomPresets: Story;
+export declare const WithoutInput: Story;
+export declare const Disabled: Story;
+export declare const InForm: Story;

package/dist/ui/molecules/ColorPicker/ColorPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/molecules/ColorPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ColorPicker';
+export type { ColorPickerProps, ColorFormat } from './ColorPicker';

package/dist/ui/molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1,74 @@
+import React, { type ReactNode, type RefObject } from 'react';
+import { DatePickerInput } from './DatePickerInput';
+import { DatePickerCalendar } from './DatePickerCalendar';
+export interface DatePickerProps {
+    children?: ReactNode;
+    mode?: 'single' | 'range';
+    value?: Date | {
+        start: Date | null;
+        end: Date | null;
+    };
+    defaultValue?: Date | {
+        start: Date | null;
+        end: Date | null;
+    };
+    onValueChange?: (value: Date | {
+        start: Date | null;
+        end: Date | null;
+    } | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    placeholder?: string;
+    format?: string;
+    showCalendarButton?: boolean;
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * DatePicker Component
+ *
+ * A flexible date picker component with single date and range selection.
+ * Supports keyboard navigation and basic localization.
+ *
+ * @example
+ * ```tsx
+ * // Single date
+ * <DatePicker
+ *   value={selectedDate}
+ *   onValueChange={setSelectedDate}
+ * />
+ *
+ * // Date range
+ * <DatePicker
+ *   mode="range"
+ *   value={{ start: rangeStart, end: rangeEnd }}
+ *   onValueChange={setRange}
+ * />
+ *
+ * // Compound components
+ * <DatePicker>
+ *   <DatePicker.Input />
+ *   <DatePicker.Calendar />
+ * </DatePicker>
+ * ```
+ */
+declare function DatePickerComponent({ children, mode, value, defaultValue, onValueChange, minDate, maxDate, disabledDates, placeholder, format, showCalendarButton, 'aria-label': ariaLabel, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DatePickerComponent {
+    var Input: typeof DatePickerInput;
+    var Calendar: typeof DatePickerCalendar;
+    var Popup: typeof DatePickerPopup;
+}
+declare function DatePickerPopup({ children, containerRef, popupRef: externalPopupRef }: {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    popupRef?: RefObject<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export interface DatePickerComponentType extends React.FC<DatePickerProps> {
+    Input: typeof DatePickerInput;
+    Calendar: typeof DatePickerCalendar;
+    Popup: typeof DatePickerPopup;
+}
+declare const DatePicker: DatePickerComponentType;
+export { DatePickerComponent };
+export default DatePicker;

package/dist/ui/molecules/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DatePicker from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Default: Story;
+export declare const WithDefaultValue: Story;
+export declare const DateRange: Story;
+export declare const WithMinMaxDate: Story;
+export declare const WithDisabledDates: Story;
+export declare const CustomFormat: Story;
+export declare const CompoundComponents: Story;

package/dist/ui/molecules/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/molecules/DatePicker/DatePickerCalendar.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes } from 'react';
+export interface DatePickerCalendarProps extends HTMLAttributes<HTMLDivElement> {
+    month?: Date;
+    onMonthChange?: (month: Date) => void;
+}
+export declare function DatePickerCalendar({ month: controlledMonth, onMonthChange, className, ...props }: DatePickerCalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/molecules/DatePicker/DatePickerContext.d.ts

@@ -0,0 +1,28 @@
+export interface DatePickerContextValue {
+    selectedDate: Date | null;
+    selectedRange: {
+        start: Date | null;
+        end: Date | null;
+    } | null;
+    mode: 'single' | 'range';
+    onDateChange: (date: Date | null) => void;
+    onRangeChange: (range: {
+        start: Date | null;
+        end: Date | null;
+    }) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    locale?: Locale;
+}
+export declare const DatePickerContext: import("react").Context<DatePickerContextValue | undefined>;
+export declare function useDatePickerContext(): DatePickerContextValue;
+export declare function useDatePickerContextOptional(): DatePickerContextValue | undefined;
+export interface Locale {
+    code?: string;
+    localize?: any;
+    formatLong?: any;
+    format?: any;
+    match?: any;
+    options?: any;
+}

package/dist/ui/molecules/DatePicker/DatePickerInput.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLAttributes } from 'react';
+export interface DatePickerInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus'> {
+    placeholder?: string;
+    format?: string;
+    showCalendarButton?: boolean;
+    'aria-label'?: string;
+    onFocus?: () => void;
+}
+export declare function DatePickerInput({ placeholder, format, showCalendarButton, 'aria-label': ariaLabel, onFocus, className, ...props }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/molecules/DatePicker/DatePickerProvider.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type Locale } from './DatePickerContext';
+export interface DatePickerProviderProps {
+    children: ReactNode;
+    mode?: 'single' | 'range';
+    value?: Date | {
+        start: Date | null;
+        end: Date | null;
+    };
+    defaultValue?: Date | {
+        start: Date | null;
+        end: Date | null;
+    };
+    onValueChange?: (value: Date | {
+        start: Date | null;
+        end: Date | null;
+    } | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    locale?: Locale;
+}
+export declare function DatePickerProvider({ children, mode, value: controlledValue, defaultValue, onValueChange, minDate, maxDate, disabledDates, locale, }: DatePickerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/molecules/DatePicker/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DatePicker Components
+ *
+ * Date picker with single date and range selection support.
+ */
+export { default as DatePicker } from './DatePicker';
+export { DatePickerProvider } from './DatePickerProvider';
+export { DatePickerInput } from './DatePickerInput';
+export { DatePickerCalendar } from './DatePickerCalendar';
+export type { DatePickerProps } from './DatePicker';
+export type { DatePickerProviderProps } from './DatePickerProvider';
+export type { DatePickerInputProps } from './DatePickerInput';
+export type { DatePickerCalendarProps } from './DatePickerCalendar';
+export type { DatePickerContextValue, Locale } from './DatePickerContext';

package/dist/ui/molecules/Dropdown/Dropdown.d.ts

@@ -10,6 +10,7 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
     items: DropdownItem[];
     align?: "left" | "right";
     variant?: "default" | "minimal";
+    'aria-label'?: string;
 }
 /**
  * Dropdown Component
@@ -28,4 +29,4 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
  * />
  * ```
  */
-export default function Dropdown({ trigger, items, align, variant, className, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown({ trigger, items, align, variant, className, 'aria-label': ariaLabel, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;