@jordan-mace/chaser-design-system 1.2.1 → 1.2.3

package/dist/index.d.cts

@@ -0,0 +1,1111 @@
+import React, { ReactNode } from "react";
+import * as _vanilla_extract_sprinkles0 from "@vanilla-extract/sprinkles";
+
+//#region src/components/Button/Button.d.ts
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant: 'primary' | 'secondary';
+  children?: React.ReactNode;
+  label?: string;
+  fullWidth?: boolean;
+};
+declare const Button: ({
+  label,
+  ...props
+}: ButtonProps) => React.JSX.Element;
+//#endregion
+//#region src/components/List/List.d.ts
+declare const List: ({
+  children
+}: {
+  children: React.ReactNode;
+}) => React.JSX.Element;
+//#endregion
+//#region src/components/List/ListItem.d.ts
+declare const ListItem: ({
+  children
+}: {
+  children: React.ReactNode;
+}) => React.JSX.Element;
+//#endregion
+//#region src/components/Input/Input.d.ts
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  label?: string;
+  fullWidth?: boolean;
+};
+declare const Input: (props: InputProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Form/Form.d.ts
+type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Form: (props: FormProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Form/FormInput.d.ts
+type FormInputProps = React.InputHTMLAttributes<HTMLInputElement> & InputProps;
+declare const FormInput: (props: FormInputProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Navbar/Navbar.d.ts
+type NavbarProps = React.HTMLAttributes<HTMLElement> & {
+  children?: React.ReactNode;
+};
+declare const Navbar: (props: NavbarProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Navbar/NavbarItem.d.ts
+type NavbarItemProps = React.HTMLAttributes<HTMLDivElement> & {
+  children?: React.ReactNode;
+};
+declare const NavbarItem: (props: NavbarItemProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Card/Card.d.ts
+type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+  variant?: 'elevated' | 'outlined' | 'filled';
+  children?: React.ReactNode;
+  padding?: 'none' | 'small' | 'medium' | 'large';
+};
+declare const Card: ({
+  variant,
+  padding,
+  ...props
+}: CardProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Alert/Alert.d.ts
+type AlertProps = React.HTMLAttributes<HTMLDivElement> & {
+  severity?: 'success' | 'warning' | 'error' | 'info';
+  dismissible?: boolean;
+  onDismiss?: () => void;
+  children?: React.ReactNode;
+};
+declare const Alert: ({
+  severity,
+  dismissible,
+  onDismiss,
+  children,
+  ...props
+}: AlertProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Text/P.d.ts
+type PProps = React.HTMLAttributes<HTMLParagraphElement> & {
+  children: React.ReactNode;
+  className?: string;
+};
+declare const P: (props: PProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Text/Header.d.ts
+type HeaderProps = {
+  variant: 'h1' | 'h2' | 'h3';
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Header: ({
+  variant,
+  children,
+  className
+}: HeaderProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Modal/Modal.d.ts
+type ModalSize = 'small' | 'medium' | 'large' | 'full';
+interface ModalProps extends React.HTMLAttributes<HTMLDialogElement> {
+  isOpen: boolean;
+  onClose: () => void;
+  title?: string;
+  size?: ModalSize;
+  children?: React.ReactNode;
+  footer?: React.ReactNode;
+  showCloseButton?: boolean;
+}
+declare const Modal: ({
+  isOpen,
+  onClose,
+  title,
+  size,
+  children,
+  footer,
+  showCloseButton,
+  ...props
+}: ModalProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Badge/Badge.d.ts
+type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+type BadgeSize = 'small' | 'medium' | 'large';
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+  variant?: BadgeVariant;
+  size?: BadgeSize;
+  dot?: boolean;
+  children?: React.ReactNode;
+}
+declare const Badge: ({
+  variant,
+  size,
+  dot,
+  children,
+  ...props
+}: BadgeProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Divider/Divider.d.ts
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerSize = 'small' | 'medium' | 'large';
+interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+  orientation?: DividerOrientation;
+  size?: DividerSize;
+}
+declare const Divider: ({
+  orientation,
+  size,
+  ...props
+}: DividerProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Spinner/Spinner.d.ts
+type SpinnerColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+type SpinnerSize = 'small' | 'medium' | 'large';
+interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+  color?: SpinnerColor;
+  size?: SpinnerSize;
+  role?: string;
+}
+declare const Spinner: ({
+  color,
+  size,
+  role,
+  ...props
+}: SpinnerProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Tooltip/Tooltip.d.ts
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+  content: string;
+  position?: TooltipPosition;
+  showArrow?: boolean;
+  children: React.ReactNode;
+}
+declare const Tooltip: ({
+  content,
+  position,
+  showArrow,
+  children,
+  ...props
+}: TooltipProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Toggle/Toggle.d.ts
+type ToggleSize = 'small' | 'medium' | 'large';
+interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'checked' | 'onChange'> {
+  checked?: boolean;
+  onChange?: (checked: boolean) => void;
+  size?: ToggleSize;
+  label?: string;
+}
+declare const Toggle: ({
+  checked,
+  onChange,
+  size,
+  label,
+  disabled,
+  id,
+  ...props
+}: ToggleProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Checkbox/Checkbox.d.ts
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+  label?: string;
+  indeterminate?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/Radio/Radio.d.ts
+type RadioGroupProps = {
+  children: React.ReactNode;
+  name: string;
+  value?: string;
+  onChange?: (value: string) => void;
+  layout?: 'vertical' | 'horizontal';
+  className?: string;
+};
+declare const RadioComponent: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
+  label?: string;
+  value: string;
+} & React.RefAttributes<HTMLInputElement>> & {
+  Group: ({
+    children,
+    name,
+    value,
+    onChange,
+    layout,
+    className
+  }: RadioGroupProps) => React.JSX.Element;
+};
+//#endregion
+//#region src/components/Select/Select.d.ts
+type SelectOption = {
+  value: string;
+  label: string;
+  disabled?: boolean;
+};
+declare const Select: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
+  label?: string;
+  options: SelectOption[];
+  error?: boolean;
+  fullWidth?: boolean;
+} & React.RefAttributes<HTMLSelectElement>>;
+//#endregion
+//#region src/components/Tabs/Tabs.d.ts
+type TabsProps = {
+  children: React.ReactNode;
+  defaultValue?: string;
+  orientation?: 'horizontal' | 'vertical';
+  className?: string;
+  onChange?: (value: string) => void;
+};
+type TabListProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+type TabProps = {
+  value: string;
+  children: React.ReactNode;
+  disabled?: boolean;
+  className?: string;
+};
+type TabPanelProps = {
+  value: string;
+  children: React.ReactNode;
+  className?: string;
+};
+declare const TabsComponent: (({
+  children,
+  defaultValue,
+  orientation,
+  className,
+  onChange
+}: TabsProps) => React.JSX.Element) & {
+  List: ({
+    children,
+    className
+  }: TabListProps) => React.JSX.Element;
+  Tab: ({
+    value,
+    children,
+    disabled,
+    className
+  }: TabProps) => React.JSX.Element;
+  Panel: ({
+    value,
+    children,
+    className
+  }: TabPanelProps) => React.JSX.Element | null;
+};
+//#endregion
+//#region src/components/Avatar/Avatar.d.ts
+type AvatarProps = {
+  alt?: string;
+  className?: string;
+  src?: string;
+  size?: 'small' | 'medium' | 'large' | 'xlarge';
+  children?: React.ReactNode;
+  fallback?: string;
+};
+declare const Avatar: ({
+  alt,
+  className,
+  src,
+  size,
+  children,
+  fallback
+}: AvatarProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Tag/Tag.d.ts
+type TagProps = {
+  children: React.ReactNode;
+  variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+  onRemove?: () => void;
+  removable?: boolean;
+  className?: string;
+};
+type TagGroupProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+declare const TagComponent: (({
+  children,
+  variant,
+  onRemove,
+  removable,
+  className
+}: TagProps) => React.JSX.Element) & {
+  Group: ({
+    children,
+    className
+  }: TagGroupProps) => React.JSX.Element;
+};
+//#endregion
+//#region src/components/Breadcrumb/Breadcrumb.d.ts
+type BreadcrumbItem = {
+  label: string;
+  href?: string;
+  current?: boolean;
+};
+type BreadcrumbProps = {
+  items: BreadcrumbItem[];
+  className?: string;
+  separator?: string;
+};
+declare const Breadcrumb: ({
+  items,
+  className,
+  separator
+}: BreadcrumbProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Accordion/Accordion.d.ts
+type AccordionProps = {
+  children: React.ReactNode;
+  allowMultiple?: boolean;
+  className?: string;
+};
+type AccordionItemProps = {
+  value: string;
+  title: string;
+  children: React.ReactNode;
+  className?: string;
+};
+declare const AccordionComponent: (({
+  children,
+  allowMultiple,
+  className
+}: AccordionProps) => React.JSX.Element) & {
+  Item: ({
+    value,
+    title,
+    children,
+    className
+  }: AccordionItemProps) => React.JSX.Element;
+};
+//#endregion
+//#region src/components/Progress/Progress.d.ts
+type ProgressProps = {
+  value: number;
+  max?: number;
+  label?: string;
+  showPercentage?: boolean;
+  variant?: 'default' | 'success' | 'warning' | 'error';
+  className?: string;
+};
+declare const Progress: ({
+  value,
+  max,
+  label,
+  showPercentage,
+  variant,
+  className
+}: ProgressProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Icon/Icon.d.ts
+type IconProps = {
+  name?: string;
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+};
+declare const IconComponent: {
+  ({
+    name,
+    children,
+    className,
+    color
+  }: IconProps): React.JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Toast/Toast.d.ts
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+type ToastOptions = {
+  duration?: number;
+  closable?: boolean;
+  position?: ToastPosition;
+  onClose?: () => void;
+};
+type ToastContextType = {
+  addToast: (message: string, variant?: ToastVariant, options?: ToastOptions) => string;
+  removeToast: (id: string) => void;
+  handleDismissAll: () => void;
+  handleResumeAll: () => void;
+};
+type ToastProviderProps = {
+  children: ReactNode;
+  position?: ToastPosition;
+  maxVisible?: number;
+  stacking?: 'stack' | 'replace';
+};
+declare const ToastProvider: ({
+  children,
+  position,
+  maxVisible,
+  stacking
+}: ToastProviderProps) => React.JSX.Element;
+declare const useToast: () => ToastContextType;
+type ToastComponentProps = {
+  message: string;
+  variant?: ToastVariant;
+  options?: ToastOptions;
+  className?: string;
+};
+declare const Toast: {
+  ({
+    message,
+    variant,
+    options,
+    className
+  }: ToastComponentProps): null;
+  displayName: string;
+};
+//#endregion
+//#region src/styles/sprinkles.css.d.ts
+declare const sprinkles: ((props: {
+  display?: ("none" | "flex" | "block" | "inline" | {
+    mobile?: "none" | "flex" | "block" | "inline" | undefined;
+    tablet?: "none" | "flex" | "block" | "inline" | undefined;
+    desktop?: "none" | "flex" | "block" | "inline" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "flex" | "block" | "inline" | null>;
+  width?: ("auto" | "100%" | "50%" | "25%" | {
+    mobile?: "auto" | "100%" | "50%" | "25%" | undefined;
+    tablet?: "auto" | "100%" | "50%" | "25%" | undefined;
+    desktop?: "auto" | "100%" | "50%" | "25%" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "100%" | "50%" | "25%" | null>;
+  height?: ("auto" | "100%" | "50%" | "25%" | {
+    mobile?: "auto" | "100%" | "50%" | "25%" | undefined;
+    tablet?: "auto" | "100%" | "50%" | "25%" | undefined;
+    desktop?: "auto" | "100%" | "50%" | "25%" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "100%" | "50%" | "25%" | null>;
+  flexDirection?: ("column" | "row" | {
+    mobile?: "column" | "row" | undefined;
+    tablet?: "column" | "row" | undefined;
+    desktop?: "column" | "row" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "column" | "row" | null>;
+  justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | {
+    mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
+  alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | {
+    mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null>;
+  paddingTop?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  paddingBottom?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  paddingLeft?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  paddingRight?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginLeft?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginRight?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginTop?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginBottom?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  borderLeft?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  borderRight?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  borderTop?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  borderBottom?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  borderRadius?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  gap?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  padding?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  border?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  paddingX?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  paddingY?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginX?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  marginY?: ("none" | "small" | "medium" | "large" | "auto" | {
+    mobile?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    tablet?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+    desktop?: "none" | "small" | "medium" | "large" | "auto" | undefined;
+  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "none" | "small" | "medium" | "large" | "auto" | null>;
+  placeItems?: _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | {
+    mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+  } | undefined);
+} & {
+  color?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | {
+    lightMode?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | undefined;
+    darkMode?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | undefined;
+  } | undefined;
+  background?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | {
+    lightMode?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | undefined;
+    darkMode?: "c1-50" | "c1-100" | "c1-150" | "c1-200" | "c1-250" | "c1-300" | "c1-350" | "c1-400" | "c1-450" | "c1-500" | "c1-550" | "c1-600" | "c1-650" | "c1-700" | "c1-750" | "c1-800" | "c1-850" | "c1-900" | "c2-50" | "c2-100" | "c2-150" | "c2-200" | "c2-250" | "c2-300" | "c2-350" | "c2-400" | "c2-450" | "c2-500" | "c2-550" | "c2-600" | "c2-650" | "c2-700" | "c2-750" | "c2-800" | "c2-850" | "c2-900" | "c3-50" | "c3-100" | "c3-150" | "c3-200" | "c3-250" | "c3-300" | "c3-350" | "c3-400" | "c3-450" | "c3-500" | "c3-550" | "c3-600" | "c3-650" | "c3-700" | "c3-750" | "c3-800" | "c3-850" | "c3-900" | "c4-50" | "c4-100" | "c4-150" | "c4-200" | "c4-250" | "c4-300" | "c4-350" | "c4-400" | "c4-450" | "c4-500" | "c4-550" | "c4-600" | "c4-650" | "c4-700" | "c4-750" | "c4-800" | "c4-850" | "c4-900" | "c5-50" | "c5-100" | "c5-150" | "c5-200" | "c5-250" | "c5-300" | "c5-350" | "c5-400" | "c5-450" | "c5-500" | "c5-550" | "c5-600" | "c5-650" | "c5-700" | "c5-750" | "c5-800" | "c5-850" | "c5-900" | undefined;
+  } | undefined;
+}) => string) & {
+  properties: Set<"color" | "padding" | "height" | "width" | "alignItems" | "display" | "flexDirection" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "background" | "border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "placeItems" | "paddingX" | "paddingY" | "marginX" | "marginY">;
+};
+type Sprinkles = Parameters<typeof sprinkles>[0];
+//#endregion
+//#region src/components/Box/Box.d.ts
+type BoxProps = Sprinkles & {
+  as?: React.ElementType;
+  children?: React.ReactNode;
+  className?: string;
+  [key: string]: unknown;
+};
+declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/Table/Table.d.ts
+type TableProps = {
+  children: React.ReactNode;
+  className?: string;
+  striped?: boolean;
+  containerClassName?: string;
+};
+type TheadProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+type TbodyProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+type TfootProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+type TrProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+type ThProps = {
+  children?: React.ReactNode;
+  className?: string;
+};
+type TdProps = {
+  children?: React.ReactNode;
+  className?: string;
+  colSpan?: number;
+  rowSpan?: number;
+};
+declare const Table: (({
+  children,
+  className,
+  striped,
+  containerClassName
+}: TableProps) => React.JSX.Element) & {
+  Thead: ({
+    children,
+    className
+  }: TheadProps) => React.JSX.Element;
+  Tbody: ({
+    children,
+    className
+  }: TbodyProps) => React.JSX.Element;
+  Tfoot: ({
+    children,
+    className
+  }: TfootProps) => React.JSX.Element;
+  Tr: ({
+    children,
+    className
+  }: TrProps) => React.JSX.Element;
+  Th: ({
+    children,
+    className
+  }: ThProps) => React.JSX.Element;
+  Td: ({
+    children,
+    className,
+    colSpan,
+    rowSpan
+  }: TdProps) => React.JSX.Element;
+};
+//#endregion
+//#region src/components/TextArea/TextArea.d.ts
+type TextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+  label?: string;
+  fullWidth?: boolean;
+};
+declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Pagination/Pagination.d.ts
+type PaginationProps = {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+  siblingCount?: number;
+  showFirstLast?: boolean;
+  showPrevNext?: boolean;
+};
+declare const Pagination: ({
+  currentPage,
+  totalPages,
+  onPageChange,
+  siblingCount,
+  showFirstLast,
+  showPrevNext
+}: PaginationProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Skeleton/Skeleton.d.ts
+type SkeletonVariant = 'text' | 'circle' | 'rectangle';
+type SkeletonSize = 'small' | 'medium' | 'large';
+type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+  variant?: SkeletonVariant;
+  size?: SkeletonSize;
+  animation?: SkeletonAnimation;
+  width?: string | number;
+  height?: string | number;
+  count?: number;
+}
+declare const Skeleton: ({
+  variant,
+  size,
+  animation,
+  width,
+  height,
+  count,
+  className,
+  ...props
+}: SkeletonProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Drawer/Drawer.d.ts
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+type DrawerSize = 'small' | 'medium' | 'large' | 'full';
+interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+  isOpen: boolean;
+  onClose: () => void;
+  title?: string;
+  position?: DrawerPosition;
+  size?: DrawerSize;
+  children?: React.ReactNode;
+  footer?: React.ReactNode;
+  showCloseButton?: boolean;
+  closeOnOverlayClick?: boolean;
+}
+declare const Drawer: ({
+  isOpen,
+  onClose,
+  title,
+  position,
+  size,
+  children,
+  footer,
+  showCloseButton,
+  closeOnOverlayClick,
+  className,
+  ...props
+}: DrawerProps) => React.JSX.Element | null;
+//#endregion
+//#region src/components/DropdownMenu/DropdownMenu.d.ts
+type DropdownMenuPosition = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+type DropdownMenuItemVariant = 'default' | 'destructive' | 'disabled';
+interface DropdownMenuItemProps {
+  label: string;
+  onClick?: () => void;
+  variant?: DropdownMenuItemVariant;
+  icon?: React.ReactNode;
+  disabled?: boolean;
+}
+interface DropdownMenuGroupProps {
+  label?: string;
+  items: DropdownMenuItemProps[];
+}
+interface DropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+  trigger: React.ReactNode;
+  items?: DropdownMenuItemProps[];
+  groups?: DropdownMenuGroupProps[];
+  position?: DropdownMenuPosition;
+  closeOnItemClick?: boolean;
+}
+declare const DropdownMenu: ({
+  trigger,
+  items,
+  groups,
+  position,
+  closeOnItemClick,
+  className,
+  ...props
+}: DropdownMenuProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Popover/Popover.d.ts
+type PopoverPosition = 'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+type PopoverTriggerType = 'click' | 'hover';
+interface PopoverProps extends React.HTMLAttributes<HTMLDivElement> {
+  trigger: React.ReactNode;
+  children: React.ReactNode;
+  position?: PopoverPosition;
+  title?: string;
+  footer?: React.ReactNode;
+  showArrow?: boolean;
+  triggerType?: PopoverTriggerType;
+  closeOnClickOutside?: boolean;
+  closeOnEscape?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (isOpen: boolean) => void;
+}
+declare const Popover: ({
+  trigger,
+  children,
+  position,
+  title,
+  footer,
+  showArrow,
+  triggerType,
+  closeOnClickOutside,
+  closeOnEscape,
+  defaultOpen,
+  onOpenChange,
+  className,
+  ...props
+}: PopoverProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Stepper/Stepper.d.ts
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepStatus = 'pending' | 'current' | 'completed';
+interface Step {
+  title: string;
+  description?: string;
+  status?: StepStatus;
+}
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+  steps: Step[];
+  currentStep?: number;
+  orientation?: StepperOrientation;
+  showConnectors?: boolean;
+  onStepClick?: (stepIndex: number) => void;
+  clickable?: boolean;
+}
+declare const Stepper: ({
+  steps,
+  currentStep,
+  orientation,
+  showConnectors,
+  onStepClick,
+  clickable,
+  className,
+  ...props
+}: StepperProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Combobox/Combobox.d.ts
+interface ComboboxOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}
+interface ComboboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+  label?: string;
+  options: ComboboxOption[];
+  value?: string;
+  onChange?: (value: string, option: ComboboxOption | null) => void;
+  onInputChange?: (inputValue: string) => void;
+  placeholder?: string;
+  hint?: string;
+  error?: boolean;
+  errorMessage?: string;
+  fullWidth?: boolean;
+  clearable?: boolean;
+  disabled?: boolean;
+  filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
+}
+declare const Combobox: ({
+  label,
+  options,
+  value,
+  onChange,
+  onInputChange,
+  placeholder,
+  hint,
+  error,
+  errorMessage,
+  fullWidth,
+  clearable,
+  disabled,
+  filterFn,
+  className,
+  ...props
+}: ComboboxProps) => React.JSX.Element;
+//#endregion
+//#region src/components/NumberInput/NumberInput.d.ts
+type NumberInputPosition = 'right' | 'left';
+interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'min' | 'max'> {
+  label?: string;
+  value?: number | '';
+  onChange?: (value: number | '') => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  stepperPosition?: NumberInputPosition;
+  placeholder?: string;
+  hint?: string;
+  error?: boolean;
+  errorMessage?: string;
+  fullWidth?: boolean;
+  disabled?: boolean;
+  allowEmpty?: boolean;
+}
+declare const NumberInput: ({
+  label,
+  value,
+  onChange,
+  min,
+  max,
+  step,
+  stepperPosition,
+  placeholder,
+  hint,
+  error,
+  errorMessage,
+  fullWidth,
+  disabled,
+  allowEmpty,
+  className,
+  ...props
+}: NumberInputProps) => React.JSX.Element;
+//#endregion
+//#region src/components/FileUpload/FileUpload.d.ts
+interface FileUploadFile {
+  id: string;
+  file: File;
+  name: string;
+  size: number;
+  progress: number;
+  status: 'uploading' | 'success' | 'error';
+  errorMessage?: string;
+}
+interface FileUploadProps extends React.HTMLAttributes<HTMLDivElement> {
+  label?: string;
+  files?: FileUploadFile[];
+  onFilesChange?: (files: FileUploadFile[]) => void;
+  onFileAdd?: (files: File[]) => void;
+  onFileRemove?: (fileId: string) => void;
+  accept?: string;
+  multiple?: boolean;
+  maxFileSize?: number;
+  maxFiles?: number;
+  disabled?: boolean;
+  dropzoneText?: string;
+  hint?: string;
+  showProgress?: boolean;
+}
+declare const FileUpload: ({
+  label,
+  files,
+  onFilesChange,
+  onFileAdd,
+  onFileRemove,
+  accept,
+  multiple,
+  maxFileSize,
+  maxFiles,
+  disabled,
+  dropzoneText,
+  hint,
+  showProgress,
+  className,
+  ...props
+}: FileUploadProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Stack/Stack.d.ts
+type StackDirection = 'row' | 'column';
+type StackAlign = 'start' | 'center' | 'end' | 'stretch';
+type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+interface StackProps {
+  direction?: StackDirection;
+  align?: StackAlign;
+  justify?: StackJustify;
+  gap?: 'none' | 'small' | 'medium' | 'large';
+  wrap?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/Grid/Grid.d.ts
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 12;
+type GridGap = 'none' | 'small' | 'medium' | 'large';
+interface GridProps {
+  columns?: GridColumns;
+  gap?: GridGap;
+  minChildWidth?: string;
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/Container/Container.d.ts
+type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ContainerProps {
+  size?: ContainerSize;
+  centerContent?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/AspectRatio/AspectRatio.d.ts
+type AspectRatioValue = '1/1' | '4/3' | '16/9' | '21/9' | number;
+interface AspectRatioProps extends BoxProps {
+  ratio?: AspectRatioValue;
+  children?: React.ReactNode;
+}
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+//#region src/components/Collapse/Collapse.d.ts
+type CollapseAnimation = 'height' | 'opacity' | 'both';
+interface CollapseProps {
+  isOpen: boolean;
+  children: React.ReactNode;
+  animation?: CollapseAnimation;
+  duration?: number;
+  className?: string;
+  onAnimationEnd?: () => void;
+}
+declare const Collapse: ({
+  isOpen,
+  children,
+  animation,
+  duration,
+  className,
+  onAnimationEnd
+}: CollapseProps) => React.JSX.Element | null;
+//#endregion
+//#region src/components/VisuallyHidden/VisuallyHidden.d.ts
+interface VisuallyHiddenProps {
+  children: React.ReactNode;
+  as?: React.ElementType;
+  className?: string;
+}
+declare const VisuallyHidden: ({
+  children,
+  as: Component,
+  className,
+  ...props
+}: VisuallyHiddenProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/EmptyState/EmptyState.d.ts
+interface EmptyStateProps {
+  icon?: React.ReactNode;
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  className?: string;
+}
+declare const EmptyState: ({
+  icon,
+  title,
+  description,
+  action,
+  className
+}: EmptyStateProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Separator/Separator.d.ts
+type SeparatorOrientation = 'horizontal' | 'vertical';
+interface SeparatorProps {
+  orientation?: SeparatorOrientation;
+  decorative?: boolean;
+  className?: string;
+}
+declare const Separator: ({
+  orientation,
+  decorative,
+  className,
+  ...props
+}: SeparatorProps) => React.JSX.Element;
+//#endregion
+//#region src/components/ScrollArea/ScrollArea.d.ts
+type ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';
+interface ScrollAreaProps {
+  children: React.ReactNode;
+  orientation?: ScrollAreaOrientation;
+  maxHeight?: string | number;
+  maxWidth?: string | number;
+  className?: string;
+}
+declare const ScrollArea: ({
+  children,
+  orientation,
+  maxHeight,
+  maxWidth,
+  className,
+  ...props
+}: ScrollAreaProps) => React.JSX.Element;
+//#endregion
+//#region src/components/Kbd/Kbd.d.ts
+interface KbdProps {
+  children: React.ReactNode;
+  className?: string;
+}
+declare const Kbd: ({
+  children,
+  className,
+  ...props
+}: KbdProps) => React.JSX.Element;
+//#endregion
+export { AccordionComponent as Accordion, Alert, AspectRatio, type AspectRatioProps, type AspectRatioValue, Avatar, Badge, Box, type BoxProps, Breadcrumb, Button, Card, Checkbox, Collapse, type CollapseAnimation, type CollapseProps, Combobox, type ComboboxOption, type ComboboxProps, Container, type ContainerProps, type ContainerSize, Divider, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, DropdownMenu, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuItemVariant, type DropdownMenuPosition, type DropdownMenuProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadFile, type FileUploadProps, Form, FormInput, Grid, type GridColumns, type GridGap, type GridProps, Header, IconComponent as Icon, Input, Kbd, type KbdProps, List, ListItem, Modal, Navbar, NavbarItem, NumberInput, type NumberInputPosition, type NumberInputProps, P, Pagination, type PaginationProps, Popover, type PopoverPosition, type PopoverProps, type PopoverTriggerType, Progress, RadioComponent as Radio, ScrollArea, type ScrollAreaOrientation, type ScrollAreaProps, Select, Separator, type SeparatorOrientation, type SeparatorProps, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonSize, type SkeletonVariant, Spinner, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, type Step, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Table, TabsComponent as Tabs, TagComponent as Tag, TextArea, type TextAreaProps, Toast, ToastProvider, Toggle, Tooltip, VisuallyHidden, type VisuallyHiddenProps, useToast };