npm - @optiaxiom/react - Versions diffs - 0.7.7 → 0.8.0 - Mend

@optiaxiom/react 0.7.7 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/dist/PopoverContent-DWNFnl2l.d.ts ADDED Viewed

@@ -0,0 +1,1554 @@
+import * as react from 'react';
+import { ElementType, ComponentPropsWithoutRef, ReactElement } from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixPopover from '@radix-ui/react-popover';
+type ExtendProps<T1, T2> = NonNullable<T2> & Omit<NonNullable<T1>, keyof NonNullable<T1> & keyof NonNullable<T2>>;
+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);
+declare const sprinkles: ((props: {
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    borderBottomWidth?: "0" | "1" | "2" | undefined;
+    borderColor?: "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
+    borderLeftWidth?: "0" | "1" | "2" | undefined;
+    borderRadius?: "sm" | "md" | "xs" | "lg" | "full" | "inherit" | "none" | undefined;
+    borderRightWidth?: "0" | "1" | "2" | undefined;
+    borderTopWidth?: "0" | "1" | "2" | undefined;
+    boxShadow?: "sm" | "md" | "lg" | "none" | undefined;
+    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
+    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
+    empty?: "hidden" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    fontWeight?: "400" | "500" | "600" | "700" | undefined;
+    marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    objectFit?: "none" | "contain" | "cover" | "fill" | undefined;
+    overflowX?: "hidden" | "auto" | "visible" | undefined;
+    overflowY?: "hidden" | "auto" | "visible" | undefined;
+    paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pointerEvents?: "none" | "auto" | undefined;
+    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
+    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
+    whiteSpace?: "nowrap" | undefined;
+    zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    border?: "0" | "1" | "2" | undefined;
+    borderB?: "0" | "1" | "2" | undefined;
+    borderL?: "0" | "1" | "2" | undefined;
+    borderR?: "0" | "1" | "2" | undefined;
+    borderT?: "0" | "1" | "2" | undefined;
+    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    overflow?: "hidden" | "auto" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    rounded?: "sm" | "md" | "xs" | "lg" | "full" | "inherit" | "none" | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+} & {
+    alignItems?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
+        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "none" | "auto" | "initial" | {
+        readonly base?: "1" | "none" | "auto" | "initial" | undefined;
+        readonly sm?: "1" | "none" | "auto" | "initial" | undefined;
+        readonly md?: "1" | "none" | "auto" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "none" | "auto" | "initial" | null>;
+    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
+    flexWrap?: ("nowrap" | "wrap" | {
+        readonly base?: "nowrap" | "wrap" | undefined;
+        readonly sm?: "nowrap" | "wrap" | undefined;
+        readonly md?: "nowrap" | "wrap" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
+    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
+        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
+    gridColumn?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
+        readonly base?: "1" | "2" | "3" | "4" | undefined;
+        readonly sm?: "1" | "2" | "3" | "4" | undefined;
+        readonly md?: "1" | "2" | "3" | "4" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
+    height?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    justifyContent?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    maxHeight?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxWidth?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    placeItems?: ("center" | {
+        readonly base?: "center" | undefined;
+        readonly sm?: "center" | undefined;
+        readonly md?: "center" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
+    width?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    size?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    h?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+}) => string) & {
+    properties: Set<"p" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "fontFamily" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontSize" | "size" | "backgroundColor" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+};
+declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<{
+    conditions: {
+        defaultCondition: "base";
+        conditionNames: ("sm" | "md" | "base")[];
+        responsiveArray: ("sm" | "md" | "base")[] & {
+            length: 3;
+        };
+    };
+    styles: {
+        alignItems: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                end: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                start: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                normal: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-around": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-between": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-evenly": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                stretch: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        alignSelf: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                end: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                start: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                normal: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                stretch: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        display: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                table: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                flex: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                grid: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                block: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                inline: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "inline-block": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "inline-flex": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "table-cell": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "table-row": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        flex: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                1: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                initial: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        flexDirection: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                column: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "column-reverse": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                row: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "row-reverse": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        flexWrap: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                nowrap: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                wrap: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        gap: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                0: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                2: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                4: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                6: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                8: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                10: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                12: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                16: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                20: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                24: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                32: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                40: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                48: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                64: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                80: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        gridColumn: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                1: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                2: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                3: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                4: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        gridTemplateColumns: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                1: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                2: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                3: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                4: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        height: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                sm: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                md: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                0: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xs: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                lg: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                full: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xl: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "3xl": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                10: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                12: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                16: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                20: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                24: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                32: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                40: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                48: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                64: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                80: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2xs": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                56: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                224: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                384: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/2": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/3": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2/3": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "3/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                fit: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                max: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                min: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        justifyContent: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                end: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                start: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                normal: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-around": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-between": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "space-evenly": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                stretch: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        justifyItems: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                end: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                start: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                normal: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                stretch: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        maxHeight: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                sm: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                md: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xs: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                lg: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                full: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        maxWidth: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                sm: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                md: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xs: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                lg: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                full: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        placeItems: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+        width: {
+            responsiveArray: ("sm" | "md" | "base")[] & {
+                length: 3;
+            };
+            values: {
+                sm: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                md: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                0: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xs: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                lg: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                full: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                xl: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "3xl": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                10: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                12: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                16: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                20: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                24: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                32: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                40: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                48: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                64: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                80: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2xs": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                56: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                224: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                384: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/2": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/3": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2/3": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "1/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "2/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                "3/4": {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                fit: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                max: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+                min: {
+                    defaultClass: string;
+                    conditions: {
+                        readonly base: string;
+                        readonly sm: string;
+                        readonly md: string;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        maxH: {
+            mappings: "maxHeight"[];
+        };
+        maxW: {
+            mappings: "maxWidth"[];
+        };
+        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<2 | 1, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4 | 5, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3 | 4 | 8 | 5 | 6 | 7, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "base", OutputValue>>;
+type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
+type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}, P>>;
+declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+declare const Transition: react.ForwardRefExoticComponent<{
+    duration?: "sm" | "md" | "lg" | undefined;
+    type?: "pop" | "fade" | undefined;
+} & {
+    children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    skipAnimations?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: react.ForwardRefExoticComponent<{
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+} & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuListbox: react.ForwardRefExoticComponent<{
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+declare const Link: react.ForwardRefExoticComponent<{
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} & {
+    disabled?: boolean;
+    external?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+declare const PopoverContent: react.ForwardRefExoticComponent<{
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+    withArrow?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+export { type BoxProps as B, DialogContent as D, type ExtendProps as E, Link as L, MenuListbox as M, PopoverContent as P, type ResponsiveArray as R, type Sprinkles as S, Transition as T, Box as a, mapResponsiveValue as m, sprinkles as s };