@optiaxiom/react 0.13.8 → 0.13.9

package/dist/cjs/index.js

@@ -4,86 +4,86 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Skeleton = require('./Skeleton-CEOU4Zwk.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-CRCuMtms.css');
+var Skeleton = require('./Skeleton-Ce2P3ovf.js');
+require('./assets/src/layers/layers.css.ts.vanilla-COiQatzf.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CGMQBHKD.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-DcLoOC82.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DXQuYDkh.css');
+require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CWcGFGSi.css');
+require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-WkvSojjJ.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CmMZpO6J.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-C4Ho25q1.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-Bpn6x2Qs.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-dSHjQyLu.css');
+require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-DFKlCC_u.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-C0iqaHZd.css');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/banner/Banner.css.ts.vanilla-e4J3GWOq.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css');
-require('./assets/src/code/Code.css.ts.vanilla-RFrUs6di.css');
-require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-BgZpCG4V.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-Bb9wI0aM.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css');
+require('./assets/src/code/Code.css.ts.vanilla-mfSOFVYl.css');
+require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-DEFiv6bH.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-CXAAvV-_.css');
+require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-BnUEhHPV.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DYEsxCyA.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-CMV6zbmF.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-t4Shregl.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DRwaTYMK.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-C8sAuwtL.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-BcMkCh9V.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-Cayx-2nS.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BAaitohW.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CTg6l_A2.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-Dqh9xm2i.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-BuMd31_Q.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DJiqlCCx.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-CM8_qm2c.css');
+require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-jzRtTXvw.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-NHB_mKnX.css');
+require('./assets/src/nav-item/NavItem.css.ts.vanilla-x0H8pFKM.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-Qm9KYt75.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-CaDB9zAP.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-DPsPHQ2B.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-Dt5Utb1W.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-Da99R33_.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-zY0PSe_K.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-BNle7_dZ.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-B99QUUtr.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-BwUNBkRi.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla--fPZEhlR.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-DaLKuRwp.css');
+require('./assets/src/tabs-list/TabsList.css.ts.vanilla-7uqSyzOX.css');
+require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-BDvPDABO.css');
+require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BrKDre57.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-Ca022JuU.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-FgHAlzuA.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-C-g4SchC.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DZ3NGueL.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DutzeoPg.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-D81mSo0t.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-cCeSyIu6.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-U4k8Ssru.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BZkThAKT.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DXsW9GKC.css');
 require('@radix-ui/react-separator');
 require('clsx');
-require('./assets/src/separator/Separator.css.ts.vanilla-BlVPxbcs.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-CkqfoDNr.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-Bv61Oz25.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DoeQeAaT.css');
-require('./assets/src/link/Link.css.ts.vanilla-DUaOxDe1.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-H5HdpK7V.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DWMmjn7y.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BguEnodW.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DW-FAMhx.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla--xz4hLcB.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-q49vlm1O.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-Cf8Y2X99.css');
+require('./assets/src/link/Link.css.ts.vanilla-Biniflpf.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DRAhK3L1.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-wMyeCZMl.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-2vqnEN4X.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-C_yWs3Sh.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BMlLQEEt.css');
+require('./assets/src/text/Text.css.ts.vanilla-CkLlWoIr.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-8djD8VIJ.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Coaojr0d.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DkFBETIx.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-o73txbUM.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-C_fZUuae.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BdLlMZFt.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B9JA-1eV.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-rEqPa-kV.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DnGtVtTl.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-nQew7yX0.css');
-require('./assets/src/box/Box.css.ts.vanilla-C3s71NEW.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-YV7BM8eV.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BTIz0HJr.css');
+require('./assets/src/box/Box.css.ts.vanilla-B446X7gA.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DXJHB2ne.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -175,7 +175,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'},'wt552w']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_19e0zwp']});
 var icon$3 = 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 = {
@@ -287,10 +287,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'jls0lg'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_111q2nn'],variants:{size:{sm:'_7l1qkn',md:'vh7pcw',lg:'kdxarv'}}});
-var nestedDialogCountVar = 'var(--s5s9ji)';
-var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_11iczj7']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'_16htkpe'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_14pk7kz'],variants:{size:{sm:'_1a3p4s7',md:'n6xufs',lg:'_1em56iv'}}});
+var nestedDialogCountVar = 'var(--_15mqk51)';
+var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'th6bej']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("AlertDialogContent");
@@ -337,7 +337,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_1w7z041']});
+var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'irkifg']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer$1({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonContextProvider, { 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'},'_1740pto'],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'},'_1i25ou0'],xs:[{fontWeight:'400',size:'xs'},'s0s7f3'],sm:[{size:'sm'},'_1p1mibp'],md:[{size:'md'},'bqj1mk'],lg:[{size:'lg'},'_1v41r37'],xl:[{size:'xl'},'wisii6'],'3xl':[{size:'3xl'},'_11dja4f']}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_148rnsi'],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'},'_1abw5mr'],xs:[{fontWeight:'400',size:'xs'},'k4zfdf'],sm:[{size:'sm'},'uy62ss'],md:[{size:'md'},'_1nlf339'],lg:[{size:'lg'},'_1e58zwz'],xl:[{size:'xl'},'_1eyz981'],'3xl':[{size:'3xl'},'_1cg0l92']}}});
 var fallback = Skeleton.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$2 = 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'}}}});
 
@@ -434,7 +434,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Skeleton.recipeRuntime({base:['_2bl9db',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['rwzauj',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -445,8 +445,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.di1a9v';
-var reset = 'optiaxiom._1prsdqz';
+var components = 'optiaxiom.tl4qlf';
+var reset = 'optiaxiom._1n5us2m';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -507,9 +507,9 @@ const ToastTitle = React.forwardRef(
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
 
-var icon$1 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1csuzev']});
-var offsetVar = 'var(--ko8fib)';
-var root$1 = Skeleton.recipeRuntime({base:['_1e2zcb7',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_10k1mve'],variants:{intent:{danger:'_1qiqqkq',information:'_1pleeqh',neutral:'nvp3sq',success:'_1d5gv20',warning:'_183thjb'}}});
+var icon$1 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1tynlhc']});
+var offsetVar = 'var(--_1v69ao5)';
+var root$1 = Skeleton.recipeRuntime({base:['_1ty6tp4',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1oiiizi'],variants:{intent:{danger:'sxpxz5',information:'_9nt3uf',neutral:'_1erivys',success:'_3jr3cg',warning:'cm3wq'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -568,7 +568,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'},'_1jpvnm'],variants:{position:{bottom:'_1ywlmkd','bottom-left':'a1qsbn','bottom-right':'_1d23106',top:'_1u7vv7','top-left':'cjbw2u','top-right':'_1k5ebuz'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_19r3mok'],variants:{position:{bottom:'_1ph5as5','bottom-left':'wzhqlo','bottom-right':'_1s44pjq',top:'rlo67l','top-left':'_1t8kiqp','top-right':'d6yj4n'}}});
 
 const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
   const [mounted, setMounted] = React.useState(false);
@@ -713,7 +713,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'},'_419kr6']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_35vtgh']});
 var icon = 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 = {
@@ -756,7 +756,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var buttonGroup = Skeleton.recipeRuntime({base:'_1w97imi'});
+var buttonGroup = Skeleton.recipeRuntime({base:'_1ea5ph5'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
@@ -776,7 +776,7 @@ const ButtonGroup = React.forwardRef(
 );
 ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
 
-var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'vfskqf']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'_1mlm12l']});
 
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
@@ -787,7 +787,7 @@ const Code = React.forwardRef(
 );
 Code.displayName = "@optiaxiom/react/Code";
 
-var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'itq5vd']});
+var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'start',overflow:'auto',px:'24',py:'16'},'z4rt44']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -824,10 +824,10 @@ const DialogForm = React.forwardRef(
 );
 DialogForm.displayName = "@optiaxiom/react/DialogForm";
 
-var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1hnipzb']});
-var close = Skeleton.recipeRuntime({base:['_1fvso9c']});
-var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_18ki0ts']});
-var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_3rf6p']});
+var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'un83jy']});
+var close = Skeleton.recipeRuntime({base:['anavas']});
+var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'a5937l']});
+var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1dbl2tx']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, description: description$1, ...props }, ref) => {
@@ -890,10 +890,10 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
-var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'gpgdwz']});
-var input$1 = Skeleton.recipeRuntime({base:'_8jg1pu'});
-var root = Skeleton.recipeRuntime({base:['rn10e3','_19n9ujt']});
-var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_86bs30'],variants:{size:{md:'gq0dg7',lg:'_1kw2vvc'}}});
+var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1m517u2']});
+var input$1 = Skeleton.recipeRuntime({base:'_27drs2'});
+var root = Skeleton.recipeRuntime({base:['lnjnkl','_67wk1s']});
+var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'qyjm6y'],variants:{size:{md:'_1nokni',lg:'_50l3vu'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
@@ -1266,9 +1266,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'ekjmlj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_11kq8oz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'uhvmkj']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_8iu5bj'],variants:{offset:{false:'_1mul7ux',true:{}},position:{'bottom-right':'_1o0uz2z','top-right':'_76aa73'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'ie9htv']});
+var badge = Skeleton.recipeRuntime({base:'dvg4sl',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_48puem']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1ll1c9x']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1hezyni'],variants:{offset:{false:'bshsv7',true:{}},position:{'bottom-right':'_1jh2yh4','top-right':'j4excq'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_12wa3vk']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1314,8 +1314,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'},'ptg8de'],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:'_2n1y9l',variants:{variant:{outline:'_1kvghin',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1sqxsbq'],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:'l8xx7r',variants:{variant:{outline:'_1h6zu5s',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1342,7 +1342,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_10ur97h']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1kvj2xs']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1363,7 +1363,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1vs52dj',true:'_1d778o9'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1g7u48j',true:'kd5dlz'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = Skeleton.useSidebarContext("NavAccountItem");
@@ -1448,8 +1448,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:'start',rounded:'md',textAlign:'start',transition:'colors'},'_1uk8vhc']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_5nclom'],variants:{expanded:{false:'_36vc49',true:'_1bd48ej'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'ick3m5']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1ny5qrv'],variants:{expanded:{false:'_1n6hde6',true:'_1yoeya8'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1522,7 +1522,7 @@ const NavList = React.forwardRef(
 NavList.displayName = "@optiaxiom/react/NavList";
 
 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'},'_13vh851']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_104dtn4']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1548,10 +1548,10 @@ Progress.displayName = "@optiaxiom/react/Progress";
 
 const [RadioGroupContextProvider, useRadioGroupContext] = reactContext.createContext("RadioGroup", null);
 
-var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1kvfq4g'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'gml2qb']});
-var input = Skeleton.recipeRuntime({base:'uupqs9'});
-var radio = Skeleton.recipeRuntime({base:'_1fvgten'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_18w90pi'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'qeqv6s']});
+var input = Skeleton.recipeRuntime({base:'jkxt0h'});
+var radio = Skeleton.recipeRuntime({base:'kjiiiu'});
 
 const Radio = React.forwardRef(
   ({
@@ -1662,11 +1662,12 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'yujey4']});
-var search = Skeleton.recipeRuntime({base:'_1f1o6g4'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1a7nwsq']});
+var search = Skeleton.recipeRuntime({base:'dfoabn'});
 
 const SearchInput = React.forwardRef(
   ({
+    addonBefore,
     className,
     defaultValue = "",
     onChange,
@@ -1699,7 +1700,10 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconMagnifyingGlass, {}),
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconMagnifyingGlass, {}),
+          addonBefore
+        ] }),
         addonPointerEvents: "none",
         autoComplete: "off",
         onChange: (event) => {
@@ -1797,7 +1801,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_18mqgw9']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1rc5ocf']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1814,7 +1818,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1fhqn6a']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_15quobx']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1823,8 +1827,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'wii8cq']});
-var trigger = Skeleton.recipeRuntime({base:['_1vsrota',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_16u5jhc']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'_19nrvw1']});
+var trigger = Skeleton.recipeRuntime({base:['_124b8ob',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'mg4t03']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -1838,9 +1842,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['_1pemyrt','_8giy9o']});
-var textarea = Skeleton.recipeRuntime({base:['_1pemyrt','ypqer1']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1vagynv','_1ci9vqo'],'2':['_1vagynv','_12pc34m'],'3':['_1vagynv','_1kzl2t1'],'4':['_1vagynv','pm4vzi'],'5':['_1vagynv','_158oz57']},resize:{auto:{},none:{},vertical:'glspgn'}}});
+var shadow = Skeleton.recipeRuntime({base:['ud8dd0','_1bk0syi']});
+var textarea = Skeleton.recipeRuntime({base:['ud8dd0','_1m6tv2f']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['iqx0fs','_1m06z77'],'2':['iqx0fs','_17e3ca7'],'3':['iqx0fs','o0fko5'],'4':['iqx0fs','abtra7'],'5':['iqx0fs','om5glu']},resize:{auto:{},none:{},vertical:'_66sphu'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({