@optiaxiom/react 1.5.8 → 1.5.10

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CDzZ1gDg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-BHe3exyz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1al9nns','_11yalf4']});
-var textarea = recipeRuntime({base:['_1al9nns','pmrt8']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_2dv2st','xedpp9'],'2':['_2dv2st','hly7d5'],'3':['_2dv2st','_7cpbte'],'4':['_2dv2st','_10m6gue'],'5':['_2dv2st','_1fnlxb4']},resize:{auto:{},none:{},vertical:'io1iyo'}}});
+var shadow = recipeRuntime({base:['rtm6iz','khqp94']});
+var textarea = recipeRuntime({base:['rtm6iz',{overflow:'hidden'},'_9o5a1n']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_2x9irh','_1c1m8hw'],'2':['_2x9irh','_172nb46'],'3':['_2x9irh','_1d3tioi'],'4':['_2x9irh','c7sa9s'],'5':['_2x9irh','_78kx3u']},resize:{auto:{},none:{},vertical:'op8bmb'}}});
 
 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-C32eB9b9.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CHcemmVW.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-0ILQ3ROy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-B5vScdDf.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-BS2AWWLl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1a20ha2']});
-var offsetVar = 'var(--_13vpast)';
-var root = recipeRuntime({base:['_9jw6iv',{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']},'p85yxc'],variants:{intent:{danger:'cwnimp',information:'m6vpbq',neutral:'_6cnvcd',success:'oi1j30',warning:'_1muza0k'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1vvyjib']});
+var offsetVar = 'var(--pzsf5z)';
+var root = recipeRuntime({base:['_1wmqiin',{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']},'_1mn66b9'],variants:{intent:{danger:'_1xr9c4q',information:'_1vhrtbv',neutral:'_198mn39',success:'_13g569f',warning:'_1ek0l54'}}});
 
 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-C32eB9b9.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CHcemmVW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-B5vScdDf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1nohaqg'],variants:{position:{bottom:'_47mqgt','bottom-left':'_1uomw16','bottom-right':'a87xnu',top:'lzwpwc','top-left':'_1bglkde','top-right':'_1b4tj9e'}}});
+var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1oxk2y5'],variants:{position:{bottom:'_1y5doyb','bottom-left':'_5gd68','bottom-right':['right-scroll-bar-position','v55g4s'],top:'fb6wzg','top-left':'_12zu2sz','top-right':['right-scroll-bar-position','s6zj8t']}}});
 
 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-C32eB9b9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C5cTri7I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JacPym.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1qg6a95',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1476crx']});
+var toggleInput = recipeRuntime({base:['_3m61qu',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'g2tv3n']});
 
 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-C32eB9b9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C5cTri7I.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-arix6TcT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JacPym.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CO_lSItd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_11q8j4r']});
+var control = recipeRuntime({base:['_11zq88i']});
 
 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-C32eB9b9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css';
 
-var className = '_1yxj93d';
+var className = '_1q9xehe';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-qG3TcTfh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Pe2OG8e6.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DH9Jf0fk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'v9b8h2',variants:{duration:{sm:'_1gbssl',md:'h7jr6p',lg:'_10b6jrc'}}});
+var transition = recipeRuntime({base:'_16yg5gm',variants:{duration:{sm:'_1adp1rx',md:'_1aaog3n',lg:'_1xnwqyh'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -13,6 +13,8 @@ export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
+export { FileUpload } from './packages/react/src/file-upload/FileUpload.js';
+export { FileUploadDropzone } from './packages/react/src/file-upload/FileUploadDropzone.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Layout } from './packages/react/src/layout/Layout.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-BULPyyH9.js';
-export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-BULPyyH9.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-BaAj_5qc.js';
+export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-BaAj_5qc.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -102,7 +102,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -128,7 +128,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -184,7 +184,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -204,7 +204,7 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -298,7 +298,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1095,7 +1095,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1152,7 +1152,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1212,7 +1212,7 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1411,7 +1411,7 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1431,7 +1431,7 @@ declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1662,7 +1662,7 @@ declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNull
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2093,7 +2093,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2424,7 +2424,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;

package/dist/unstable.d.ts

@@ -1,9 +1,10 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef, RefAttributes } from 'react';
-import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-BULPyyH9.js';
-export { d as Calendar, e as CalendarProps } from './Link-BULPyyH9.js';
+import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-BaAj_5qc.js';
+export { d as Calendar, e as CalendarProps } from './Link-BaAj_5qc.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
+import { DropzoneOptions } from 'react-dropzone';
 import * as RadixPopover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
@@ -17,6 +18,10 @@ type BreadcrumbProps = BoxProps<"nav", {
          * Display content inside the item after the label.
          */
         addonAfter?: ReactNode;
+        /**
+         * Handler that is called when an item is selected either via keyboard or mouse.
+         */
+        execute?: () => void;
         /**
          * Render a link with the given value as the `href` attribute.
          */
@@ -40,6 +45,10 @@ declare const Breadcrumb: react.ForwardRefExoticComponent<{
          * Display content inside the item after the label.
          */
         addonAfter?: ReactNode;
+        /**
+         * Handler that is called when an item is selected either via keyboard or mouse.
+         */
+        execute?: () => void;
         /**
          * Render a link with the given value as the `href` attribute.
          */
@@ -58,7 +67,7 @@ declare const Breadcrumb: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
-type BreadcrumbLink = BreadcrumbProps["items"][number];
+type BreadcrumbItem = BreadcrumbProps["items"][number];
 
 type CardProps = BoxProps<"div">;
 declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -177,11 +186,15 @@ type CommandOption = {
     /**
      * Images, icons, or avatars to be displayed before the item label.
      */
-    addon?: ReactNode;
+    addon?: ((context: {
+        inputValue: string | undefined;
+    }) => ReactNode) | ReactNode;
     /**
      * Add secondary text after the label.
      */
-    description?: string;
+    description?: ((context: {
+        inputValue: string | undefined;
+    }) => string) | string;
     /**
      * Secondary text displayed next to the label.
      */
@@ -238,6 +251,10 @@ type CommandOption = {
      * Return true if item needs to be marked as selected.
      */
     selected?: (() => boolean) | boolean;
+    /**
+     * Whether to skip scoring when filtering and sorting by the score.
+     */
+    skipFilterScoring?: boolean;
     /**
      * An array of sub items that will be displayed in a nested menu.
      */
@@ -294,9 +311,9 @@ type CommandProps = {
      */
     inputValue?: string;
     /**
-     * Whether to show loading spinner inside the menu.
+     * Whether to show loading spinner or placeholder items inside the menu.
      */
-    loading?: boolean;
+    loading?: "both" | "placeholder" | "spinner" | boolean;
     /**
      * Handler that is called when an item is hovered via mouse.
      */
@@ -407,6 +424,48 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
+type FileUploadProps = BoxProps<"div", {
+    /**
+     * File types to accept for upload. An object with the keys set to the MIME
+     * type and the values an array of file extensions.
+     *
+     * @example
+     * {
+     *   "image/*": [],
+     * }
+     */
+    accept?: DropzoneOptions["accept"];
+    /**
+     * Callback function called when files are dropped or selected
+     */
+    onFilesDrop?: (files: File[]) => void;
+}>;
+declare const FileUpload: react.ForwardRefExoticComponent<{
+    /**
+     * File types to accept for upload. An object with the keys set to the MIME
+     * type and the values an array of file extensions.
+     *
+     * @example
+     * {
+     *   "image/*": [],
+     * }
+     */
+    accept?: DropzoneOptions["accept"];
+    /**
+     * Callback function called when files are dropped or selected
+     */
+    onFilesDrop?: (files: File[]) => void;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type FileUploadDropzoneProps = BoxProps;
+declare const FileUploadDropzone: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type HighlightProps = BoxProps<"div", {
     children?: (chunk: ReactElement) => ReactNode;
     /**
@@ -554,7 +613,7 @@ declare namespace Menu {
     var displayName: string;
 }
 
-type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "minW" | "size">;
+type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "size">;
 declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
@@ -737,5 +796,5 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "addonAfter" | "addonBefore" | "loading" | "appearance" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
-export type { BreadcrumbLink, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, FileUpload, FileUploadDropzone, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
+export type { BreadcrumbItem, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, FileUploadDropzoneProps, FileUploadProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "files": [
     "dist/**",
     "LICENSE"
@@ -66,6 +66,7 @@
     "clsx": "^2.1.1",
     "downshift": "^9.0.9",
     "react-day-picker": "^9.7.0",
+    "react-dropzone": "^14.3.8",
     "react-remove-scroll": "^2.7.1",
     "use-sync-external-store": "^1.5.0",
     "@optiaxiom/globals": "^1.0.8"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1drr62a;
-@layer optiaxiom._1drr62a {
-  ._105gr2t {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1kbzkgw:not(:has(._1kbzkgw)):focus-within ._105gr2t, ._105gr2t:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._9umpos {
-    opacity: 1;
-  }
-  .r9oq8m {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1kbzkgw:not(:has(._1kbzkgw)):hover ._105gr2t {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1drr62a;
-@layer optiaxiom._1drr62a {
-  ._8fze6n {
-    opacity: 0;
-  }
-  ._3pbo0y {
-    inset: 0;
-    position: fixed;
-  }
-  ._1ugf2ro {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_124ky5g)))
-      scale(calc(1 - 0.06 * var(--_124ky5g)))
-    ;
-  }
-  ._1ugf2ro:focus-visible {
-    outline: none;
-  }
-  ._1rn7b0y {
-    width: 400px;
-  }
-  ._11jw5ft {
-    width: 600px;
-  }
-  ._1vhu4pd {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,48 +0,0 @@
-@layer optiaxiom._1drr62a;
-@layer optiaxiom._1drr62a {
-  ._55sq5f {
-    --_16a81o0: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1zq079 {
-    --_1fgcyyj: var(--ax-colors-bg-error);
-    --_1juhmuh: var(--ax-colors-bg-error-subtle);
-    --_12gc20s: var(--ax-colors-fg-error-strong);
-  }
-  ._1ek8shn {
-    --_1fgcyyj: var(--ax-colors-bg-information);
-    --_1juhmuh: var(--ax-colors-bg-information-subtle);
-    --_12gc20s: var(--ax-colors-fg-information-strong);
-  }
-  ._21do4n {
-    --_1fgcyyj: var(--ax-colors-bg-tertiary);
-    --_16a81o0: var(--ax-colors-fg-default);
-    --_1juhmuh: var(--ax-colors-bg-secondary);
-    --_12gc20s: var(--ax-colors-fg-secondary);
-  }
-  ._1r285ek {
-    --_1fgcyyj: var(--ax-colors-bg-accent);
-    --_1juhmuh: var(--ax-colors-bg-accent-subtle);
-    --_12gc20s: var(--ax-colors-fg-accent-strong);
-  }
-  ._10exg0s {
-    --_1fgcyyj: var(--ax-colors-bg-success);
-    --_1juhmuh: var(--ax-colors-bg-success-subtle);
-    --_12gc20s: var(--ax-colors-fg-success-strong);
-  }
-  .ocivnc {
-    --_1fgcyyj: var(--ax-colors-bg-warning);
-    --_16a81o0: var(--ax-colors-fg-warning-inverse);
-    --_1juhmuh: var(--ax-colors-bg-warning-subtle);
-    --_12gc20s: var(--ax-colors-fg-warning-strong);
-  }
-  ._1bube2c {
-    background-color: var(--_1fgcyyj);
-    color: var(--_16a81o0);
-  }
-  ._1ks41tp {
-    background-color: var(--_1juhmuh);
-    color: var(--_12gc20s);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1drr62a;
-@layer optiaxiom._1drr62a {
-  .lp7o6p {
-    opacity: 1;
-  }
-  ._1pci6ii[data-loading] .lp7o6p {
-    opacity: 0;
-  }
-}