@optiaxiom/react 0.13.10 → 1.0.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-oWZnWUEm.js');
-require('./assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-CdhZDcJj.css');
+var Skeleton = require('./Skeleton-Cb-zbYZE.js');
+require('./assets/src/layers/layers.css.ts.vanilla-B6uM87MS.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-bujNMDx7.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-C4R7ow8g.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-4vF4mC5e.css');
+require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Bafif4X4.css');
+require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-VR9JVFyb.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CMa5QYdr.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-4FPrdoRp.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-C6xbC1Ue.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-DiuZ5nWg.css');
+require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-B9YFlf-N.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-BPY7MEMy.css');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/banner/Banner.css.ts.vanilla-DZJOuN7_.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
-require('./assets/src/code/Code.css.ts.vanilla-DttFGstW.css');
-require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-CqPADtv9.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-Da-umeWB.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
+require('./assets/src/code/Code.css.ts.vanilla-DPKZKRnl.css');
+require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-nhSY2W50.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-D8QM8ZC9.css');
+require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-BMoaat4W.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BBZO9bw0.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-_GGUiYag.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C9XRwn2j.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Dy2VhEdv.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-U_Y3IUkP.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-CGgFZzSO.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BQF6GBfz.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Dck9Yy-L.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-BMu69E56.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-B5yl6yev.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-BJ6L4szk.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-BtXZi-J8.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-IsYJ5TWt.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-BGCR95b-.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-DMu5nwQS.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-BzBPAsVv.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-BxaAMC_Z.css');
+require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-DMGjLUXJ.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DvzVv_Yk.css');
+require('./assets/src/nav-item/NavItem.css.ts.vanilla-Dltn-wTG.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-yFDWafgQ.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-BKEwjNbf.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-BwcEXK3i.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-Tr-Gt3Qy.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DtJGThdX.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-BeObdKft.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-D2f5N_R_.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-BR0-yO5y.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-bQaj01tO.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-B3XY0g3m.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-6Nn9w7xK.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BcMZ3MgJ.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-BjCQAvf7.css');
+require('./assets/src/tabs-list/TabsList.css.ts.vanilla-CEZ_WMgY.css');
+require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Qru5RZ4b.css');
+require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Dj1OQ4Fy.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-CUH2ymZo.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CBgp_LAH.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-5HypoJhx.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-BhfN--ir.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-RFc_brGy.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Bh-nEsyh.css');
 require('@radix-ui/react-separator');
 require('clsx');
-require('./assets/src/separator/Separator.css.ts.vanilla-X8q-Pn52.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-DTNzojK5.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-DNj2ihOQ.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css');
-require('./assets/src/link/Link.css.ts.vanilla-CsQFSuFh.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-ClQYz4Ri.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C8XXuceg.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-CSg4Jq1V.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-B6orEvYl.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-13XUl6fQ.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-DCwDdC-L.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BizQxxnK.css');
+require('./assets/src/link/Link.css.ts.vanilla-QXU3qT6c.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CVu08eCB.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-BGoEjOnC.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-DhtsgoKz.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-CXrNxUYG.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-4DiUrtrm.css');
+require('./assets/src/text/Text.css.ts.vanilla-DTVFjhTX.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-Do_FHq1b.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BC0xYK_b.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cb-UCbi0.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DWyrqENr.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DKgqGFNU.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BCSPvAzy.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DxNPPPVO.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Bxe84uuM.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BQx-lNJb.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BLFjWf4u.css');
-require('./assets/src/box/Box.css.ts.vanilla-vCHQXWN6.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-B8JlgVn2.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-OtYyCU5C.css');
+require('./assets/src/box/Box.css.ts.vanilla-CS-G2hy7.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CRIpDA8L.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'},'_12i68cc']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1xkojgi']});
 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 = {
@@ -272,7 +272,7 @@ const AlertDialogBody = React.forwardRef(
       asChild: true,
       flex: "1",
       fontSize: "md",
-      justifyContent: "start",
+      justifyContent: "flex-start",
       overflow: "auto",
       px: "24",
       py: "16",
@@ -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:'_1c7efok'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18qqquf'],variants:{size:{sm:'i6j582',md:'_1bnv76j',lg:'b3kiy7'}}});
-var nestedDialogCountVar = 'var(--_1a4n1ho)';
-var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_10vo1b5']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'bwyplz'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_140x38h'],variants:{size:{sm:'r5s332',md:'ydwpdk',lg:'wncecy'}}});
+var nestedDialogCountVar = 'var(--_1q4v6rn)';
+var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'ceys4g']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("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:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_113m09m']});
+var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1rfiajx']});
 
 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 }) });
@@ -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'},'_195y8mi'],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'},'t0577z'],xs:[{fontWeight:'400',size:'xs'},'lpj3qk'],sm:[{size:'sm'},'_1s4yjj1'],md:[{size:'md'},'huhxcy'],lg:[{size:'lg'},'t6d3ow'],xl:[{size:'xl'},'fns9qs'],'3xl':[{size:'3xl'},'_1jhefb7']}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_14vsm3s'],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'},'_7sxgok'],xs:[{fontWeight:'400',size:'xs'},'_1rq833h'],sm:[{size:'sm'},'on33y3'],md:[{size:'md'},'wnwpbu'],lg:[{size:'lg'},'_20ictt'],xl:[{size:'xl'},'_1b4szsc'],'3xl':[{size:'3xl'},'_1sjmwii']}}});
 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:['_1yxr38',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['_5m7xs',{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._1xvw01d';
-var reset = 'optiaxiom._1xbo9m9';
+var components = 'optiaxiom._10o8v3l';
+var reset = 'optiaxiom._1rbcekd';
 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'},'g2jtle']});
-var offsetVar = 'var(--k0h5bj)';
-var root$2 = Skeleton.recipeRuntime({base:['_1tfp1er',{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']},'_1v2g3fh'],variants:{intent:{danger:'_5qjide',information:'_8bxxtf',neutral:'_1yqnq9l',success:'_1ztep8',warning:'_1p1gnz2'}}});
+var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'vnpk5r']});
+var offsetVar = 'var(--wejqnz)';
+var root$2 = Skeleton.recipeRuntime({base:['_1fiym5x',{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']},'_1jbetpi'],variants:{intent:{danger:'v6b5ws',information:'_1n7iynx',neutral:'_1o8kkxe',success:'aoymc5',warning:'_19uswi3'}}});
 
 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'},'_18spc8b'],variants:{position:{bottom:'_1wwriy','bottom-left':'pc0jz8','bottom-right':'_7byjbz',top:'_16uncy4','top-left':'_1qv5wep','top-right':'_1xji02m'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_17isj9d'],variants:{position:{bottom:'_12r39r2','bottom-left':'vdvitl','bottom-right':'b546yo',top:'wnq35m','top-left':'_1yhp45o','top-right':'_9m3rg3'}}});
 
 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'},'sj8wwn']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1lp5cbt']});
 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:'fk8jro'});
+var buttonGroup = Skeleton.recipeRuntime({base:'_17vcku3'});
 
 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'},'nl3gz3']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'_1npythz']});
 
 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:'start',overflow:'auto',px:'24',py:'16'},'_1woyf7z']});
+var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1psrtxq']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -798,7 +798,7 @@ const DialogBody = React.forwardRef(
 );
 DialogBody.displayName = "@optiaxiom/react/DialogBody";
 
-var footer = Skeleton.recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});
+var footer = Skeleton.recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});
 
 const DialogFooter = 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'},'thwj99']});
-var close = Skeleton.recipeRuntime({base:['yncx54']});
-var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1qpmfwq']});
-var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'kd4mjd']});
+var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'vx5tkc']});
+var close = Skeleton.recipeRuntime({base:['_14164uy']});
+var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1p22sbd']});
+var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'rwb4k3']});
 
 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:['_157bbs1']});
-var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1cwfk0v']});
+var inner = Skeleton.recipeRuntime({base:['glpt5z']});
+var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1nyemx2']});
 
 const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("DisclosureContent");
@@ -904,15 +904,15 @@ const DisclosureContent = React.forwardRef(({ children, transitionType = "slide"
       "data-side": "bottom",
       skipAnimations,
       type: transitionType,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...outer(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { p: "8", ref, ...props, children }) }) }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...outer(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { pb: "8", pt: "4", ref, ...props, children }) }) }) })
     }
   ) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Skeleton.recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_17eylhu',start:'_1ftc7r2'}}});
-var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',p:'8',transition:'colors'},'_1j6hr1f']});
-var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'lj0u0o']});
+var icon = Skeleton.recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'rkas79',start:'r2vmm9'}}});
+var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_15asayb']});
+var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1fzhzmd']});
 
 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'},'heiyv5']});
-var input$1 = Skeleton.recipeRuntime({base:'_1relf9k'});
-var root = Skeleton.recipeRuntime({base:['_1yjjtg','_1g7hfvv']});
-var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_3b3d17'],variants:{size:{md:'_1osyh01',lg:'u6od6u'}}});
+var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_17pyqiz']});
+var input$1 = Skeleton.recipeRuntime({base:'_10k36iq'});
+var root = Skeleton.recipeRuntime({base:['_118ximg','_186fxqy']});
+var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_6ym0jp'],variants:{size:{md:'_1e5msuv',lg:'_5pzcen'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
@@ -1340,9 +1340,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'d4ekh7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'lb645d']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1n9lacg']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'jzcve6'],variants:{offset:{false:'w4gsec',true:{}},position:{'bottom-right':'_11znjbg','top-right':'_5iknmt'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'n7gxvz']});
+var badge = Skeleton.recipeRuntime({base:'uoc3vl',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_23ktzh']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_19sq0e7']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'os25yv'],variants:{offset:{false:'_1ojvw84',true:{}},position:{'bottom-right':'ehb4q7','top-right':'sfvw0x'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'abas71']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1388,8 +1388,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'},'_1pm0so1'],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:'_17dbsz0',variants:{variant:{outline:'_1g8kk3n',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1fg9c6v'],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:'_1aur3qe',variants:{variant:{outline:'wpxbjf',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1418,7 +1418,7 @@ Kbd.displayName = "@optiaxiom/react/Kbd";
 
 const [SidebarContextProvider, useSidebarContext] = reactContext.createContext("Sidebar");
 
-var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'q43szp']});
+var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'wpxnpx']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1439,7 +1439,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:'odcmeu',true:'_18fdf81'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_8aikb1',true:'cusg66'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("NavAccountItem");
@@ -1477,7 +1477,7 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-var body = Skeleton.recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
+var body = Skeleton.recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1546,7 +1546,8 @@ const NavGroupContent = React.forwardRef(({ children, ...props }, ref) => {
       display: "flex",
       flexDirection: "column",
       gap: "4",
-      p: "0",
+      pb: "0",
+      pt: "0",
       transitionType: "slidePop",
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, children })
@@ -1588,8 +1589,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'},'rpiybn']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'sqsnyi'],variants:{expanded:{false:'e4aofv',true:'urvcf5'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1hby1q5']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'gv47z8'],variants:{expanded:{false:'_4dgzkr',true:'_1h8o61y'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1667,7 +1668,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'},'_7gg41x']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_84z69r']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1693,10 +1694,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'},'_15eadht'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'r6fcm1']});
-var input = Skeleton.recipeRuntime({base:'_9u3end'});
-var radio = Skeleton.recipeRuntime({base:'_1m6g5aw'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1t8ujso'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1zt0kz']});
+var input = Skeleton.recipeRuntime({base:'j3e05h'});
+var radio = Skeleton.recipeRuntime({base:'n9kph1'});
 
 const Radio = React.forwardRef(
   ({
@@ -1807,8 +1808,8 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'aos3nj']});
-var search = Skeleton.recipeRuntime({base:'_1qfzhox'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1nn2pwp']});
+var search = Skeleton.recipeRuntime({base:'esn6bh'});
 
 const SearchInput = React.forwardRef(
   ({
@@ -1946,7 +1947,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'},'_1rfz4jd']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1nv0sep']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1976,7 +1977,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1v0dtsk']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1vfzpzp']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1993,7 +1994,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_17adcqs']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_8vfpcj']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2002,8 +2003,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'},'ax5ygq']});
-var trigger = Skeleton.recipeRuntime({base:['emjp9b',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1ckd6ih']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1bylu1y']});
+var trigger = Skeleton.recipeRuntime({base:['_1jy43bl',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_10t8iku']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -2017,9 +2018,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['x1jwxp','_1551gs1']});
-var textarea = Skeleton.recipeRuntime({base:['x1jwxp','_1r2ghgg']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['puzvgw','_60dn9u'],'2':['puzvgw','b30cy5'],'3':['puzvgw','g4x9k1'],'4':['puzvgw','_1j31zrp'],'5':['puzvgw','_14hdfxq']},resize:{auto:{},none:{},vertical:'zq2l6y'}}});
+var shadow = Skeleton.recipeRuntime({base:['kdqwtp','_9umxum']});
+var textarea = Skeleton.recipeRuntime({base:['kdqwtp','aozt84']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['moqm4w','_1s5hrrl'],'2':['moqm4w','_1021s71'],'3':['moqm4w','vzdszm'],'4':['moqm4w','_1ihi6tl'],'5':['moqm4w','_1ecrk37']},resize:{auto:{},none:{},vertical:'_6u7zx3'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({
@@ -2146,6 +2147,7 @@ exports.mapResponsiveValue = Skeleton.mapResponsiveValue;
 exports.sprinkles = Skeleton.sprinkles;
 exports.sprinklesMerge = Skeleton.sprinklesMerge;
 exports.useModalContext = Skeleton.useModalContext;
+exports.vars = Skeleton.vars;
 Object.defineProperty(exports, "createToaster", {
   enumerable: true,
   get: function () { return globals.createToaster; }