@optiaxiom/react 1.9.24 → 1.9.26

package/dist/esm/packages/react/src/table/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DUz4vZYx.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-CCVtWkSW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-D7gjYtht.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-Dvhe_CAm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1xelezd'],variants:{pinned:{false:'_1k65ty6',true:'_1905nfm'}}});
+var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'t19zit'],variants:{pinned:{false:'_1s66chb',true:'em55y0'}}});
 
-export { cell };
+export { cell$1 as cell };

package/dist/esm/packages/react/src/table/TableHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/table/TableHeader.css.ts.vanilla-DmdsH0u7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-B27ugeen.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'ndwfyg'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_6vu878'}}});
 
 export { header };

package/dist/esm/packages/react/src/table/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-RB6tfulx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-bYRkOGaB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'q5vuus'],variants:{pinned:{false:'ngptc1',true:'_1kawmt5'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_15prey4']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_1kn14fm'],variants:{pinned:{false:'_971mec',true:'_18dfrz9'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1v91zzs']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table/TableHeaderCell.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { cell, content } from './TableHeaderCell-css.js';
+import { content, cell } from './TableHeaderCell-css.js';
 
 const TableHeaderCell = forwardRef(
   ({

package/dist/esm/packages/react/src/table/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-DUz4vZYx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-D7gjYtht.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['es80ps',{transition:'colors',w:'full'},'_1qve523']});
+var row = recipeRuntime({base:['ijqlb9',{transition:'colors',w:'full'},'_1979l7y']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-N--7dLa5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-DlVvHcZn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_1ye1ksb']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1pw9xt2']});
 
 export { tabs };

package/dist/esm/packages/react/src/tabs/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-BHekIrr9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-dw1Q5fnf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'xfkbpl']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1xthxo9']});
 
 export { list };

package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-BlV4HsWf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-Cm76doX6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_8t35cw']});
-var trigger = recipeRuntime({base:['_1erud3a',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'hvgyd0']});
+var content = recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1k7hb98']});
+var trigger = recipeRuntime({base:['iwfhja',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'ktrolz']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/tabs/TabsTrigger.js

@@ -9,12 +9,12 @@ import { Group } from '../group/Group.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
-import { trigger, content } from './TabsTrigger-css.js';
+import { content, trigger } from './TabsTrigger-css.js';
 
-const Slot = createSlot("@optiaxiom/react/TabsTrigger");
+const Slot$2 = createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = forwardRef(
   ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot$2 : "button";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Group, { ...content(), children: [
       addonBefore,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-XAXFqDKr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-x0Uzvvxa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'z16wfs','_1isjwmr','j3r8jd'],'2':[undefined,'z16wfs','_1isjwmr','to5tu2'],'3':[undefined,'z16wfs','_1isjwmr','_19hfa10'],'4':[undefined,'z16wfs','_1isjwmr','_1nw3eab']},truncate:{true:[undefined,'z16wfs',{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'},'_1vq135l','_1bev122','ety7yj'],'2':[undefined,'_1vq135l','_1bev122','_83onbh'],'3':[undefined,'_1vq135l','_1bev122','n482j6'],'4':[undefined,'_1vq135l','_1bev122','_184j9uw']},truncate:{true:[undefined,'_1vq135l',{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/text/Text.js

@@ -7,10 +7,10 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { text } from './Text-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Text");
+const Slot$e = createSlot("@optiaxiom/react/Text");
 const Text = forwardRef(
   ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
-    const Comp = asChild ? Slot : "p";
+    const Comp = asChild ? Slot$e : "p";
     return /* @__PURE__ */ jsx(
       Box,
       {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-BeR9_rsG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-B_8Z55tj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1k2z3e'});
+var addon = recipeRuntime({base:'_1l59mng'});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DyjLQ_r5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DBvJMQwL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_3u6a22','loxwyc']});
-var textarea = recipeRuntime({base:['_3u6a22','uj1kav'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_15kmlgj','_9qmaar'],'2':['_15kmlgj','fuhpgi'],'3':['_15kmlgj','ueu6dy'],'4':['_15kmlgj','_1gbiz4b'],'5':['_15kmlgj','_1r9xyzt']},resize:{auto:{},none:{},vertical:'pwe53d'}}});
+var shadow = recipeRuntime({base:['_1oqblwf','_1a5nf5s']});
+var textarea = recipeRuntime({base:['_1oqblwf','_16t1qey'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1cqq083','_1vqplom'],'2':['_1cqq083','kq1htz'],'3':['_1cqq083','_1704zie'],'4':['_1cqq083','_1n12o2z'],'5':['_1cqq083','_19hyp3u']},resize:{auto:{},none:{},vertical:'zifpj2'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -5,9 +5,9 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
-import { wrapper, textarea, shadow } from './TextareaAutosize-css.js';
+import { textarea, shadow, wrapper } from './TextareaAutosize-css.js';
 
-const Slot = createSlot("@optiaxiom/react/TextareaAutosize");
+const Slot$1 = createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = forwardRef(
   ({
     asChild,
@@ -18,7 +18,7 @@ const TextareaAutosize = forwardRef(
     resize = "none",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "textarea";
+    const Comp = asChild ? Slot$1 : "textarea";
     const { boxProps, restProps } = extractBoxProps(props);
     const [value, setValue] = useControllableState({
       caller: "@optiaxiom/react/TextareaAutosize",

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BvOQ0DRs.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-D_3d2-2H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CO-Hb0PI.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-kVLbciP4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'el2nx6']});
-var offsetVar = 'var(--_2ulu43)';
-var root = recipeRuntime({base:['_1gidzjf',{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']},'i9t0bo'],variants:{intent:{danger:'_1kjssjp',information:'_1q01jxu',neutral:'_16ablu4',success:'_14mqugb',warning:'_1ll2ag7'}}});
+var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'qv8tmm']});
+var offsetVar = 'var(--k4c8gs)';
+var root$2 = recipeRuntime({base:['_15fil6s',{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']},'_47zjib'],variants:{intent:{danger:'_16bj9h6',information:'v8prnq',neutral:'crpa0m',success:'_1v0cxb',warning:'ybuqyn'}}});
 
-export { icon, offsetVar, root };
+export { icon$3 as icon, offsetVar, root$2 as root };

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

@@ -15,9 +15,9 @@ import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.
 import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
-import { root, icon, offsetVar } from './Toast-css.js';
+import { icon, root, offsetVar } from './Toast-css.js';
 
-const mapIntentToIcon = {
+const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
   information: IconCircleInfoSolid,
   neutral: IconCircleInfoSolid,
@@ -53,7 +53,7 @@ const Toast = forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: createElement(mapIntentToIcon[intent]) }),
+              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: createElement(mapIntentToIcon$1[intent]) }),
               children,
               /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(
                 Button,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BvOQ0DRs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CO-Hb0PI.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'},'_1vacw6y'],variants:{position:{bottom:'jw4mum','bottom-left':'_1ifrxnw','bottom-right':['right-scroll-bar-position','_1xipmgx'],top:'v2x7en','top-left':'_1qcf5vg','top-right':['right-scroll-bar-position','_1lmall5']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'fuojdl'],variants:{position:{bottom:'_1dkx29e','bottom-left':'_6m6j3h','bottom-right':['right-scroll-bar-position','ucvjki'],top:'_15t827n','top-left':'r6dr9c','top-right':['right-scroll-bar-position','e7k8e3']}}});
 
 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-CNSzWTu2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BqmvUQxv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-By0Jb2n3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BOL2DkUU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_8un9a8',{alignItems:'start',display:'inline-flex',gap:'8'},'mpqzhc']});
+var toggleInput = recipeRuntime({base:['od8p5r',{alignItems:'start',display:'inline-flex',gap:'8'},'_4r7kr0']});
 
 export { toggleInput };

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

@@ -9,10 +9,10 @@ import { Group } from '../group/Group.js';
 import { toggleInput } from './ToggleInput-css.js';
 import { ToggleInputProvider } from './ToggleInputContext.js';
 
-const Slot = createSlot("@optiaxiom/react/ToggleInput");
+const Slot$7 = createSlot("@optiaxiom/react/ToggleInput");
 const ToggleInput = forwardRef(
   ({ asChild, children, className, onMouseDown, ...props }, ref) => {
-    const Comp = asChild ? Slot : "label";
+    const Comp = asChild ? Slot$7 : "label";
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BqmvUQxv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-By0Jb2n3.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DTVG42Cm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BOL2DkUU.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B4xpQ1NU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1shp482']});
+var control$3 = recipeRuntime({base:['_4ocpja']});
 
-export { control };
+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-CNSzWTu2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BqmvUQxv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-YgV0ZPi4.css';
 
-var className = 'dwrnqy';
+var className = '_1831f56';
 
 export { className };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.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'}}}});
+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'}}}});
 
-export { content };
+export { content$3 as content };

package/dist/esm/packages/react/src/tooltip/TooltipContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [TooltipProvider, useTooltipContext] = createContext("@optiaxiom/react/Tooltip");
+const [TooltipProvider$1, useTooltipContext] = createContext("@optiaxiom/react/Tooltip");
 
-export { TooltipProvider, useTooltipContext };
+export { TooltipProvider$1 as TooltipProvider, useTooltipContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CNSzWTu2.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BGB9z0C3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-RAdWmDOg.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-_3RTn7tB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'h4nl28',variants:{duration:{sm:'_1do7k2h',md:'wsfkk3',lg:'_1gw5a4g'}}});
+var transition = recipeRuntime({base:'re9ts3',variants:{duration:{sm:'r1ggnc',md:'_2mvr4n',lg:'_7qtukk'}}});
 
 export { transition };

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

@@ -7,7 +7,7 @@ import { transition } from './Transition-css.js';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
 import { useTransitionStatus } from './useTransitionStatus.js';
 
-const Slot = createSlot("@optiaxiom/react/Transition");
+const Slot$d = createSlot("@optiaxiom/react/Transition");
 const Transition = forwardRef(
   ({
     children,
@@ -20,8 +20,8 @@ const Transition = forwardRef(
     const innerRef = useRef(null);
     const transitionStatus = useTransitionStatus(innerRef);
     const ref = useComposedRefs(outerRef, innerRef);
-    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
-      Slot,
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot$d, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
+      Slot$d,
       {
         "data-transition-fade": transitionStatus ? "" : void 0,
         "data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,

package/dist/esm/unstable.js

@@ -19,7 +19,6 @@ export { HoverCardTrigger } from './packages/react/src/hover-card/HoverCardTrigg
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
 export { LayoutContent } from './packages/react/src/layout/LayoutContent.js';
-export { MaterialIcon } from './packages/react/src/material-icon/MaterialIcon.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { PillMenu } from './packages/react/src/pill-menu/PillMenu.js';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, S as Sprinkles, a as ButtonProps, R as RecipeVariants, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-BFkdUDQM.js';
-export { k as Alert, A as AlertProps, l as DialogContent, D as DialogContentProps, m as GroupProps, L as LonghandProps, p as Menu, r as MenuContent, q as MenuContentProps, n as MenuOption, o as MenuProps, t as MenuTrigger, s as MenuTriggerProps, u as PopoverTriggerProps, z as TableHeaderCell, T as TableHeaderCellProps, x as mapResponsiveValue, y as normalizeResponsiveValue, w as sprinkles, v as vars } from './MenuTrigger-BFkdUDQM.js';
+import { S as Sprinkles, B as BoxProps, a as ButtonProps, R as RecipeVariants, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as CalendarProps, e as Calendar, f as Box, g as ResponsiveArray, P as PopoverContentProps, h as PopoverContent, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-tWI6N9u6.js';
+export { A as Alert, k as AlertProps, D as DialogContent, l as DialogContentProps, m as GroupProps, L as LonghandProps, n as Menu, o as MenuContent, p as MenuContentProps, q as MenuOption, r as MenuProps, s as MenuTrigger, t as MenuTriggerProps, u as PopoverTriggerProps, T as TableHeaderCell, v as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, y as sprinkles, z as vars } from './MenuTrigger-tWI6N9u6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
@@ -3495,7 +3495,7 @@ type SelectProps = {
      */
     onBlur?: FocusEventHandler<HTMLElement>;
     /**
-     * Handler for `change` event forwarded to inner select element.
+     * Native `change` event handler for the hidden select element. Prefer `onValueChange` for most use cases.
      */
     onChange?: ChangeEventHandler<HTMLSelectElement>;
     /**
@@ -3503,7 +3503,7 @@ type SelectProps = {
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * Handler that is called when the selected value changes.
+     * Handler that is called when the selected value changes. Use this to track the selected value.
      */
     onValueChange?: (value: string) => void;
     /**
@@ -3524,11 +3524,17 @@ type SelectProps = {
     value?: string;
 };
 /**
- * Form input for selecting a value from a dropdown list. Use this to capture
- * user input in forms as an alternative to radios when you have many options.
+ * Single-select form input for choosing one value from a dropdown list.
+ * Works like a native `<select>` — supports `name`, `value`, `onChange`,
+ * and works with `<form>` submissions.
+ *
+ * Must be used with SelectTrigger and SelectContent sub-components.
+ *
+ * Use Select when: single value selection in a form, controlled/uncontrolled
+ * form input, you need form submission support.
  *
- * Use this for form inputs only. For action menus or multi-select dropdowns,
- * use Menu instead.
+ * Use Menu instead when: you need multi-select, actions (edit/delete),
+ * links, filtering/search, nested sub-menus, or checkbox/radio items.
  *
  * @group Select
  * @category form

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, z as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, p as Menu, o as MenuProps, r as MenuContent, q as MenuContentProps, t as MenuTrigger, k as Alert } from './MenuTrigger-BFkdUDQM.js';
-export { C as Calendar, e as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-BFkdUDQM.js';
+import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-tWI6N9u6.js';
+export { e as Calendar, C as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-tWI6N9u6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -464,38 +464,6 @@ declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sp
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MaterialIconProps = BoxProps<"svg", {
-    /**
-     * Whether the icon should use filled or unfilled state.
-     */
-    filled?: boolean;
-    /**
-     * The path for the filled icon.
-     */
-    filledPath?: string;
-    /**
-     * The path for the unfilled icon.
-     */
-    unfilledPath: string;
-}>;
-declare const MaterialIcon: react.ForwardRefExoticComponent<{
-    /**
-     * Whether the icon should use filled or unfilled state.
-     */
-    filled?: boolean;
-    /**
-     * The path for the filled icon.
-     */
-    filledPath?: string;
-    /**
-     * The path for the unfilled icon.
-     */
-    unfilledPath: string;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
-
 declare const pill: (props?: {
     interactive?: boolean | undefined;
     size?: "xs" | "sm" | undefined;
@@ -563,7 +531,7 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "placeholder" | "loading" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -886,7 +854,7 @@ declare const SpotlightTrigger: 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"> & 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" | "addonAfter" | "addonBefore" | "type" | "square" | "appearance" | "loading" | "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"> & 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" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "type" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SuggestionAlertProps = ComponentPropsWithoutRef<typeof Alert>;
 /**
@@ -1083,5 +1051,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, MaterialIcon, 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, MaterialIconProps, 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, 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 };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.9.24",
+  "version": "1.9.26",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,28 +68,28 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@tanstack/virtual-core": "^3.13.12",
+    "@tanstack/react-virtual": "^3.13.23",
+    "@tanstack/virtual-core": "^3.13.23",
     "@vanilla-extract/dynamic": "^2.1.5",
     "clsx": "^2.1.1",
-    "downshift": "^9.0.10",
+    "downshift": "^9.3.2",
     "jsonpointer": "^5.0.1",
-    "react-day-picker": "^9.9.0",
-    "react-remove-scroll": "^2.7.1",
-    "react-resizable-panels": "^3.0.4",
-    "recharts": "^3.7.0",
-    "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.1.9"
+    "react-day-picker": "^9.14.0",
+    "react-remove-scroll": "^2.7.2",
+    "react-resizable-panels": "^3.0.6",
+    "recharts": "^3.8.1",
+    "use-sync-external-store": "^1.6.0",
+    "@optiaxiom/globals": "^1.1.10"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^8.2.5",
-    "@types/node": "^22.17.2",
+    "@mantine/hooks": "^8.3.18",
+    "@types/node": "^22.19.17",
     "@types/use-sync-external-store": "^1.5.0",
-    "@vanilla-extract/css": "^1.17.4",
+    "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/sprinkles": "^1.6.5",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.6",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@optiaxiom/shared": "^0.0.0"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1kiv8z5;
-@layer optiaxiom._1kiv8z5 {
-  ._14gx8qt {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .sctdej:not(:has(.sctdej)):focus-within ._14gx8qt, ._14gx8qt:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .a1nbu {
-    opacity: 1;
-  }
-  ._71s75w {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .sctdej:not(:has(.sctdej)):hover ._14gx8qt {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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