@optiaxiom/react 1.9.30 → 1.9.32

package/dist/esm/packages/react/src/toast/ToastTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
-import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-BckXwLcu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
+import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-DOiUSOhm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'luwo0l']});
+var title = recipeRuntime({base:[{flex:'1'},'nxjcz7']});
 
 export { title };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzECeQ2F.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BABoJD5J.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2Ml6lnb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1kvdllt',{alignItems:'start',display:'inline-flex',gap:'8'},'_1ekw4ja']});
+var toggleInput = recipeRuntime({base:['_1nj5k4c',{alignItems:'start',display:'inline-flex',gap:'8'},'_1rv0s03']});
 
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzECeQ2F.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BwMGkAqx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BABoJD5J.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2Ml6lnb.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-SlW1cJ6q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$3 = recipeRuntime({base:['_17r5281']});
+var control$3 = recipeRuntime({base:['_35mgvi']});
 
 export { control$3 as control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BABoJD5J.css';
 
-var className = '_17ja42z';
+var className = '_1wwi0f';
 
 export { className };

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content$3 = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}],variants:{disableHoverableContent:{false:{},true:{pointerEvents:'none'}}}});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-vcwUOAL0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CSkrk8Ge.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1jlw19r',variants:{duration:{sm:'smjqee',md:'_1ggks1a',lg:'_1h97ggt'}}});
+var transition = recipeRuntime({base:'w1hug4',variants:{duration:{sm:'_1838qxw',md:'_5mywg3',lg:'fvr9kz'}}});
 
 export { transition };

package/dist/index.d.ts

@@ -746,7 +746,7 @@ declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
      * The value of the form control element.
      */
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -761,7 +761,7 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -798,7 +798,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -815,7 +815,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -1230,7 +1230,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1247,7 +1247,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1392,7 +1392,7 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "required" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1488,7 +1488,7 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "autoFocus" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1535,7 +1535,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
  * @category date
  * @since 1.4.0
  */
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "placeholder" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1586,7 +1586,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "autoFocus" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1722,7 +1722,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1739,7 +1739,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1949,7 +1949,7 @@ declare const Switch: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1977,7 +1977,7 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3223,7 +3223,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const indicator: (props?: {
-    intent?: "success" | "danger" | "primary" | "opal" | undefined;
+    intent?: "success" | "danger" | "opal" | "primary" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3241,7 +3241,7 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
-    intent?: "success" | "danger" | "primary" | "opal" | undefined;
+    intent?: "success" | "danger" | "opal" | "primary" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3269,7 +3269,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3818,7 +3818,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "backgroundImage" | "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" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "required" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "backgroundImage" | "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" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;

package/dist/unstable.d.ts

@@ -948,7 +948,7 @@ declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "type" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "square" | "appearance" | "loading" | "type" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Hook to access Surface context with optional type filtering.
@@ -1040,7 +1040,7 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
         type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
         value?: unknown;
     }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
     value?: unknown;
 } | undefined;
 

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.9.30",
+  "version": "1.9.32",
   "files": [
     "dist/**",
     "LICENSE"
@@ -24,6 +24,7 @@
       "import": "./dist/esm/css-runtime.js",
       "require": "./dist/cjs/css-runtime.cjs"
     },
+    "./package.json": "./package.json",
     "./unstable": {
       "types": "./dist/unstable.d.ts",
       "import": "./dist/esm/unstable.js",
@@ -79,7 +80,7 @@
     "react-resizable-panels": "^3.0.6",
     "recharts": "^3.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@optiaxiom/globals": "^1.1.10"
+    "@optiaxiom/globals": "^1.1.11"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

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

package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CV8S-8BE.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  .i0e874 {
-    opacity: 0;
-  }
-  .rjt1pa {
-    inset: 0;
-    position: fixed;
-  }
-  ._9jhyfw {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1s4bgsu)))
-      scale(calc(1 - 0.06 * var(--_1s4bgsu)))
-    ;
-  }
-  ._9jhyfw:focus-visible {
-    outline: none;
-  }
-  ._1389p85 {
-    width: 400px;
-  }
-  ._1mmlnld {
-    width: 600px;
-  }
-  ._1yzfn54 {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CXB_u_C8.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._14rtpu8 {
-    position: sticky;
-    top: 0;
-  }
-}

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._1s50dhh {
-    --_15o18q5: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1s50dhh:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._3snvl9 {
-    --_1gery18: var(--ax-colors-bg-error);
-    --_6ia5m5: var(--ax-colors-bg-error-subtle);
-    --ef9h82: var(--ax-colors-fg-error-strong);
-  }
-  ._1ienwmm {
-    --_1gery18: var(--ax-colors-bg-information);
-    --_6ia5m5: var(--ax-colors-bg-information-subtle);
-    --ef9h82: var(--ax-colors-fg-information-strong);
-  }
-  .mhqi5i {
-    --_1gery18: var(--ax-colors-bg-tertiary);
-    --_15o18q5: var(--ax-colors-fg-default);
-    --_6ia5m5: var(--ax-colors-bg-secondary);
-    --ef9h82: var(--ax-colors-fg-secondary);
-  }
-  ._9jaxzz {
-    --_1gery18: var(--ax-colors-bg-accent);
-    --_6ia5m5: var(--ax-colors-bg-accent-subtle);
-    --ef9h82: var(--ax-colors-fg-accent-strong);
-  }
-  .nuu3z8 {
-    --_1gery18: var(--ax-colors-bg-success);
-    --_6ia5m5: var(--ax-colors-bg-success-subtle);
-    --ef9h82: var(--ax-colors-fg-success-strong);
-  }
-  ._4edkpo {
-    --_1gery18: var(--ax-colors-bg-warning);
-    --_15o18q5: var(--ax-colors-fg-warning-inverse);
-    --_6ia5m5: var(--ax-colors-bg-warning-subtle);
-    --ef9h82: var(--ax-colors-fg-warning-strong);
-  }
-  ._1mux263 {
-    background-color: var(--_1gery18);
-    color: var(--_15o18q5);
-  }
-  .gnfpsi {
-    background-color: var(--_6ia5m5);
-    color: var(--ef9h82);
-  }
-}

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

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

package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css

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

package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-TMy3bgub.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._1b9y9h5 {
-    opacity: 1;
-  }
-  ._1oiaac4[data-loading] ._1b9y9h5 {
-    opacity: 0;
-  }
-}

package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-TRLv0HAV.css

@@ -1,213 +0,0 @@
-@property --_2by5y0 {
-  syntax: "<angle>";
-  inherits: false;
-  initial-value: 0turn;
-}
-@keyframes s1ws2v {
-  100% {
-    --_2by5y0: 1turn;
-  }
-}
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._9qh3ck {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1rjy7dj);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._9qh3ck: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;
-  }
-  ._9qh3ck[data-disabled] {
-    cursor: not-allowed;
-  }
-  .m6qni[data-orientation="horizontal"] > ._9qh3ck:not(:first-child):not(:last-child),.m6qni[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._9qh3ck {
-    border-inline-width: 0.5px;
-  }
-  .m6qni[data-orientation="horizontal"] > ._9qh3ck:not(:only-child):first-child,.m6qni[data-orientation="horizontal"] > :not(:only-child):first-child ._9qh3ck {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .m6qni[data-orientation="horizontal"] > ._9qh3ck:not(:only-child):last-child,.m6qni[data-orientation="horizontal"] > :not(:only-child):last-child ._9qh3ck {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .m6qni[data-orientation="vertical"] > ._9qh3ck:not(:first-child):not(:last-child),.m6qni[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._9qh3ck {
-    border-block-width: 0.5px;
-  }
-  .m6qni[data-orientation="vertical"] > ._9qh3ck:not(:only-child):first-child,.m6qni[data-orientation="vertical"] > :not(:only-child):first-child ._9qh3ck {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .m6qni[data-orientation="vertical"] > ._9qh3ck:not(:only-child):last-child,.m6qni[data-orientation="vertical"] > :not(:only-child):last-child ._9qh3ck {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .m6qni[data-orientation] > ._9qh3ck:not(:first-child):not(:last-child),.m6qni[data-orientation] > :not(:first-child):not(:last-child) ._9qh3ck {
-    border-radius: 0;
-  }
-  .yjbld7 {
-    --_11bnj9d: var(--ax-colors-bg-error);
-    --_1r9zwq4: var(--ax-colors-bg-error-hovered);
-    --_1ahtwdu: var(--ax-colors-bg-error-pressed);
-    --_1vyri5w: var(--ax-colors-bg-error-subtlest);
-    --xy4vof: var(--ax-colors-bg-error-subtle);
-  }
-  .i05g5s {
-    --_11bnj9d: var(--ax-colors-bg-default-inverse);
-    --_1r9zwq4: var(--ax-colors-bg-default-inverse-hovered);
-    --_1ahtwdu: var(--ax-colors-bg-default-inverse-pressed);
-    --rr80in: var(--ax-colors-fg-default-inverse);
-    --_1vyri5w: var(--ax-colors-bg-page);
-    --_12f5w6w: var(--ax-colors-border-default);
-    --_2ls6b2: var(--ax-colors-border-default);
-    --xy4vof: var(--ax-colors-bg-secondary);
-    --th3y9b: var(--ax-colors-fg-default);
-    --_1wmbljj: var(--ax-colors-bg-default-hovered);
-    --_14cjrhd: var(--ax-colors-bg-default-pressed);
-  }
-  ._5swii2 {
-    --_11bnj9d: var(--ax-colors-bg-accent);
-    --_1r9zwq4: var(--ax-colors-bg-accent-hovered);
-    --_1ahtwdu: var(--ax-colors-bg-accent-pressed);
-    --_1vyri5w: var(--ax-colors-bg-accent-subtle);
-    --xy4vof: var(--ax-colors-bg-accent-light);
-  }
-  .bcmkxd {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_2ls6b2, var(--_11bnj9d));
-    color: var(--th3y9b, var(--_11bnj9d));
-    padding-inline: calc(var(--_1rjy7dj) - 1px);
-  }
-  .bcmkxd:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--xy4vof);
-    border-color: var(--_12f5w6w, var(--_1r9zwq4));
-  }
-  .bcmkxd: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);
-  }
-  .bcmkxd[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .eernfv {
-    --fkc5uq: 
-          conic-gradient(
-            from var(--_2by5y0),
-            #8670ed 10%,
-            #617bff99 25%,
-            #8a53fe80 75%,
-            #8670ed 90%
-          )
-        ;
-    animation: s1ws2v 4s linear infinite;
-    background-clip: padding-box, border-box;
-    background-color: var(--ax-colors-bg-default);
-    background-image: 
-        linear-gradient(
-          var(--ax-colors-bg-default),
-          var(--ax-colors-bg-default)
-        ),
-        var(--fkc5uq)
-      ;
-    background-origin: border-box;
-    border: 1px solid transparent;
-    color: var(--th3y9b, var(--_11bnj9d));
-    padding-inline: calc(var(--_1rjy7dj) - 1px);
-  }
-  .eernfv[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .zxe7fq {
-    background-color: var(--_11bnj9d);
-    color: var(--rr80in, var(--ax-colors-fg-white));
-  }
-  .zxe7fq:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1ahtwdu);
-  }
-  .zxe7fq[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(--_1rjy7dj) - 1px);
-  }
-  ._44cuyy {
-    background-image: linear-gradient(135deg, #392ECF 16%, #7740EC 85%);
-    color: var(--rr80in, var(--ax-colors-fg-white));
-  }
-  ._44cuyy[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    background-image: none;
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1rjy7dj) - 1px);
-  }
-  .ztj9x {
-    background-color: transparent;
-    border-color: var(--_11bnj9d);
-    color: var(--th3y9b, var(--_11bnj9d));
-  }
-  .ztj9x:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_14cjrhd, var(--xy4vof));
-  }
-  .ztj9x:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .ztj9x[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1w86m7o {
-    --_1rjy7dj: 4px;
-  }
-  .t4ag00 {
-    --_1rjy7dj: 6px;
-  }
-  .rc1280 {
-    --_1rjy7dj: 8px;
-  }
-  ._18ap3yn {
-    --_1rjy7dj: 12px;
-  }
-  ._13ohbk4 {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .bcmkxd:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1vyri5w);
-      border-color: var(--_12f5w6w, var(--_1r9zwq4));
-    }
-    .eernfv:hover:not(:active, [data-disabled], [data-loading]) {
-      --fkc5uq: 
-                    conic-gradient(
-                      from var(--_2by5y0),
-                      #7C3AED,
-                      #8287FF 33%,
-                      #7D04C7 67%,
-                      #7C3AED
-                    )
-                  ;
-    }
-    .zxe7fq:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_1r9zwq4);
-    }
-    .ztj9x:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1wmbljj, var(--_1vyri5w));
-    }
-  }
-}