@optiaxiom/react 1.0.2 → 1.1.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-6yrR3CTz.js');
-require('./assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-BeZL5O7S.css');
+var Skeleton = require('./Skeleton-C94CfpKC.js');
+require('./assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CbYk6Gv5.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-CQogVHT6.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CQWp3iCM.css');
+require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Hweuf1sm.css');
+require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DtYZg3T2.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CQCDEGIj.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-D7svsZOz.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-35XQxtsa.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-C90plFKM.css');
+require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-Dwp9f2ag.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-lNlOmFHj.css');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/banner/Banner.css.ts.vanilla-YZk4FvO0.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
-require('./assets/src/code/Code.css.ts.vanilla-BSUxBEOS.css');
-require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-D4FqLhkk.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-B-VLzUWW.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/code/Code.css.ts.vanilla-BJ_p8Vqq.css');
+require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-C6PCdyHb.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-DckzuXrK.css');
+require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-DZ557ibQ.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-s-wSZli9.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-5Zrh5gFq.css');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BOrCrc1Q.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BK8ISK5n.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHzm_lE.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-OnPaY9Ff.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DUlOrUqH.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-D3tdKY_r.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-D-lzReWt.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-D2Lr8Z3s.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-DX-uxgLI.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-35zhoqm7.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-9-cIOHVY.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-DEmDTeKC.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-T_P_bafO.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-BYqKR78o.css');
+require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-Cyrai6LU.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css');
+require('./assets/src/nav-item/NavItem.css.ts.vanilla-Eu2uaJN5.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-FB7P31-X.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-mgYJ2b2O.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-CqOzBPoB.css');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-wq-v4UFC.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-GrJYLOrk.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-BWC_6pPW.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-D8hM9XZ2.css');
+var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-C8xeeGpI.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-JWX04pe-.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-B9tNSLJA.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Dy-He_qu.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-ZCeTgMB0.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-JunYCbLM.css');
+require('./assets/src/tabs-list/TabsList.css.ts.vanilla-CzSADfwo.css');
+require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-CJ-Kgq2D.css');
+require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-MllJAu24.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-DW9NourM.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-B5sSvN1U.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-CBpuJlOi.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-gAONLzWs.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DH-dqyss.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Bx03v-7N.css');
 require('@radix-ui/react-separator');
 require('clsx');
-require('./assets/src/separator/Separator.css.ts.vanilla-Dt5coXzs.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-CODeJXi7.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-C1aUDOLz.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-VfBrbMf1.css');
-require('./assets/src/link/Link.css.ts.vanilla-DWgR_kLB.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DFokRA79.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DrgK3jgJ.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-D_Wh-eb-.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-B4XqOfv3.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-Cak7u8CN.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BillaUi-.css');
+require('./assets/src/link/Link.css.ts.vanilla-ByffnwI1.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B1vhYFxv.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DLcEJJNX.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BH3StrZy.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--BprUCC4.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BjG7sX12.css');
+require('./assets/src/text/Text.css.ts.vanilla-DHt1LDgX.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DbLUh50Y.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D6zofeeh.css');
-require('@radix-ui/react-toggle-group');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cdkejac-.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-B1TBE6xG.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CGqIkEMY.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CtoX0bQr.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CBeN_0Yc.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DatXx1Xy.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-_fzqKmJt.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-IQK5Rgk4.css');
-require('./assets/src/box/Box.css.ts.vanilla-CtfynAbO.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DVD42p2z.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-kIkWJMG2.css');
+require('./assets/src/box/Box.css.ts.vanilla-Dh_7dI_N.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-B-wYTiAT.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -112,6 +112,7 @@ var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCol
 var RadixMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenu);
 var RadixLabel__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixLabel);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSegmentedControl);
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
 var RadixToggle__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToggle);
 
@@ -176,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'},'r9ko2r']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1ahkwgy']});
 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 = {
@@ -219,7 +220,7 @@ const Alert = React.forwardRef(
 );
 Alert.displayName = "@optiaxiom/react/Alert";
 
-const [AlertDialogContextProvider, useAlertDialogContext] = reactContext.createContext("AlertDialog");
+const [AlertDialogProvider, useAlertDialogContext] = reactContext.createContext("@optiaxiom/react/AlertDialog");
 
 function AlertDialog({
   children,
@@ -238,14 +239,14 @@ function AlertDialog({
     "AlertDialog",
     open
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixAlertDialog__namespace.Root,
     {
       onOpenChange: setOpen,
       open: open || presence,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        AlertDialogContextProvider,
+        AlertDialogProvider,
         {
           nestedDialogCount,
           open,
@@ -288,13 +289,13 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'p1m5k8'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1rc8x'],variants:{size:{sm:'hu4a6g',md:'_1oth2y6',lg:'_1kycduv'}}});
-var nestedDialogCountVar = 'var(--_1wgcgrh)';
-var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1uz20pt']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'r9fmoq'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'gw4atq'],variants:{size:{sm:'hxwhos',md:'_1hpxx4i',lg:'_4eejqk'}}});
+var nestedDialogCountVar = 'var(--_14pexty)';
+var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_854rys']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
-  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("AlertDialogContent");
+  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
   const innerRef = React.useRef(null);
   const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -326,7 +327,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
                 ...style
               },
               ...content$2({ size }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ModalContextProvider, { shardRef: innerRef, children }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ModalProvider, { shardRef: innerRef, children }) })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { flex: "1", pointerEvents: "none" }),
@@ -338,10 +339,10 @@ 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'},'_1oa6q5t']});
+var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_10s3tte']});
 
 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 }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer$1({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
@@ -392,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'},'_1primr5'],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'},'_133s16a'],xs:[{fontWeight:'400',size:'xs'},'_15w3gwk'],sm:[{size:'sm'},'thcjys'],md:[{size:'md'},'_1d43oau'],lg:[{size:'lg'},'_1vcv24r'],xl:[{size:'xl'},'p8ntdb'],'3xl':[{size:'3xl'},'_1dumk0y']}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1usik3s'],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'},'_121jmkl'],xs:[{fontWeight:'400',size:'xs'},'_126fiqt'],sm:[{size:'sm'},'axuq0l'],md:[{size:'md'},'l1jrbf'],lg:[{size:'lg'},'lfxtsc'],xl:[{size:'xl'},'_1231hct'],'3xl':[{size:'3xl'},'pfh8pi']}}});
 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'}}}});
 
@@ -435,7 +436,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Skeleton.recipeRuntime({base:['_136f1qw',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['_1jodh2w',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -446,8 +447,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._11kwbmh';
-var reset = 'optiaxiom._1jj4mvh';
+var components = 'optiaxiom._1g2ktwt';
+var reset = 'optiaxiom._11ctu6e';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -508,9 +509,9 @@ const ToastTitle = React.forwardRef(
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
 
-var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'py458d']});
-var offsetVar = 'var(--_1k8qckw)';
-var root$2 = Skeleton.recipeRuntime({base:['mcfm29',{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']},'e7fe5f'],variants:{intent:{danger:'v483rl',information:'_1c7aonz',neutral:'_7h7cvq',success:'_1x77cdx',warning:'_1r8d87r'}}});
+var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1exyerp']});
+var offsetVar = 'var(--_1ankpby)';
+var root$2 = Skeleton.recipeRuntime({base:['_1pbm7os',{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']},'_1n53xcd'],variants:{intent:{danger:'_1u37dlo',information:'_45hley',neutral:'qutpwy',success:'m1chdb',warning:'_693i2b'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -522,7 +523,7 @@ const mapIntentToIcon$1 = {
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
     const { boxProps, restProps } = Skeleton.extractBoxProps(props);
-    const context = globals.useToastContext("Toast");
+    const context = globals.useToastProviderContext("@optiaxiom/react/Toast");
     const ref = reactComposeRefs.useComposedRefs(outerRef, context.toastRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Box,
@@ -569,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'},'lj4cs0'],variants:{position:{bottom:'_1f80x2i','bottom-left':'eew6a8','bottom-right':'idsgf',top:'_1owpbqt','top-left':'_1sl6avz','top-right':'kbrrkn'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'vg5suh'],variants:{position:{bottom:'c6z6t8','bottom-left':'_6wxhwu','bottom-right':'hvp9lq',top:'a66t3b','top-left':'oje851','top-right':'wico5y'}}});
 
 const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
   const [mounted, setMounted] = React.useState(false);
@@ -643,7 +644,7 @@ const ToastProvider = React.forwardRef(
         swipeThreshold,
         children: [
           toasts.map(({ id, open, ref: ref2, toast }) => /* @__PURE__ */ jsxRuntime.jsx(
-            globals.ToastContextProvider,
+            globals.ToastProviderProvider,
             {
               offset: exitingToastOffsets += !open && ref2.current ? ref2.current.offsetHeight + parseInt(gap) : 0,
               onOpenChange: () => toasterProp.remove(id),
@@ -714,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'},'_1cou84l']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1nlo1b2']});
 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 = {
@@ -757,7 +758,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var buttonGroup = Skeleton.recipeRuntime({base:'_1j6pklz'});
+var buttonGroup = Skeleton.recipeRuntime({base:'c9nrmy'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
@@ -777,7 +778,7 @@ const ButtonGroup = React.forwardRef(
 );
 ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
 
-var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'_1c2ofof']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'_11tuoy7']});
 
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
@@ -788,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'},'_1fzh83a']});
+var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1106lbj']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -801,7 +802,7 @@ var footer = Skeleton.recipeRuntime({base:[{borderColor:'border.secondary',borde
 
 const DialogFooter = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonContextProvider, { size: "lg", children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
@@ -825,10 +826,10 @@ const DialogForm = React.forwardRef(
 );
 DialogForm.displayName = "@optiaxiom/react/DialogForm";
 
-var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'ddwdqn']});
-var close = Skeleton.recipeRuntime({base:['v3m9x4']});
-var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1cs9cvb']});
-var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1rizneh']});
+var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1rulk07']});
+var close = Skeleton.recipeRuntime({base:['_12btd7z']});
+var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_12hi4ob']});
+var title = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1thk973']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, description: description$1, ...props }, ref) => {
@@ -864,7 +865,7 @@ const DialogHeader = React.forwardRef(
 );
 DialogHeader.displayName = "@optiaxiom/react/DialogHeader";
 
-const [DisclosureContextProvider, useDisclosureContext] = reactContext.createContext("Disclosure");
+const [DisclosureProvider, useDisclosureContext] = reactContext.createContext("@optiaxiom/react/Disclosure");
 
 const Disclosure = React.forwardRef(
   ({ asChild, children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
@@ -873,7 +874,7 @@ const Disclosure = React.forwardRef(
       onChange: onOpenChange,
       prop: openProp
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureContextProvider, { open, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureProvider, { open, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       RadixCollapsible__namespace.Root,
       {
         asChild,
@@ -886,11 +887,11 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Skeleton.recipeRuntime({base:['_1xc6tuf']});
-var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1jt7xhj']});
+var inner = Skeleton.recipeRuntime({base:['_1fujcab']});
+var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'_1ler3im']});
 
 const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
-  const { open } = useDisclosureContext("DisclosureContent");
+  const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
   const [skipAnimations, setSkipAnimations] = React.useState(Boolean(open));
   React.useEffect(() => {
     if (skipAnimations) {
@@ -909,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:'_1n42ydu',start:'a0ooav'}}});
-var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1yfty2q']});
-var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_14tutyw']});
+var icon = Skeleton.recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_10lle7q',start:'fo5gpt'}}});
+var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1k8ovz9']});
+var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'wl3nuc']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -922,7 +923,7 @@ const DisclosureTrigger = React.forwardRef(
     className,
     ...props
   }, ref) => {
-    useDisclosureContext("DisclosureTrigger");
+    useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
     return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ref, ...root$1({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
@@ -936,7 +937,7 @@ const DisclosureTrigger = React.forwardRef(
 );
 DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
 
-const [DropdownMenuContextProvider, useDropdownMenuContext] = reactContext.createContext("DropdownMenu");
+const [DropdownMenuProvider, useDropdownMenuContext] = reactContext.createContext("@optiaxiom/react/DropdownMenu");
 
 function DropdownMenu({
   children,
@@ -952,7 +953,7 @@ function DropdownMenu({
   });
   const [presence, setPresence] = React.useState();
   return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Root, { onOpenChange: setOpen, open: open || presence, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuContextProvider,
+    DropdownMenuProvider,
     {
       open,
       presence,
@@ -963,10 +964,10 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
-var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1z12onh']});
-var input$1 = Skeleton.recipeRuntime({base:'_1d2z0y'});
-var root = Skeleton.recipeRuntime({base:['uue7wg','_1rnegry']});
-var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1jp1wtl'],variants:{size:{md:'_156nn4l',lg:'_1x23393'}}});
+var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'i6nzr3']});
+var input$1 = Skeleton.recipeRuntime({base:'_1jeyitr'});
+var root = Skeleton.recipeRuntime({base:['_1nw3yqv','g5wcdm']});
+var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1p3cask'],variants:{size:{md:'repf8i',lg:'f6ndxf'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
@@ -1030,7 +1031,7 @@ DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxIte
 
 const DropdownMenuContent = React.forwardRef(({ align = "start", children, loading, ...props }, ref) => {
   const { open, presence, setPresence } = useDropdownMenuContext(
-    "DropdownMenuContent"
+    "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Skeleton.TransitionGroup,
@@ -1074,7 +1075,7 @@ const DropdownMenuGroup = React.forwardRef(
 DropdownMenuGroup.displayName = "@optiaxiom/react/DropdownMenuGroup";
 
 const DropdownMenuItem = React.forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
-  const { open } = useDropdownMenuContext("DropdownMenuItem");
+  const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixMenu__namespace.Item,
     {
@@ -1106,7 +1107,7 @@ DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Separator, { ref }) }));
 DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
 
-const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = reactContext.createContext("DropdownMenuSub");
+const [DropdownMenuSubProvider, useDropdownMenuSubContext] = reactContext.createContext("@optiaxiom/react/DropdownMenuSub");
 
 function DropdownMenuSub({
   children,
@@ -1120,12 +1121,14 @@ function DropdownMenuSub({
     onChange: onOpenChange,
     prop: openProp
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContextProvider, { open, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubProvider, { open, children }) });
 }
 DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
 
 const DropdownMenuSubContent = React.forwardRef(({ children, ...props }, ref) => {
-  const { open } = useDropdownMenuSubContext("DropdownMenuSubContent");
+  const { open } = useDropdownMenuSubContext(
+    "@optiaxiom/react/DropdownMenuSubContent"
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.MenuListbox, { asChild: true, provider: "dropdown-menu", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubContent, { alignOffset: -4, ref, sideOffset: 0, children }) }) }) });
 });
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
@@ -1204,6 +1207,7 @@ const FieldLabel = React.forwardRef(
           asChild: true,
           color: "fg.secondary",
           display: "flex",
+          fontSize: "md",
           fontWeight: "400",
           gap: "2",
           children: /* @__PURE__ */ jsxRuntime.jsxs(RadixLabel__namespace.Root, { htmlFor: inputId, id: labelId, children: [
@@ -1339,9 +1343,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'_6csyhy',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_193opal']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1bg8esb']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'l5a6vk'],variants:{offset:{false:'_1yxnov4',true:{}},position:{'bottom-right':'_13nem6e','top-right':'_1r97425'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_1mukwfg']});
+var badge = Skeleton.recipeRuntime({base:'_1898wrm',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1olrw31']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1fbl85v']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1lyw5wn'],variants:{offset:{false:'_184xfix',true:{}},position:{'bottom-right':'yst6f4','top-right':'_1elytef'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_1ikt00w']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1387,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'},'v1ceil'],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:'sihn63',variants:{variant:{outline:'_1vmimhr',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1qwr319'],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:'_1xppavn',variants:{variant:{outline:'tn4p96',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1415,13 +1419,13 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-const [SidebarContextProvider, useSidebarContext] = reactContext.createContext("Sidebar");
+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'},'_11xyxlr']});
+var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'tnnhrw']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { expanded, navId } = useSidebarContext("Nav");
+    const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Flex,
       {
@@ -1438,10 +1442,10 @@ 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:'akpi5r',true:'g2ixe9'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1b37e6v',true:'_122x6i6'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { expanded } = useSidebarContext("NavAccountItem");
+  const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
     Skeleton.Flex,
     {
@@ -1480,7 +1484,7 @@ var body = Skeleton.recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { expanded, spacing } = useSidebarContext("NavBody");
+    const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Flex,
       {
@@ -1497,7 +1501,7 @@ NavBody.displayName = "@optiaxiom/react/NavBody";
 
 const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("NavFooter");
+    const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton.Flex,
       {
@@ -1515,12 +1519,12 @@ const NavFooter = React.forwardRef(
 );
 NavFooter.displayName = "@optiaxiom/react/NavFooter";
 
-const [NavGroupContextProvider, useNavGroupContext] = reactContext.createContext("NavGroup", { id: void 0 });
+const [NavGroupProvider, useNavGroupContext] = reactContext.createContext("@optiaxiom/react/NavGroup", { id: void 0 });
 
 const NavGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
     const groupId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(NavGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
       Disclosure,
       {
         alignItems: "stretch",
@@ -1557,7 +1561,7 @@ NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
 
 const NavGroupTrigger = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavGroupTrigger");
+    const { id } = useNavGroupContext("@optiaxiom/react/NavGroupTrigger");
     return /* @__PURE__ */ jsxRuntime.jsx(
       DisclosureTrigger,
       {
@@ -1582,14 +1586,14 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("NavHeader");
+    const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { px: spacing, ref, ...props, children });
   }
 );
 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'},'_1x34uop']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'qqpawf'],variants:{expanded:{false:'_11ze0ob',true:'jhss1o'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'a5apa6']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ksd333'],variants:{expanded:{false:'g34f2k',true:'_12yn5t2'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1604,7 +1608,7 @@ const NavItem = React.forwardRef(
   }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     const { boxProps, restProps } = Skeleton.extractBoxProps(props);
-    const { expanded } = useSidebarContext("NavItem");
+    const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
     children = Skeleton.decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
@@ -1641,7 +1645,7 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavList");
+    const { id } = useNavGroupContext("@optiaxiom/react/NavList");
     if (id) {
       throw new Error("huh");
     }
@@ -1667,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'},'_1g8w5j6']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1y3mc8i']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1691,12 +1695,12 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-const [RadioGroupContextProvider, useRadioGroupContext] = reactContext.createContext("RadioGroup", null);
+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'},'pr1fzj'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'n8g4st']});
-var input = Skeleton.recipeRuntime({base:'s3es2o'});
-var radio = Skeleton.recipeRuntime({base:'_96xasl'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'m5wr9y'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1af56rw']});
+var input = Skeleton.recipeRuntime({base:'sk1ghj'});
+var radio = Skeleton.recipeRuntime({base:'_1sryvwl'});
 
 const Radio = React.forwardRef(
   ({
@@ -1710,7 +1714,7 @@ const Radio = React.forwardRef(
     ...props
   }, ref) => {
     const { boxProps, restProps } = Skeleton.extractBoxProps(props);
-    const groupContext = useRadioGroupContext("Radio");
+    const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
     if (groupContext) {
       if ("checked" in props) {
         throw new Error(
@@ -1777,7 +1781,7 @@ const RadioGroup = React.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      RadioGroupContextProvider,
+      RadioGroupProvider,
       {
         defaultValue,
         disabled,
@@ -1792,6 +1796,7 @@ const RadioGroup = React.forwardRef(
           Skeleton.Flex,
           {
             flexDirection,
+            fontSize: "md",
             gap: Skeleton.mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]
@@ -1807,8 +1812,8 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1kht1vp']});
-var search = Skeleton.recipeRuntime({base:'_4ybw0d'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1ijk0q1']});
+var search = Skeleton.recipeRuntime({base:'_1fqmnu'});
 
 const SearchInput = React.forwardRef(
   ({
@@ -1866,6 +1871,28 @@ const SearchInput = React.forwardRef(
 );
 SearchInput.displayName = "@optiaxiom/react/SearchInput";
 
+const [SegmentedControlProvider, useSegmentedControlContext] = reactContext.createContext("@optiaxiom/react/SegmentedControl");
+
+const SegmentedControl = React.forwardRef(({ children, type = "single", ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
+});
+SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
+
+const SegmentedControlItem = React.forwardRef(({ children, ...props }, ref) => {
+  useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixSegmentedControl__namespace.Item,
+    {
+      appearance: "subtle",
+      asChild: true,
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { children })
+    }
+  );
+});
+SegmentedControlItem.displayName = "@optiaxiom/react/SegmentedControlItem";
+
 const Sidebar = React.forwardRef(
   ({
     children,
@@ -1880,7 +1907,7 @@ const Sidebar = React.forwardRef(
       prop: expandedProp
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      SidebarContextProvider,
+      SidebarProvider,
       {
         expanded,
         navId: reactId.useId(),
@@ -1906,7 +1933,9 @@ Sidebar.displayName = "@optiaxiom/react/Sidebar";
 
 const SidebarToggle = React.forwardRef(
   ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, navId, onExpandedChange } = useSidebarContext("SidebarToggle");
+    const { expanded, navId, onExpandedChange } = useSidebarContext(
+      "@optiaxiom/react/SidebarToggle"
+    );
     return /* @__PURE__ */ jsxRuntime.jsx(
       NavItem,
       {
@@ -1924,7 +1953,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'},'brg16n']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_186fooq']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1938,7 +1967,7 @@ const SubNav = React.forwardRef(
         w: "fit",
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
-          SidebarContextProvider,
+          SidebarProvider,
           {
             expanded: true,
             navId: "",
@@ -1954,7 +1983,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'ffslm5']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_1sz1kc1']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1971,7 +2000,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'ermhyf']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'onuqm3']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1980,8 +2009,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'},'_1qonwip']});
-var trigger = Skeleton.recipeRuntime({base:['_16ka477',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1mpnxeo']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'a4itx7']});
+var trigger = Skeleton.recipeRuntime({base:['_8yhi5n',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_8ng79j']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -1995,9 +2024,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['qic9ec','_1pgpz32']});
-var textarea = Skeleton.recipeRuntime({base:['qic9ec','_1imyk5g']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1cmpvev','ivub28'],'2':['_1cmpvev','_1op1nwb'],'3':['_1cmpvev','o1ib8x'],'4':['_1cmpvev','ocmb6'],'5':['_1cmpvev','tywhn8']},resize:{auto:{},none:{},vertical:'_1r21chl'}}});
+var shadow = Skeleton.recipeRuntime({base:['_19e5dtt','_1b1vfp3']});
+var textarea = Skeleton.recipeRuntime({base:['_19e5dtt','q62eqg']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_17tpzwj','_1bg9kq7'],'2':['_17tpzwj','_17uz7r2'],'3':['_17tpzwj','wmybso'],'4':['_17tpzwj','_2hag16'],'5':['_17tpzwj','hl46bx']},resize:{auto:{},none:{},vertical:'_1ra7prq'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({
@@ -2100,16 +2129,14 @@ exports.ListboxLabel = Skeleton.ListboxLabel;
 exports.ListboxRadioItem = Skeleton.ListboxRadioItem;
 exports.ListboxScrollArea = Skeleton.ListboxScrollArea;
 exports.ListboxSeparator = Skeleton.ListboxSeparator;
-exports.ModalContextProvider = Skeleton.ModalContextProvider;
 exports.ModalLayer = Skeleton.ModalLayer;
+exports.ModalProvider = Skeleton.ModalProvider;
 exports.Pagination = Skeleton.Pagination;
 exports.Paper = Skeleton.Paper;
 exports.Popover = Skeleton.Popover;
 exports.PopoverAnchor = Skeleton.PopoverAnchor;
 exports.PopoverContent = Skeleton.PopoverContent;
 exports.PopoverTrigger = Skeleton.PopoverTrigger;
-exports.SegmentedControl = Skeleton.SegmentedControl;
-exports.SegmentedControlItem = Skeleton.SegmentedControlItem;
 exports.Separator = Skeleton.Separator;
 exports.Skeleton = Skeleton.Skeleton;
 exports.Spinner = Skeleton.Spinner;
@@ -2198,6 +2225,8 @@ exports.Progress = Progress;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.SearchInput = SearchInput;
+exports.SegmentedControl = SegmentedControl;
+exports.SegmentedControlItem = SegmentedControlItem;
 exports.Sidebar = Sidebar;
 exports.SidebarToggle = SidebarToggle;
 exports.SubNav = SubNav;