@me1a/ui 2.1.8 → 2.2.0

package/dist/atoms.d.ts

@@ -1,15 +1,25 @@
-export { B as Button, a as ButtonProps, T as Tooltip, d as TooltipContent, e as TooltipProvider, c as TooltipTrigger, b as buttonVariants } from './tooltip-B4jzaurK.js';
+import { a as ButtonProps } from './tooltip-B4jzaurK.js';
+export { B as Button, T as Tooltip, d as TooltipContent, e as TooltipProvider, c as TooltipTrigger, b as buttonVariants } from './tooltip-B4jzaurK.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
+import { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-export { I as Input } from './input-Ruz0ZoY6.js';
+import { DialogProps } from '@radix-ui/react-dialog';
+export { C as Checkbox, I as Input, L as Label, a as LabelProps, R as RadioGroup, b as RadioGroupItem, d as RadioItemContainer, c as RadioItemLabel, S as Switch } from './checkbox-DxgDKaHx.js';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as LabelPrimitive from '@radix-ui/react-label';
 export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from './toast-2xT7L1tJ.js';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Command as Command$1 } from 'cmdk';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import '@radix-ui/react-tooltip';
+import '@radix-ui/react-label';
 import '@radix-ui/react-toast';
 
 /**
@@ -483,18 +493,6 @@ interface PageLoaderProps {
     color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
 }
 
-declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
-}
-/**
- * Label component for creating accessible labels.
- * Built on top of Radix UI's Label primitive.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs
- *
- */
-declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
-
 /**
  * Toaster component for managing and displaying toast notifications.
  * Built on top of the Toast primitive components.
@@ -518,4 +516,536 @@ declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefA
  */
 declare function Toaster(): react_jsx_runtime.JSX.Element;
 
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Label, type LabelProps, PageLoader, type PageLoaderProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Stack, type StackProps, TextField, type TextFieldProps, Toaster, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, typographyVariants };
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+}
+interface TableHeaderProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableBodyProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableFooterProps extends React$1.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
+}
+interface TableHeadProps extends React$1.ThHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCaptionProps extends React$1.HTMLAttributes<HTMLTableCaptionElement> {
+}
+
+/**
+ * Table component that provides a structured way to display data in rows and columns.
+ * Built on top of native HTML table elements with enhanced styling and accessibility.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Email</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>John Doe</TableCell>
+ *       <TableCell>john@example.com</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+/**
+ * Resizable component that provides resizable panel functionality.
+ * Built on top of react-resizable-panels.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs
+ *
+ * @example
+ * ```tsx
+ * <ResizablePanelGroup>
+ *   <ResizablePanel defaultSize={20}>
+ *     <div>Left Panel</div>
+ *   </ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={80}>
+ *     <div>Right Panel</div>
+ *   </ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare const ResizablePanelGroup: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLSpanElement | HTMLInputElement | HTMLLabelElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: React$1.ReactNode | undefined;
+} & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
+type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
+type ResizableHandleProps = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+};
+
+type SelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type SelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Currently selected value */
+    value: string;
+    /** Array of options to display in the select */
+    options: SelectOption[];
+    /** Callback fired when the value changes */
+    onChange: (value: string) => void;
+    /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */
+    renderCommandList?: (options: SelectOption[]) => React$1.ReactNode;
+    /** Placeholder text to show when no value is selected */
+    placeholder?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Additional class name for the select */
+    className?: string;
+    /** ID for the select element */
+    id?: string;
+};
+/**
+ * SearchableSelect component that provides a searchable dropdown select input.
+ * Built on top of Radix UI's Select primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-select--docs
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   options={[
+ *     { id: "1", label: "Option 1" },
+ *     { id: "2", label: "Option 2" }
+ *   ]}
+ *   value="1"
+ *   onChange={setValue}
+ *   required
+ * />
+ * ```
+ */
+declare function Select({ options, value, onChange, placeholder, disabled, required, error, className, fullWidth, searchable, id, renderCommandList }: SelectProps): react_jsx_runtime.JSX.Element;
+
+type MultiSelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type MultiSelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Array of options to display in the select */
+    options: MultiSelectOption[];
+    /** Currently selected values */
+    value: string[];
+    /** Callback fired when the values change */
+    onChange: (value: string[]) => void;
+    /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */
+    renderCommandList?: (options: MultiSelectOption[]) => React$1.ReactNode;
+    /** Placeholder text to show when no value is selected */
+    placeholder?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Additional class name for the select */
+    className?: string;
+    /** ID for the select element */
+    id?: string;
+    /** Maximum number of selections allowed */
+    maxSelections?: number;
+    /** Whether to show the select all option */
+    showSelectAll?: boolean;
+};
+/**
+ * MultiSelect component that provides a searchable dropdown select input with multiple selection.
+ * Built on top of Radix UI's Select primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-multiselect--docs
+ *
+ * @example
+ * ```tsx
+ * <MultiSelect
+ *   options={[
+ *     { id: "1", label: "Option 1" },
+ *     { id: "2", label: "Option 2" }
+ *   ]}
+ *   value={["1"]}
+ *   onChange={setValue}
+ *   showSelectAll
+ * />
+ * ```
+ */
+declare function MultiSelect({ options, value, onChange, placeholder, disabled, required, error, className, fullWidth, searchable, id, maxSelections, showSelectAll, renderCommandList }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
+
+/**
+ * Collapsible component that allows content to be expanded and collapsed.
+ * Built on top of Radix UI's Collapsible primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs
+ *
+ * @example
+ * ```tsx
+ * <Collapsible>
+ *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>
+ *   <CollapsibleContent>Content</CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type CollapsibleProps = React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
+type CollapsibleTriggerProps = React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
+type CollapsibleContentProps = React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
+
+type CommandProps = ComponentPropsWithoutRef<typeof Command$1>;
+type CommandRef = ElementRef<typeof Command$1>;
+type CommandDialogProps = DialogProps;
+type CommandInputProps = ComponentPropsWithoutRef<typeof Command$1.Input>;
+type CommandInputRef = ElementRef<typeof Command$1.Input>;
+type CommandListProps = ComponentPropsWithoutRef<typeof Command$1.List>;
+type CommandListRef = ElementRef<typeof Command$1.List>;
+type CommandEmptyProps = ComponentPropsWithoutRef<typeof Command$1.Empty>;
+type CommandEmptyRef = ElementRef<typeof Command$1.Empty>;
+type CommandGroupProps = ComponentPropsWithoutRef<typeof Command$1.Group>;
+type CommandGroupRef = ElementRef<typeof Command$1.Group>;
+type CommandSeparatorProps = ComponentPropsWithoutRef<typeof Command$1.Separator>;
+type CommandSeparatorRef = ElementRef<typeof Command$1.Separator>;
+type CommandItemProps = ComponentPropsWithoutRef<typeof Command$1.Item>;
+type CommandItemRef = ElementRef<typeof Command$1.Item>;
+type CommandShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+
+/**
+ * Command component that provides a command palette interface.
+ * Built on top of cmdk and Radix UI's Dialog primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <CommandInput placeholder="Search..." />
+ *   <CommandList>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *     <CommandGroup heading="Suggestions">
+ *       <CommandItem>Calendar</CommandItem>
+ *       <CommandItem>Search</CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </Command>
+ * ```
+ */
+declare const Command: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React$1.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React$1.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
+    children?: React$1.ReactNode;
+} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React$1.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: CommandShortcutProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Pagination component that provides navigation controls for paginated content.
+ * Built on top of shadcn/ui's button component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem>
+ *       <PaginationPrevious href="#" />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#" isActive>1</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationEllipsis />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationNext href="#" />
+ *     </PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps$1 = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, children, ...props }: PaginationLinkProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
+
+type RadioGroupProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupItemProps = React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+
+/**
+ * Props for a single-item accordion
+ */
+type AccordionSingleProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    /** The type of accordion - must be "single" for this variant */
+    type: "single";
+    /** The default value of the accordion item */
+    defaultValue?: string;
+    /** The controlled value of the accordion item */
+    value?: string;
+    /** Callback fired when the value changes */
+    onValueChange?: (_value: string) => void;
+    /** Whether the accordion item can be collapsed */
+    collapsible?: boolean;
+};
+/**
+ * Props for a multiple-item accordion
+ */
+type AccordionMultipleProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    /** The type of accordion - must be "multiple" for this variant */
+    type: "multiple";
+    /** The default values of the accordion items */
+    defaultValue?: string[];
+    /** The controlled values of the accordion items */
+    value?: string[];
+    /** Callback fired when the values change */
+    onValueChange?: (_value: string[]) => void;
+};
+/**
+ * Props for the Accordion component
+ */
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+/**
+ * Props for an individual accordion item
+ */
+interface AccordionItemProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    /** The value of the accordion item */
+    value: string;
+}
+/**
+ * Props for the accordion trigger button
+ */
+interface AccordionTriggerProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /** The content of the accordion trigger */
+    children: React$1.ReactNode;
+}
+/**
+ * Props for the accordion content panel
+ */
+interface AccordionContentProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    /** The content of the accordion panel */
+    children: React$1.ReactNode;
+}
+
+/**
+ * Accordion component that displays a list of expandable/collapsible sections.
+ * Built on top of Radix UI's Accordion primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-accordion--docs
+ *
+ * @example
+ * ```tsx
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>Section 1</AccordionTrigger>
+ *     <AccordionContent>Content 1</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item-2">
+ *     <AccordionTrigger>Section 2</AccordionTrigger>
+ *     <AccordionContent>Content 2</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare const Accordion: React$1.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    type: "single";
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (_value: string) => void;
+    collapsible?: boolean;
+}) | (Omit<AccordionPrimitive.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    type: "multiple";
+    defaultValue?: string[];
+    value?: string[];
+    onValueChange?: (_value: string[]) => void;
+})) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+
+interface BreadcrumbProps extends React$1.ComponentPropsWithoutRef<"nav"> {
+    separator?: React$1.ReactNode;
+}
+interface BreadcrumbListProps extends React$1.ComponentPropsWithoutRef<"ol"> {
+}
+interface BreadcrumbItemProps extends React$1.ComponentPropsWithoutRef<"li"> {
+}
+interface BreadcrumbLinkProps extends React$1.ComponentPropsWithoutRef<"a"> {
+    asChild?: boolean;
+}
+interface BreadcrumbPageProps extends React$1.ComponentPropsWithoutRef<"span"> {
+}
+interface BreadcrumbSeparatorProps extends React$1.ComponentProps<"li"> {
+}
+interface BreadcrumbEllipsisProps extends React$1.ComponentProps<"span"> {
+}
+
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React$1.ForwardRefExoticComponent<BreadcrumbListProps & React$1.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<BreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<BreadcrumbPageProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, ButtonProps, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandEmptyRef, CommandGroup, type CommandGroupProps, type CommandGroupRef, CommandInput, type CommandInputProps, type CommandInputRef, CommandItem, type CommandItemProps, type CommandItemRef, CommandList, type CommandListProps, type CommandListRef, type CommandProps, type CommandRef, CommandSeparator, type CommandSeparatorProps, type CommandSeparatorRef, CommandShortcut, type CommandShortcutProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MultiSelect, type MultiSelectOption, type MultiSelectProps, PageLoader, type PageLoaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Stack, type StackProps, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, TextField, type TextFieldProps, Toaster, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, typographyVariants };

package/dist/atoms.esm.js

@@ -1,2 +1,2 @@
-export{o as Avatar,q as AvatarFallback,p as AvatarImage,s as Badge,c as Box,b as Container,e as Dialog,h as DialogClose,j as DialogContent,n as DialogDescription,l as DialogFooter,k as DialogHeader,i as DialogOverlay,g as DialogPortal,m as DialogTitle,f as DialogTrigger,v as PageLoader,d as Stack,a as TextField,y as Toast,z as ToastAction,A as ToastClose,C as ToastDescription,w as ToastProvider,B as ToastTitle,x as ToastViewport,D as Toaster,u as Typography,r as badgeVariants,t as typographyVariants}from'./chunk-LCAU4YZI.esm.js';import'./chunk-JKTYFZ5M.esm.js';export{a as Label}from'./chunk-7NN2L46N.esm.js';export{b as Button,c as Separator,d as Sheet,f as SheetClose,i as SheetContent,m as SheetDescription,k as SheetFooter,j as SheetHeader,h as SheetOverlay,g as SheetPortal,l as SheetTitle,e as SheetTrigger,n as Skeleton,p as Tooltip,r as TooltipContent,o as TooltipProvider,q as TooltipTrigger,a as buttonVariants}from'./chunk-3HTFCAYW.esm.js';export{a as Input}from'./chunk-EBPUGBUT.esm.js';import'./chunk-C26U3FL4.esm.js';//# sourceMappingURL=atoms.esm.js.map
+export{ia as Accordion,la as AccordionContent,ja as AccordionItem,ka as AccordionTrigger,o as Avatar,q as AvatarFallback,p as AvatarImage,s as Badge,c as Box,ma as Breadcrumb,sa as BreadcrumbEllipsis,oa as BreadcrumbItem,pa as BreadcrumbLink,na as BreadcrumbList,qa as BreadcrumbPage,ra as BreadcrumbSeparator,_ as Collapsible,aa as CollapsibleContent,$ as CollapsibleTrigger,P as Command,Q as CommandDialog,T as CommandEmpty,U as CommandGroup,R as CommandInput,W as CommandItem,S as CommandList,V as CommandSeparator,X as CommandShortcut,b as Container,e as Dialog,h as DialogClose,j as DialogContent,n as DialogDescription,l as DialogFooter,k as DialogHeader,i as DialogOverlay,g as DialogPortal,m as DialogTitle,f as DialogTrigger,Z as MultiSelect,v as PageLoader,ba as Pagination,ca as PaginationContent,ha as PaginationEllipsis,da as PaginationItem,ea as PaginationLink,ga as PaginationNext,fa as PaginationPrevious,O as ResizableHandle,N as ResizablePanel,M as ResizablePanelGroup,Y as Select,d as Stack,E as Table,G as TableBody,L as TableCaption,K as TableCell,H as TableFooter,J as TableHead,F as TableHeader,I as TableRow,a as TextField,y as Toast,z as ToastAction,A as ToastClose,C as ToastDescription,w as ToastProvider,B as ToastTitle,x as ToastViewport,D as Toaster,u as Typography,r as badgeVariants,t as typographyVariants}from'./chunk-Q76IMLQ3.esm.js';import'./chunk-JKTYFZ5M.esm.js';export{g as Checkbox,a as Label,c as RadioGroup,d as RadioGroupItem,e as RadioItemContainer,f as RadioItemLabel,b as Switch}from'./chunk-MOYOCJW6.esm.js';export{a as Separator,b as Sheet,d as SheetClose,g as SheetContent,k as SheetDescription,i as SheetFooter,h as SheetHeader,f as SheetOverlay,e as SheetPortal,j as SheetTitle,c as SheetTrigger,l as Skeleton,n as Tooltip,p as TooltipContent,m as TooltipProvider,o as TooltipTrigger}from'./chunk-YEZB7AOJ.esm.js';export{b as Button,c as Input,a as buttonVariants}from'./chunk-JUZG25DH.esm.js';import'./chunk-C26U3FL4.esm.js';//# sourceMappingURL=atoms.esm.js.map
 //# sourceMappingURL=atoms.esm.js.map