@optiaxiom/react 1.3.3 → 1.3.4

package/dist/cjs/index.js

@@ -4,90 +4,90 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Skeleton = require('./Skeleton-Da4YHK8G.js');
-require('./assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-wzOt5g_C.css');
+var Skeleton = require('./Skeleton-BwzEuXRY.js');
+require('./assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-H_D2eMbo.css');
 var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BH-DGWkr.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DqJugEcO.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BakT7sx5.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CeHGV9aR.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-C7OxSp25.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-DxrBSYDj.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-DK9zopVb.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-ChJh82P8.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-BXZjhqtW.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-Dq8Kn9pJ.css');
 var reactPortal = require('@radix-ui/react-portal');
 var shim = require('use-sync-external-store/shim');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-BAMIflY9.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-Dpj_ysIb.css');
-require('./assets/src/code/Code.css.ts.vanilla-CluXn8FS.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-B8D-HF4B.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-BPijpKTb.css');
+require('./assets/src/code/Code.css.ts.vanilla-VeUyn3sm.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BUIjxppo.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BslMHhMY.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CryYPrsy.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Ce0vGWK1.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-B_NwjMsn.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-A-YtauGz.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-BptKNhUC.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BS0CPXKK.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BnswEL8I.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-BrhBE5HW.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-Ck__Fe6R.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-CJwB_Y1S.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-Dgf7yW50.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-D8rY8qdW.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CDi0jeiu.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-Cnzf0yb8.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BIk4-33y.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-DzBEF66t.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-CGmG8qg1.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-C62d1qK5.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DGXv0cRE.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DKw1zGq0.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-BCBpSPkQ.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-BpkzJS4V.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-DquhmOHa.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-vAghS2jQ.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CR-UkNdl.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-QjA9Tp8y.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-K5EaImP3.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-DAp6iGNk.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-BQxi2dQC.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-COOfMoVy.css');
 var RadixToggle = require('@radix-ui/react-toggle');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-CbuP5e8A.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DbkaRi_T.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-BRnr6MU6.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-B-8go-oS.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DWBpSYeV.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DcYrZKqo.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-80GG_e5W.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-SBTw-Uwk.css');
 require('clsx');
-require('./assets/src/input/InputControl.css.ts.vanilla-DkC-V-K6.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BwqY7eUc.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-l3bRDSQn.css');
-require('./assets/src/link/Link.css.ts.vanilla-DIghhNpx.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CgKyyje7.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-B644yEwo.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-C1SX3EWC.css');
+require('./assets/src/link/Link.css.ts.vanilla-B-UzZVPR.css');
 require('@radix-ui/react-tooltip');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BuhaMNMY.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-CGer1zmy.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BlLJcjK6.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CAchYNAD.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CAosigYx.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Dbl8ewMo.css');
-require('./assets/src/text/Text.css.ts.vanilla-Dqj-4wL_.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIQ0bw7f.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DrTbIVHO.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Cn_XcWOI.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-MmiRrm_S.css');
+require('./assets/src/text/Text.css.ts.vanilla--EVicwEp.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BvRZcXaa.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-hucDfOoh.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-Ci_ZKppN.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-2Y5nhCpl.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-DNlWa43q.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-IQ6f7j1M.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-yCc1rkLn.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DMmxn9Jg.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-1uCIDzTk.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-0f4bGCPQ.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-PrfE3sWD.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CysVj99D.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-D77uLhxE.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CRqmiPzq.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CvhHm1x9.css');
-require('./assets/src/box/Box.css.ts.vanilla-D05nRDry.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BFP81jRu.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BcqoWQvZ.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dnq424Jf.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dg6aZlKk.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -178,7 +178,7 @@ const IconTriangleExclamationSolid = Skeleton.withIcon(
 );
 
 var alert = Skeleton.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_18iqkbe']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'viz4sx']});
 var icon$4 = Skeleton.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon$2 = {
@@ -291,10 +291,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'zv5r32'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'iy63fz'],variants:{size:{sm:'i50sx4',md:'_1vc6a0o',lg:'_58001e'}}});
-var nestedDialogCountVar = 'var(--z3tr69)';
-var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1eu2nk4']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'_15crdj6'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'in66eq'],variants:{size:{sm:'q8weu9',md:'cb1gio',lg:'_101ryy0'}}});
+var nestedDialogCountVar = 'var(--x7oqhw)';
+var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1v2qssy']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -341,7 +341,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'zevcpk']});
+var footer = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'opzudk']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
@@ -391,7 +391,7 @@ const IconUsersSolid = Skeleton.withIcon(
   )
 );
 
-var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_91b0sw'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1ygo9iz'],xs:[{fontWeight:'400',size:'xs'},'_1lslq1q'],sm:[{size:'sm'},'o606yv'],md:[{size:'md'},'_77eaw9'],lg:[{size:'lg'},'_1wwu4h'],xl:[{size:'xl'},'_1rblv9g'],'3xl':[{size:'3xl'},'_1dhkslo']}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1tyxdvy'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1kf5obh'],xs:[{fontWeight:'400',size:'xs'},'hjd31x'],sm:[{size:'sm'},'s6mype'],md:[{size:'md'},'_1j2bgfz'],lg:[{size:'lg'},'ny716y'],xl:[{size:'xl'},'_1mbexzo'],'3xl':[{size:'3xl'},'_16q5uad']}}});
 var fallback = Skeleton.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$3 = Skeleton.recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 
@@ -436,7 +436,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Skeleton.recipeRuntime({base:['_1a8xkwx',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['_1mfs6tx',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -447,8 +447,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._4afdq5';
-var reset = 'optiaxiom.celf7o';
+var components = 'optiaxiom._1y6jejb';
+var reset = 'optiaxiom._1w4e1os';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -492,9 +492,9 @@ function ThemeProvider({
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'iizc5r']});
-var offsetVar = 'var(--_1uzfi3i)';
-var root$1 = Skeleton.recipeRuntime({base:['ijj76q',{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']},'lmzsab'],variants:{intent:{danger:'_1hxes50',information:'qi2oif',neutral:'_174gfyy',success:'_1qtgh3k',warning:'gij9fd'}}});
+var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_17qou5p']});
+var offsetVar = 'var(--_1s5mnea)';
+var root$1 = Skeleton.recipeRuntime({base:['rbqlxr',{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']},'mxjfny'],variants:{intent:{danger:'zqv1s6',information:'rc2ur',neutral:'_13gs6bk',success:'_1yhfy3h',warning:'u2e9if'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -563,7 +563,7 @@ const ToastAction = React.forwardRef(
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_7ngwm3'],variants:{position:{bottom:'ysnlqb','bottom-left':'skd279','bottom-right':'_7jdn1',top:'vsbcu7','top-left':'ui4c4b','top-right':'stv2tr'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1wl9tv'],variants:{position:{bottom:'c57sgb','bottom-left':'h92or2','bottom-right':'_1oo3egi',top:'_17tdmeb','top-left':'_1x4727g','top-right':'_1dpf99u'}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -700,7 +700,7 @@ function AxiomProvider({
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Skeleton.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1l7atch'],variants:{intent:{danger:'_1214ht9',information:'_39ruks',neutral:'_10wj4iq',primary:'_14q8fxp',success:'v2a9ub',warning:'zf0ykk'},variant:{strong:'_1bxorob',subtle:'xlskwc'}}});
+var badge$1 = Skeleton.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'fpmdye'],variants:{intent:{danger:'rkb69e',information:'_1pkxsnd',neutral:'_10jxfyc',primary:'z7dgrm',success:'_39fkm3',warning:'_18fvatm'},variant:{strong:'z4m2jg',subtle:'_18efg7n'}}});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -727,7 +727,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = Skeleton.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1vmwy5x']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_4qy3zx']});
 var icon$1 = Skeleton.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon = {
@@ -770,7 +770,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'_13hxal0']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'xpdbfr']});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -812,8 +812,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Skeleton.recipeRuntime({base:['lwm9au']});
-var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_39ekar']});
+var inner = Skeleton.recipeRuntime({base:['_17asr8z']});
+var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1m77t5f']});
 
 const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -835,9 +835,9 @@ const DisclosureContent = React.forwardRef(({ children, transitionType = "slide"
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Skeleton.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1k3g515',start:'hd1wte'}}});
-var root = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'v9f2oo']});
-var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1b9upqw']});
+var icon = Skeleton.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1ugi5oo',start:'_1xckypb'}}});
+var root = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1mdib0g']});
+var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1fao946']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -1256,9 +1256,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'_18ulxp0',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_6kgtec']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'dm0o99']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1ine17t'],variants:{offset:{false:'_1fikr6b',true:{}},position:{'bottom-right':'_1eq66je','top-right':'ej9n6m'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_11k9cyk']});
+var badge = Skeleton.recipeRuntime({base:'_1ksqjxb',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_12ev5zv']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'kv90it']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'h6n2yj'],variants:{offset:{false:'_1foqryo',true:{}},position:{'bottom-right':'ty0t3u','top-right':'anp75v'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_5qm222']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1304,8 +1304,8 @@ const Indicator = React.forwardRef(
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'apg3iz'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = Skeleton.recipeRuntime({base:'rce56o',variants:{variant:{outline:'_1on09zc',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'ztyoyi'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = Skeleton.recipeRuntime({base:'jnfbo6',variants:{variant:{outline:'_1s0ydm8',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1334,7 +1334,7 @@ Kbd.displayName = "@optiaxiom/react/Kbd";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1q28l6d']});
+var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_7j5gnm']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1355,7 +1355,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_16q0i0g',true:'qo5myg'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'drbrg3',true:'_1f51az6'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -1505,8 +1505,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'jdxvwc']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ipmpf9'],variants:{expanded:{false:'rqbghb',true:'_1cgz0i8'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1g3ffgu']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1hy4e9s'],variants:{expanded:{false:'_43qrta',true:'at64s4'}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -1585,7 +1585,7 @@ const NavSeparator = React.forwardRef(
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
 var indicator$1 = Skeleton.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1grqs5e']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1umldxr']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1609,10 +1609,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ocqtbp'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_6y3i26']});
-var input = Skeleton.recipeRuntime({base:'emb7tk'});
-var radio = Skeleton.recipeRuntime({base:'_88cwk3'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'ml8se8'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'j07skw']});
+var input$1 = Skeleton.recipeRuntime({base:'_1pxh1xz'});
+var radio = Skeleton.recipeRuntime({base:'_1v2jh4i'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -1659,7 +1659,7 @@ const Radio = React.forwardRef(
               onChange: groupContext?.onChange ?? onChange,
               ref,
               type: "radio",
-              ...input(),
+              ...input$1(),
               ...restProps
             }
           ),
@@ -1726,8 +1726,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_195qfn8']});
-var search = Skeleton.recipeRuntime({base:'_1ik2j77'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'mlkf1y']});
+var input = Skeleton.recipeRuntime({base:'ct0v4'});
+var search = Skeleton.recipeRuntime({base:'_5owqt2'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -1762,6 +1763,7 @@ const SearchInput = React.forwardRef(
           addonBefore
         ] }),
         addonPointerEvents: "none",
+        asChild: true,
         autoComplete: "off",
         onChange: (event) => {
           onChange?.(event);
@@ -1770,7 +1772,8 @@ const SearchInput = React.forwardRef(
         ref,
         type: "search",
         ...search({}, className),
-        ...props
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("input", { ...input() })
       }
     );
   }
@@ -1860,7 +1863,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'uiij9v']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1sxgplt']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1890,7 +1893,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'hjc9ox']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1gddtlq']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1907,7 +1910,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_15lbq8b']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1tlmrdh']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1916,8 +1919,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'dh55gv']});
-var trigger = Skeleton.recipeRuntime({base:['_3tqpdz',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_6vnbcv']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_12xmad']});
+var trigger = Skeleton.recipeRuntime({base:['sp05t1',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'sd83pp']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -1931,9 +1934,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['_3ihgog','qysdvi']});
-var textarea = Skeleton.recipeRuntime({base:['_3ihgog','_1dyrf32']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1re38ec','_9q2xrx'],'2':['_1re38ec','_1u230tq'],'3':['_1re38ec','br9rkk'],'4':['_1re38ec','dlel22'],'5':['_1re38ec','_1c7bmci']},resize:{auto:{},none:{},vertical:'_1ahup4x'}}});
+var shadow = Skeleton.recipeRuntime({base:['r89laj','tc7w2a']});
+var textarea = Skeleton.recipeRuntime({base:['r89laj','_8xjm3w']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ie9q4x','_6x5pmz'],'2':['ie9q4x','_5cow5c'],'3':['ie9q4x','_19ctld2'],'4':['ie9q4x','_592ma8'],'5':['ie9q4x','_41ur8d']},resize:{auto:{},none:{},vertical:'_1st0ojw'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(