@optiaxiom/react 0.13.10 → 1.0.0

package/dist/unstable.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, a as ExtendProps, D as DialogContent, M as MenuListbox, d as PopoverContent, b as ResponsiveArray, P as Popover } from './PopoverContent-AOER-KlS.js';
+import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, a as ExtendProps, D as DialogContent, M as MenuListbox, d as PopoverContent, b as ResponsiveArray, P as Popover } from './PopoverContent-UBdlXY5n.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
@@ -43,7 +43,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<S
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "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<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "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<HTMLAnchorElement>>;
 
 type BreadcrumbPageProps = BoxProps<"span">;
 declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -342,7 +342,7 @@ declare const ComboboxScrollArea: react.ForwardRefExoticComponent<{
 }>, never> & Omit<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"> & 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"> & 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 ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -356,7 +356,7 @@ declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & 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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & 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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<{
     hasCustomAnchor?: boolean;
@@ -548,11 +548,10 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     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;
-    hidden?: boolean | undefined | undefined;
     fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "none" | "contain" | "cover" | "fill" | undefined;
+    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
     overflowX?: "auto" | "hidden" | "visible" | undefined;
+    hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     pointerEvents?: "auto" | "none" | undefined;
     textAlign?: "center" | "end" | "start" | "justify" | undefined;
@@ -587,11 +586,11 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
         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>;
-    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;
@@ -627,11 +626,11 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "2" | "4" | "1" | "3" | undefined;
         readonly md?: "2" | "4" | "1" | "3" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | 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;
@@ -1030,11 +1029,10 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     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;
-    hidden?: boolean | undefined | undefined;
     fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "none" | "contain" | "cover" | "fill" | undefined;
+    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
     overflowX?: "auto" | "hidden" | "visible" | undefined;
+    hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
     pointerEvents?: "auto" | "none" | undefined;
     textAlign?: "center" | "end" | "start" | "justify" | undefined;
@@ -1069,11 +1067,11 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
         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>;
-    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;
@@ -1109,11 +1107,11 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "2" | "4" | "1" | "3" | undefined;
         readonly md?: "2" | "4" | "1" | "3" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | 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;
@@ -1588,7 +1586,7 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNull
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & 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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & 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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectTrigger: react.ForwardRefExoticComponent<{
     placeholder?: string;
@@ -1743,7 +1741,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.13.10",
+  "version": "1.0.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -65,7 +65,7 @@
     "react-day-picker": "^9.5.1",
     "react-remove-scroll": "^2.6.3",
     "use-sync-external-store": "^1.4.0",
-    "@optiaxiom/globals": "^0.7.5"
+    "@optiaxiom/globals": "^1.0.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

package/dist/cjs/assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-
-}

package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-CdhZDcJj.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._12i68cc {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C4R7ow8g.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1c7efok {
-    opacity: 0;
-  }
-  ._10vo1b5 {
-    inset: 0;
-    position: fixed;
-  }
-  ._18qqquf {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1a4n1ho)))
-      scale(calc(1 - 0.06 * var(--_1a4n1ho)))
-    ;
-  }
-  .i6j582 {
-    width: 400px;
-  }
-  ._1bnv76j {
-    width: 600px;
-  }
-  .b3kiy7 {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-4vF4mC5e.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._113m09m {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-CUH2ymZo.css

@@ -1,46 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1ek9inj {
-    --p9rslm: var(--ax-colors-fg-white);
-  }
-  ._1m6dhjd {
-    --_1ym6n8q: var(--ax-colors-bg-error);
-    --_10ff8fh: var(--ax-colors-bg-error-subtle);
-    --pdvtl5: var(--ax-colors-fg-error-strong);
-  }
-  .zwmaqh {
-    --_1ym6n8q: var(--ax-colors-bg-information);
-    --_10ff8fh: var(--ax-colors-bg-information-subtle);
-    --pdvtl5: var(--ax-colors-fg-information-strong);
-  }
-  ._1uq4epj {
-    --_1ym6n8q: var(--ax-colors-bg-tertiary);
-    --p9rslm: var(--ax-colors-fg-default);
-    --_10ff8fh: var(--ax-colors-bg-secondary);
-    --pdvtl5: var(--ax-colors-fg-secondary);
-  }
-  .mnuqjk {
-    --_1ym6n8q: var(--ax-colors-bg-accent);
-    --_10ff8fh: var(--ax-colors-bg-accent-subtle);
-    --pdvtl5: var(--ax-colors-fg-accent-strong);
-  }
-  .was9gj {
-    --_1ym6n8q: var(--ax-colors-bg-success);
-    --_10ff8fh: var(--ax-colors-bg-success-subtle);
-    --pdvtl5: var(--ax-colors-fg-success-strong);
-  }
-  ._10fflgk {
-    --_1ym6n8q: var(--ax-colors-bg-warning);
-    --p9rslm: var(--ax-colors-fg-warning-inverse);
-    --_10ff8fh: var(--ax-colors-bg-warning-subtle);
-    --pdvtl5: var(--ax-colors-fg-warning-strong);
-  }
-  ._15haus6 {
-    background-color: var(--_1ym6n8q);
-    color: var(--p9rslm);
-  }
-  ._18t27rv {
-    background-color: var(--_10ff8fh);
-    color: var(--pdvtl5);
-  }
-}

package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-DZJOuN7_.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .sj8wwn {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DOKuvEBs.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._9u2vh0:not(:first-child)::before {
-    content: "/";
-    color: var(--ax-colors-fg-tertiary);
-    margin-right: 8px;
-  }
-}

package/dist/cjs/assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css

@@ -1,147 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._12tsosl {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_1bvzyt9);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._12tsosl:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: 10;
-  }
-  .fk8jro[data-orientation="horizontal"] > ._12tsosl:not(:first-child):not(:last-child),.fk8jro[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._12tsosl {
-    border-inline-width: 0.5px;
-  }
-  .fk8jro[data-orientation="horizontal"] > ._12tsosl:not(:only-child):first-child,.fk8jro[data-orientation="horizontal"] > :not(:only-child):first-child ._12tsosl {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .fk8jro[data-orientation="horizontal"] > ._12tsosl:not(:only-child):last-child,.fk8jro[data-orientation="horizontal"] > :not(:only-child):last-child ._12tsosl {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .fk8jro[data-orientation="vertical"] > ._12tsosl:not(:first-child):not(:last-child),.fk8jro[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._12tsosl {
-    border-block-width: 0.5px;
-  }
-  .fk8jro[data-orientation="vertical"] > ._12tsosl:not(:only-child):first-child,.fk8jro[data-orientation="vertical"] > :not(:only-child):first-child ._12tsosl {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .fk8jro[data-orientation="vertical"] > ._12tsosl:not(:only-child):last-child,.fk8jro[data-orientation="vertical"] > :not(:only-child):last-child ._12tsosl {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .fk8jro[data-orientation] > ._12tsosl:not(:first-child):not(:last-child),.fk8jro[data-orientation] > :not(:first-child):not(:last-child) ._12tsosl {
-    border-radius: 0;
-  }
-  ._89hksi {
-    --yaunb6: var(--ax-colors-bg-error);
-    --ibplr2: var(--ax-colors-bg-error-hovered);
-    --_1t86ksx: var(--ax-colors-bg-error-pressed);
-    --_6r4iia: var(--ax-colors-bg-error-subtlest);
-    --d1mo55: var(--ax-colors-bg-error-subtle);
-  }
-  ._2cn9r9 {
-    --yaunb6: var(--ax-colors-bg-default-inverse);
-    --ibplr2: var(--ax-colors-bg-default-inverse-hovered);
-    --_1t86ksx: var(--ax-colors-bg-default-inverse-pressed);
-    --_1cjepv8: var(--ax-colors-fg-default-inverse);
-    --_6r4iia: var(--ax-colors-bg-page);
-    --_162cyxd: var(--ax-colors-border-default);
-    --_1sy6cmz: var(--ax-colors-border-default);
-    --d1mo55: var(--ax-colors-bg-secondary);
-    --_18cu59v: var(--ax-colors-fg-default);
-    --yiyile: var(--ax-colors-bg-default-hovered);
-    --_1c9mhvd: var(--ax-colors-bg-default-pressed);
-  }
-  ._1w6jnrj {
-    --yaunb6: var(--ax-colors-bg-accent);
-    --ibplr2: var(--ax-colors-bg-accent-hovered);
-    --_1t86ksx: var(--ax-colors-bg-accent-pressed);
-    --_6r4iia: var(--ax-colors-bg-accent-subtle);
-    --d1mo55: var(--ax-colors-bg-accent-light);
-  }
-  ._1rr98c8 {
-    min-width: fit-content;
-  }
-  ._1pq627a {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1sy6cmz, var(--yaunb6));
-    color: var(--_18cu59v, var(--yaunb6));
-    padding-inline: calc(var(--_1bvzyt9) - 1px);
-  }
-  ._1pq627a:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--d1mo55);
-    border-color: var(--_162cyxd, var(--ibplr2));
-  }
-  ._1pq627a:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-fg-accent);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1pq627a[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._2d3x0w {
-    background-color: var(--yaunb6);
-    color: var(--_1cjepv8, var(--ax-colors-fg-white));
-  }
-  ._2d3x0w:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1t86ksx);
-  }
-  ._2d3x0w[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1bvzyt9) - 1px);
-  }
-  .td9g15 {
-    background-color: transparent;
-    border-color: var(--yaunb6);
-    color: var(--_18cu59v, var(--yaunb6));
-  }
-  .td9g15:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1c9mhvd, var(--d1mo55));
-  }
-  .td9g15:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .td9g15[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._19dzvu3 {
-    --_1bvzyt9: 4px;
-  }
-  ._1z0vjxo {
-    --_1bvzyt9: 8px;
-  }
-  .h8x65w {
-    --_1bvzyt9: 12px;
-  }
-  .dctdoq {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._1pq627a:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_6r4iia);
-      border-color: var(--_162cyxd, var(--ibplr2));
-    }
-    ._2d3x0w:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--ibplr2);
-    }
-    .td9g15:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--yiyile, var(--_6r4iia));
-    }
-  }
-}

package/dist/cjs/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cb-UCbi0.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .d5hntg {
-    opacity: 1;
-  }
-  ._1a3kvhv[data-loading] .d5hntg {
-    opacity: 0;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-Bvz5Q-kg.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1yqm9pb {
-    position: relative;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarNav.css.ts.vanilla-B86qYOMI.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .jsqo78 {
-    position: absolute;
-  }
-}

package/dist/cjs/assets/src/card/Card.css.ts.vanilla-C8sGDIQG.css

@@ -1,11 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1agae3c {
-    --_116fzjn: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-  ._1agae3c:has(.l464dg[data-overlay]:not([data-disabled]):active) {
-    transform: scale(0.97);
-  }
-}

package/dist/cjs/assets/src/card-actions/CardActions.css.ts.vanilla-Btb-kwiL.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._831rnv ._1inxagk {
-    inset: 0;
-    padding: 16px;
-    position: absolute;
-  }
-}

package/dist/cjs/assets/src/card-image/CardImage.css.ts.vanilla-pD5z7eC7.css

@@ -1,12 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1vpquji {
-    object-fit: cover;
-  }
-  ._13zvnd {
-    aspect-ratio: 1;
-  }
-  ._6xpc3d {
-    aspect-ratio: 2;
-  }
-}

package/dist/cjs/assets/src/code/Code.css.ts.vanilla-DttFGstW.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .nl3gz3 {
-    font-size: 0.9em;
-    font-variant-ligatures: none;
-  }
-  .nl3gz3::after, .nl3gz3::before {
-    content: "`";
-  }
-}

package/dist/cjs/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DyKx4j0m.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1spe7rc[data-highlighted][data-focus-visible] {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-}

package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom {
-  ._1gtil99 {
-    position: static;
-  }
-  ._1gtil99:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1xvw01d {
-  .noztlz {
-    --c3of8n: solid;
-  }
-  .noztlz::before {
-    content: "";
-    border-radius: var(--_116fzjn, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  .noztlz:focus-visible::before {
-    outline: 2px var(--c3of8n) var(--ax-colors-border-focus);
-    outline-offset: var(--hqz6jo);
-  }
-  ._2mh9zy {
-    --hqz6jo: 1px;
-  }
-  ._112xvjo {
-    --hqz6jo: -2px;
-  }
-  ._112xvjo:is(a) {
-    --c3of8n: auto;
-  }
-}

package/dist/cjs/assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-C3aITHZQ.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._10gr4a6 {
-    max-height: 304px;
-  }
-}

package/dist/cjs/assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Bk6BLBoH.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._10t2ac6 {
-    max-height: 304px;
-  }
-}

package/dist/cjs/assets/src/dialog-body/DialogBody.css.ts.vanilla-CqPADtv9.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  ._1woyf7z {
-    scrollbar-gutter: stable;
-  }
-}

package/dist/cjs/assets/src/dialog-header/DialogHeader.css.ts.vanilla-D8QM8ZC9.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .yncx54 {
-    order: 3;
-  }
-  .kd4mjd {
-    order: 1;
-  }
-  .thwj99 {
-    order: 2;
-  }
-  ._1qpmfwq {
-    order: 4;
-  }
-}

package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla-CwU-Uq9J.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1xvw01d;
-@layer optiaxiom._1xvw01d {
-  .ug42nu {
-    background-color: transparent;
-    color: inherit;
-  }
-}