@optiaxiom/react 1.9.16 → 1.9.17

package/dist/esm/packages/react/src/textarea/Textarea-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-gCdPu-Hg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-OGoToM8P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1iad40e'});
+var addon = recipeRuntime({base:'ak40u2'});
 
 export { addon };

package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-Dv0wxgdh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BAvQcRJS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['emgbua','_1lrgdf1']});
-var textarea = recipeRuntime({base:['emgbua','mf3zop'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['rfs5h0','_3fp54e'],'2':['rfs5h0','_139m80a'],'3':['rfs5h0','_1i6zaor'],'4':['rfs5h0','_1nki50z'],'5':['rfs5h0','oeu6t8']},resize:{auto:{},none:{},vertical:'yq501'}}});
+var shadow = recipeRuntime({base:['_1alxr3i','_1izzp5e']});
+var textarea = recipeRuntime({base:['_1alxr3i','_1rf21og'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_9ppmzq','_13myakf'],'2':['_9ppmzq','_1xam6b0'],'3':['_9ppmzq','wnxdvt'],'4':['_9ppmzq','ck8s3y'],'5':['_9ppmzq','qxmb7y']},resize:{auto:{},none:{},vertical:'mvv26f'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BJZ57B9y.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-RjiTeC46.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CFRWwoSe.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-D6UG4OzX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_6d9ijm']});
-var offsetVar = 'var(--vym339)';
-var root = recipeRuntime({base:['_1w4q6cv',{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']},'_1n62yxd'],variants:{intent:{danger:'_6l9ucn',information:'_1p47pkc',neutral:'x0sfyy',success:'tjaj8y',warning:'x7n0ix'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'t9v2i6']});
+var offsetVar = 'var(--_1di1ijk)';
+var root = recipeRuntime({base:['_26wjdd',{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']},'_1awbf9o'],variants:{intent:{danger:'_6cj2h8',information:'_40anqh',neutral:'ykhzfe',success:'cunhr3',warning:'duf9nt'}}});
 
 export { icon, offsetVar, root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BJZ57B9y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CFRWwoSe.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'},'_1dvbeks'],variants:{position:{bottom:'w0wjsb','bottom-left':'b7q4ya','bottom-right':['right-scroll-bar-position','ldzu19'],top:'_1x6f9se','top-left':'_66hzdn','top-right':['right-scroll-bar-position','_12c1j4w']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1v14rkl'],variants:{position:{bottom:'_814d36','bottom-left':'yunk2v','bottom-right':['right-scroll-bar-position','_3yxewd'],top:'_1niim43','top-left':'_1ojahg5','top-right':['right-scroll-bar-position','_1rdxvmf']}}});
 
 export { gap, viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BbipBfdW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DXxjmqSH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['iu9p31',{alignItems:'start',display:'inline-flex',gap:'8'},'_1qbn3ml']});
+var toggleInput = recipeRuntime({base:['vuaxou',{alignItems:'start',display:'inline-flex',gap:'8'},'nxqr00']});
 
 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-CSarMspk.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BbipBfdW.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-NBM_4LVu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DXxjmqSH.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DyBjIDSr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_12nmoic']});
+var control = recipeRuntime({base:['p7dwpl']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css';
 
-var className = '_1fod7th';
+var className = '_1hdgdr0';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = 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-CSarMspk.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-CAaFlkLD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DXOiDYrm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'pce2t1',variants:{duration:{sm:'_1liprpo',md:'_7k8qi1',lg:'_17slp1o'}}});
+var transition = recipeRuntime({base:'_1k3e8xb',variants:{duration:{sm:'yu3kpm',md:'_1rsrcb8',lg:'_1vzq91n'}}});
 
 export { transition };

package/dist/index.d.ts

@@ -734,7 +734,11 @@ declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
      * Handler that is called when the checked state changes.
      */
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>>;
+    /**
+     * The value of the form control element.
+     */
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -747,7 +751,8 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -782,7 +787,8 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -797,7 +803,8 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -815,7 +822,7 @@ declare const CardFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type CardHeaderProps = BoxProps<"div", {
+type CardHeaderProps = TextProps<"div", {
     /**
      * Display content inside the header after `children`.
      */
@@ -845,7 +852,10 @@ declare const CardHeader: react.ForwardRefExoticComponent<{
      * Add secondary text after the primary title.
      */
     description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
+} & Omit<{
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -1207,7 +1217,8 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1222,7 +1233,8 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1328,6 +1340,10 @@ type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown
      * The placeholder text to use when control has no value.
      */
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    /**
+     * Whether selecting this input is required.
+     */
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }, P>>;
 /**
  * @group InputRoot
@@ -1356,10 +1372,14 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
      * The placeholder text to use when control has no value.
      */
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    /**
+     * Whether selecting this input is required.
+     */
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, 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"> & 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<{
     /**
@@ -1443,10 +1463,11 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1493,7 +1514,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.
@@ -1539,10 +1560,11 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "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" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1676,7 +1698,8 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1691,7 +1714,8 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1899,7 +1923,8 @@ declare const Switch: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1925,7 +1950,8 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 }>, "size"> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3113,7 +3139,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;
 };
@@ -3131,7 +3157,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, {
@@ -3157,7 +3183,8 @@ declare const Radio: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3689,6 +3716,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -3698,7 +3726,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" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "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" | "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

@@ -530,7 +530,7 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open" | "placeholder"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -687,12 +687,18 @@ declare const ProteusChart: {
     displayName: string;
 };
 
+type ColumnDef = {
+    accessorKey: string;
+    format?: string | {
+        options?: Record<string, unknown>;
+        type: string;
+    };
+    header: string;
+    size?: number;
+};
 declare const ProteusDataTable: {
     ({ columns, data, }: {
-        columns: {
-            accessorKey: string;
-            header: string;
-        }[];
+        columns: ColumnDef[];
         data?: Record<string, unknown>[];
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -708,9 +714,10 @@ declare namespace ProteusInput {
     var displayName: string;
 }
 
-declare function ProteusMap({ children, path, }: {
+declare function ProteusMap({ children, path, separator, }: {
     children?: any;
     path: string;
+    separator?: unknown;
 }): react_jsx_runtime.JSX.Element | null;
 declare namespace ProteusMap {
     var displayName: string;
@@ -1190,7 +1197,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.16",
+  "version": "1.9.17",
   "files": [
     "dist/**",
     "LICENSE"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._13ehou6 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1wjh2pw:not(:has(._1wjh2pw)):focus-within ._13ehou6, ._13ehou6:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1y9bcpx {
-    opacity: 1;
-  }
-  ._1pxgex {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1wjh2pw:not(:has(._1wjh2pw)):hover ._13ehou6 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1r668l6 {
-    opacity: 0;
-  }
-  ._1jz0t9q {
-    inset: 0;
-    position: fixed;
-  }
-  .lb8g3b {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_13sko6c)))
-      scale(calc(1 - 0.06 * var(--_13sko6c)))
-    ;
-  }
-  .lb8g3b:focus-visible {
-    outline: none;
-  }
-  ._1dah9e1 {
-    width: 400px;
-  }
-  .wwml1k {
-    width: 600px;
-  }
-  ._115ljy8 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._2mn7ce {
-    --_1lswik6: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._2mn7ce:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .nwep1t {
-    --_1vuvfpo: var(--ax-colors-bg-error);
-    --_16orrbp: var(--ax-colors-bg-error-subtle);
-    --_1jh4j26: var(--ax-colors-fg-error-strong);
-  }
-  ._56lqjg {
-    --_1vuvfpo: var(--ax-colors-bg-information);
-    --_16orrbp: var(--ax-colors-bg-information-subtle);
-    --_1jh4j26: var(--ax-colors-fg-information-strong);
-  }
-  .sg7p9m {
-    --_1vuvfpo: var(--ax-colors-bg-tertiary);
-    --_1lswik6: var(--ax-colors-fg-default);
-    --_16orrbp: var(--ax-colors-bg-secondary);
-    --_1jh4j26: var(--ax-colors-fg-secondary);
-  }
-  ._1bjzuz2 {
-    --_1vuvfpo: var(--ax-colors-bg-accent);
-    --_16orrbp: var(--ax-colors-bg-accent-subtle);
-    --_1jh4j26: var(--ax-colors-fg-accent-strong);
-  }
-  .gw2oam {
-    --_1vuvfpo: var(--ax-colors-bg-success);
-    --_16orrbp: var(--ax-colors-bg-success-subtle);
-    --_1jh4j26: var(--ax-colors-fg-success-strong);
-  }
-  ._11ls9mm {
-    --_1vuvfpo: var(--ax-colors-bg-warning);
-    --_1lswik6: var(--ax-colors-fg-warning-inverse);
-    --_16orrbp: var(--ax-colors-bg-warning-subtle);
-    --_1jh4j26: var(--ax-colors-fg-warning-strong);
-  }
-  .f9t9t4 {
-    background-color: var(--_1vuvfpo);
-    color: var(--_1lswik6);
-  }
-  ._1vxdkd0 {
-    background-color: var(--_16orrbp);
-    color: var(--_1jh4j26);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._198d36o;
-@layer optiaxiom._198d36o {
-  ._1t6hfyu {
-    opacity: 1;
-  }
-  ._1w35ap3[data-loading] ._1t6hfyu {
-    opacity: 0;
-  }
-}