@jordan-mace/chaser-design-system 1.2.9 → 2.1.0

package/dist/index.d.mts

@@ -1,1834 +0,0 @@
-import { Sprinkles } from "./styles/sprinkles.css.mjs";
-import "./styles/layers.css.mjs";
-import "./styles/reset.css.mjs";
-import "./styles/theme.css.mjs";
-import * as _vanilla_extract_sprinkles0 from "@vanilla-extract/sprinkles";
-import React, { ReactNode } from "react";
-
-//#region src/components/Button/Button.d.ts
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Sprinkles & {
-  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,
-  ...props
-}: {
-  children: React.ReactNode;
-} & Sprinkles) => React.JSX.Element;
-//#endregion
-//#region src/components/List/ListItem.d.ts
-declare const ListItem: ({
-  children,
-  ...props
-}: {
-  children: React.ReactNode;
-} & Sprinkles) => React.JSX.Element;
-//#endregion
-//#region src/components/Input/Input.d.ts
-type InputProps = React.InputHTMLAttributes<HTMLInputElement> & Sprinkles & {
-  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> & Sprinkles & {
-  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> & Sprinkles & {
-  children?: React.ReactNode;
-};
-declare const Navbar: (props: NavbarProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Navbar/NavbarItem.d.ts
-type NavbarItemProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  children?: React.ReactNode;
-};
-declare const NavbarItem: (props: NavbarItemProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Card/Card.d.ts
-type CardProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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> & Sprinkles & {
-  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> & Sprinkles & {
-  children: React.ReactNode;
-};
-declare const P: (props: PProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Text/Header.d.ts
-type HeaderProps = React.HTMLAttributes<HTMLHeadingElement> & Sprinkles & {
-  variant: 'h1' | 'h2' | 'h3';
-  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';
-type ModalPropsType = React.HTMLAttributes<HTMLDialogElement> & {
-  isOpen: boolean;
-  onClose: () => void;
-  title?: string;
-  size?: ModalSize;
-  children?: React.ReactNode;
-  footer?: React.ReactNode;
-  showCloseButton?: boolean;
-};
-type ModalProps = ModalPropsType & Sprinkles;
-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';
-type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & Sprinkles & {
-  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';
-type DividerProps = React.HTMLAttributes<HTMLHRElement> & Sprinkles & {
-  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';
-type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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';
-type TooltipProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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';
-type ToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'checked' | 'onChange'> & Sprinkles & {
-  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"> & {
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  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"> & {
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  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"> & {
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  label?: string;
-  options: SelectOption[];
-  error?: boolean;
-  fullWidth?: boolean;
-} & React.RefAttributes<HTMLSelectElement>>;
-//#endregion
-//#region src/components/Tabs/Tabs.d.ts
-type TabsProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  children: React.ReactNode;
-  defaultValue?: string;
-  orientation?: 'horizontal' | 'vertical';
-  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,
-  onChange,
-  className,
-  ...props
-}: 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 = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  alt?: 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 = React.HTMLAttributes<HTMLSpanElement> & Sprinkles & {
-  children: React.ReactNode;
-  variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
-  onRemove?: () => void;
-  removable?: boolean;
-};
-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 = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  items: BreadcrumbItem[];
-  separator?: string;
-};
-declare const Breadcrumb: ({
-  items,
-  className,
-  separator
-}: BreadcrumbProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Accordion/Accordion.d.ts
-type AccordionProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  children: React.ReactNode;
-  allowMultiple?: boolean;
-};
-type AccordionItemProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  value: string;
-  title: string;
-  children: React.ReactNode;
-};
-declare const AccordionComponent: (({
-  children,
-  allowMultiple,
-  ...props
-}: AccordionProps) => React.JSX.Element) & {
-  Item: ({
-    value,
-    title,
-    children,
-    ...props
-  }: AccordionItemProps) => React.JSX.Element;
-};
-//#endregion
-//#region src/components/Progress/Progress.d.ts
-type ProgressProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  value: number;
-  max?: number;
-  label?: string;
-  showPercentage?: boolean;
-  variant?: 'default' | 'success' | 'warning' | 'error';
-};
-declare const Progress: ({
-  value,
-  max,
-  label,
-  showPercentage,
-  variant,
-  className
-}: ProgressProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Icon/Icon.d.ts
-type IconProps = React.HTMLAttributes<HTMLSpanElement> & Sprinkles & {
-  name?: string;
-  children?: React.ReactNode;
-  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/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 = React.HTMLAttributes<HTMLTableElement> & Sprinkles & {
-  children: React.ReactNode;
-  striped?: boolean;
-};
-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,
-  striped,
-  className,
-  ...props
-}: 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> & Sprinkles & {
-  label?: string;
-  fullWidth?: boolean;
-};
-declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Pagination/Pagination.d.ts
-type PaginationProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  currentPage: number;
-  totalPages: number;
-  onPageChange: (page: number) => void;
-  siblingCount?: number;
-  showFirstLast?: boolean;
-  showPrevNext?: boolean;
-};
-declare const Pagination: ({
-  currentPage,
-  totalPages,
-  onPageChange,
-  siblingCount,
-  showFirstLast,
-  showPrevNext,
-  ...props
-}: 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';
-type SkeletonProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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';
-type DrawerPropsBase = React.HTMLAttributes<HTMLDivElement> & {
-  isOpen: boolean;
-  onClose: () => void;
-  title?: string;
-  position?: DrawerPosition;
-  size?: DrawerSize;
-  children?: React.ReactNode;
-  footer?: React.ReactNode;
-  showCloseButton?: boolean;
-  closeOnOverlayClick?: boolean;
-};
-type DrawerProps = DrawerPropsBase & Sprinkles;
-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[];
-}
-type DropdownMenuProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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';
-type PopoverProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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;
-}
-type StepperProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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;
-}
-type ComboboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & Sprinkles & {
-  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';
-type NumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'min' | 'max'> & Sprinkles & {
-  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;
-}
-type FileUploadProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  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';
-type StackProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  direction?: StackDirection;
-  align?: StackAlign;
-  justify?: StackJustify;
-  gap?: 'none' | 'small' | 'medium' | 'large';
-  wrap?: boolean;
-  children?: React.ReactNode;
-};
-declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  direction?: StackDirection;
-  align?: StackAlign;
-  justify?: StackJustify;
-  gap?: "none" | "small" | "medium" | "large";
-  wrap?: boolean;
-  children?: React.ReactNode;
-} & 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';
-type GridProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  columns?: GridColumns;
-  gap?: GridGap;
-  minChildWidth?: string;
-  children?: React.ReactNode;
-};
-declare const Grid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  columns?: GridColumns;
-  gap?: GridGap;
-  minChildWidth?: string;
-  children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-//#endregion
-//#region src/components/Container/Container.d.ts
-type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type ContainerProps = Sprinkles & {
-  size?: ContainerSize;
-  centerContent?: boolean;
-  children?: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-};
-declare const Container: React.ForwardRefExoticComponent<{
-  display?: ("flex" | "none" | "block" | "inline" | {
-    mobile?: "flex" | "none" | "block" | "inline" | undefined;
-    tablet?: "flex" | "none" | "block" | "inline" | undefined;
-    desktop?: "flex" | "none" | "block" | "inline" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "flex" | "none" | "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?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderLeft?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRight?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderTop?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderBottom?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  borderRadius?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  gap?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  padding?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  border?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  paddingY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginX?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | null>;
-  marginY?: ("auto" | "medium" | "none" | "large" | "small" | {
-    mobile?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    tablet?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-    desktop?: "auto" | "medium" | "none" | "large" | "small" | undefined;
-  } | undefined) | _vanilla_extract_sprinkles0.ResponsiveArray<2 | 3 | 1, "auto" | "medium" | "none" | "large" | "small" | 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;
-} & {
-  size?: ContainerSize;
-  centerContent?: boolean;
-  children?: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-} & 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';
-type CollapseProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  isOpen: boolean;
-  children: React.ReactNode;
-  animation?: CollapseAnimation;
-  duration?: number;
-  onAnimationEnd?: () => void;
-};
-declare const Collapse: ({
-  isOpen,
-  children,
-  animation,
-  duration,
-  className,
-  onAnimationEnd
-}: CollapseProps) => React.JSX.Element | null;
-//#endregion
-//#region src/components/VisuallyHidden/VisuallyHidden.d.ts
-type VisuallyHiddenProps = Sprinkles & {
-  children: React.ReactNode;
-  as?: React.ElementType;
-};
-declare const VisuallyHidden: ({
-  children,
-  as: Component,
-  ...props
-}: VisuallyHiddenProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-//#endregion
-//#region src/components/EmptyState/EmptyState.d.ts
-type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  icon?: React.ReactNode;
-  title?: string;
-  description?: string;
-  action?: React.ReactNode;
-};
-declare const EmptyState: ({
-  icon,
-  title,
-  description,
-  action,
-  className
-}: EmptyStateProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Separator/Separator.d.ts
-type SeparatorOrientation = 'horizontal' | 'vertical';
-type SeparatorProps = React.HTMLAttributes<HTMLHRElement> & Sprinkles & {
-  orientation?: SeparatorOrientation;
-  decorative?: boolean;
-};
-declare const Separator: ({
-  orientation,
-  decorative,
-  className,
-  ...props
-}: SeparatorProps) => React.JSX.Element;
-//#endregion
-//#region src/components/ScrollArea/ScrollArea.d.ts
-type ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';
-type ScrollAreaProps = React.HTMLAttributes<HTMLDivElement> & Sprinkles & {
-  children: React.ReactNode;
-  orientation?: ScrollAreaOrientation;
-  maxHeight?: string | number;
-  maxWidth?: string | number;
-};
-declare const ScrollArea: ({
-  children,
-  orientation,
-  maxHeight,
-  maxWidth,
-  className,
-  ...props
-}: ScrollAreaProps) => React.JSX.Element;
-//#endregion
-//#region src/components/Kbd/Kbd.d.ts
-type KbdProps = React.HTMLAttributes<HTMLElement> & Sprinkles & {
-  children: React.ReactNode;
-};
-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 };