@optiaxiom/react 1.9.36 → 1.9.37

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-2M4Cwds9.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-D2i_Sv9l.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CQjeGxVv.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-B9nKs4o3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'wuhpog']});
-var offsetVar = 'var(--_8fe08t)';
-var root$2 = recipeRuntime({base:['_5ewsn',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'v9ibzk'],variants:{intent:{danger:'_1p9zocz',information:'_1gbod3d',neutral:'xgf064',success:'_1r7u63j',warning:'_1vpvc5y'}}});
+var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_40x2o9']});
+var offsetVar = 'var(--_2npe90)';
+var root$2 = recipeRuntime({base:['_1t8n5gc',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1y02xwj'],variants:{intent:{danger:'_1bgd335',information:'i58esn',neutral:'eo8och',success:'_1a0dcyi',warning:'_2j853l'}}});
 
 export { icon$3 as icon, offsetVar, root$2 as root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-2M4Cwds9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CQjeGxVv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1t7fq0n'],variants:{position:{bottom:'_9ilg78','bottom-left':'_1hrav76','bottom-right':['right-scroll-bar-position','_1f3cxwi'],top:'mto1f3','top-left':'iihdkm','top-right':['right-scroll-bar-position','ozms9j']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_13kgtg2'],variants:{position:{bottom:'_1gc5x77','bottom-left':'_108hemf','bottom-right':['right-scroll-bar-position','_1vdnwor'],top:'_1b3kz5o','top-left':'e6i42t','top-right':['right-scroll-bar-position','rjr88m']}}});
 
 export { gap, viewport };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-DXe90RQW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-By4JZYRg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_2vlmbt']});
+var title = recipeRuntime({base:[{flex:'1'},'_1bzgmg0']});
 
 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-CZ4LjAw2.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CGFB1e99.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['bhslh2',{alignItems:'start',display:'inline-flex',gap:'8'},'_7vr12k']});
+var toggleInput = recipeRuntime({base:['_13bhpnt',{alignItems:'start',display:'inline-flex',gap:'8'},'_1hruyq0']});
 
 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-CZ4LjAw2.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiM5gZJz.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BHdsYTMc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CGFB1e99.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DlpE5ZUo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$3 = recipeRuntime({base:['wfawn6']});
+var control$3 = recipeRuntime({base:['_1ees4k0']});
 
 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-CZ4LjAw2.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css';
 
-var className = 'es3lps';
+var className = 'sa9j2q';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.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-CZ4LjAw2.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-D3Vhrc-d.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BCVKHkFp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_2kvq86',variants:{duration:{sm:'_1v0yweu',md:'_1ae7146',lg:'uasngg'}}});
+var transition = recipeRuntime({base:'p94j56',variants:{duration:{sm:'_1nuo1zg',md:'_1jvjwrg',lg:'_1h5f9hn'}}});
 
 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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & 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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & 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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & 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<{
     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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -1239,7 +1239,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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & 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<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1256,7 +1256,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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+} & 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<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1401,7 +1401,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" | "placeholder" | "required"> & 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" | "required" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1497,7 +1497,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" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "autoFocus" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1544,7 +1544,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>>>, "placeholder" | "holiday" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "placeholder" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1595,7 +1595,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" | "autoFocus" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "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>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1731,7 +1731,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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & 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<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1748,7 +1748,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" | "value" | "required"> & 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" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1958,7 +1958,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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1986,7 +1986,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" | "value" | "required"> & 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" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3232,7 +3232,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" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3250,7 +3250,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" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3278,7 +3278,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" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3827,7 +3827,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" | "placeholder" | "required" | "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" | "required" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;

package/dist/unstable.d.ts

@@ -1,4 +1,4 @@
-import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-tWI6N9u6.js';
+import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, q as MenuOption, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-tWI6N9u6.js';
 export { e as Calendar, C as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-tWI6N9u6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
@@ -565,7 +565,16 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<{
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
+type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "placeholder"> & {
+    /**
+     * The candidate options shown in the popup. Defaults to `value` when omitted.
+     */
+    options?: MenuOption[];
+    /**
+     * The currently selected options rendered as pills in the trigger.
+     */
+    value: MenuOption[];
+}>;
 /**
  * Dropdown menu for making selection with pills showing the selected items.
  *
@@ -575,7 +584,16 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & {
+    /**
+     * The candidate options shown in the popup. Defaults to `value` when omitted.
+     */
+    options?: MenuOption[];
+    /**
+     * The currently selected options rendered as pills in the trigger.
+     */
+    value: MenuOption[];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -948,7 +966,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" | "square" | "appearance" | "loading" | "type" | "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" | "type" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Hook to access Surface context with optional type filtering.
@@ -1044,7 +1062,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" | "group" | "tab" | "cards" | "product";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
     value?: unknown;
 } | undefined;
 

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.9.36",
+  "version": "1.9.37",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-xiuhnN6P.css

@@ -1,22 +0,0 @@
-@layer optiaxiom.yvqquz;
-@layer optiaxiom.yvqquz {
-  ._1pn7sel {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1use5ei:not(:has(._1use5ei)):focus-within ._1pn7sel, ._1pn7sel:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._15c7232 {
-    opacity: 1;
-  }
-  .f6hir {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1use5ei:not(:has(._1use5ei)):hover ._1pn7sel {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.yvqquz;
-@layer optiaxiom.yvqquz {
-  ._1nagox8 {
-    opacity: 0;
-  }
-  ._1wovvt5 {
-    inset: 0;
-    position: fixed;
-  }
-  ._1xhqrde {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1vttktl)))
-      scale(calc(1 - 0.06 * var(--_1vttktl)))
-    ;
-  }
-  ._1xhqrde:focus-visible {
-    outline: none;
-  }
-  .jmf200 {
-    width: 400px;
-  }
-  .uoqr7f {
-    width: 600px;
-  }
-  .l5z4kw {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.yvqquz;
-@layer optiaxiom.yvqquz {
-  ._198eoen {
-    --_1ojoasb: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._198eoen:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._9q4m2a {
-    --uifc0l: var(--ax-colors-bg-error);
-    --_11jl18a: var(--ax-colors-bg-error-subtle);
-    --_1b0cnez: var(--ax-colors-fg-error-strong);
-  }
-  ._10c2ud4 {
-    --uifc0l: var(--ax-colors-bg-information);
-    --_11jl18a: var(--ax-colors-bg-information-subtle);
-    --_1b0cnez: var(--ax-colors-fg-information-strong);
-  }
-  .sama2i {
-    --uifc0l: var(--ax-colors-bg-tertiary);
-    --_1ojoasb: var(--ax-colors-fg-default);
-    --_11jl18a: var(--ax-colors-bg-secondary);
-    --_1b0cnez: var(--ax-colors-fg-secondary);
-  }
-  ._63omwq {
-    --uifc0l: var(--ax-colors-bg-accent);
-    --_11jl18a: var(--ax-colors-bg-accent-subtle);
-    --_1b0cnez: var(--ax-colors-fg-accent-strong);
-  }
-  ._1lig7bg {
-    --uifc0l: var(--ax-colors-bg-success);
-    --_11jl18a: var(--ax-colors-bg-success-subtle);
-    --_1b0cnez: var(--ax-colors-fg-success-strong);
-  }
-  ._1l9xv4b {
-    --uifc0l: var(--ax-colors-bg-warning);
-    --_1ojoasb: var(--ax-colors-fg-warning-inverse);
-    --_11jl18a: var(--ax-colors-bg-warning-subtle);
-    --_1b0cnez: var(--ax-colors-fg-warning-strong);
-  }
-  ._15n6k6b {
-    background-color: var(--uifc0l);
-    color: var(--_1ojoasb);
-  }
-  .uj9r6q {
-    background-color: var(--_11jl18a);
-    color: var(--_1b0cnez);
-  }
-}

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

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

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.yvqquz;
-@layer optiaxiom.yvqquz {
-  .b9gqh8 {
-    opacity: 1;
-  }
-  ._16fb6ky[data-loading] .b9gqh8 {
-    opacity: 0;
-  }
-}