@optiaxiom/react 0.12.3 → 0.13.1

package/dist/cjs/index.js

@@ -4,86 +4,89 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-DvYcw5N4.js');
-require('./assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css');
+var Skeleton = require('./Skeleton-Co-JuL-k.js');
+require('./assets/src/layers/layers.css.ts.vanilla-BapI6-Q5.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CFMRtxNT.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 dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-XDtwkXZT.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Dhzmhm6x.css');
+require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-D6tz8neH.css');
+require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C8VaKBJx.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-Ci2pMJLn.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-D5J3WXDm.css');
 var globals = require('@optiaxiom/globals');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 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-2geFaG2J.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-Drfkmzq0.css');
+require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-CXf_EFAF.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-UyhYcq-N.css');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
-require('./assets/src/code/Code.css.ts.vanilla-BEhWJABt.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-_rV5PZgb.css');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
+require('./assets/src/code/Code.css.ts.vanilla-t0yDdgX3.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-DorISkI5.css');
-var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-pVEbtdvl.css');
-require('./assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DAILLjBX.css');
-require('./assets/src/drawer-content/DrawerContent.css.ts.vanilla-ChTEpkKe.css');
-require('./assets/src/drawer-description/DrawerDescription.css.ts.vanilla-ltxoq8Jd.css');
-require('./assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CEIDs9yR.css');
+require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-G61u2gKQ.css');
+require('./assets/src/drawer-actions/DrawerActions.css.ts.vanilla-CTcFfMDy.css');
+require('./assets/src/drawer-content/DrawerContent.css.ts.vanilla-DwoG5d6e.css');
+require('./assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BmdcM6zv.css');
+require('./assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CM3wsGna.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
+require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BHTi0xxJ.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-R8IiI6oq.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DhLFqYor.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BMN-sSCG.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-C1lW56sH.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-BIlI-86A.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BemdL50R.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-9k4ZrF1W.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-BXuuXBd3.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-oqufCQ-D.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-x6w1IRbU.css');
+require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-BtCFZN1k.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BfU6I3wu.css');
+require('./assets/src/nav-item/NavItem.css.ts.vanilla-BiYMKrXf.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-DA-MaOH4.css');
-require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-Bmg_JLtx.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-CKzvBGSv.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-cIstAe9I.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-B_u_cAqB.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-DNchEtlm.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CR581zcm.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-DklDCREP.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-D1b-BtMi.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-VbUN5KDH.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-BrquDtlQ.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DRIckF2-.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-Fhss_UxL.css');
+require('./assets/src/tabs-list/TabsList.css.ts.vanilla-jHqbH_Qo.css');
+require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-DQg6rXHM.css');
+require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DY7rkjPz.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-B0bjehof.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CF2yV8a7.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-CSiw9TKj.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BXvVttwC.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-OvUXfGMV.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.css');
-require('clsx');
+require('./assets/src/badge/Badge.css.ts.vanilla-CV9aZJUz.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DUUh17yA.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Ddt9KOuM.css');
+require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Csj_lgJn.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CPpShJkA.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BNIxitNQ.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-B4uW-TL9.css');
-require('./assets/src/link/Link.css.ts.vanilla-mAttatgp.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BYxqoONu.css');
+require('clsx');
+require('./assets/src/separator/Separator.css.ts.vanilla-C-qH_0-2.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-BMrlqp3V.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-CkFL5aFg.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DVoaPd3v.css');
+require('./assets/src/link/Link.css.ts.vanilla-Dszs5ipi.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-xbSGq0v4.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DyI14986.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BzU2SdwW.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-6H3aFCbx.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Bb-clgKZ.css');
+require('./assets/src/text/Text.css.ts.vanilla-DCIR_mds.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-D4aod7vT.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-z6eYKKz3.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BypP4Boz.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-5VYXbwod.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DDWQ8L19.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-C2HIp2sT.css');
-require('./assets/src/box/Box.css.ts.vanilla-Cfl8r0-i.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLkp0G0_.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BMpmw6Aw.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BEDqm8-d.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-74J9XwXD.css');
+require('./assets/src/box/Box.css.ts.vanilla-CpMKsyP-.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-j87g8hoz.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -107,7 +110,6 @@ var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
 var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
 var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
-var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
 var RadixMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenu);
 var RadixLabel__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixLabel);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
@@ -115,7 +117,7 @@ var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(Rad
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
 var RadixToggle__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToggle);
 
-const IconCircleCheckSolid = IconMagnifyingGlass.withIcon(
+const IconCircleCheckSolid = Skeleton.withIcon(
   {
     name: "IconCircleCheckSolid",
     viewBox: "0 0 512 512"
@@ -130,7 +132,7 @@ const IconCircleCheckSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconCircleExclamationSolid = IconMagnifyingGlass.withIcon(
+const IconCircleExclamationSolid = Skeleton.withIcon(
   {
     name: "IconCircleExclamationSolid",
     viewBox: "0 0 512 512"
@@ -145,7 +147,7 @@ const IconCircleExclamationSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
+const IconCircleInfoSolid = Skeleton.withIcon(
   {
     name: "IconCircleInfoSolid",
     viewBox: "0 0 512 512"
@@ -160,7 +162,7 @@ const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
+const IconTriangleExclamationSolid = Skeleton.withIcon(
   {
     name: "IconTriangleExclamationSolid",
     viewBox: "0 0 512 512"
@@ -175,8 +177,9 @@ const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var alert = IconMagnifyingGlass.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 icon$3 = IconMagnifyingGlass.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'}}}});
+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$4 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'fbtyxj']});
+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 = {
   danger: IconCircleExclamationSolid,
@@ -189,7 +192,7 @@ const Alert = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         "aria-labelledby": labelId,
         ref,
@@ -197,16 +200,16 @@ const Alert = React.forwardRef(
         ...alert({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon$3({ intent }), children: React.createElement(mapIntentToIcon$2[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flex: "1", gap: "8", id: labelId, my: "2", children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon$3({ intent }), children: React.createElement(mapIntentToIcon$2[intent]) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { id: labelId, ...content$4(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Skeleton.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -232,31 +235,32 @@ function AlertDialog({
     onChange: onOpenChange,
     prop: openProp
   });
-  const [nestedDialogCount, setNestedDialogCount] = IconMagnifyingGlass.useNestedDialogCount(
+  const [presence, setPresence] = React.useState();
+  const [nestedDialogCount, setNestedDialogCount] = Skeleton.useNestedDialogCount(
     "AlertDialog",
     open
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogContextProvider,
     {
       nestedDialogCount,
       open,
+      presence,
+      setPresence,
       children
     }
   ) }) });
 }
 AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
 
-const AlertDialogAction = React.forwardRef(
-  ({ appearance = "danger", asChild, children, size = "lg", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, size, children }) });
-  }
-);
+const AlertDialogAction = React.forwardRef(({ appearance = "danger", asChild, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, children }) });
+});
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 
 const AlertDialogBody = React.forwardRef(
   ({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Flex,
+    Skeleton.Flex,
     {
       asChild: true,
       flex: "1",
@@ -273,84 +277,94 @@ const AlertDialogBody = React.forwardRef(
 );
 AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
 
-const AlertDialogCancel = React.forwardRef(
-  ({
-    appearance = "subtle",
-    asChild,
-    children = "Cancel",
-    size = "lg",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, size, children }) });
-  }
-);
+const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, children = "Cancel", ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, children }) });
+});
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_1igsdk7'}}});
-var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1rgoaxw'],variants:{size:{sm:'rr06z8',md:'_10l7wd3',lg:'_3v4oyl'}}});
-var nestedDialogCountVar = 'var(--_13ife8z)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_15z1k1b']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'mjtxru'}}});
+var content$3 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'vtv04v'],variants:{size:{sm:'hoxihi',md:'_1n92cvt',lg:'_1uo2idv'}}});
+var nestedDialogCountVar = 'var(--_1q0n6hb)';
+var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1ovp6ud']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, ref) => {
-  const { nestedDialogCount, open } = useAlertDialogContext("AlertDialogContent");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAlertDialog__namespace.Portal, { forceMount: true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Backdrop,
-      {
-        asChild: true,
-        ...backdrop({ hidden: nestedDialogCount > 0 }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...root$2(), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Paper,
-        {
-          asChild: true,
-          elevation: "dialog",
-          style: {
-            ...dynamic.assignInlineVars({
-              [nestedDialogCountVar]: `${nestedDialogCount}`
-            }),
-            ...style
-          },
-          ...content$2({ size }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" })
-    ] })
-  ] }) });
+  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("AlertDialogContent");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton.TransitionGroup,
+    {
+      onPresenceChange: setPresence,
+      open,
+      presence,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAlertDialog__namespace.Portal, { forceMount: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          Skeleton.Backdrop,
+          {
+            asChild: true,
+            ...backdrop({ hidden: nestedDialogCount > 0 }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, {})
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...root$2(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { flex: "1", pointerEvents: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.Paper,
+            {
+              asChild: true,
+              elevation: "dialog",
+              style: {
+                ...dynamic.assignInlineVars({
+                  [nestedDialogCountVar]: `${nestedDialogCount}`
+                }),
+                ...style
+              },
+              ...content$3({ size }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { flex: "1", pointerEvents: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { flex: "1", pointerEvents: "none" })
+        ] })
+      ] })
+    }
+  );
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'taetws']});
+var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_9075zp']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...footer$1({}, className), ref, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer$1({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonContextProvider, { size: "lg", children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ref, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, color: "fg.error", children: addonBefore ? IconMagnifyingGlass.fallbackSpan(addonBefore) : /* @__PURE__ */ jsxRuntime.jsx(IconTriangleExclamationSolid, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, color: "fg.error", children: addonBefore ? Skeleton.fallbackSpan(addonBefore) : /* @__PURE__ */ jsxRuntime.jsx(IconTriangleExclamationSolid, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
   ] });
 });
 AlertDialogHeader.displayName = "@optiaxiom/react/AlertDialogHeader";
 
 const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children }) });
+  const { presence } = useAlertDialogContext("AlertDialogTrigger");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixAlertDialog__namespace.Trigger,
+    {
+      asChild: true,
+      "data-expanded": presence ? "" : void 0,
+      ref,
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { children })
+    }
+  );
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
 
 const AvatarContext = React.createContext({
-  size: undefined
+  size: void 0
 });
 
-const IconUserSolid = IconMagnifyingGlass.withIcon(
+const IconUserSolid = Skeleton.withIcon(
   {
     name: "IconUserSolid",
     viewBox: "0 0 448 512"
@@ -365,7 +379,7 @@ const IconUserSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconUsersSolid = IconMagnifyingGlass.withIcon(
+const IconUsersSolid = Skeleton.withIcon(
   {
     name: "IconUsersSolid",
     viewBox: "0 0 640 512"
@@ -380,9 +394,9 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_18rhik2'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1caqebl'],sm:[{fontSize:'xs',size:'sm'},'_4y6lu'],md:[{fontSize:'md',size:'md'},'_4ysy46'],lg:[{fontSize:'lg',size:'lg'},'_1po65o9'],xl:[{fontSize:'2xl',size:'xl'},'_10e7c9n'],'3xl':[{fontSize:'4xl',size:'3xl'},'f46sgj']}}});
-var fallback = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
-var icon$2 = IconMagnifyingGlass.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'}}}});
+var avatar = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1pwtxhb'],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'},'_6pcsim'],xs:[{fontWeight:'400',size:'xs'},'_1lxx2ff'],sm:[{size:'sm'},'_1uqne5r'],md:[{size:'md'},'_1o11lc9'],lg:[{size:'lg'},'_1z0k4cb'],xl:[{size:'xl'},'_18gs5g3'],'3xl':[{size:'3xl'},'_1h4e1sj']}}});
+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'}}}});
 
 function getInitialsFromName(name) {
   const names = name.trim().split(" ");
@@ -408,14 +422,14 @@ const Avatar = React.forwardRef(
     const context = React.useContext(AvatarContext);
     const size = sizeProp || context?.size || "md";
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         asChild: true,
         ...avatar({ colorScheme, size }, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
-          src && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name, src }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : undefined, children: (name ? getInitialsFromName(name) : children) || /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...icon$2({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
+          src && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name, src }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : void 0, children: (name ? getInitialsFromName(name) : children) || /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...icon$2({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
         ] })
       }
     );
@@ -423,19 +437,19 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['pcxpal',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['cauct1',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { size }, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { size }, children }) });
   }
 );
 AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._8aqmv';
-var reset = 'optiaxiom.tvrgpe';
+var components = 'optiaxiom._1c60kh6';
+var reset = 'optiaxiom._1abiwg2';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -482,8 +496,8 @@ ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 const ToastAction = React.forwardRef(
   ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
     ] });
   }
 );
@@ -491,14 +505,14 @@ ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
   }
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
 
-var icon$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_19ur3wj']});
-var offsetVar = 'var(--_1skulmh)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_1e0hipj',{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']},'_7c3jnh'],variants:{intent:{danger:'tug6kk',information:'_1tl43xi',neutral:'ld824p',success:'or4epl',warning:'_19nxbh2'}}});
+var icon$1 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1avzc2r']});
+var offsetVar = 'var(--wzsm6h)';
+var root$1 = Skeleton.recipeRuntime({base:['_6qusy3',{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']},'_1iek3kn'],variants:{intent:{danger:'ki9uw8',information:'_1tugaoo',neutral:'ph89b9',success:'swjzbm',warning:'uusoqj'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -509,11 +523,11 @@ const mapIntentToIcon$1 = {
 };
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     const context = globals.useToastContext("Toast");
     const ref = reactComposeRefs.useComposedRefs(outerRef, context.toastRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         asChild: true,
         style: {
@@ -536,14 +550,14 @@ const Toast = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon$1(), children: React.createElement(mapIntentToIcon$1[intent]) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon$1(), children: React.createElement(mapIntentToIcon$1[intent]) }),
               children,
               /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                IconMagnifyingGlass.Button,
+                Skeleton.Button,
                 {
                   appearance: "inverse",
                   "aria-label": "close",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}),
                   size: "sm"
                 }
               ) })
@@ -557,7 +571,7 @@ const Toast = React.forwardRef(
 Toast.displayName = "@optiaxiom/react/Toast";
 
 var gap = '16';
-var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'z0lfjv'],variants:{position:{bottom:'hy3x1v','bottom-left':'kjwbv2','bottom-right':'_14g2si8',top:'_5z95bi','top-left':'fs9yur','top-right':'_4ytouv'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'pww7mg'],variants:{position:{bottom:'rx20qa','bottom-left':'_6jh13d','bottom-right':'iwbori',top:'szjo3x','top-left':'_10fqnqq','top-right':'_17jkme2'}}});
 
 const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
   const [mounted, setMounted] = React.useState(false);
@@ -604,13 +618,13 @@ const ToastProvider = React.forwardRef(
     container,
     duration,
     label,
-    position = "bottom-right",
+    position = "top-right",
     swipeDirection,
     swipeThreshold,
     toaster: toasterProp = globals.toaster,
     ...props
   }, outerRef) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     const toasts = index_js.useSyncExternalStore(...toasterProp.store);
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
@@ -653,7 +667,7 @@ const ToastProvider = React.forwardRef(
             id
           )),
           /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Flex,
+            Skeleton.Flex,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,
@@ -694,15 +708,16 @@ function AxiomProvider({
   if (axiom) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: IconMagnifyingGlass.version, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Skeleton.version, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
   ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var banner = IconMagnifyingGlass.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 icon = IconMagnifyingGlass.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'}}}});
+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$2 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'zq6u6r']});
+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 = {
   danger: IconCircleExclamationSolid,
@@ -715,7 +730,7 @@ const Banner = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         "aria-labelledby": labelId,
         ref,
@@ -723,16 +738,16 @@ const Banner = React.forwardRef(
         ...banner({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flex: "1", gap: "8", id: labelId, my: "2", children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, ...icon({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { id: labelId, ...content$2(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Skeleton.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -744,14 +759,14 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var buttonGroup = IconMagnifyingGlass.recipeRuntime({base:'onapaj'});
+var buttonGroup = Skeleton.recipeRuntime({base:'qdvrli'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
-        "data-orientation": gap === "0" ? orientation : undefined,
+        "data-orientation": gap === "0" ? orientation : void 0,
         flexDirection: orientation === "vertical" ? "column" : "row",
         gap,
         ref,
@@ -764,13 +779,13 @@ const ButtonGroup = React.forwardRef(
 );
 ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'vh9pmz']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'x6tjo9']});
 
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "code";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
 );
 Code.displayName = "@optiaxiom/react/Code";
@@ -778,7 +793,7 @@ Code.displayName = "@optiaxiom/react/Code";
 const DialogBody = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         flex: "1",
         fontSize: "md",
@@ -795,20 +810,20 @@ const DialogBody = React.forwardRef(
 );
 DialogBody.displayName = "@optiaxiom/react/DialogBody";
 
-var footer = IconMagnifyingGlass.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:'end',px:'24',py:'20'}]});
 
 const DialogFooter = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...footer({}, className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonContextProvider, { size: "lg", children }) });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
 
 const DialogForm = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         asChild: true,
         className,
@@ -823,15 +838,15 @@ const DialogForm = React.forwardRef(
 );
 DialogForm.displayName = "@optiaxiom/react/DialogForm";
 
-var actions$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_51nurq']});
-var close = IconMagnifyingGlass.recipeRuntime({base:['bckwzr']});
-var description$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1a380nf']});
-var title$1 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_72pyld']});
+var actions$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8'},'kquq0r']});
+var close = Skeleton.recipeRuntime({base:['_1aqk4ee']});
+var description$1 = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1l1wphh']});
+var title$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1ubbx9m']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, description, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         display: "flex",
         flexWrap: "wrap",
@@ -842,19 +857,19 @@ const DialogHeader = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Skeleton.Button,
             {
               appearance: "subtle",
               "aria-label": "Close",
               asChild: true,
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}),
               ...close(),
               children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, {})
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { asChild: true, level: "3", ...title$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { children }) }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...actions$1(), children: addonAfter }),
-          description ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, ...description$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { children: description }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Heading, { asChild: true, level: "3", ...title$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { children }) }),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...actions$1(), children: addonAfter }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, ...description$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { children: description }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, {}) })
         ]
       }
     );
@@ -862,29 +877,6 @@ const DialogHeader = React.forwardRef(
 );
 DialogHeader.displayName = "@optiaxiom/react/DialogHeader";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['g8pr1r']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_1gzndpv']});
-
-const DisclosureContent = React.forwardRef(({ children, ...props }, ref) => {
-  const { open } = IconMagnifyingGlass.useDisclosureContext("DisclosureContent");
-  const [skipAnimations, setSkipAnimations] = React.useState(Boolean(open));
-  React.useEffect(() => {
-    if (skipAnimations) {
-      requestAnimationFrame(() => setSkipAnimations(false));
-    }
-  }, [skipAnimations]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Transition,
-    {
-      "data-side": "bottom",
-      skipAnimations,
-      type: "slide",
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...outer(), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { p: "8", pt: "0", ref, ...props, children }) }) }) })
-    }
-  ) });
-});
-DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
-
 const [DrawerContextProvider, useDrawerContext] = reactContext.createContext("Drawer");
 
 function Drawer({
@@ -903,13 +895,13 @@ function Drawer({
 }
 Drawer.displayName = "@optiaxiom/react/Drawer";
 
-var actions = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1c1u2v4']});
+var actions = Skeleton.recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'szdg3n']});
 
 const DrawerActions = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...actions({}, className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", children })
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ref, ...actions({}, className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { flexDirection: "row", gap: "8", children })
     ] });
   }
 );
@@ -918,7 +910,7 @@ DrawerActions.displayName = "@optiaxiom/react/DrawerActions";
 const DrawerBody = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         flex: "1",
         fontSize: "md",
@@ -936,12 +928,12 @@ DrawerBody.displayName = "@optiaxiom/react/DrawerBody";
 
 const DrawerClose = React.forwardRef(
   ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { children }) });
   }
 );
 DrawerClose.displayName = "@optiaxiom/react/DrawerClose";
 
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'xao5jf'],variants:{position:{bottom:[{borderT:'1'},'_1eq3db4'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1vi5t70'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_10qpio6']}}});
+var content$1 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1clxqmh'],variants:{position:{bottom:[{borderT:'1'},'_1pqtk9t'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_36isd0'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1npfroe']}}});
 
 const mapPositionToTransitionSide = {
   bottom: "top",
@@ -951,19 +943,19 @@ const mapPositionToTransitionSide = {
 const DrawerContent = React.forwardRef(
   ({ children, position = "right", ...props }, ref) => {
     const { open } = useDrawerContext("DrawerContent");
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Backdrop, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, {}) }) }),
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Backdrop, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, {}) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Transition,
+        Skeleton.Transition,
         {
           "data-side": mapPositionToTransitionSide[position],
           type: "fade",
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Paper,
+            Skeleton.Paper,
             {
               asChild: true,
               elevation: "drawer",
-              onBlur: IconMagnifyingGlass.onReactSelectInputBlur,
+              onBlur: Skeleton.onReactSelectInputBlur,
               ...content$1({ position }),
               children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Content, { ref, ...props, children })
             }
@@ -975,17 +967,17 @@ const DrawerContent = React.forwardRef(
 );
 DrawerContent.displayName = "@optiaxiom/react/DrawerContent";
 
-var description = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bh55qh']});
+var description = Skeleton.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1n4r38c']});
 
 const DrawerDescription = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, ref, ...description({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, ref, ...description({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { children }) });
 });
 DrawerDescription.displayName = "@optiaxiom/react/DrawerDescription";
 
 const DrawerFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         borderT: "1",
         flexDirection: "row",
@@ -1004,7 +996,7 @@ DrawerFooter.displayName = "@optiaxiom/react/DrawerFooter";
 const DrawerHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Skeleton.Box,
       {
         display: "flex",
         flexWrap: "wrap",
@@ -1020,12 +1012,12 @@ const DrawerHeader = React.forwardRef(
 );
 DrawerHeader.displayName = "@optiaxiom/react/DrawerHeader";
 
-var title = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_1i5fu7q']});
+var title = Skeleton.recipeRuntime({base:[{flex:'1'},'_17m27gc']});
 
 const DrawerTitle = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Heading,
+      Skeleton.Heading,
       {
         asChild: true,
         level: "4",
@@ -1041,7 +1033,7 @@ DrawerTitle.displayName = "@optiaxiom/react/DrawerTitle";
 
 const DrawerTrigger = React.forwardRef(
   ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { children }) });
   }
 );
 DrawerTrigger.displayName = "@optiaxiom/react/DrawerTrigger";
@@ -1060,50 +1052,160 @@ function DropdownMenu({
     onChange: onOpenChange,
     prop: openProp
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContextProvider, { open, children }) });
+  const [presence, setPresence] = React.useState();
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuContextProvider,
+    {
+      open,
+      presence,
+      setPresence,
+      children
+    }
+  ) });
 }
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
+var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'nt9sg2']});
+var input$1 = Skeleton.recipeRuntime({base:'_1lbssu'});
+var root = Skeleton.recipeRuntime({base:['_599jot','_119jrwx']});
+var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1po66qf'],variants:{size:{md:'sop50w',lg:'_1pnexbl'}}});
+
+const Switch = React.forwardRef(
+  ({ children, className, description, size = "md", ...props }, ref) => {
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Skeleton.ToggleInput,
+      {
+        description: !!description,
+        ...root({}, className),
+        ...boxProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.ToggleInputHiddenInput,
+            {
+              ref,
+              role: "switch",
+              ...input$1(),
+              ...restProps
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputControl, { ...control$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...thumb({ size }) }) }),
+          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
+            children && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputLabel, { children }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputDescription, { children: description })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "@optiaxiom/react/Switch";
+
+const ListboxSwitchItem = React.forwardRef(({ addonBefore, icon, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton.ListboxItem,
+    {
+      addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Switch,
+          {
+            checked: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            ),
+            pointerEvents: "none",
+            tabIndex: -1
+          }
+        ),
+        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, children: icon }) : null
+      ] }),
+      ref,
+      ...props
+    }
+  );
+});
+ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+
 const DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxCheckboxItem, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ListboxSwitchItem, { children }) });
 });
 DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
 
 const DropdownMenuContent = React.forwardRef(({ align = "start", children, loading, ...props }, ref) => {
-  const { open } = useDropdownMenuContext("DropdownMenuContent");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.MenuListbox,
+  const { open, presence, setPresence } = useDropdownMenuContext(
+    "DropdownMenuContent"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton.TransitionGroup,
     {
-      asChild: true,
-      minW: loading ? "trigger" : undefined,
-      provider: "dropdown-menu",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Content, { align, ref, sideOffset: 4, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children })
+      onPresenceChange: setPresence,
+      open,
+      presence,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Skeleton.MenuListbox,
+        {
+          asChild: true,
+          minW: loading ? "trigger" : void 0,
+          provider: "dropdown-menu",
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            RadixMenu__namespace.Content,
+            {
+              align,
+              onPointerMove: (event) => {
+                if (!open) {
+                  event.preventDefault();
+                }
+              },
+              ref,
+              sideOffset: 4,
+              children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Spinner, {}) }) : children
+            }
+          )
+        }
+      ) })
     }
-  ) }) });
+  );
 });
 DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
 
 const DropdownMenuGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Group, { children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Group, { children }) });
   }
 );
 DropdownMenuGroup.displayName = "@optiaxiom/react/DropdownMenuGroup";
 
 const DropdownMenuItem = React.forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Item, { asChild, onSelect, children }) });
+  const { open } = useDropdownMenuContext("DropdownMenuItem");
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    RadixMenu__namespace.Item,
+    {
+      asChild,
+      onPointerLeave: (event) => {
+        if (!open) {
+          event.preventDefault();
+        }
+      },
+      onPointerMove: (event) => {
+        if (!open) {
+          event.preventDefault();
+        }
+      },
+      onSelect,
+      children
+    }
+  ) });
 });
 DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
 
 const DropdownMenuLabel = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Label, { children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Label, { children }) });
   }
 );
 DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 
-const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Separator, { ref }) }));
+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");
@@ -1126,21 +1228,31 @@ DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
 
 const DropdownMenuSubContent = React.forwardRef(({ children, ...props }, ref) => {
   const { open } = useDropdownMenuSubContext("DropdownMenuSubContent");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.MenuListbox, { asChild: true, provider: "dropdown-menu", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubContent, { alignOffset: -4, ref, sideOffset: 0, children }) }) }) });
+  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";
 
 const DropdownMenuSubTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
 
 const DropdownMenuTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.AngleMenuButton, { children }) });
+  const { presence } = useDropdownMenuContext("DropdownMenuTrigger");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixMenu__namespace.Trigger,
+    {
+      asChild: true,
+      "data-expanded": presence ? "" : void 0,
+      ref,
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.AngleMenuButton, { children })
+    }
+  );
 });
 DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 
-const IconEllipsisSolid = IconMagnifyingGlass.withIcon(
+const IconEllipsisSolid = Skeleton.withIcon(
   {
     name: "IconEllipsisSolid",
     viewBox: "0 0 448 512"
@@ -1157,7 +1269,7 @@ const IconEllipsisSolid = IconMagnifyingGlass.withIcon(
 
 const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Button,
+    Skeleton.Button,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}),
       iconPosition: "end",
@@ -1169,7 +1281,7 @@ const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 
-const IconCircleQuestion = IconMagnifyingGlass.withIcon(
+const IconCircleQuestion = Skeleton.withIcon(
   {
     fill: "none",
     name: "IconCircleQuestion"
@@ -1196,9 +1308,9 @@ const FieldLabel = React.forwardRef(
   }, ref) => {
     const inputId = reactId.useId(inputIdProp);
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Text,
+        Skeleton.Text,
         {
           alignItems: "center",
           asChild: true,
@@ -1210,7 +1322,7 @@ const FieldLabel = React.forwardRef(
             children,
             required && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                IconMagnifyingGlass.Text,
+                Skeleton.Text,
                 {
                   "aria-hidden": "true",
                   asChild: true,
@@ -1224,14 +1336,14 @@ const FieldLabel = React.forwardRef(
           ] })
         }
       ),
-      info && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: info, children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Button,
+      info && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Tooltip, { content: info, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Skeleton.Button,
         {
           "aria-label": "Information hover",
           border: "0",
           color: "fg.secondary",
           h: "2xs",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(IconCircleQuestion, {}) }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(IconCircleQuestion, {}) }),
           onClick: (event) => {
             event.currentTarget.focus();
             event.preventDefault();
@@ -1249,7 +1361,7 @@ const FieldLabel = React.forwardRef(
 );
 FieldLabel.displayName = "@optiaxiom/react/FieldLabel";
 
-const IconTriangleExclamation = IconMagnifyingGlass.withIcon(
+const IconTriangleExclamation = Skeleton.withIcon(
   {
     name: "IconTriangleExclamation",
     viewBox: "0 0 20 16"
@@ -1281,7 +1393,7 @@ const Field = React.forwardRef(
     const descriptionId = reactId.useId();
     const errorId = reactId.useId();
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         FieldLabel,
         {
@@ -1293,20 +1405,20 @@ const Field = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.FieldContext.Provider,
+        Skeleton.FieldContext.Provider,
         {
           value: {
-            descriptionId: description ? descriptionId : undefined,
+            descriptionId: description ? descriptionId : void 0,
             error: !!error,
-            errorId: error ? errorId : undefined,
+            errorId: error ? errorId : void 0,
             inputId,
-            labelId: label ? labelId : undefined
+            labelId: label ? labelId : void 0
           },
           children
         }
       ),
       error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
-        IconMagnifyingGlass.Flex,
+        Skeleton.Flex,
         {
           alignItems: "start",
           color: "fg.error",
@@ -1316,7 +1428,7 @@ const Field = React.forwardRef(
           id: errorId,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
               IconTriangleExclamation,
               {
                 "aria-label": "Error",
@@ -1328,15 +1440,15 @@ const Field = React.forwardRef(
           ]
         }
       ),
-      description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: IconMagnifyingGlass.fallbackSpan(description) })
+      description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Skeleton.fallbackSpan(description) })
     ] });
   }
 );
 Field.displayName = "@optiaxiom/react/Field";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'ioejy7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'iwu1fo']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_16i7wry']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_115urhe'],variants:{offset:{false:'jyfjsf',true:{}},position:{'bottom-right':'_1hwequh','top-right':'_1cblwmt'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'iwtkp3']});
+var badge = Skeleton.recipeRuntime({base:'xxlh6c',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1um1nvk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'jh579b']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_10ysyd5'],variants:{offset:{false:'_4nvddl',true:{}},position:{'bottom-right':'zd7s7m','top-right':'p98o2h'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_1rxbb4e']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1352,11 +1464,11 @@ const Indicator = React.forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...indicator$2({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ref, ...indicator$2({}, className), ...props, children: [
       children,
-      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...floating({ offset, position }), children: [
+      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Badge,
+          Skeleton.Badge,
           {
             "aria-hidden": "true",
             asChild,
@@ -1367,7 +1479,7 @@ const Indicator = React.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Badge,
+          Skeleton.Badge,
           {
             asChild,
             intent,
@@ -1382,8 +1494,8 @@ const Indicator = React.forwardRef(
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1h25l91'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = IconMagnifyingGlass.recipeRuntime({base:'_14zbjkq',variants:{variant:{outline:'_7wsih2',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_125sy6w'],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:'_47lek1',variants:{variant:{outline:'_1qjy34c',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1402,7 +1514,7 @@ const mapKeyToCode = {
 };
 const Kbd = React.forwardRef(
   ({ children, className, keys: keys$1, variant = "outline", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...kbd({ variant }, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...kbd({ variant }, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, children: [
       keys$1 && (Array.isArray(keys$1) ? keys$1 : [keys$1]).map((key) => /* @__PURE__ */ jsxRuntime.jsx("abbr", { title: key, ...keys({ variant }), children: mapKeyToCode[key] }, key)),
       children
     ] }) });
@@ -1410,22 +1522,33 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1jlqldx']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_13oe0i4']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { expanded, navId } = IconMagnifyingGlass.useSidebarContext("Nav");
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) }) });
+    const { expanded, navId } = Skeleton.useSidebarContext("Nav");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton.Flex,
+      {
+        borderColor: "border.tertiary",
+        borderR: "1",
+        h: "full",
+        ref,
+        w: "fit",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
+      }
+    );
   }
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1nix96y',true:'_18xky8z'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'kc6140',true:'_1mjve4f'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { expanded } = IconMagnifyingGlass.useSidebarContext("NavAccountItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Flex,
+  const { expanded } = Skeleton.useSidebarContext("NavAccountItem");
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton.Flex,
     {
       asChild: true,
       flexDirection: "row",
@@ -1445,12 +1568,12 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
             src
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...item$1({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flex: "1", gap: "0", overflowX: "hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
+        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...item$1({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flex: "1", gap: "0", overflowX: "hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconEllipsis, {}) })
         ] })
       ] })
     }
@@ -1458,13 +1581,13 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-var body = IconMagnifyingGlass.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:'start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { expanded, spacing } = IconMagnifyingGlass.useSidebarContext("NavBody");
+    const { expanded, spacing } = Skeleton.useSidebarContext("NavBody");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         px: spacing,
         ref,
@@ -1479,9 +1602,9 @@ NavBody.displayName = "@optiaxiom/react/NavBody";
 
 const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = IconMagnifyingGlass.useSidebarContext("NavFooter");
+    const { spacing } = Skeleton.useSidebarContext("NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Skeleton.Flex,
       {
         gap: "8",
         mt: "auto",
@@ -1499,14 +1622,14 @@ NavFooter.displayName = "@optiaxiom/react/NavFooter";
 
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { spacing } = IconMagnifyingGlass.useSidebarContext("NavHeader");
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { px: spacing, ref, ...props, children });
+    const { spacing } = Skeleton.useSidebarContext("NavHeader");
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { px: spacing, ref, ...props, children });
   }
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'fqk6gf']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'gtxi5x'],variants:{expanded:{false:'_1by8mlq',true:'_19nv3sh'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'start',rounded:'md',textAlign:'start',transition:'colors'},'pc636a']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_8fkods'],variants:{expanded:{false:'_11roum4',true:'oh3tb6'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1520,31 +1643,31 @@ const NavItem = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    const { expanded } = IconMagnifyingGlass.useSidebarContext("NavItem");
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
+    const { expanded } = Skeleton.useSidebarContext("NavItem");
     let tooltip = null;
-    children = IconMagnifyingGlass.decorateChildren({ asChild, children }, (children2) => {
+    children = Skeleton.decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, children: icon }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...label({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { truncate: true, children: children2 }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, display: "flex", flex: "none", children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
+        /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, children: icon }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Box, { ...label({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { truncate: true, children: children2 }),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, display: "flex", flex: "none", children: Skeleton.fallbackSpan(addonAfter) })
         ] })
       ] });
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Tooltip,
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton.Tooltip,
       {
         content: props["aria-label"] || tooltip,
         disabled: expanded,
         side: "right",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
+          Skeleton.Box,
           {
             asChild: true,
-            "data-disabled": disabled ? "" : undefined,
-            "data-state": active ? "active" : undefined,
+            "data-disabled": disabled ? "" : void 0,
+            "data-state": active ? "active" : void 0,
             ...item({}, className),
             ...boxProps,
             children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { disabled, ref, ...restProps, children })
@@ -1558,10 +1681,12 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = IconMagnifyingGlass.useNavGroupContext("NavList");
-    const Comp = id ? DisclosureContent : IconMagnifyingGlass.Box;
+    const { id } = Skeleton.useNavGroupContext("NavList");
+    if (id) {
+      throw new Error("huh");
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
+      Skeleton.Box,
       {
         asChild: true,
         display: "flex",
@@ -1576,15 +1701,15 @@ const NavList = React.forwardRef(
 );
 NavList.displayName = "@optiaxiom/react/NavList";
 
-var indicator$1 = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_127iwmn']});
+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'},'_1hnundd']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
     const widthPercentage = (props.value ?? 0) / (props.max ?? DEFAULT_MAX) * 100;
     const isValidValue = typeof props.value !== "undefined" && props.value !== null && props.value >= 0 && props.value <= (props.max ?? DEFAULT_MAX);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton.Box,
       {
         asChild: true,
         style: {
@@ -1603,10 +1728,10 @@ Progress.displayName = "@optiaxiom/react/Progress";
 
 const [RadioGroupContextProvider, useRadioGroupContext] = reactContext.createContext("RadioGroup", null);
 
-var control$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1kdcipo'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_2eifk7']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'x37u70'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_1k89po5'});
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'a3zuxh'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1rhen0e']});
+var input = Skeleton.recipeRuntime({base:'_3hdtoi'});
+var radio = Skeleton.recipeRuntime({base:'_8jx9hc'});
 
 const Radio = React.forwardRef(
   ({
@@ -1619,7 +1744,7 @@ const Radio = React.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     const groupContext = useRadioGroupContext("Radio");
     if (groupContext) {
       if ("checked" in props) {
@@ -1627,38 +1752,38 @@ const Radio = React.forwardRef(
           `Cannot use \`checked\` prop when \`Radio\` is used within \`RadioGroup\``
         );
       }
-      if (props.value === undefined) {
+      if (props.value === void 0) {
         throw new Error(
           `Must use \`value\` prop when \`Radio\` is used within \`RadioGroup\``
         );
       }
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.ToggleInput,
+      Skeleton.ToggleInput,
       {
         description: !!description,
         ...radio({}, className),
         ...boxProps,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.ToggleInputHiddenInput,
+            Skeleton.ToggleInputHiddenInput,
             {
-              checked: groupContext?.value !== undefined ? groupContext.value === props.value : undefined,
-              defaultChecked: groupContext?.defaultValue !== undefined ? groupContext.defaultValue === props.value : undefined,
+              checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
+              defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
               disabled: groupContext?.disabled ?? disabled,
               name: groupContext?.name ?? name,
               onBlur: groupContext?.onBlur ?? onBlur,
               onChange: groupContext?.onChange ?? onChange,
               ref,
               type: "radio",
-              ...input$1(),
+              ...input(),
               ...restProps
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputControl, { ...control$1({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...indicator() }) }),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInputContent, { children: [
-            children && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputLabel, { children }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputDescription, { children: description })
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...indicator() }) }),
+          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.ToggleInputContent, { children: [
+            children && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputLabel, { children }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputDescription, { children: description })
           ] })
         ]
       }
@@ -1699,10 +1824,10 @@ const RadioGroup = React.forwardRef(
         },
         value,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Flex,
+          Skeleton.Flex,
           {
             flexDirection,
-            gap: IconMagnifyingGlass.mapResponsiveValue(
+            gap: Skeleton.mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]
             ),
@@ -1717,8 +1842,8 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'uxnw48']});
-var search = IconMagnifyingGlass.recipeRuntime({base:'e8jivp'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_1aqhssx']});
+var search = Skeleton.recipeRuntime({base:'_1gxa03'});
 
 const SearchInput = React.forwardRef(
   ({
@@ -1734,19 +1859,19 @@ const SearchInput = React.forwardRef(
     const [innerValue, setValue] = React.useState(defaultValue);
     const value = typeof valueProp === "undefined" ? innerValue : valueProp;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Input,
+      Skeleton.Input,
       {
         addonAfter: value && /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Button,
+          Skeleton.Button,
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+            icon: value && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconX, {}),
             onClick: () => {
               if (!innerRef.current) {
                 return;
               }
-              IconMagnifyingGlass.forceValueChange(innerRef.current, "");
+              Skeleton.forceValueChange(innerRef.current, "");
               innerRef.current.focus();
               onValueClear?.();
             },
@@ -1754,7 +1879,7 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconMagnifyingGlass, {}),
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconMagnifyingGlass, {}),
         addonPointerEvents: "none",
         autoComplete: "off",
         onChange: (event) => {
@@ -1775,7 +1900,7 @@ SearchInput.displayName = "@optiaxiom/react/SearchInput";
 const [SegmentedControlContextProvider, useSegmentedControlContext] = reactContext.createContext("SegmentedControl");
 
 const SegmentedControl = React.forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlContextProvider, { children }) }) });
+  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(SegmentedControlContextProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
 
@@ -1788,7 +1913,7 @@ const SegmentedControlItem = React.forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { children })
     }
   );
 });
@@ -1808,14 +1933,14 @@ const Sidebar = React.forwardRef(
       prop: expandedProp
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.SidebarContextProvider,
+      Skeleton.SidebarContextProvider,
       {
         expanded,
         navId: reactId.useId(),
         onExpandedChange: setExpanded,
         spacing: "8",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
+          Skeleton.Box,
           {
             alignItems: "stretch",
             display: "flex",
@@ -1834,7 +1959,7 @@ Sidebar.displayName = "@optiaxiom/react/Sidebar";
 
 const SidebarToggle = React.forwardRef(
   ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, navId, onExpandedChange } = IconMagnifyingGlass.useSidebarContext("SidebarToggle");
+    const { expanded, navId, onExpandedChange } = Skeleton.useSidebarContext("SidebarToggle");
     return /* @__PURE__ */ jsxRuntime.jsx(
       NavItem,
       {
@@ -1852,93 +1977,39 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var skeleton = IconMagnifyingGlass.recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1x71f2x']});
-
-const Skeleton = React.forwardRef(
-  ({ asChild = true, children, circle, className, rounded, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
-      {
-        asChild,
-        rounded: circle || rounded === "full" ? "full" : rounded ?? "sm",
-        ...skeleton({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, children: children ? children : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
-      }
-    );
-  }
-);
-Skeleton.displayName = "@optiaxiom/react/Skeleton";
-
-var control = IconMagnifyingGlass.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'kvui1b']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'_10qadzl'});
-var root = IconMagnifyingGlass.recipeRuntime({base:['zyba9','plzgmz']});
-var thumb = IconMagnifyingGlass.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1iskp07'],variants:{size:{md:'_3ljjkv',lg:'_14ntmjo'}}});
-
-const Switch = React.forwardRef(
-  ({ children, className, description, size = "md", ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.ToggleInput,
-      {
-        description: !!description,
-        ...root({}, className),
-        ...boxProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.ToggleInputHiddenInput,
-            {
-              ref,
-              role: "switch",
-              ...input(),
-              ...restProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...thumb({ size }) }) }),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
-            children && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputLabel, { children }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputDescription, { children: description })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Switch.displayName = "@optiaxiom/react/Switch";
-
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_3os622']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'_9utp1c']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Root, { ref, ...restProps, children }) });
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Root, { ref, ...restProps, children }) });
   }
 );
 Tabs.displayName = "@optiaxiom/react/Tabs";
 
 const TabsContent = React.forwardRef(
   ({ children, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
   }
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.default',display:'flex'},'jfgfy2']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'sq5xhz']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
   }
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'_1f5w45y']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['_1s8zzm0',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1d97qd5']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'_1e2mb3v']});
+var trigger = Skeleton.recipeRuntime({base:['ufb3es',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'neiedx']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...content(), children: [
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...content(), children: [
       addonBefore,
       children,
       addonAfter
@@ -1947,9 +2018,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['u700zx','_14rwnk5']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['u700zx','_1lxsx5']});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['p0edhi','nmfawq'],'2':['p0edhi','_6gr32w'],'3':['p0edhi','_1c7pggb'],'4':['p0edhi','_1pqnez1'],'5':['p0edhi','oqe7gy']},resize:{auto:{},none:{},vertical:'t4g3wx'}}});
+var shadow = Skeleton.recipeRuntime({base:['_1jq1eev','bgc2f5']});
+var textarea = Skeleton.recipeRuntime({base:['_1jq1eev','_1kb0j3q']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['bm06if','kl3e04'],'2':['bm06if','id3nss'],'3':['bm06if','_1m9n45i'],'4':['bm06if','_65s9ha'],'5':['bm06if','shfprc']},resize:{auto:{},none:{},vertical:'xupup8'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({
@@ -1962,13 +2033,13 @@ const TextareaAutosize = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "textarea";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     const [value, setValue] = reactUseControllableState.useControllableState({
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...wrapper({ maxRows, resize }), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...textarea({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Box, { ...wrapper({ maxRows, resize }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...textarea({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
         {
           onChange: (event) => {
@@ -1980,7 +2051,7 @@ const TextareaAutosize = React.forwardRef(
           children
         }
       ) }),
-      resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+      resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
     ] });
   }
 );
@@ -1998,9 +2069,9 @@ const Textarea = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? reactSlot.Slot : TextareaAutosize;
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.InputRoot,
+      Skeleton.InputRoot,
       {
         addonPointerEvents,
         className,
@@ -2008,9 +2079,9 @@ const Textarea = React.forwardRef(
         style,
         ...boxProps,
         children: [
-          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.InputAddon, { asChild: true, children: Skeleton.fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.InputAddon, { asChild: true, children: Skeleton.fallbackSpan(addonAfter) })
         ]
       }
     );
@@ -2020,62 +2091,64 @@ Textarea.displayName = "@optiaxiom/react/Textarea";
 
 const ToggleButton = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
   }
 );
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 
-exports.AngleMenuButton = IconMagnifyingGlass.AngleMenuButton;
-exports.Badge = IconMagnifyingGlass.Badge;
-exports.Box = IconMagnifyingGlass.Box;
-exports.Button = IconMagnifyingGlass.Button;
-exports.Checkbox = IconMagnifyingGlass.Checkbox;
-exports.Dialog = IconMagnifyingGlass.Dialog;
-exports.DialogClose = IconMagnifyingGlass.DialogClose;
-exports.DialogContent = IconMagnifyingGlass.DialogContent;
-exports.DialogTrigger = IconMagnifyingGlass.DialogTrigger;
-exports.Disclosure = IconMagnifyingGlass.Disclosure;
-exports.DisclosureTrigger = IconMagnifyingGlass.DisclosureTrigger;
-exports.Flex = IconMagnifyingGlass.Flex;
-exports.Grid = IconMagnifyingGlass.Grid;
-exports.Heading = IconMagnifyingGlass.Heading;
-exports.Input = IconMagnifyingGlass.Input;
-exports.InputAddon = IconMagnifyingGlass.InputAddon;
-exports.InputControl = IconMagnifyingGlass.InputControl;
-exports.InputRoot = IconMagnifyingGlass.InputRoot;
-exports.Link = IconMagnifyingGlass.Link;
-exports.Listbox = IconMagnifyingGlass.Listbox;
-exports.ListboxCheckboxItem = IconMagnifyingGlass.ListboxCheckboxItem;
-exports.ListboxEmpty = IconMagnifyingGlass.ListboxEmpty;
-exports.ListboxFooter = IconMagnifyingGlass.ListboxFooter;
-exports.ListboxGroup = IconMagnifyingGlass.ListboxGroup;
-exports.ListboxItem = IconMagnifyingGlass.ListboxItem;
-exports.ListboxItemIndicator = IconMagnifyingGlass.ListboxItemIndicator;
-exports.ListboxLabel = IconMagnifyingGlass.ListboxLabel;
-exports.ListboxRadioItem = IconMagnifyingGlass.ListboxRadioItem;
-exports.ListboxScrollArea = IconMagnifyingGlass.ListboxScrollArea;
-exports.ListboxSeparator = IconMagnifyingGlass.ListboxSeparator;
-exports.ModalLayer = IconMagnifyingGlass.ModalLayer;
-exports.Pagination = IconMagnifyingGlass.Pagination;
-exports.Paper = IconMagnifyingGlass.Paper;
-exports.Popover = IconMagnifyingGlass.Popover;
-exports.PopoverAnchor = IconMagnifyingGlass.PopoverAnchor;
-exports.PopoverContent = IconMagnifyingGlass.PopoverContent;
-exports.PopoverTrigger = IconMagnifyingGlass.PopoverTrigger;
-exports.Separator = IconMagnifyingGlass.Separator;
-exports.Spinner = IconMagnifyingGlass.Spinner;
-exports.Text = IconMagnifyingGlass.Text;
-exports.Tooltip = IconMagnifyingGlass.Tooltip;
-exports.TooltipContent = IconMagnifyingGlass.TooltipContent;
-exports.TooltipRoot = IconMagnifyingGlass.TooltipRoot;
-exports.TooltipTrigger = IconMagnifyingGlass.TooltipTrigger;
-exports.Transition = IconMagnifyingGlass.Transition;
-exports.TransitionGlobalConfig = IconMagnifyingGlass.TransitionGlobalConfig;
-exports.TransitionGroup = IconMagnifyingGlass.TransitionGroup;
-exports.extractBoxProps = IconMagnifyingGlass.extractBoxProps;
-exports.mapResponsiveValue = IconMagnifyingGlass.mapResponsiveValue;
-exports.sprinkles = IconMagnifyingGlass.sprinkles;
-exports.sprinklesMerge = IconMagnifyingGlass.sprinklesMerge;
+exports.AngleMenuButton = Skeleton.AngleMenuButton;
+exports.Badge = Skeleton.Badge;
+exports.Box = Skeleton.Box;
+exports.Button = Skeleton.Button;
+exports.Checkbox = Skeleton.Checkbox;
+exports.Dialog = Skeleton.Dialog;
+exports.DialogClose = Skeleton.DialogClose;
+exports.DialogContent = Skeleton.DialogContent;
+exports.DialogTrigger = Skeleton.DialogTrigger;
+exports.Disclosure = Skeleton.Disclosure;
+exports.DisclosureContent = Skeleton.DisclosureContent;
+exports.DisclosureTrigger = Skeleton.DisclosureTrigger;
+exports.Flex = Skeleton.Flex;
+exports.Grid = Skeleton.Grid;
+exports.Heading = Skeleton.Heading;
+exports.Input = Skeleton.Input;
+exports.InputAddon = Skeleton.InputAddon;
+exports.InputControl = Skeleton.InputControl;
+exports.InputRoot = Skeleton.InputRoot;
+exports.Link = Skeleton.Link;
+exports.Listbox = Skeleton.Listbox;
+exports.ListboxCheckboxItem = Skeleton.ListboxCheckboxItem;
+exports.ListboxEmpty = Skeleton.ListboxEmpty;
+exports.ListboxFooter = Skeleton.ListboxFooter;
+exports.ListboxGroup = Skeleton.ListboxGroup;
+exports.ListboxItem = Skeleton.ListboxItem;
+exports.ListboxItemIndicator = Skeleton.ListboxItemIndicator;
+exports.ListboxLabel = Skeleton.ListboxLabel;
+exports.ListboxRadioItem = Skeleton.ListboxRadioItem;
+exports.ListboxScrollArea = Skeleton.ListboxScrollArea;
+exports.ListboxSeparator = Skeleton.ListboxSeparator;
+exports.ModalLayer = Skeleton.ModalLayer;
+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.Separator = Skeleton.Separator;
+exports.Skeleton = Skeleton.Skeleton;
+exports.Spinner = Skeleton.Spinner;
+exports.Text = Skeleton.Text;
+exports.Tooltip = Skeleton.Tooltip;
+exports.TooltipContent = Skeleton.TooltipContent;
+exports.TooltipRoot = Skeleton.TooltipRoot;
+exports.TooltipTrigger = Skeleton.TooltipTrigger;
+exports.Transition = Skeleton.Transition;
+exports.TransitionGlobalConfig = Skeleton.TransitionGlobalConfig;
+exports.TransitionGroup = Skeleton.TransitionGroup;
+exports.extractBoxProps = Skeleton.extractBoxProps;
+exports.mapResponsiveValue = Skeleton.mapResponsiveValue;
+exports.sprinkles = Skeleton.sprinkles;
+exports.sprinklesMerge = Skeleton.sprinklesMerge;
 Object.defineProperty(exports, "createToaster", {
   enumerable: true,
   get: function () { return globals.createToaster; }
@@ -2111,7 +2184,6 @@ exports.DialogBody = DialogBody;
 exports.DialogFooter = DialogFooter;
 exports.DialogForm = DialogForm;
 exports.DialogHeader = DialogHeader;
-exports.DisclosureContent = DisclosureContent;
 exports.Drawer = Drawer;
 exports.DrawerActions = DrawerActions;
 exports.DrawerBody = DrawerBody;
@@ -2138,6 +2210,7 @@ exports.Field = Field;
 exports.FieldLabel = FieldLabel;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;
+exports.ListboxSwitchItem = ListboxSwitchItem;
 exports.Nav = Nav;
 exports.NavAccountItem = NavAccountItem;
 exports.NavBody = NavBody;
@@ -2153,7 +2226,6 @@ exports.SegmentedControl = SegmentedControl;
 exports.SegmentedControlItem = SegmentedControlItem;
 exports.Sidebar = Sidebar;
 exports.SidebarToggle = SidebarToggle;
-exports.Skeleton = Skeleton;
 exports.Switch = Switch;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;