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

package/dist/ui/molecules/Tabs/TabsTrigger.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TabsTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+/**
+ * TabsTrigger Component
+ *
+ * Individual tab trigger button.
+ * Must be used within a TabsList component.
+ */
+export declare function TabsTrigger({ value, children, disabled, className, onClick, onKeyDown, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+/**
+ * Tabs Components
+ *
+ * Tabs component with compound components pattern and full accessibility support.
+ */
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { TabsList } from './TabsList';
+export type { TabsListProps } from './TabsList';
+export { TabsTrigger } from './TabsTrigger';
+export type { TabsTriggerProps } from './TabsTrigger';
+export { TabsContent } from './TabsContent';
+export type { TabsContentProps } from './TabsContent';
+export { TabsProvider } from './TabsProvider';
+export type { TabsProviderProps } from './TabsProvider';
+export { TabsContext, useTabsContext, useTabsContextOptional } from './TabsContext';
+export type { TabsContextValue } from './TabsContext';

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

@@ -0,0 +1,29 @@
+export type TimeFormat = '12h' | '24h';
+export interface TimePickerProps {
+    value?: string;
+    defaultValue?: string;
+    format?: TimeFormat;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+    className?: string;
+}
+/**
+ * TimePicker Component
+ *
+ * A time picker component for selecting time values.
+ * Supports 12h and 24h formats.
+ * Follows Atomic Design principles as a Molecule component.
+ *
+ * @example
+ * ```tsx
+ * <TimePicker
+ *   value="14:30"
+ *   format="24h"
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export default function TimePicker({ value: controlledValue, defaultValue, format, onChange, disabled, label, error, helperText, className, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './TimePicker';
+export type { TimePickerProps, TimeFormat } from './TimePicker';

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

@@ -1,6 +1,6 @@
 export { default as InputWithLabel } from "./InputWithLabel/InputWithLabel";
 export { default as Card } from "./Card/Card";
-export { default as Form } from "./Form/Form";
+export * from "./Form";
 export { default as Breadcrumb } from "./Breadcrumb/Breadcrumb";
 export type { BreadcrumbItem } from "./Breadcrumb/Breadcrumb";
 export { default as Pagination } from "./Pagination/Pagination";
@@ -8,9 +8,17 @@ export { default as EmptyState } from "./EmptyState/EmptyState";
 export type { EmptyStateProps } from "./EmptyState/EmptyState";
 export { default as Dropdown } from "./Dropdown/Dropdown";
 export type { DropdownProps, DropdownItem } from "./Dropdown/Dropdown";
-export { default as SidebarGroup } from "./SidebarGroup/SidebarGroup";
-export type { SidebarGroupProps } from "./SidebarGroup/SidebarGroup";
-export { default as SidebarHeader } from "./SidebarHeader/SidebarHeader";
-export type { SidebarHeaderProps } from "./SidebarHeader/SidebarHeader";
 export { default as NavbarGroup } from "./NavbarGroup/NavbarGroup";
 export type { NavbarGroupProps } from "./NavbarGroup/NavbarGroup";
+export * from "./DatePicker";
+export * from "./Tabs";
+export { default as SearchInput } from "./SearchInput/SearchInput";
+export type { SearchInputProps } from "./SearchInput/SearchInput";
+export { default as Rating } from "./Rating/Rating";
+export type { RatingProps, RatingSize, RatingVariant } from "./Rating/Rating";
+export { default as FileUpload } from "./FileUpload/FileUpload";
+export type { FileUploadProps, FileUploadFile } from "./FileUpload/FileUpload";
+export { default as TimePicker } from "./TimePicker/TimePicker";
+export type { TimePickerProps, TimeFormat } from "./TimePicker/TimePicker";
+export { default as ColorPicker } from "./ColorPicker/ColorPicker";
+export type { ColorPickerProps, ColorFormat } from "./ColorPicker/ColorPicker";

package/dist/ui/organisms/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,37 @@
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    keywords?: string[];
+    group?: string;
+    action: () => void;
+}
+export interface CommandPaletteProps {
+    items: CommandItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    placeholder?: string;
+    emptyMessage?: string;
+    className?: string;
+}
+/**
+ * CommandPalette Component
+ *
+ * A command palette component for quick command search and execution.
+ * Supports keyboard navigation, grouping, and filtering.
+ * Follows Atomic Design principles as an Organism component.
+ *
+ * @example
+ * ```tsx
+ * <CommandPalette
+ *   items={[
+ *     { id: '1', label: 'New File', action: () => console.log('New File') },
+ *     { id: '2', label: 'Save', action: () => console.log('Save') },
+ *   ]}
+ * />
+ * ```
+ */
+export default function CommandPalette({ items, open: controlledOpen, defaultOpen, onOpenChange, trigger, placeholder, emptyMessage, className, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/CommandPalette/CommandPalette.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CommandPalette from './CommandPalette';
+declare const meta: Meta<typeof CommandPalette>;
+export default meta;
+type Story = StoryObj<typeof CommandPalette>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const WithGroups: Story;
+export declare const WithDescriptions: Story;
+export declare const WithKeywords: Story;
+export declare const ManyCommands: Story;

package/dist/ui/organisms/CommandPalette/CommandPalette.test.d.ts

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

package/dist/ui/organisms/CommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CommandPalette';
+export type { CommandPaletteProps, CommandItem } from './CommandPalette';

package/dist/ui/organisms/DataGrid/DataGrid.d.ts

@@ -0,0 +1,84 @@
+import { type ReactNode } from 'react';
+import { type TableColumn } from '../Table/Table';
+import type { TableAction } from '../Table/TableActions/TableActions';
+export type DataGridColumn<T = any> = TableColumn<T> & {
+    groupable?: boolean;
+    exportable?: boolean;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+};
+export interface DataGridGroup {
+    column: string;
+    expanded?: boolean;
+}
+export interface DataGridProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    loading?: boolean;
+    onSort?: (columnKey: string, direction: 'asc' | 'desc') => void;
+    sortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+    multiSort?: boolean;
+    groups?: DataGridGroup[];
+    onGroupChange?: (groups: DataGridGroup[]) => void;
+    groupable?: boolean;
+    resizable?: boolean;
+    reorderable?: boolean;
+    onColumnReorder?: (columns: DataGridColumn<T>[]) => void;
+    columnWidths?: Record<string, number>;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    selectable?: boolean;
+    selectedRows?: string[];
+    onSelectionChange?: (selected: string[]) => void;
+    rowId?: (row: T) => string;
+    exportable?: boolean;
+    onExport?: (format: 'csv' | 'xlsx' | 'json') => void;
+    exportFormats?: ('csv' | 'xlsx' | 'json')[];
+    pagination?: {
+        page: number;
+        pageSize: number;
+        total: number;
+        onPageChange: (page: number) => void;
+        onPageSizeChange: (size: number) => void;
+        pageSizeOptions?: number[];
+    };
+    filters?: {
+        config: any[];
+        onFilter: (filters: Record<string, any>) => void;
+        initialValues?: Record<string, any>;
+    };
+    actions?: (row: T) => TableAction<T>[];
+    toolbarActions?: ReactNode;
+    virtualScrolling?: boolean;
+    virtualScrollingOptions?: {
+        itemHeight?: number;
+        containerHeight?: number;
+        overscan?: number;
+    };
+    emptyMessage?: string;
+    emptyStateTitle?: string;
+    emptyStateMessage?: string;
+    emptyStateIllustration?: ReactNode;
+    emptyStateAction?: ReactNode;
+    className?: string;
+}
+/**
+ * DataGrid Component
+ *
+ * An advanced data grid component with sorting, filtering, grouping, column management, and export.
+ * Extends the Table component with additional enterprise features.
+ * Follows Atomic Design principles as an Organism component.
+ *
+ * @example
+ * ```tsx
+ * <DataGrid
+ *   columns={columns}
+ *   data={data}
+ *   groupable
+ *   exportable
+ *   onExport={(format) => console.log('Export as', format)}
+ * />
+ * ```
+ */
+export default function DataGrid<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, loading, onSort, sortColumn, sortDirection, multiSort, groups, onGroupChange, groupable, resizable, reorderable, onColumnReorder, columnWidths, onColumnResize, selectable, selectedRows, onSelectionChange, rowId, exportable, onExport, exportFormats, pagination, filters, actions, toolbarActions, virtualScrolling, virtualScrollingOptions, emptyMessage, emptyStateTitle, emptyStateMessage, emptyStateIllustration, emptyStateAction, className, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/DataGrid/DataGrid.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DataGrid from './DataGrid';
+declare const meta: Meta<typeof DataGrid>;
+export default meta;
+type Story = StoryObj<typeof DataGrid>;
+export declare const Default: Story;
+export declare const WithExport: Story;
+export declare const WithPagination: Story;
+export declare const WithSelection: Story;
+export declare const WithFilters: Story;
+export declare const WithToolbar: Story;
+export declare const WithGrouping: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;

package/dist/ui/organisms/DataGrid/DataGrid.test.d.ts

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

package/dist/ui/organisms/DataGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DataGrid';
+export type { DataGridProps, DataGridColumn, DataGridGroup } from './DataGrid';

package/dist/ui/organisms/Dialog/AlertDialog.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+export interface AlertDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: 'default' | 'destructive';
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    children?: ReactNode;
+}
+/**
+ * AlertDialog Component
+ *
+ * A specialized dialog for confirmations and alerts.
+ * Built on top of Dialog with pre-configured layout.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   title="Delete Item"
+ *   description="Are you sure? This action cannot be undone."
+ *   variant="destructive"
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ */
+export declare function AlertDialog({ open, defaultOpen, onOpenChange, title, description, confirmLabel, cancelLabel, variant, onConfirm, onCancel, children, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export default AlertDialog;

package/dist/ui/organisms/Dialog/Dialog.d.ts

@@ -0,0 +1,58 @@
+import { type ReactNode } from 'react';
+import { DialogTrigger } from './DialogTrigger';
+import { DialogContent } from './DialogContent';
+import { DialogHeader } from './DialogHeader';
+import { DialogTitle } from './DialogTitle';
+import { DialogDescription } from './DialogDescription';
+import { DialogFooter } from './DialogFooter';
+import { DialogClose } from './DialogClose';
+export interface DialogProps {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Dialog Component
+ *
+ * A flexible dialog component using compound components pattern.
+ * Supports both controlled and uncontrolled modes.
+ * Includes portal rendering, focus trap, and full accessibility.
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled
+ * <Dialog>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *       <Dialog.Description>Dialog description</Dialog.Description>
+ *     </Dialog.Header>
+ *     <Dialog.Footer>
+ *       <Button onClick={handleClose}>Close</Button>
+ *     </Dialog.Footer>
+ *   </Dialog.Content>
+ * </Dialog>
+ *
+ * // Controlled
+ * <Dialog open={isOpen} onOpenChange={setIsOpen}>
+ *   <Dialog.Content>
+ *     <Dialog.Header>
+ *       <Dialog.Title>Dialog Title</Dialog.Title>
+ *     </Dialog.Header>
+ *   </Dialog.Content>
+ * </Dialog>
+ * ```
+ */
+declare function Dialog({ children, open, defaultOpen, onOpenChange }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Dialog {
+    var Trigger: typeof DialogTrigger;
+    var Content: typeof DialogContent;
+    var Header: typeof DialogHeader;
+    var Title: typeof DialogTitle;
+    var Description: typeof DialogDescription;
+    var Footer: typeof DialogFooter;
+    var Close: typeof DialogClose;
+}
+export default Dialog;

package/dist/ui/organisms/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Dialog from './Dialog';
+import AlertDialog from './AlertDialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;
+export declare const Uncontrolled: Story;
+export declare const WithForm: Story;
+export declare const Sizes: Story;
+export declare const WithoutOverlayClose: Story;
+export declare const AlertDialogDefault: StoryObj<typeof AlertDialog>;
+export declare const AlertDialogDestructive: StoryObj<typeof AlertDialog>;

package/dist/ui/organisms/Dialog/Dialog.test.d.ts

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

package/dist/ui/organisms/Dialog/DialogClose.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+export interface DialogCloseProps {
+    'aria-label'?: string;
+    className?: string;
+    asChild?: boolean;
+    children?: ReactElement;
+}
+export declare function DialogClose({ 'aria-label': ariaLabel, className, asChild, children, }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogContent.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface DialogContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
+    children: ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+}
+export declare function DialogContent({ children, size, closeOnOverlayClick, closeOnEscape, className, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/organisms/Dialog/DialogContext.d.ts

@@ -0,0 +1,10 @@
+export interface DialogContextValue {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    onClose: () => void;
+    titleId?: string;
+    descriptionId?: string;
+}
+export declare const DialogContext: import("react").Context<DialogContextValue | undefined>;
+export declare function useDialogContext(): DialogContextValue;
+export declare function useDialogContextOptional(): DialogContextValue | undefined;

package/dist/ui/organisms/Dialog/DialogDescription.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export interface DialogDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+}
+export declare function DialogDescription({ children, className, id, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogFooter.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function DialogFooter({ children, className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogHeader.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function DialogHeader({ children, className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogProvider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export interface DialogProviderProps {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    titleId?: string;
+    descriptionId?: string;
+}
+export declare function DialogProvider({ children, open: controlledOpen, defaultOpen, onOpenChange, titleId, descriptionId, }: DialogProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogTitle.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes } from 'react';
+export interface DialogTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare function DialogTitle({ as: Component, children, className, id, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/DialogTrigger.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+export interface DialogTriggerProps {
+    children: ReactElement;
+    asChild?: boolean;
+}
+export declare function DialogTrigger({ children, asChild }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Dialog/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Dialog Components
+ *
+ * Compound component pattern for flexible dialogs.
+ */
+export { default as Dialog } from './Dialog';
+export { DialogTrigger } from './DialogTrigger';
+export { DialogContent } from './DialogContent';
+export { DialogHeader } from './DialogHeader';
+export { DialogTitle } from './DialogTitle';
+export { DialogDescription } from './DialogDescription';
+export { DialogFooter } from './DialogFooter';
+export { DialogClose } from './DialogClose';
+export { default as AlertDialog } from './AlertDialog';
+export type { DialogProps } from './Dialog';
+export type { DialogTriggerProps } from './DialogTrigger';
+export type { DialogContentProps } from './DialogContent';
+export type { DialogHeaderProps } from './DialogHeader';
+export type { DialogTitleProps } from './DialogTitle';
+export type { DialogDescriptionProps } from './DialogDescription';
+export type { DialogFooterProps } from './DialogFooter';
+export type { AlertDialogProps } from './AlertDialog';

package/dist/ui/organisms/Sidebar/Sidebar.d.ts

@@ -1,13 +1,16 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import SidebarHeader from "../../molecules/SidebarHeader/SidebarHeader";
-import SidebarGroup from "../../molecules/SidebarGroup/SidebarGroup";
-import SidebarItem from "../../atoms/SidebarItem/SidebarItem";
+import SidebarHeader from "./SidebarHeader/SidebarHeader";
+import SidebarGroup from "./SidebarGroup/SidebarGroup";
+import SidebarItem from "./SidebarItem/SidebarItem";
 export interface SidebarProps extends HTMLAttributes<HTMLDivElement> {
     variant?: "default" | "collapsed";
     title?: string;
     showHeader?: boolean;
     onClose?: () => void;
     children: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    role?: 'navigation' | 'complementary';
 }
 /**
  * Sidebar Component
@@ -26,7 +29,7 @@ export interface SidebarProps extends HTMLAttributes<HTMLDivElement> {
  * </Sidebar>
  * ```
  */
-declare function SidebarComponent({ variant, title, showHeader, onClose, children, className, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarComponent({ variant, title, showHeader, onClose, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, role, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SidebarComponent {
     var Group: typeof SidebarGroup;
     var Item: typeof SidebarItem;

package/dist/ui/organisms/Sidebar/SidebarGroup/SidebarGroup.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface SidebarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    titleIcon?: ReactNode;
+    children: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+    storageKey?: string;
+    showChevron?: boolean;
+}
+/**
+ * SidebarGroup Component
+ *
+ * A group container for sidebar items with optional title.
+ * Follows Atomic Design principles as a Molecule component.
+ *
+ * @example
+ * ```tsx
+ * <SidebarGroup title="Agile">
+ *   <SidebarItem href="/epics">Epics</SidebarItem>
+ *   <SidebarItem href="/stories">Stories</SidebarItem>
+ * </SidebarGroup>
+ * ```
+ */
+export default function SidebarGroup({ title, titleIcon, children, collapsible, defaultCollapsed, collapsed, onCollapseChange, storageKey, showChevron, className, ...props }: SidebarGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Sidebar/SidebarGroup/SidebarGroup.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import SidebarGroup from "./SidebarGroup";
+declare const meta: Meta<typeof SidebarGroup>;
+export declare const Default: StoryObj<typeof SidebarGroup>;
+export declare const WithoutTitle: StoryObj<typeof SidebarGroup>;
+export declare const Collapsible: StoryObj<typeof SidebarGroup>;
+export declare const CollapsibleDefaultCollapsed: StoryObj<typeof SidebarGroup>;
+export declare const ControlledCollapsible: StoryObj<typeof SidebarGroup>;
+export declare const WithNestedItems: StoryObj<typeof SidebarGroup>;
+export declare const MultipleGroups: StoryObj<typeof SidebarGroup>;
+export default meta;

package/dist/ui/organisms/Sidebar/SidebarGroup/SidebarGroup.test.d.ts

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

package/dist/ui/organisms/Sidebar/SidebarHeader/SidebarHeader.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    onClose?: () => void;
+    showCloseButton?: boolean;
+    children?: ReactNode;
+}
+/**
+ * SidebarHeader Component
+ *
+ * Header section of a sidebar with title and optional close button.
+ * Follows Atomic Design principles as a Molecule component.
+ *
+ * @example
+ * ```tsx
+ * <SidebarHeader title="Navigation" onClose={handleClose} />
+ * ```
+ */
+export default function SidebarHeader({ title, onClose, showCloseButton, children, className, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Sidebar/SidebarHeader/SidebarHeader.test.d.ts

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

package/dist/ui/organisms/Sidebar/SidebarItem/SidebarItem.d.ts

@@ -0,0 +1,23 @@
+import type { AnchorHTMLAttributes, ReactNode } from "react";
+export interface SidebarItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    href: string;
+    isActive?: boolean;
+    icon?: ReactNode;
+    nested?: boolean | number;
+    iconSize?: 'sm' | 'md' | 'lg';
+    children: ReactNode;
+}
+/**
+ * SidebarItem Component
+ *
+ * An individual navigation item within a sidebar.
+ * Follows Atomic Design principles as an Atom component.
+ *
+ * @example
+ * ```tsx
+ * <SidebarItem href="/epics" isActive={true} icon={<EpicIcon />}>
+ *   Epics
+ * </SidebarItem>
+ * ```
+ */
+export default function SidebarItem({ href, isActive, icon, nested, iconSize, children, className, ...props }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/organisms/Sidebar/SidebarItem/SidebarItem.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import SidebarItem from "./SidebarItem";
+declare const meta: Meta<typeof SidebarItem>;
+export declare const Default: StoryObj<typeof SidebarItem>;
+export declare const Active: StoryObj<typeof SidebarItem>;
+export declare const WithIcon: StoryObj<typeof SidebarItem>;
+export declare const Nested: StoryObj<typeof SidebarItem>;
+export declare const NestedLevel2: StoryObj<typeof SidebarItem>;
+export declare const DifferentIconSizes: StoryObj<typeof SidebarItem>;
+export default meta;

package/dist/ui/organisms/Sidebar/SidebarItem/SidebarItem.test.d.ts

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

package/dist/ui/organisms/Sidebar/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Sidebar } from './Sidebar';
+export type { SidebarProps } from './Sidebar';
+export { default as SidebarItem } from './SidebarItem/SidebarItem';
+export type { SidebarItemProps } from './SidebarItem/SidebarItem';
+export { default as SidebarGroup } from './SidebarGroup/SidebarGroup';
+export type { SidebarGroupProps } from './SidebarGroup/SidebarGroup';
+export { default as SidebarHeader } from './SidebarHeader/SidebarHeader';
+export type { SidebarHeaderProps } from './SidebarHeader/SidebarHeader';