@optiaxiom/react 0.9.0 → 0.10.0

package/dist/unstable.d.ts

@@ -4,7 +4,7 @@ import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
 import { PopperContent } from '@radix-ui/react-popper';
-import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, b as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-CmbFiQwF.js';
+import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, b as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-BgXq33Tj.js';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1, Header } from '@tanstack/react-table';
@@ -187,7 +187,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">, "p" | "asChild" | "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<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "p" | "asChild" | "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>>;
 
 type BreadcrumbPageProps = BoxProps<"span">;
 declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -244,19 +244,19 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
     key?: react.Key | null | undefined;
     asChild?: boolean | undefined;
     fontFamily?: "mono" | "sans" | undefined;
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "3xl" | "2xl" | "4xl" | "5xl" | undefined;
     size?: "sm" | "md" | "lg" | "fullscreen" | 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;
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     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" | "text" | "default" | "not-allowed" | undefined;
     empty?: "hidden" | undefined;
     hidden?: boolean | undefined | undefined;
     fontWeight?: "400" | "500" | "600" | "700" | undefined;
     objectFit?: "fill" | "none" | "contain" | "cover" | undefined;
-    overflowX?: "hidden" | "auto" | "visible" | undefined;
-    overflowY?: "hidden" | "auto" | "visible" | undefined;
-    pointerEvents?: "none" | "auto" | undefined;
+    overflowX?: "auto" | "hidden" | "visible" | undefined;
+    overflowY?: "auto" | "hidden" | "visible" | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
     textAlign?: "center" | "end" | "start" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
@@ -274,7 +274,7 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
     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;
+    overflow?: "auto" | "hidden" | "visible" | 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;
@@ -304,11 +304,11 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
         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>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
         readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -319,16 +319,16 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "nowrap" | "wrap" | undefined;
         readonly md?: "nowrap" | "wrap" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | 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>;
+    gridColumn?: ("1" | "2" | "4" | "3" | {
+        readonly base?: "1" | "2" | "4" | "3" | undefined;
+        readonly sm?: "1" | "2" | "4" | "3" | undefined;
+        readonly md?: "1" | "2" | "4" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
+    gridTemplateColumns?: ("1" | "2" | "4" | "3" | {
+        readonly base?: "1" | "2" | "4" | "3" | undefined;
+        readonly sm?: "1" | "2" | "4" | "3" | undefined;
+        readonly md?: "1" | "2" | "4" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "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;
@@ -354,16 +354,16 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
         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>;
-    h?: ("0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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, "0" | "sm" | "md" | "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?: ("0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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, "0" | "sm" | "md" | "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?: ("0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     className?: string | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -639,7 +639,7 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
 }>, "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">, "p" | "asChild" | "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>, "ref">, "maxH" | "minW"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "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">, "maxH" | "minW"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     id?: string | undefined | undefined;
@@ -660,23 +660,23 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     key?: react.Key | null | undefined;
     asChild?: boolean | undefined;
     fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "3xl" | "2xl" | "4xl" | "5xl" | undefined;
+    size?: ("0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     animation?: "ping" | "pulse" | "spin" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    size?: ("0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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, "0" | "sm" | "md" | "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>;
-    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;
+    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" | "text" | "default" | "not-allowed" | undefined;
     empty?: "hidden" | undefined;
     hidden?: boolean | undefined | undefined;
     fontWeight?: "400" | "500" | "600" | "700" | undefined;
     objectFit?: "fill" | "none" | "contain" | "cover" | undefined;
-    overflowX?: "hidden" | "auto" | "visible" | undefined;
-    overflowY?: "hidden" | "auto" | "visible" | undefined;
-    pointerEvents?: "none" | "auto" | undefined;
+    overflowX?: "auto" | "hidden" | "visible" | undefined;
+    overflowY?: "auto" | "hidden" | "visible" | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
     textAlign?: "center" | "end" | "start" | "justify" | undefined;
     textTransform?: "none" | "capitalize" | "uppercase" | undefined;
     transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
@@ -694,7 +694,7 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     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;
+    overflow?: "auto" | "hidden" | "visible" | 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;
@@ -724,11 +724,11 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
         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>;
+    flex?: ("1" | "auto" | "none" | "initial" | {
+        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
+        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
     flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
         readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -739,16 +739,16 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "nowrap" | "wrap" | undefined;
         readonly md?: "nowrap" | "wrap" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | 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>;
+    gridColumn?: ("1" | "2" | "4" | "3" | {
+        readonly base?: "1" | "2" | "4" | "3" | undefined;
+        readonly sm?: "1" | "2" | "4" | "3" | undefined;
+        readonly md?: "1" | "2" | "4" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
+    gridTemplateColumns?: ("1" | "2" | "4" | "3" | {
+        readonly base?: "1" | "2" | "4" | "3" | undefined;
+        readonly sm?: "1" | "2" | "4" | "3" | undefined;
+        readonly md?: "1" | "2" | "4" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "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;
@@ -770,16 +770,16 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
         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>;
-    h?: ("0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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, "0" | "sm" | "md" | "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?: ("0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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?: "0" | "sm" | "md" | "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, "0" | "sm" | "md" | "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?: ("0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     className?: string | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1146,7 +1146,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">, "p" | "asChild" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "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>>;
 
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -1281,7 +1281,7 @@ declare const Pill: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "asChild" | "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<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "asChild" | "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<HTMLButtonElement>>;
 
 type SelectProps<Item> = Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
     children?: ReactNode;
@@ -1352,7 +1352,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">, "p" | "asChild" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "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>>;
 
 declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1512,7 +1512,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "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" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "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" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "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.9.0",
+  "version": "0.10.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -62,7 +62,7 @@
     "downshift": "^9.0.8",
     "react-remove-scroll": "^2.6.2",
     "use-sync-external-store": "^1.4.0",
-    "@optiaxiom/globals": "^0.6.0"
+    "@optiaxiom/globals": "^0.7.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

@@ -1,24 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1ji87a3 {
-    inset: 0;
-    position: fixed;
-  }
-  .g9kf6a {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_10f9i7g)))
-      scale(calc(1 - 0.06 * var(--_10f9i7g)))
-    ;
-  }
-  ._1c88878 {
-    width: 400px;
-  }
-  ._1f0dhch {
-    width: 600px;
-  }
-  ._1o7rduu {
-    width: 800px;
-  }
-}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Cz2HvZMx.css

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

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-B_wb60Sc.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._157xutq {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  ._157xutq:empty {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cw1M_qyD.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .miagcj {
-    user-select: none;
-  }
-  ._18ophdl .miagcj {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  ._18ophdl .lzczfd:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._18ophdl ._866w6t:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._18ophdl .lpnnh3:not(:first-child) {
-    margin-left: -7px;
-  }
-  ._18ophdl ._1w598n3:not(:first-child) {
-    margin-left: -9px;
-  }
-  ._18ophdl .eb1g0p:not(:first-child) {
-    margin-left: -11px;
-  }
-  ._18ophdl ._10aiqxg:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .nt9omr {
-    --_3b8uz8: var(--ax-colors-fg-white);
-  }
-  .ul9xdj {
-    --_9xvone: var(--ax-colors-bg-error);
-    --_1lkp2a0: var(--ax-colors-bg-error-subtle);
-    --_12ufgpl: var(--ax-colors-fg-error-strong);
-  }
-  ._1wdecah {
-    --_9xvone: var(--ax-colors-bg-information);
-    --_1lkp2a0: var(--ax-colors-bg-information-subtle);
-    --_12ufgpl: var(--ax-colors-fg-information-strong);
-  }
-  ._1f9wywo {
-    --_9xvone: var(--ax-colors-bg-tertiary);
-    --_3b8uz8: var(--ax-colors-fg-default);
-    --_1lkp2a0: var(--ax-colors-bg-secondary);
-    --_12ufgpl: var(--ax-colors-fg-secondary);
-  }
-  .f4qf85 {
-    --_9xvone: var(--ax-colors-bg-accent);
-    --_1lkp2a0: var(--ax-colors-bg-accent-subtle);
-    --_12ufgpl: var(--ax-colors-fg-accent-strong);
-  }
-  .bcdgd2 {
-    --_9xvone: var(--ax-colors-bg-success);
-    --_1lkp2a0: var(--ax-colors-bg-success-subtle);
-    --_12ufgpl: var(--ax-colors-fg-success-strong);
-  }
-  ._7ct7xi {
-    --_9xvone: var(--ax-colors-bg-warning);
-    --_3b8uz8: var(--ax-colors-fg-warning-inverse);
-    --_1lkp2a0: var(--ax-colors-bg-warning-subtle);
-    --_12ufgpl: var(--ax-colors-fg-warning-strong);
-  }
-  .pi4oim {
-    background-color: var(--_1lkp2a0);
-    color: var(--_12ufgpl);
-  }
-  .hhpfmh {
-    background-color: var(--_9xvone);
-    color: var(--_3b8uz8);
-  }
-}

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

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