@optiaxiom/react 1.1.2 → 1.2.0

package/dist/cjs/index.js

@@ -4,87 +4,87 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Skeleton = require('./Skeleton-BxKehDni.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DpowjLes.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DxQe1Ga4.css');
+var Skeleton = require('./Skeleton-1DQXHLG1.js');
+require('./assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-f21-0lK8.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-content/AlertDialogContent.css.ts.vanilla-YbT2asJl.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-vUWJlYDU.css');
+require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-BpatA3ac.css');
+require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DegX6Bt1.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-B3I9McEi.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-ReU4Msyb.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-hZvMlKxa.css');
 var globals = require('@optiaxiom/globals');
 var reactPortal = require('@radix-ui/react-portal');
 var RadixToast = require('@radix-ui/react-toast');
 var index_js = require('use-sync-external-store/shim/index.js');
-require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-7acMzCnN.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-C_qbW2SQ.css');
+require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-CzJkPRLx.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-BG050hLD.css');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/banner/Banner.css.ts.vanilla-CvFbO22G.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css');
-require('./assets/src/code/Code.css.ts.vanilla-4QfWwldC.css');
-require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-BXYhK3Ur.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-CdghyGBZ.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-ReU4Msyb.css');
+require('./assets/src/code/Code.css.ts.vanilla-CBp6dmyG.css');
+require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-UdqK8dn9.css');
 var RadixDialog = require('@radix-ui/react-dialog');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-DXqGGzy6.css');
+require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-CfOlDUU1.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-0gzYiFhN.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DrigKuvB.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CpF6_PAS.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DegFHTVA.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DkD0kjT5.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BjP32l85.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-ReU4Msyb.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-SvMQoK1u.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CoZB6K24.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-DiGd0GWd.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-D2Zmv7r9.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-CyTtcTEL.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CEtqVFuI.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BUmRo4aJ.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-BdQxHsrr.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-BsughZYN.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-Csvr6GeO.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-n2FzTfuv.css');
+require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-_rrvlFn5.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-0KfIDBKX.css');
+require('./assets/src/nav-item/NavItem.css.ts.vanilla-Bbjhv3cx.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-DZZm_Ymr.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-Dz5zm-D4.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-BH7IRGQp.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-D8aQgdKP.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-SDY9HO4t.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-BNrq9XTe.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-DXK_oddY.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-BubUj5wY.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-CmPtPDes.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-B2lGkH2S.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-wrtemEeh.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CuExYV93.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-VNJELHTF.css');
+require('./assets/src/tabs-list/TabsList.css.ts.vanilla-CWfAA2SR.css');
+require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-E9EcqeqO.css');
+require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BT0L_rwk.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-CCadKz2l.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-55ImrQ3T.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-BC0Ztb0e.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DThc8q2A.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-0iT0kvSy.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-BbXNXMsQ.css');
 require('@radix-ui/react-separator');
 require('clsx');
-require('./assets/src/separator/Separator.css.ts.vanilla-DIu23l0k.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-DTr7WjFv.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-BI9kTex8.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-Bvqxc98d.css');
-require('./assets/src/link/Link.css.ts.vanilla-DZSy83rt.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-H9oajKCy.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-FRFXVpL5.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BkdR-XXj.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DiGfLTN9.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-y8bMSH4v.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-iHZ9eqF7.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DICSzzhV.css');
+require('./assets/src/link/Link.css.ts.vanilla-D3T-_vwR.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-MZqdWsRa.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CFdKIFN4.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-DLs4QDCv.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/text/Text.css.ts.vanilla-BjiAsars.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-D-rDWBIZ.css');
+require('./assets/src/text/Text.css.ts.vanilla-CuAC9pRy.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-BXbFVLhQ.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CBpPAJWl.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DTzsmAmp.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-S8qGkvOP.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DLnxAlnZ.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-B9D6qIfE.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-KMgGUkhp.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Cad6t5Kv.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-0HmnWR5O.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-B2ogcDh4.css');
-require('./assets/src/box/Box.css.ts.vanilla-Ait8fGaR.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BCNl7fHi.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Bl6ojI1O.css');
+require('./assets/src/box/Box.css.ts.vanilla-BctltUpK.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DG9soKiN.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -177,7 +177,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'},'_2eekib']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'xjtioq']});
 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 = {
@@ -289,10 +289,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'_1c7nn7g'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1yt2knb'],variants:{size:{sm:'_9az1tq',md:'_1hcjdac',lg:'_1nopdr6'}}});
-var nestedDialogCountVar = 'var(--_11uvatc)';
-var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'f3uklq']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'_5tmi38'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'kfujab'],variants:{size:{sm:'_1xpmty3',md:'_9vkjyu',lg:'_16e2ur7'}}});
+var nestedDialogCountVar = 'var(--sczeen)';
+var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_43rbmn']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -339,7 +339,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1mt6iih']});
+var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1ip72cd']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer$1({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
@@ -393,7 +393,7 @@ const IconUsersSolid = Skeleton.withIcon(
   )
 );
 
-var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'btytj8'],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'},'_1r5l289'],xs:[{fontWeight:'400',size:'xs'},'_1ryq0o5'],sm:[{size:'sm'},'_74nnyn'],md:[{size:'md'},'_1y5kodk'],lg:[{size:'lg'},'_1n1oj3'],xl:[{size:'xl'},'_51olth'],'3xl':[{size:'3xl'},'zusn6o']}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_18qf1g1'],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'},'l3b6sp'],xs:[{fontWeight:'400',size:'xs'},'o17pib'],sm:[{size:'sm'},'ejm3tf'],md:[{size:'md'},'mr714s'],lg:[{size:'lg'},'p54524'],xl:[{size:'xl'},'_1ygj73l'],'3xl':[{size:'3xl'},'_1l57sb8']}}});
 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:['_1tkye9q',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['fngw8i',{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._1j05rql';
-var reset = 'optiaxiom._1xn72k';
+var components = 'optiaxiom._1ak1yxq';
+var reset = 'optiaxiom._1qou7xp';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -509,9 +509,9 @@ const ToastTitle = React.forwardRef(
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
 
-var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1c57x8q']});
-var offsetVar = 'var(--caj1hv)';
-var root$2 = Skeleton.recipeRuntime({base:['_1ugv0m8',{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']},'_1d0dk5f'],variants:{intent:{danger:'_9g90wb',information:'_1snpgus',neutral:'_2jdzgt',success:'e67ku5',warning:'_18q89dj'}}});
+var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'h7mg4y']});
+var offsetVar = 'var(--_1dsueex)';
+var root$2 = Skeleton.recipeRuntime({base:['_1r65lzm',{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']},'_1ucqcmk'],variants:{intent:{danger:'_1jbzv4w',information:'_11wxa9g',neutral:'q6wpap',success:'wy854d',warning:'_16eksie'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -570,7 +570,7 @@ const Toast = React.forwardRef(
 Toast.displayName = "@optiaxiom/react/Toast";
 
 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'},'_1swxdfo'],variants:{position:{bottom:'bmotcq','bottom-left':'_4dssce','bottom-right':'_1ofarfq',top:'_1dz2b9q','top-left':'nu1r5q','top-right':'w0nom8'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_6fzn40'],variants:{position:{bottom:'x24gut','bottom-left':'hriul7','bottom-right':'_19r2h9v',top:'_123fhif','top-left':'_82y55x','top-right':'_1s8gymu'}}});
 
 const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
   const [mounted, setMounted] = React.useState(false);
@@ -715,7 +715,7 @@ function AxiomProvider({
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
 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'},'_1hq0u3y']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1av29dz']});
 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 = {
@@ -758,7 +758,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var buttonGroup = Skeleton.recipeRuntime({base:'_7clb99'});
+var buttonGroup = Skeleton.recipeRuntime({base:'_1wk2ir2'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
@@ -778,7 +778,7 @@ const ButtonGroup = React.forwardRef(
 );
 ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
 
-var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'a6g75l']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'cpqhc8']});
 
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
@@ -789,7 +789,7 @@ const Code = React.forwardRef(
 );
 Code.displayName = "@optiaxiom/react/Code";
 
-var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'oa22ny']});
+var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1a0dhvf']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -826,10 +826,10 @@ const DialogForm = React.forwardRef(
 );
 DialogForm.displayName = "@optiaxiom/react/DialogForm";
 
-var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1yqpfnx']});
-var close = Skeleton.recipeRuntime({base:['ob53z6']});
-var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'zehwo6']});
-var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'bn4fso']});
+var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1oel1nm']});
+var close = Skeleton.recipeRuntime({base:['_14qfbmb']});
+var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1mkhh0y']});
+var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'mwenjf']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, description: description$1, ...props }, ref) => {
@@ -887,8 +887,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Skeleton.recipeRuntime({base:['_1ahdbxw']});
-var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1i4ltfs']});
+var inner = Skeleton.recipeRuntime({base:['aylfch']});
+var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1f151ut']});
 
 const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -910,9 +910,9 @@ const DisclosureContent = React.forwardRef(({ children, transitionType = "slide"
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Skeleton.recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_9gtlc8',start:'_1uerpxf'}}});
-var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_9as6jz']});
-var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1kg7kg1']});
+var icon = Skeleton.recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1pyyucy',start:'c4mbg3'}}});
+var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'udojdn']});
+var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'velqix']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -964,10 +964,10 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
-var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1dmyz00']});
-var input$1 = Skeleton.recipeRuntime({base:'d2eqdy'});
-var root = Skeleton.recipeRuntime({base:['_1cd8hja','g75s5f']});
-var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'cc8mc7'],variants:{size:{md:'ox3jzn',lg:'_7r17ai'}}});
+var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_86uwro']});
+var input$1 = Skeleton.recipeRuntime({base:'_1m2js0d'});
+var root = Skeleton.recipeRuntime({base:['ebmqae','altqdz']});
+var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'wbinpb'],variants:{size:{md:'_15ny3lb',lg:'hiec20'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
@@ -1343,9 +1343,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'_1npd9qd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'knauxa']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1vg2y72']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_7rrprk'],variants:{offset:{false:'y3rt9y',true:{}},position:{'bottom-right':'_5oj0zw','top-right':'_1gdynre'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_4r9w9']});
+var badge = Skeleton.recipeRuntime({base:'_19odwtj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1bfe23j']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_9bnzqp']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1h16jnq'],variants:{offset:{false:'j422bx',true:{}},position:{'bottom-right':'_8o0kdx','top-right':'_12ltmpq'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_1y3gk7y']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1391,8 +1391,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'},'_1f9nmd0'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = Skeleton.recipeRuntime({base:'_2vyi6r',variants:{variant:{outline:'dwgidi',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_6zzbkj'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = Skeleton.recipeRuntime({base:'_1uwkiaa',variants:{variant:{outline:'_12atp8r',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1421,7 +1421,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'},'_1n27ld9']});
+var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'jbjpqs']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1442,7 +1442,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:'_18vcd1w',true:'_172k06g'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'kswari',true:'pp3rux'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -1592,8 +1592,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'},'od1i6y']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'hkyozj'],variants:{expanded:{false:'_1j7ixuy',true:'rdh670'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1lm3lqu']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1bhinnh'],variants:{expanded:{false:'_3s9i0i',true:'_1ga6087'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1671,7 +1671,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'},'_1ehmc1z']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'fnkrti']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1697,10 +1697,10 @@ Progress.displayName = "@optiaxiom/react/Progress";
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
-var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'gl3czh'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_3l92r3']});
-var input = Skeleton.recipeRuntime({base:'t2jh9t'});
-var radio = Skeleton.recipeRuntime({base:'_1jmkas'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1druh4v'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_8rsvd0']});
+var input = Skeleton.recipeRuntime({base:'_1rylsdd'});
+var radio = Skeleton.recipeRuntime({base:'v6pzj7'});
 
 const Radio = React.forwardRef(
   ({
@@ -1812,23 +1812,17 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1hmbbvf']});
-var search = Skeleton.recipeRuntime({base:'j69wfs'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_12atjb7']});
+var search = Skeleton.recipeRuntime({base:'_11kgw6b'});
 
 const SearchInput = React.forwardRef(
-  ({
-    addonBefore,
-    className,
-    defaultValue = "",
-    onChange,
-    onValueClear,
-    value: valueProp,
-    ...props
-  }, outerRef) => {
+  ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const [innerValue, setValue] = React.useState(defaultValue);
-    const value = typeof valueProp === "undefined" ? innerValue : valueProp;
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      defaultProp: props.defaultValue,
+      prop: props.value
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Input,
       {
@@ -1862,7 +1856,6 @@ const SearchInput = React.forwardRef(
         },
         ref,
         type: "search",
-        value,
         ...search({}, className),
         ...props
       }
@@ -1953,7 +1946,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'},'_1e1aj82']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1ybtkuu']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1983,7 +1976,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1xy43yo']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1d7rmgd']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2000,7 +1993,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'ccg1jg']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'k1hydv']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2009,8 +2002,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'},'iek8t2']});
-var trigger = Skeleton.recipeRuntime({base:['_1994sma',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_11di8q8']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'xkcwzx']});
+var trigger = Skeleton.recipeRuntime({base:['_1y9i3rl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_11buy61']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -2024,9 +2017,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['_18ledu8','_1jeobpq']});
-var textarea = Skeleton.recipeRuntime({base:['_18ledu8','_9hndjp']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_17cnr8r','_1v7x4g1'],'2':['_17cnr8r','k76k2'],'3':['_17cnr8r','_3uuynr'],'4':['_17cnr8r','_1v9zgd5'],'5':['_17cnr8r','taq9fg']},resize:{auto:{},none:{},vertical:'wo2jb3'}}});
+var shadow = Skeleton.recipeRuntime({base:['_1krxmin','_1pppkyx']});
+var textarea = Skeleton.recipeRuntime({base:['_1krxmin','_4qw2bb']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['pbnecg','sdnqos'],'2':['pbnecg','_7ofuk0'],'3':['pbnecg','_1k4br7j'],'4':['pbnecg','ti85wr'],'5':['pbnecg','_1mdo0ml']},resize:{auto:{},none:{},vertical:'_11y3piv'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({