@optiaxiom/react 1.9.29 → 1.9.30

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BCTYXDtf.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-Dz3mrKQu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-DKp8OvEQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'rvw09i','_10r0vtn','_12mfbgi'],'2':[undefined,'rvw09i','_10r0vtn','byucwa'],'3':[undefined,'rvw09i','_10r0vtn','ntnuj2'],'4':[undefined,'rvw09i','_10r0vtn','_17565eo']},truncate:{true:[undefined,'rvw09i',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'pydirp','fjfiyx','j7nl7j'],'2':[undefined,'pydirp','fjfiyx','_1jzv5h5'],'3':[undefined,'pydirp','fjfiyx','_6eb8vj'],'4':[undefined,'pydirp','fjfiyx','_13qrk5t']},truncate:{true:[undefined,'pydirp',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BCTYXDtf.css';
-import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-QGfM_41c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-B7RL0ioA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_161ksff'});
+var addon = recipeRuntime({base:'_2epa64'});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BCTYXDtf.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DY-u7W-X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-ImgLtIcX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['p41sgl','_2ccpa4']});
-var textarea = recipeRuntime({base:['p41sgl','_50hv98'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1yotjyt','mk0dv7'],'2':['_1yotjyt','_1p5amy5'],'3':['_1yotjyt','_1l7tzru'],'4':['_1yotjyt','_4jjtxc'],'5':['_1yotjyt','_174x0ru']},resize:{auto:{},none:{},vertical:'_73ei0c'}}});
+var shadow = recipeRuntime({base:['_11jicku','_1ek0ts']});
+var textarea = recipeRuntime({base:['_11jicku','_14u5f75'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_165agbl','d9yewl'],'2':['_165agbl','_1ciox6u'],'3':['_165agbl','bwr2j3'],'4':['_165agbl','_1symlcc'],'5':['_165agbl','qrdg3m']},resize:{auto:{},none:{},vertical:'_1ufzkoc'}}});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Bdjk2M3w.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-BeenQIOx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D_9W4kJG.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-C2n0TPui.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1ah9a7w']});
-var offsetVar = 'var(--zuki70)';
-var root$2 = recipeRuntime({base:['qj2bg2',{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']},'_10n1ylk'],variants:{intent:{danger:'_147ip73',information:'_143ffh5',neutral:'_6bpw0p',success:'qx6r52',warning:'friyb7'}}});
+var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1j0aury']});
+var offsetVar = 'var(--_1an3724)';
+var root$2 = recipeRuntime({base:['_1vuvhr3',{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']},'_17yu8ui'],variants:{intent:{danger:'_189xi4r',information:'ko7qi7',neutral:'hdhf54',success:'_163ndie',warning:'_13xurvn'}}});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Bdjk2M3w.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D_9W4kJG.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'},'_18ba9ju'],variants:{position:{bottom:'b2qqvv','bottom-left':'_186hs0z','bottom-right':['right-scroll-bar-position','_2mxr8y'],top:'ltcjdh','top-left':'dno403','top-right':['right-scroll-bar-position','t6cfgh']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'thpcn2'],variants:{position:{bottom:'saao1k','bottom-left':'n9daj0','bottom-right':['right-scroll-bar-position','_2z4xkr'],top:'jwd27a','top-left':'_1h1aihw','top-right':['right-scroll-bar-position','odnait']}}});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-D0VSxCbx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-BckXwLcu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_4ujatg']});
+var title = recipeRuntime({base:[{flex:'1'},'luwo0l']});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BwAmM8Mx.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DYt-Z1FC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzECeQ2F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_14d5mjq',{alignItems:'start',display:'inline-flex',gap:'8'},'gw1xge']});
+var toggleInput = recipeRuntime({base:['_1kvdllt',{alignItems:'start',display:'inline-flex',gap:'8'},'_1ekw4ja']});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BwAmM8Mx.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DYt-Z1FC.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CNfzCmJZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzECeQ2F.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BwMGkAqx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$3 = recipeRuntime({base:['_1wgsjl4']});
+var control$3 = recipeRuntime({base:['_17r5281']});
 
 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-BCTYXDtf.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BwAmM8Mx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-2rQb5GMF.css';
 
-var className = 'zlncze';
+var className = '_17ja42z';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BCTYXDtf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.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-BCTYXDtf.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-D7XNfsRO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-vcwUOAL0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'qjzxzi',variants:{duration:{sm:'_1nr78pz',md:'_1ye88gt',lg:'_1w5xr21'}}});
+var transition = recipeRuntime({base:'_1jlw19r',variants:{duration:{sm:'smjqee',md:'_1ggks1a',lg:'_1h97ggt'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -10,6 +10,7 @@ export { createDialogKit, dialogkit } from './packages/react/src/dialog-kit/dial
 export { useDialogKit } from './packages/react/src/dialog-kit/useDialogKit.js';
 export { FileUpload } from './packages/react/src/file-upload/FileUpload.js';
 export { FileUploadDropzone } from './packages/react/src/file-upload/FileUploadDropzone.js';
+export { FileUploadList } from './packages/react/src/file-upload/FileUploadList.js';
 export { FileUploadTrigger } from './packages/react/src/file-upload/FileUploadTrigger.js';
 export { useFileUploadTrigger } from './packages/react/src/file-upload/useFileUploadTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';

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">;
 /**
@@ -1230,7 +1230,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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 & {
@@ -1247,7 +1247,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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;
@@ -1392,7 +1392,7 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "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<{
     /**
@@ -1488,7 +1488,7 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "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">;
 /**
@@ -1535,7 +1535,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
  * @category date
  * @since 1.4.0
  */
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "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.
@@ -1586,7 +1586,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "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;
@@ -1722,7 +1722,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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 & {
@@ -1739,7 +1739,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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;
 /**
@@ -1949,7 +1949,7 @@ declare const Switch: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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">;
 /**
@@ -1977,7 +1977,7 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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> & {
     /**
@@ -3223,7 +3223,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const indicator: (props?: {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3241,7 +3241,7 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3269,7 +3269,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "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", {
     /**
@@ -3818,7 +3818,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "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

@@ -240,6 +240,50 @@ declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type FileUploadListItemProps = BoxProps<"div"> & {
+    /**
+     * The file item to be previewed in the list item.
+     */
+    item: {
+        /**
+         * The file object to be previewed.
+         */
+        file: File;
+        /**
+         * The current upload status of the file.
+         */
+        status: "complete" | "error" | "uploading";
+    };
+    /**
+     * Callback function called when the remove button is clicked
+     */
+    onRemove?: () => void;
+};
+
+type FileUploadListProps = BoxProps<"div"> & {
+    /**
+     * The list of file items to be previewed.
+     */
+    items: FileUploadListItemProps["item"][];
+    /**
+     * Callback function called when a file is removed
+     */
+    onRemove?: (index: number) => void;
+};
+declare const FileUploadList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & {
+    /**
+     * The list of file items to be previewed.
+     */
+    items: FileUploadListItemProps["item"][];
+    /**
+     * Callback function called when a file is removed
+     */
+    onRemove?: (index: number) => void;
+} & react.RefAttributes<HTMLDivElement>>;
+
 type FileUploadTriggerProps = ButtonProps;
 /**
  * @group FileUpload
@@ -904,7 +948,7 @@ declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "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.
@@ -996,7 +1040,7 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
         type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
         value?: unknown;
     }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
     value?: unknown;
 } | undefined;
 
@@ -1051,5 +1095,5 @@ declare const VisuallyHidden: react.ForwardRefExoticComponent<Omit<RadixVisually
     disabled?: boolean;
 } & react.RefAttributes<HTMLSpanElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, Time, VisuallyHidden, useDialogKit, useFileUploadTrigger, useSurface };
-export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps, TimeProps, VisuallyHiddenProps };
+export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadList, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, Time, VisuallyHidden, useDialogKit, useFileUploadTrigger, useSurface };
+export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadListProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps, TimeProps, VisuallyHiddenProps };

package/package.json

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

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.txqk6n;
-@layer optiaxiom.txqk6n {
-  ._3dwrb6 {
-    opacity: 0;
-  }
-  .ccwkpy {
-    inset: 0;
-    position: fixed;
-  }
-  ._74ef9w {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1kbm43m)))
-      scale(calc(1 - 0.06 * var(--_1kbm43m)))
-    ;
-  }
-  ._74ef9w:focus-visible {
-    outline: none;
-  }
-  ._5fd3yv {
-    width: 400px;
-  }
-  .cdsl3k {
-    width: 600px;
-  }
-  ._1acbtn6 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.txqk6n;
-@layer optiaxiom.txqk6n {
-  ._6seqf5 {
-    --_11gvp8k: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._6seqf5:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .jlexgg {
-    --_1qfzjtg: var(--ax-colors-bg-error);
-    --_11staze: var(--ax-colors-bg-error-subtle);
-    --_1vlp1na: var(--ax-colors-fg-error-strong);
-  }
-  ._7vdqzl {
-    --_1qfzjtg: var(--ax-colors-bg-information);
-    --_11staze: var(--ax-colors-bg-information-subtle);
-    --_1vlp1na: var(--ax-colors-fg-information-strong);
-  }
-  ._16greg2 {
-    --_1qfzjtg: var(--ax-colors-bg-tertiary);
-    --_11gvp8k: var(--ax-colors-fg-default);
-    --_11staze: var(--ax-colors-bg-secondary);
-    --_1vlp1na: var(--ax-colors-fg-secondary);
-  }
-  ._18gob92 {
-    --_1qfzjtg: var(--ax-colors-bg-accent);
-    --_11staze: var(--ax-colors-bg-accent-subtle);
-    --_1vlp1na: var(--ax-colors-fg-accent-strong);
-  }
-  ._12lmp7c {
-    --_1qfzjtg: var(--ax-colors-bg-success);
-    --_11staze: var(--ax-colors-bg-success-subtle);
-    --_1vlp1na: var(--ax-colors-fg-success-strong);
-  }
-  ._1fgw688 {
-    --_1qfzjtg: var(--ax-colors-bg-warning);
-    --_11gvp8k: var(--ax-colors-fg-warning-inverse);
-    --_11staze: var(--ax-colors-bg-warning-subtle);
-    --_1vlp1na: var(--ax-colors-fg-warning-strong);
-  }
-  ._1wy48w2 {
-    background-color: var(--_1qfzjtg);
-    color: var(--_11gvp8k);
-  }
-  .e83jjz {
-    background-color: var(--_11staze);
-    color: var(--_1vlp1na);
-  }
-}

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

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

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.txqk6n;
-@layer optiaxiom.txqk6n {
-  ._1m70i28 {
-    opacity: 1;
-  }
-  .pvexxl[data-loading] ._1m70i28 {
-    opacity: 0;
-  }
-}