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

package/dist/index.d.mts

@@ -0,0 +1,1834 @@
+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 };