@optiaxiom/react 0.13.10 → 1.0.0

package/dist/{PopoverContent-AOER-KlS.d.ts → PopoverContent-UBdlXY5n.d.ts}

@@ -36,6 +36,9 @@ type ConditionalValue<SprinklesProperties extends Conditions<string>, Value exte
     length: number;
 } ? ResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
 
+declare const vars: {
+    fontFamilyVar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
 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;
@@ -48,7 +51,6 @@ declare const sprinkles: ((props: {
     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" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
     fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
@@ -56,7 +58,7 @@ declare const sprinkles: ((props: {
     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;
+    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
     overflowX?: "auto" | "hidden" | "visible" | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
@@ -94,11 +96,11 @@ declare const sprinkles: ((props: {
     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>;
+    alignItems?: ("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>;
     alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
         readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
         readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
@@ -144,11 +146,11 @@ declare const sprinkles: ((props: {
         readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
         readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/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>;
+    justifyContent?: ("center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
     justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
         readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
         readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
@@ -200,7 +202,7 @@ declare const sprinkles: ((props: {
         readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
 }) => string) & {
-    properties: Set<"p" | "borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "size" | "zIndex" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "animation" | "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">;
+    properties: Set<"p" | "borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "size" | "zIndex" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "animation" | "backgroundColor" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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: {
@@ -248,30 +250,6 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
                         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: {
@@ -1014,7 +992,7 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
                         readonly md: string;
                     };
                 };
-                "space-around": {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         readonly base: string;
@@ -1022,7 +1000,7 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
                         readonly md: string;
                     };
                 };
-                "space-between": {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         readonly base: string;
@@ -1030,7 +1008,7 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
                         readonly md: string;
                     };
                 };
-                "space-evenly": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         readonly base: string;
@@ -1038,7 +1016,23 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
                         readonly md: string;
                     };
                 };
-                stretch: {
+                "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;
@@ -1478,7 +1472,7 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
             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 | 5 | 8 | 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>>;
+}, 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 | 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: "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">;
 
@@ -1519,7 +1513,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, 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" | "fontSize" | "size" | "animation" | "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<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<{
@@ -1557,7 +1551,7 @@ declare const MenuListbox: react.ForwardRefExoticComponent<{
 }>, "maxH"> & 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" | "fontSize" | "size" | "animation" | "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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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;
@@ -1611,4 +1605,4 @@ type PopoverContentProps = ExcludeProps<BoxProps<typeof RadixPopover.Content, Pi
 }>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
 declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
 
-export { type BoxProps as B, Checkbox as C, DialogContent as D, type ExcludeProps as E, Link as L, MenuListbox as M, Popover as P, type RecipeVariants as R, type Sprinkles as S, Transition as T, type ExtendProps as a, type ResponsiveArray as b, Box as c, PopoverContent as d, mapResponsiveValue as m, sprinkles as s };
+export { type BoxProps as B, Checkbox as C, DialogContent as D, type ExcludeProps as E, Link as L, MenuListbox as M, Popover as P, type RecipeVariants as R, type Sprinkles as S, Transition as T, type ExtendProps as a, type ResponsiveArray as b, Box as c, PopoverContent as d, mapResponsiveValue as m, sprinkles as s, vars as v };