@optiaxiom/react 3.0.0 → 3.0.1

package/dist/css-runtime.d.ts

@@ -1,240 +1,223 @@
-import { CSSProperties } from 'react';
-export { theme, tokens } from '@optiaxiom/globals';
+import { CSSProperties } from "react";
+import { theme, tokens } from "@optiaxiom/globals";
 
+//#region \0rolldown/runtime.js
+declare namespace layers_css_d_exports {
+  export { axiom, base$1 as base, components, reset, theme$1 as theme };
+}
 declare const axiom = "optiaxiom";
-declare const theme = "optiaxiom.theme";
-declare const base = "optiaxiom.base";
+declare const theme$1 = "optiaxiom.theme";
+declare const base$1 = "optiaxiom.base";
 declare const reset: string;
 declare const components: string;
-
-declare const layers_css_axiom: typeof axiom;
-declare const layers_css_base: typeof base;
-declare const layers_css_components: typeof components;
-declare const layers_css_reset: typeof reset;
-declare const layers_css_theme: typeof theme;
-declare namespace layers_css {
-  export {
-    layers_css_axiom as axiom,
-    layers_css_base as base,
-    layers_css_components as components,
-    layers_css_reset as reset,
-    layers_css_theme as theme,
-  };
-}
-
+//#endregion
+//#region src/utils/ExtendProps.d.ts
 type ExtendProps<T1, T2> = NonNullable<T2> & Omit<NonNullable<T1>, keyof NonNullable<T1> & keyof NonNullable<T2>>;
-
+//#endregion
+//#region ../../node_modules/.pnpm/@vanilla-extract+sprinkles@1.6.5_patch_hash=530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/dist/vanilla-extract-sprinkles.cjs.d.ts
 interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
-    0: Value;
-    length: Length;
+  0: Value;
+  length: Length;
 }
-
+//#endregion
+//#region src/sprinkles/sprinkles.d.ts
 declare const sprinkles: ((props: {
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    backgroundImage?: "gradient.opal" | undefined;
-    borderBottomWidth?: "0" | "1" | "2" | undefined;
-    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
-    borderLeftWidth?: "0" | "1" | "2" | undefined;
-    borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
-    borderRightWidth?: "0" | "1" | "2" | undefined;
-    borderTopWidth?: "0" | "1" | "2" | undefined;
-    boxShadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "text" | undefined;
-    fontFamily?: "heading" | "mono" | "sans" | undefined;
-    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | "900" | undefined;
-    marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    marginTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
-    overflowX?: "auto" | "hidden" | "visible" | undefined;
-    overflowY?: "auto" | "hidden" | "visible" | undefined;
-    paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    paddingLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    paddingRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    paddingTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
-    whiteSpace?: "nowrap" | undefined;
-    zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
-    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "1" | "2" | undefined;
-    borderB?: "0" | "1" | "2" | undefined;
-    borderL?: "0" | "1" | "2" | undefined;
-    borderR?: "0" | "1" | "2" | undefined;
-    borderT?: "0" | "1" | "2" | undefined;
-    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    overflow?: "auto" | "hidden" | "visible" | undefined;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "xl" | "none" | undefined;
-    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+  animation?: "ping" | "pulse" | "spin" | undefined;
+  backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "current" | "transparent" | undefined;
+  backgroundImage?: "gradient.opal" | undefined;
+  borderBottomWidth?: "0" | "1" | "2" | undefined;
+  borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent" | undefined;
+  borderLeftWidth?: "0" | "1" | "2" | undefined;
+  borderRadius?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+  borderRightWidth?: "0" | "1" | "2" | undefined;
+  borderTopWidth?: "0" | "1" | "2" | undefined;
+  boxShadow?: "lg" | "md" | "none" | "sm" | "xl" | undefined;
+  color?: "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | undefined;
+  cursor?: "default" | "pointer" | "text" | undefined;
+  fontFamily?: "heading" | "mono" | "sans" | undefined;
+  fontSize?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+  fontWeight?: "400" | "500" | "600" | "700" | "900" | "inherit" | undefined;
+  marginBottom?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  marginLeft?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  marginRight?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  marginTop?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
+  overflowX?: "auto" | "hidden" | "visible" | undefined;
+  overflowY?: "auto" | "hidden" | "visible" | undefined;
+  paddingBottom?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  paddingLeft?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  paddingRight?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  paddingTop?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  pointerEvents?: "auto" | "none" | undefined;
+  textAlign?: "center" | "end" | "justify" | "start" | undefined;
+  textTransform?: "capitalize" | "none" | "uppercase" | undefined;
+  transition?: "all" | "colors" | "none" | "opacity" | "transform" | undefined;
+  whiteSpace?: "nowrap" | undefined;
+  zIndex?: "0" | "10" | "20" | "30" | "auto" | "popover" | "toast" | "tooltip" | undefined;
+  bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "current" | "transparent" | undefined;
+  border?: "0" | "1" | "2" | undefined;
+  borderB?: "0" | "1" | "2" | undefined;
+  borderL?: "0" | "1" | "2" | undefined;
+  borderR?: "0" | "1" | "2" | undefined;
+  borderT?: "0" | "1" | "2" | undefined;
+  m?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  mx?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  my?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  mb?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  ml?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  mr?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  mt?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  overflow?: "auto" | "hidden" | "visible" | undefined;
+  p?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  px?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  py?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  pb?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  pl?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  pr?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  pt?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  rounded?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+  shadow?: "lg" | "md" | "none" | "sm" | "xl" | undefined;
+  z?: "0" | "10" | "20" | "30" | "auto" | "popover" | "toast" | "tooltip" | undefined;
 } & {
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
-        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
-    flex?: ("1" | "auto" | "none" | "initial" | {
-        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
-    flexWrap?: ("nowrap" | "wrap" | {
-        readonly base?: "nowrap" | "wrap" | undefined;
-        readonly sm?: "nowrap" | "wrap" | undefined;
-        readonly md?: "nowrap" | "wrap" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    gridAutoRows?: ("fr" | {
-        readonly base?: "fr" | undefined;
-        readonly sm?: "fr" | undefined;
-        readonly md?: "fr" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "fr" | null>;
-    gridColumn?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    height?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    maxHeight?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    maxWidth?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    placeItems?: ("center" | {
-        readonly base?: "center" | undefined;
-        readonly sm?: "center" | undefined;
-        readonly md?: "center" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    width?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    maxH?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+  alignItems?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "normal" | "start" | "stretch" | null> | ("center" | "end" | "normal" | "start" | "stretch" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+    readonly sm?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+  } | undefined);
+  alignSelf?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "normal" | "start" | "stretch" | null> | ("center" | "end" | "normal" | "start" | "stretch" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+    readonly sm?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+  } | undefined);
+  display?: ResponsiveArray<1 | 2 | 3, "block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | null> | ("block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | {
+    readonly base?: {};
+    readonly md?: "block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | undefined;
+    readonly sm?: "block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | undefined;
+  } | undefined);
+  flex?: ResponsiveArray<1 | 2 | 3, "1" | "auto" | "initial" | "none" | null> | ("1" | "auto" | "initial" | "none" | {
+    readonly base?: {};
+    readonly md?: "1" | "auto" | "initial" | "none" | undefined;
+    readonly sm?: "1" | "auto" | "initial" | "none" | undefined;
+  } | undefined);
+  flexDirection?: ResponsiveArray<1 | 2 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null> | ("column" | "column-reverse" | "row" | "row-reverse" | {
+    readonly base?: {};
+    readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+  } | undefined);
+  flexWrap?: ResponsiveArray<1 | 2 | 3, "nowrap" | "wrap" | null> | ("nowrap" | "wrap" | {
+    readonly base?: {};
+    readonly md?: "nowrap" | "wrap" | undefined;
+    readonly sm?: "nowrap" | "wrap" | undefined;
+  } | undefined);
+  gap?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    readonly base?: {};
+    readonly md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    readonly sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  gridAutoRows?: ResponsiveArray<1 | 2 | 3, "fr" | null> | ("fr" | {
+    readonly base?: {};
+    readonly md?: "fr" | undefined;
+    readonly sm?: "fr" | undefined;
+  } | undefined);
+  gridColumn?: ResponsiveArray<1 | 2 | 3, "1" | "2" | "3" | "4" | null> | ("1" | "2" | "3" | "4" | {
+    readonly base?: {};
+    readonly md?: "1" | "2" | "3" | "4" | undefined;
+    readonly sm?: "1" | "2" | "3" | "4" | undefined;
+  } | undefined);
+  gridTemplateColumns?: ResponsiveArray<1 | 2 | 3, "1" | "2" | "3" | "4" | null> | ("1" | "2" | "3" | "4" | {
+    readonly base?: {};
+    readonly md?: "1" | "2" | "3" | "4" | undefined;
+    readonly sm?: "1" | "2" | "3" | "4" | undefined;
+  } | undefined);
+  height?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
+  justifyContent?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "flex-end" | "flex-start" | "normal" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | null> | ("center" | "end" | "flex-end" | "flex-start" | "normal" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "flex-end" | "flex-start" | "normal" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
+    readonly sm?: "center" | "end" | "flex-end" | "flex-start" | "normal" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
+  } | undefined);
+  justifyItems?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "normal" | "start" | "stretch" | null> | ("center" | "end" | "normal" | "start" | "stretch" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+    readonly sm?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
+  } | undefined);
+  maxHeight?: ResponsiveArray<1 | 2 | 3, "full" | "lg" | "md" | "sm" | "xs" | null> | ("full" | "lg" | "md" | "sm" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+    readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+  } | undefined);
+  maxWidth?: ResponsiveArray<1 | 2 | 3, "full" | "lg" | "md" | "sm" | "xs" | null> | ("full" | "lg" | "md" | "sm" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+    readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+  } | undefined);
+  placeItems?: ResponsiveArray<1 | 2 | 3, "center" | null> | ("center" | {
+    readonly base?: {};
+    readonly md?: "center" | undefined;
+    readonly sm?: "center" | undefined;
+  } | undefined);
+  width?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
+  maxH?: ResponsiveArray<1 | 2 | 3, "full" | "lg" | "md" | "sm" | "xs" | null> | ("full" | "lg" | "md" | "sm" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+    readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+  } | undefined);
+  maxW?: ResponsiveArray<1 | 2 | 3, "full" | "lg" | "md" | "sm" | "xs" | null> | ("full" | "lg" | "md" | "sm" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+    readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
+  } | undefined);
+  size?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
+  h?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
+  w?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
 }) => string) & {
-    properties: Set<"borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontFamily" | "fontSize" | "size" | "backgroundColor" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+  properties: Set<"alignItems" | "alignSelf" | "animation" | "backgroundColor" | "backgroundImage" | "bg" | "border" | "borderB" | "borderBottomWidth" | "borderColor" | "borderL" | "borderLeftWidth" | "borderR" | "borderRadius" | "borderRightWidth" | "borderT" | "borderTopWidth" | "boxShadow" | "color" | "cursor" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "height" | "justifyContent" | "justifyItems" | "m" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxH" | "maxHeight" | "maxW" | "maxWidth" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "textAlign" | "textTransform" | "transition" | "w" | "whiteSpace" | "width" | "z" | "zIndex">;
 };
 type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
 type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
-
+//#endregion
+//#region src/vanilla-extract/recipeRuntime.d.ts
 type CompoundVariant<Variants extends VariantGroups> = {
-    style: RecipeStyleRule;
-    variants: VariantSelectionArray<Variants>;
+  style: RecipeStyleRule;
+  variants: VariantSelectionArray<Variants>;
 };
 type RecipeStyleRule = Array<SprinklesRule | string> | SprinklesRule | string;
-type Resolve<T> = [T[keyof T]] extends [never] ? Record<string, never> : NonNullable<unknown> & {
-    [Key in keyof T]: T[Key];
-};
+type Resolve<T> = [T[keyof T]] extends [never] ? Record<string, never> : NonNullable<unknown> & { [Key in keyof T]: T[Key] };
 type SprinklesRule = ExtendProps<Partial<Record<"selectors" | "vars" | keyof CSSProperties, never>>, Sprinkles>;
 type StringToBoolean<T> = T extends "false" | "true" ? boolean : T;
-type VariantDefinition<Variants extends VariantGroups> = {
-    [K in keyof Variants]: {
-        [T in keyof Variants[K]]: RecipeStyleRule;
-    };
-};
+type VariantDefinition<Variants extends VariantGroups> = { [K in keyof Variants]: { [T in keyof Variants[K]]: RecipeStyleRule } };
 type VariantGroups = Record<string, Record<string, unknown>>;
-type VariantSelection<Variants extends VariantGroups> = [
-    Variants[keyof Variants]
-] extends [never] ? Record<string, never> : {
-    [VariantGroup in keyof Variants]?: StringToBoolean<keyof Variants[VariantGroup]>;
-};
-type VariantSelectionArray<Variants extends VariantGroups> = [
-    Variants[keyof Variants]
-] extends [never] ? Record<string, never> : {
-    [VariantGroup in keyof Variants]?: Array<StringToBoolean<keyof Variants[VariantGroup]>> | StringToBoolean<keyof Variants[VariantGroup]>;
-};
-declare const recipeRuntime: <Variants extends VariantGroups = Record<string, never>>({ base, variants, variantsCompounded, }: {
-    base?: RecipeStyleRule;
-    variants?: VariantDefinition<Variants>;
-    variantsCompounded?: Array<CompoundVariant<NoInfer<Variants>>>;
+type VariantSelection<Variants extends VariantGroups> = [Variants[keyof Variants]] extends [never] ? Record<string, never> : { [VariantGroup in keyof Variants]?: StringToBoolean<keyof Variants[VariantGroup]> };
+type VariantSelectionArray<Variants extends VariantGroups> = [Variants[keyof Variants]] extends [never] ? Record<string, never> : { [VariantGroup in keyof Variants]?: Array<StringToBoolean<keyof Variants[VariantGroup]>> | StringToBoolean<keyof Variants[VariantGroup]> };
+declare const recipeRuntime: <Variants extends VariantGroups = Record<string, never>>({
+  base,
+  variants,
+  variantsCompounded
+}: {
+  base?: RecipeStyleRule;
+  variants?: VariantDefinition<Variants>;
+  variantsCompounded?: Array<CompoundVariant<NoInfer<Variants>>>;
 }) => (props?: Resolve<VariantSelection<Variants>>, className?: string) => {
-    className: string;
+  className: string;
 };
-
-export { layers_css as layers, recipeRuntime as recipe };
+//#endregion
+export { layers_css_d_exports as layers, recipeRuntime as recipe, theme, tokens };