@optiaxiom/react 1.9.15 → 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-B_eNKbRT.css';
-import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-CCay8l1_.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:'_1pzdtfe'});
+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-B_eNKbRT.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BcRhX8xK.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:['s47ktd','es5pzy']});
-var textarea = recipeRuntime({base:['s47ktd','_2jibwh'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ga67gu','lq4fmr'],'2':['ga67gu','cca9o6'],'3':['ga67gu','_8z2ev8'],'4':['ga67gu','_1s5on5x'],'5':['ga67gu','_9o4eaw']},resize:{auto:{},none:{},vertical:'_697fsk'}}});
+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-B_eNKbRT.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D7jKUeMw.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-B5iWfGnx.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'},'_1gd01vl']});
-var offsetVar = 'var(--ayx3lo)';
-var root = recipeRuntime({base:['_1jvks60',{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']},'_1f4e1pm'],variants:{intent:{danger:'_14g2686',information:'_1ewt6b9',neutral:'_1rxxduq',success:'garq9u',warning:'ml5dyf'}}});
+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-B_eNKbRT.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D7jKUeMw.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'},'_1pd7clm'],variants:{position:{bottom:'_1m3me9v','bottom-left':'_1htzyuf','bottom-right':['right-scroll-bar-position','_19v5yjh'],top:'qrvsw9','top-left':'h99zck','top-right':['right-scroll-bar-position','_1kga3ai']}}});
+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-B_eNKbRT.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--xixxGyL.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:['_1hku38g',{alignItems:'start',display:'inline-flex',gap:'8'},'_1dg1ly']});
+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-B_eNKbRT.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--xixxGyL.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DmIBpPyz.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:['_1y9nk9t']});
+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-B_eNKbRT.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css';
 
-var className = 'hby4kf';
+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-B_eNKbRT.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-B_eNKbRT.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DtqPL1fF.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:'_6en9pp',variants:{duration:{sm:'isap5v',md:'bdjflf',lg:'seoa7y'}}});
+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

@@ -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.15",
+  "version": "1.9.17",
   "files": [
     "dist/**",
     "LICENSE"

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1fkw717;
-@layer optiaxiom._1fkw717 {
-  ._1xxbq3s {
-    opacity: 0;
-  }
-  ._1u2hvv8 {
-    inset: 0;
-    position: fixed;
-  }
-  ._1408hnq {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1gowy4e)))
-      scale(calc(1 - 0.06 * var(--_1gowy4e)))
-    ;
-  }
-  ._1408hnq:focus-visible {
-    outline: none;
-  }
-  .rbiwhb {
-    width: 400px;
-  }
-  .z7j7r5 {
-    width: 600px;
-  }
-  .yypwut {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1fkw717;
-@layer optiaxiom._1fkw717 {
-  .bjqidj {
-    --_8objtp: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .bjqidj:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._7gpqza {
-    --sclu4i: var(--ax-colors-bg-error);
-    --_1ecmjxy: var(--ax-colors-bg-error-subtle);
-    --_1osbar7: var(--ax-colors-fg-error-strong);
-  }
-  .i8k0f7 {
-    --sclu4i: var(--ax-colors-bg-information);
-    --_1ecmjxy: var(--ax-colors-bg-information-subtle);
-    --_1osbar7: var(--ax-colors-fg-information-strong);
-  }
-  .tdpdfm {
-    --sclu4i: var(--ax-colors-bg-tertiary);
-    --_8objtp: var(--ax-colors-fg-default);
-    --_1ecmjxy: var(--ax-colors-bg-secondary);
-    --_1osbar7: var(--ax-colors-fg-secondary);
-  }
-  ._15320j6 {
-    --sclu4i: var(--ax-colors-bg-accent);
-    --_1ecmjxy: var(--ax-colors-bg-accent-subtle);
-    --_1osbar7: var(--ax-colors-fg-accent-strong);
-  }
-  ._5p5qyd {
-    --sclu4i: var(--ax-colors-bg-success);
-    --_1ecmjxy: var(--ax-colors-bg-success-subtle);
-    --_1osbar7: var(--ax-colors-fg-success-strong);
-  }
-  ._1jd3mhr {
-    --sclu4i: var(--ax-colors-bg-warning);
-    --_8objtp: var(--ax-colors-fg-warning-inverse);
-    --_1ecmjxy: var(--ax-colors-bg-warning-subtle);
-    --_1osbar7: var(--ax-colors-fg-warning-strong);
-  }
-  .dhhc25 {
-    background-color: var(--sclu4i);
-    color: var(--_8objtp);
-  }
-  .ghly4l {
-    background-color: var(--_1ecmjxy);
-    color: var(--_1osbar7);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1fkw717;
-@layer optiaxiom._1fkw717 {
-  .jwm79i {
-    opacity: 1;
-  }
-  ._1kupvqj[data-loading] .jwm79i {
-    opacity: 0;
-  }
-}