@optiaxiom/react 3.4.2 → 3.5.0

package/dist/index-DRYcWmu2.d.ts

@@ -0,0 +1,3330 @@
+//#region ../../node_modules/.pnpm/@vanilla-extract+sprinkles@1.7.0_patch_hash=530004842e1937cf2ffe2728e2a18629c5dd638aa44_89efa4a89cb381fe770c0ddce96f08b4/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;
+}
+type ResponsiveArrayByMaxLength<MaxLength extends number, Value> = [never, ResponsiveArray<1, Value | null>, ResponsiveArray<1 | 2, Value | null>, ResponsiveArray<1 | 2 | 3, Value | null>, ResponsiveArray<1 | 2 | 3 | 4, Value | null>, ResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>, ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>, ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>, ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>][MaxLength];
+type Conditions<ConditionName extends string> = {
+  conditions: {
+    defaultCondition: ConditionName | false;
+    conditionNames: Array<ConditionName>;
+    responsiveArray?: Array<ConditionName>;
+  };
+};
+type ExtractDefaultCondition<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['defaultCondition'];
+type ExtractConditionNames<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['conditionNames'][number];
+type ConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = (ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value) | Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>> | (SprinklesProperties['conditions']['responsiveArray'] extends {
+  length: number;
+} ? ResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
+//#endregion
+//#region src/sprinkles/sprinkles.d.ts
+declare const vars: {
+  fontFamilyVar: `var(--${string})`;
+};
+declare const sprinklesClassName: ((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.message.neutral" | "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;
+  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;
+  fontWeight?: "400" | "500" | "600" | "700" | "900" | "inherit" | undefined;
+  objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
+  overflowX?: "auto" | "hidden" | "visible" | undefined;
+  overflowY?: "auto" | "hidden" | "visible" | undefined;
+  pointerEvents?: "auto" | "none" | 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.message.neutral" | "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;
+  overflow?: "auto" | "hidden" | "visible" | undefined;
+  shadow?: "lg" | "md" | "none" | "sm" | "xl" | undefined;
+  z?: "0" | "10" | "20" | "30" | "auto" | "popover" | "toast" | "tooltip" | undefined;
+} & {
+  m?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mx?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  my?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mb?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  ml?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mr?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mt?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  p?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  px?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  py?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pb?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pl?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pr?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pt?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  marginBottom?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginLeft?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginRight?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginTop?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  paddingBottom?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingLeft?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingRight?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingTop?: 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" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+} & {
+  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);
+  borderRadius?: ResponsiveArray<1 | 2 | 3, "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | null> | ("full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | 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);
+  fontSize?: ResponsiveArray<1 | 2 | 3, "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | null> | ("2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | 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);
+  minWidth?: ResponsiveArray<1 | 2 | 3, "0" | "auto" | null> | ("0" | "auto" | {
+    readonly base?: {};
+    readonly md?: "0" | "auto" | undefined;
+    readonly sm?: "0" | "auto" | undefined;
+  } | undefined);
+  placeItems?: ResponsiveArray<1 | 2 | 3, "center" | null> | ("center" | {
+    readonly base?: {};
+    readonly md?: "center" | undefined;
+    readonly sm?: "center" | undefined;
+  } | undefined);
+  textAlign?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "justify" | "start" | null> | ("center" | "end" | "justify" | "start" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "justify" | "start" | undefined;
+    readonly sm?: "center" | "end" | "justify" | "start" | 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);
+  minW?: ResponsiveArray<1 | 2 | 3, "0" | "auto" | null> | ("0" | "auto" | {
+    readonly base?: {};
+    readonly md?: "0" | "auto" | undefined;
+    readonly sm?: "0" | "auto" | undefined;
+  } | undefined);
+  rounded?: ResponsiveArray<1 | 2 | 3, "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | null> | ("full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "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<"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" | "minW" | "minWidth" | "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">;
+};
+/**
+ * Breakpoint values of padding and margin need the inline vars in `style`
+ * alongside the classes.
+ */
+declare const sprinkles: ((props: Parameters<typeof sprinklesClassName>[0]) => {
+  className: string;
+  style?: Record<string, string> | undefined;
+}) & {
+  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" | "minW" | "minWidth" | "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">;
+};
+declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<{
+  conditions: {
+    defaultCondition: "base";
+    conditionNames: ("base" | "md" | "sm")[];
+    responsiveArray: ("base" | "md" | "sm")[] & {
+      length: 3;
+    };
+  };
+  styles: {
+    alignItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    alignSelf: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    borderRadius: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inherit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    display: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        block: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        flex: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        grid: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inline: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "inline-block": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "inline-flex": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        table: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "table-cell": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "table-row": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flex: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        initial: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flexDirection: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        column: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "column-reverse": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        row: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "row-reverse": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flexWrap: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        nowrap: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        wrap: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    fontSize: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        "2xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "4xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inherit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gap: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        6: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        8: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridAutoRows: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        fr: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridColumn: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        3: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridTemplateColumns: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        3: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    height: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/2": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        224: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2xs": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        384: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        56: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        fit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        max: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        min: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    justifyContent: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "flex-end": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "flex-start": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-around": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-between": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-evenly": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    justifyItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    maxHeight: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    maxWidth: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    minWidth: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    placeItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    textAlign: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        justify: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    width: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/2": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        224: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2xs": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        384: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        56: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        fit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        max: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        min: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+  };
+} & {
+  styles: {
+    maxH: {
+      mappings: "maxHeight"[];
+    };
+    maxW: {
+      mappings: "maxWidth"[];
+    };
+    minW: {
+      mappings: "minWidth"[];
+    };
+    rounded: {
+      mappings: "borderRadius"[];
+    };
+    size: {
+      mappings: ("height" | "width")[];
+    };
+    h: {
+      mappings: "height"[];
+    };
+    w: {
+      mappings: "width"[];
+    };
+  };
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends ResponsiveArray<1, string | number | boolean | null> | ResponsiveArray<1 | 2, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3 | 4, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3 | 4 | 5, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, string | number | boolean | null> | ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "base" | "md" | "sm") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"base" | "md" | "sm", OutputValue>>;
+declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: ConditionalValue<{
+  conditions: {
+    defaultCondition: "base";
+    conditionNames: ("base" | "md" | "sm")[];
+    responsiveArray: ("base" | "md" | "sm")[] & {
+      length: 3;
+    };
+  };
+  styles: {
+    alignItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    alignSelf: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    borderRadius: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inherit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    display: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        block: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        flex: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        grid: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inline: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "inline-block": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "inline-flex": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        table: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "table-cell": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "table-row": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flex: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        initial: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        none: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flexDirection: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        column: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "column-reverse": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        row: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "row-reverse": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    flexWrap: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        nowrap: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        wrap: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    fontSize: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        "2xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "4xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        inherit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gap: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        6: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        8: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridAutoRows: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        fr: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridColumn: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        3: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    gridTemplateColumns: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        1: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        2: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        3: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        4: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    height: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/2": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        224: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2xs": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        384: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        56: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        fit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        max: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        min: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    justifyContent: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "flex-end": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "flex-start": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-around": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-between": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "space-evenly": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    justifyItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        normal: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        stretch: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    maxHeight: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    maxWidth: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    minWidth: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    placeItems: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    textAlign: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        center: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        end: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        justify: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        start: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+    width: {
+      responsiveArray: ("base" | "md" | "sm")[] & {
+        length: 3;
+      };
+      values: {
+        0: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/2": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "1/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        10: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        12: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        16: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2/3": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        20: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        224: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        24: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "2xs": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3/4": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        32: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        384: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        "3xl": {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        40: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        48: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        56: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        64: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        80: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        auto: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        fit: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        full: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        lg: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        max: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        md: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        min: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        sm: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xl: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+        xs: {
+          defaultClass: string;
+          conditions: {
+            readonly base: string;
+            readonly md: string;
+            readonly sm: string;
+          };
+        };
+      };
+    };
+  };
+} & {
+  styles: {
+    maxH: {
+      mappings: "maxHeight"[];
+    };
+    maxW: {
+      mappings: "maxWidth"[];
+    };
+    minW: {
+      mappings: "minWidth"[];
+    };
+    rounded: {
+      mappings: "borderRadius"[];
+    };
+    size: {
+      mappings: ("height" | "width")[];
+    };
+    h: {
+      mappings: "height"[];
+    };
+    w: {
+      mappings: "width"[];
+    };
+  };
+}, Value>) => Partial<Record<"base" | "md" | "sm", Value>>;
+type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
+//#endregion
+//#region src/sprinkles/sprinklesMerge.d.ts
+declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
+//#endregion
+export { normalizeResponsiveValue as a, ResponsiveArray as c, mapResponsiveValue as i, LonghandProps as n, sprinkles as o, Sprinkles as r, vars as s, sprinklesMerge as t };