@optiaxiom/react 0.12.1 → 0.12.3

package/dist/cjs/index.js

@@ -0,0 +1,2170 @@
+"use client";
+'use strict';
+
+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 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');
+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');
+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');
+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');
+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');
+var RadixMenu = require('@radix-ui/react-dropdown-menu');
+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');
+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');
+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');
+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('@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('@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('@radix-ui/react-popover');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.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');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var RadixAlertDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAlertDialog);
+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);
+var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSegmentedControl);
+var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
+var RadixToggle__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToggle);
+
+const IconCircleCheckSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconCircleCheckSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconCircleExclamationSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconCircleExclamationSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconCircleInfoSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconTriangleExclamationSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+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'}}}});
+
+const mapIntentToIcon$2 = {
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
+};
+const Alert = React.forwardRef(
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.Flex,
+      {
+        "aria-labelledby": labelId,
+        ref,
+        role: "alert",
+        ...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 }),
+          !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.Button,
+            {
+              appearance: "subtle",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              onClick: onDismiss,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "@optiaxiom/react/Alert";
+
+const [AlertDialogContextProvider, useAlertDialogContext] = reactContext.createContext("AlertDialog");
+
+function AlertDialog({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const [nestedDialogCount, setNestedDialogCount] = IconMagnifyingGlass.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(
+    AlertDialogContextProvider,
+    {
+      nestedDialogCount,
+      open,
+      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 }) });
+  }
+);
+AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
+
+const AlertDialogBody = React.forwardRef(
+  ({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    IconMagnifyingGlass.Flex,
+    {
+      asChild: true,
+      flex: "1",
+      fontSize: "md",
+      justifyContent: "start",
+      overflow: "auto",
+      px: "24",
+      py: "16",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) })
+    }
+  )
+);
+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 }) });
+  }
+);
+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']});
+
+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" })
+    ] })
+  ] }) });
+});
+AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
+
+var footer$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'taetws']});
+
+const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...footer$1({}, className), ref, ...props, 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 }) })
+  ] });
+});
+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 }) });
+});
+AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
+
+const AvatarContext = React.createContext({
+  size: undefined
+});
+
+const IconUserSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconUserSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconUsersSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconUsersSolid",
+    viewBox: "0 0 640 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
+      fill: "currentColor"
+    }
+  )
+);
+
+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'}}}});
+
+function getInitialsFromName(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] ?? "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+const mapFallbackToIcon = {
+  team: /* @__PURE__ */ jsxRuntime.jsx(IconUsersSolid, {}),
+  user: /* @__PURE__ */ jsxRuntime.jsx(IconUserSolid, {})
+};
+const Avatar = React.forwardRef(
+  ({
+    children,
+    className,
+    colorScheme = "neutral",
+    fallback: fallback$1 = "user",
+    name,
+    size: sizeProp,
+    src,
+    ...props
+  }, ref) => {
+    const context = React.useContext(AvatarContext);
+    const size = sizeProp || context?.size || "md";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.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] }) }) })
+        ] })
+      }
+    );
+  }
+);
+Avatar.displayName = "@optiaxiom/react/Avatar";
+
+var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['pcxpal',{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 }) });
+  }
+);
+AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom._8aqmv';
+var reset = 'optiaxiom.tvrgpe';
+var theme = 'optiaxiom.theme';
+
+var layers_css = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  axiom: axiom,
+  base: base,
+  components: components,
+  reset: reset,
+  theme: theme
+});
+
+const lightColors = Object.fromEntries(
+  Object.entries(globals.tokens.colors).map(([k, v]) => [
+    k,
+    v.slice(v.indexOf("(") + 1, v.indexOf(","))
+  ])
+);
+function ThemeProvider({
+  children,
+  selector = ":root"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @layer ${theme} {
+          ${selector} {
+            ${dynamic.assignInlineVars(globals.theme, {
+      ...globals.tokens,
+      colors: lightColors
+    })}
+          }
+
+          @supports (color: light-dark(black, white)) {
+            ${selector} {
+              ${dynamic.assignInlineVars(globals.theme.colors, globals.tokens.colors)}
+            }
+          }
+        }
+      ` }),
+    children
+  ] });
+}
+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 }) })
+    ] });
+  }
+);
+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 }) });
+  }
+);
+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'}}});
+
+const mapIntentToIcon$1 = {
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
+};
+const Toast = React.forwardRef(
+  ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const context = globals.useToastContext("Toast");
+    const ref = reactComposeRefs.useComposedRefs(outerRef, context.toastRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        asChild: true,
+        style: {
+          ...style,
+          ...dynamic.assignInlineVars({
+            [offsetVar]: `${context.offset}px`
+          })
+        },
+        ...root$1({ intent }, className),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          RadixToast__namespace.Root,
+          {
+            forceMount: !!context,
+            onOpenChange: (open) => {
+              onOpenChange?.(open);
+              context.onOpenChange(open);
+            },
+            open: context.open,
+            ref,
+            ...restProps,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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,
+                {
+                  appearance: "inverse",
+                  "aria-label": "close",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+                  size: "sm"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+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'}}});
+
+const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => setMounted(true), []);
+  const previousScrollAnchor = React.useRef(scrollAnchor);
+  React.useEffect(() => {
+    previousScrollAnchor.current = scrollAnchor;
+  }, [scrollAnchor]);
+  React.useEffect(() => {
+    if (!scrollingElementRef.current) {
+      return;
+    }
+    const element = scrollingElementRef.current;
+    const listener = () => previousScrollAnchor.current = Math.ceil(Math.abs(element.scrollTop)) === element.scrollHeight - element.offsetHeight ? scrollAnchor : null;
+    element.addEventListener("scroll", listener);
+    return () => element.removeEventListener("scroll", listener);
+  }, [mounted, scrollAnchor, scrollingElementRef]);
+  React.useEffect(() => {
+    if (!scrollingElementRef.current) {
+      return;
+    }
+    const element = scrollingElementRef.current;
+    const mutation = new MutationObserver(() => {
+      if (previousScrollAnchor.current === scrollAnchor) {
+        element.scrollTop = (scrollAnchor === "top" ? -1 : 1) * element.scrollHeight - element.offsetHeight;
+      }
+    });
+    mutation.observe(element, { childList: true });
+    return () => mutation.disconnect();
+  }, [mounted, scrollAnchor, scrollingElementRef]);
+};
+
+const mapPositionToSwipeDirection = {
+  bottom: "down",
+  "bottom-left": "left",
+  "bottom-right": "right",
+  top: "up",
+  "top-left": "left",
+  "top-right": "right"
+};
+const ToastProvider = React.forwardRef(
+  ({
+    className,
+    container,
+    duration,
+    label,
+    position = "bottom-right",
+    swipeDirection,
+    swipeThreshold,
+    toaster: toasterProp = globals.toaster,
+    ...props
+  }, outerRef) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const toasts = index_js.useSyncExternalStore(...toasterProp.store);
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    useOverflowAnchor(
+      innerRef,
+      position.startsWith("bottom") ? "top" : "bottom"
+    );
+    if (!toasts.length) {
+      return null;
+    }
+    let exitingToastOffsets = 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      RadixToast__namespace.ToastProvider,
+      {
+        duration,
+        label,
+        swipeDirection: swipeDirection ?? mapPositionToSwipeDirection[position],
+        swipeThreshold,
+        children: [
+          toasts.map(({ id, open, ref: ref2, toast }) => /* @__PURE__ */ jsxRuntime.jsx(
+            globals.ToastContextProvider,
+            {
+              offset: exitingToastOffsets += !open && ref2.current ? ref2.current.offsetHeight + parseInt(gap) : 0,
+              onOpenChange: () => toasterProp.remove(id),
+              open,
+              toastRef: ref2,
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
+              children: React.isValidElement(toast) ? toast : /* @__PURE__ */ jsxRuntime.jsxs(Toast, { intent: toast.type, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: toast.title }),
+                toast.action && /* @__PURE__ */ jsxRuntime.jsx(
+                  ToastAction,
+                  {
+                    altText: toast.action,
+                    onClick: toast.onAction,
+                    children: toast.action
+                  }
+                )
+              ] }, id)
+            },
+            id
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.Flex,
+            {
+              alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
+              asChild: true,
+              "data-position": position,
+              flexDirection: position.startsWith("bottom") ? "column-reverse" : "column",
+              ...viewport({ position }, className),
+              ...boxProps,
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Viewport, { ref, ...restProps })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
+
+function TooltipProvider({
+  disableHoverableContent = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixTooltip__namespace.Provider,
+    {
+      disableHoverableContent,
+      ...props
+    }
+  );
+}
+TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
+
+function AxiomProvider({
+  children,
+  toast,
+  tooltip
+}) {
+  const axiom = React.useContext(globals.AxiomVersionContext);
+  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: [
+    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'}}}});
+
+const mapIntentToIcon = {
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
+};
+const Banner = React.forwardRef(
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.Flex,
+      {
+        "aria-labelledby": labelId,
+        ref,
+        role: "alert",
+        ...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 }),
+          !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.Button,
+            {
+              appearance: "subtle",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              onClick: onDismiss,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "@optiaxiom/react/Banner";
+
+var buttonGroup = IconMagnifyingGlass.recipeRuntime({base:'onapaj'});
+
+const ButtonGroup = React.forwardRef(
+  ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
+      {
+        "data-orientation": gap === "0" ? orientation : undefined,
+        flexDirection: orientation === "vertical" ? "column" : "row",
+        gap,
+        ref,
+        ...buttonGroup({}, className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
+
+var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'vh9pmz']});
+
+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 }) });
+  }
+);
+Code.displayName = "@optiaxiom/react/Code";
+
+const DialogBody = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
+      {
+        flex: "1",
+        fontSize: "md",
+        justifyContent: "start",
+        overflow: "auto",
+        px: "24",
+        py: "16",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+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'}]});
+
+const DialogFooter = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...footer({}, className), ...props, children });
+  }
+);
+DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
+
+const DialogForm = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        asChild: true,
+        className,
+        display: "flex",
+        flexDirection: "column",
+        overflow: "auto",
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref, ...restProps, children })
+      }
+    );
+  }
+);
+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']});
+
+const DialogHeader = React.forwardRef(
+  ({ addonAfter, children, description, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.Box,
+      {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "8",
+        p: "24",
+        pb: "16",
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.Button,
+            {
+              appearance: "subtle",
+              "aria-label": "Close",
+              asChild: true,
+              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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, {}) })
+        ]
+      }
+    );
+  }
+);
+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({
+  children,
+  defaultOpen,
+  modal,
+  onOpenChange,
+  open: openProp
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { modal, onOpenChange: setOpen, open, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerContextProvider, { open, children }) });
+}
+Drawer.displayName = "@optiaxiom/react/Drawer";
+
+var actions = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1c1u2v4']});
+
+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 })
+    ] });
+  }
+);
+DrawerActions.displayName = "@optiaxiom/react/DrawerActions";
+
+const DrawerBody = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        flex: "1",
+        fontSize: "md",
+        overflow: "auto",
+        px: "24",
+        py: "16",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+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 }) });
+  }
+);
+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']}}});
+
+const mapPositionToTransitionSide = {
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+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, {}) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.Transition,
+        {
+          "data-side": mapPositionToTransitionSide[position],
+          type: "fade",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.Paper,
+            {
+              asChild: true,
+              elevation: "drawer",
+              onBlur: IconMagnifyingGlass.onReactSelectInputBlur,
+              ...content$1({ position }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Content, { ref, ...props, children })
+            }
+          )
+        }
+      )
+    ] }) });
+  }
+);
+DrawerContent.displayName = "@optiaxiom/react/DrawerContent";
+
+var description = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bh55qh']});
+
+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 }) });
+});
+DrawerDescription.displayName = "@optiaxiom/react/DrawerDescription";
+
+const DrawerFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
+      {
+        borderT: "1",
+        flexDirection: "row",
+        gap: "16",
+        justifyContent: "end",
+        p: "16",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+DrawerFooter.displayName = "@optiaxiom/react/DrawerFooter";
+
+const DrawerHeader = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "8",
+        p: "24",
+        pb: "16",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+DrawerHeader.displayName = "@optiaxiom/react/DrawerHeader";
+
+var title = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_1i5fu7q']});
+
+const DrawerTitle = React.forwardRef(
+  ({ asChild, children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Heading,
+      {
+        asChild: true,
+        level: "4",
+        ref,
+        ...title({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { asChild, children })
+      }
+    );
+  }
+);
+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 }) });
+  }
+);
+DrawerTrigger.displayName = "@optiaxiom/react/DrawerTrigger";
+
+const [DropdownMenuContextProvider, useDropdownMenuContext] = reactContext.createContext("DropdownMenu");
+
+function DropdownMenu({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContextProvider, { open, children }) });
+}
+DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
+
+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 }) });
+});
+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,
+    {
+      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 })
+    }
+  ) }) });
+});
+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 }) });
+  }
+);
+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 }) });
+});
+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 }) });
+  }
+);
+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 }) }));
+DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
+
+const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = reactContext.createContext("DropdownMenuSub");
+
+function DropdownMenuSub({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContextProvider, { open, children }) });
+}
+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 }) }) }) });
+});
+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 }) });
+});
+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 }) });
+});
+DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
+
+const IconEllipsisSolid = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconEllipsisSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    IconMagnifyingGlass.Button,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}),
+      iconPosition: "end",
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
+
+const IconCircleQuestion = IconMagnifyingGlass.withIcon(
+  {
+    fill: "none",
+    name: "IconCircleQuestion"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.963 5.9C8.12757 5.43217 8.45241 5.03768 8.87997 4.78639C9.30753 4.53511 9.81023 4.44326 10.299 4.5271C10.7878 4.61094 11.2312 4.86507 11.5506 5.24447C11.8699 5.62387 12.0447 6.10407 12.044 6.6C12.044 7.4523 11.2172 7.98486 10.6567 8.3786M10 9.575V8.84M10.6567 8.3786C10.424 8.54214 10 8.84 10 8.84M10.6567 8.3786L10 8.84M10 11.5H10.007M17 8C17 11.866 13.866 15 10 15C6.13401 15 3 11.866 3 8C3 4.13401 6.13401 1 10 1C13.866 1 17 4.13401 17 8Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+const FieldLabel = React.forwardRef(
+  ({
+    children,
+    info,
+    inputId: inputIdProp,
+    labelId: labelIdProp,
+    required,
+    ...props
+  }, ref) => {
+    const inputId = reactId.useId(inputIdProp);
+    const labelId = reactId.useId(labelIdProp);
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.Text,
+        {
+          alignItems: "center",
+          asChild: true,
+          color: "fg.secondary",
+          display: "flex",
+          fontWeight: "400",
+          gap: "2",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(RadixLabel__namespace.Root, { htmlFor: inputId, id: labelId, children: [
+            children,
+            required && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                IconMagnifyingGlass.Text,
+                {
+                  "aria-hidden": "true",
+                  asChild: true,
+                  color: "fg.error",
+                  fontWeight: "400",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: "Required" })
+            ] })
+          ] })
+        }
+      ),
+      info && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: info, children: /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.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, {}) }),
+          onClick: (event) => {
+            event.currentTarget.focus();
+            event.preventDefault();
+          },
+          onPointerDownCapture: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+          },
+          p: "0",
+          w: "2xs"
+        }
+      ) })
+    ] });
+  }
+);
+FieldLabel.displayName = "@optiaxiom/react/FieldLabel";
+
+const IconTriangleExclamation = IconMagnifyingGlass.withIcon(
+  {
+    name: "IconTriangleExclamation",
+    viewBox: "0 0 20 16"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+const Field = React.forwardRef(
+  ({
+    children,
+    description,
+    error,
+    info,
+    inputId: inputIdProp,
+    label,
+    labelId: labelIdProp,
+    required,
+    ...props
+  }, ref) => {
+    const inputId = reactId.useId(inputIdProp);
+    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: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        FieldLabel,
+        {
+          info,
+          inputId,
+          labelId,
+          required,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.FieldContext.Provider,
+        {
+          value: {
+            descriptionId: description ? descriptionId : undefined,
+            error: !!error,
+            errorId: error ? errorId : undefined,
+            inputId,
+            labelId: label ? labelId : undefined
+          },
+          children
+        }
+      ),
+      error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
+        IconMagnifyingGlass.Flex,
+        {
+          alignItems: "start",
+          color: "fg.error",
+          flexDirection: "row",
+          fontSize: "sm",
+          gap: "4",
+          id: errorId,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              IconTriangleExclamation,
+              {
+                "aria-label": "Error",
+                height: 12,
+                width: 14
+              }
+            ) }),
+            error
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: IconMagnifyingGlass.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']});
+
+const Indicator = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    content,
+    disabled,
+    intent,
+    offset = true,
+    ping,
+    position = "top-right",
+    variant,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...indicator$2({}, className), ...props, children: [
+      children,
+      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...floating({ offset, position }), children: [
+        ping && /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Badge,
+          {
+            "aria-hidden": "true",
+            asChild,
+            intent,
+            variant,
+            ...badge({ offset, ping: true }),
+            children: content
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Badge,
+          {
+            asChild,
+            intent,
+            variant,
+            ...badge({ offset }),
+            children: content
+          }
+        )
+      ] })
+    ] });
+  }
+);
+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:{}}}});
+
+const mapKeyToCode = {
+  command: "\u2318",
+  ctrl: "\u2303",
+  down: "\u2193",
+  enter: "\u21B5",
+  escape: "\u238B",
+  help: "?",
+  left: "\u2190",
+  option: "\u2325",
+  right: "\u2192",
+  shift: "\u21E7",
+  space: "\u2423",
+  tab: "\u21E5",
+  up: "\u2191"
+};
+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: [
+      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
+    ] }) });
+  }
+);
+Kbd.displayName = "@optiaxiom/react/Kbd";
+
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1jlqldx']});
+
+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 }) }) });
+  }
+);
+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'}}});
+
+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,
+    {
+      asChild: true,
+      flexDirection: "row",
+      gap: "8",
+      p: "4",
+      textAlign: "start",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Avatar,
+          {
+            "aria-hidden": true,
+            flex: "none",
+            my: "2",
+            name,
+            rounded: "sm",
+            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.jsx(IconMagnifyingGlass.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {}) })
+        ] })
+      ] })
+    }
+  ) }) });
+});
+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'}}}});
+
+const NavBody = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    const { expanded, spacing } = IconMagnifyingGlass.useSidebarContext("NavBody");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
+      {
+        px: spacing,
+        ref,
+        ...body({ expanded }, className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+NavBody.displayName = "@optiaxiom/react/NavBody";
+
+const NavFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { spacing } = IconMagnifyingGlass.useSidebarContext("NavFooter");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
+      {
+        gap: "8",
+        mt: "auto",
+        overflowX: "hidden",
+        px: spacing,
+        py: "8",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+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 });
+  }
+);
+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'}}});
+
+const NavItem = React.forwardRef(
+  ({
+    active,
+    addonAfter,
+    asChild,
+    children,
+    className,
+    disabled,
+    icon,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { expanded } = IconMagnifyingGlass.useSidebarContext("NavItem");
+    let tooltip = null;
+    children = IconMagnifyingGlass.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) })
+        ] })
+      ] });
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Tooltip,
+      {
+        content: props["aria-label"] || tooltip,
+        disabled: expanded,
+        side: "right",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            asChild: true,
+            "data-disabled": disabled ? "" : undefined,
+            "data-state": active ? "active" : undefined,
+            ...item({}, className),
+            ...boxProps,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { disabled, ref, ...restProps, children })
+          }
+        )
+      }
+    ) }) });
+  }
+);
+NavItem.displayName = "@optiaxiom/react/NavItem";
+
+const NavList = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id } = IconMagnifyingGlass.useNavGroupContext("NavList");
+    const Comp = id ? DisclosureContent : IconMagnifyingGlass.Box;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        asChild: true,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4",
+        p: "0",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, children })
+      }
+    );
+  }
+);
+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']});
+
+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,
+      {
+        asChild: true,
+        style: {
+          width: `${widthPercentage}%`
+        },
+        ...indicator$1({
+          intent
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Indicator, {})
+      }
+    ) }) });
+  }
+);
+const DEFAULT_MAX = 100;
+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'});
+
+const Radio = React.forwardRef(
+  ({
+    children,
+    className,
+    description,
+    disabled,
+    name,
+    onBlur,
+    onChange,
+    ...props
+  }, ref) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const groupContext = useRadioGroupContext("Radio");
+    if (groupContext) {
+      if ("checked" in props) {
+        throw new Error(
+          `Cannot use \`checked\` prop when \`Radio\` is used within \`RadioGroup\``
+        );
+      }
+      if (props.value === undefined) {
+        throw new Error(
+          `Must use \`value\` prop when \`Radio\` is used within \`RadioGroup\``
+        );
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.ToggleInput,
+      {
+        description: !!description,
+        ...radio({}, className),
+        ...boxProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconMagnifyingGlass.ToggleInputHiddenInput,
+            {
+              checked: groupContext?.value !== undefined ? groupContext.value === props.value : undefined,
+              defaultChecked: groupContext?.defaultValue !== undefined ? groupContext.defaultValue === props.value : undefined,
+              disabled: groupContext?.disabled ?? disabled,
+              name: groupContext?.name ?? name,
+              onBlur: groupContext?.onBlur ?? onBlur,
+              onChange: groupContext?.onChange ?? onChange,
+              ref,
+              type: "radio",
+              ...input$1(),
+              ...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 })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Radio.displayName = "@optiaxiom/react/Radio";
+
+const mapGapToOrientation = {
+  column: "12",
+  "column-reverse": "12",
+  row: "16",
+  "row-reverse": "16"
+};
+const RadioGroup = React.forwardRef(
+  ({
+    children,
+    defaultValue,
+    disabled,
+    flexDirection = "column",
+    name,
+    onBlur,
+    onChange,
+    onValueChange,
+    value,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupContextProvider,
+      {
+        defaultValue,
+        disabled,
+        name,
+        onBlur,
+        onChange: (event) => {
+          onChange?.(event);
+          onValueChange?.(event.target.value);
+        },
+        value,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Flex,
+          {
+            flexDirection,
+            gap: IconMagnifyingGlass.mapResponsiveValue(
+              flexDirection,
+              (value2) => mapGapToOrientation[value2]
+            ),
+            ref,
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
+
+var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'uxnw48']});
+var search = IconMagnifyingGlass.recipeRuntime({base:'e8jivp'});
+
+const SearchInput = React.forwardRef(
+  ({
+    className,
+    defaultValue = "",
+    onChange,
+    onValueClear,
+    value: valueProp,
+    ...props
+  }, outerRef) => {
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const [innerValue, setValue] = React.useState(defaultValue);
+    const value = typeof valueProp === "undefined" ? innerValue : valueProp;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Input,
+      {
+        addonAfter: value && /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Button,
+          {
+            appearance: "subtle",
+            "aria-label": "Clear",
+            icon: value && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+            onClick: () => {
+              if (!innerRef.current) {
+                return;
+              }
+              IconMagnifyingGlass.forceValueChange(innerRef.current, "");
+              innerRef.current.focus();
+              onValueClear?.();
+            },
+            tabIndex: -1,
+            ...clear()
+          }
+        ),
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconMagnifyingGlass, {}),
+        addonPointerEvents: "none",
+        autoComplete: "off",
+        onChange: (event) => {
+          onChange?.(event);
+          setValue(event.target.value);
+        },
+        ref,
+        type: "search",
+        value,
+        ...search({}, className),
+        ...props
+      }
+    );
+  }
+);
+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 }) }) });
+});
+SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
+
+const SegmentedControlItem = React.forwardRef(({ children, ...props }, ref) => {
+  useSegmentedControlContext("SegmentedControlItem");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixSegmentedControl__namespace.Item,
+    {
+      appearance: "subtle",
+      asChild: true,
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children })
+    }
+  );
+});
+SegmentedControlItem.displayName = "@optiaxiom/react/SegmentedControlItem";
+
+const Sidebar = React.forwardRef(
+  ({
+    children,
+    defaultExpanded,
+    expanded: expandedProp,
+    onExpandedChange,
+    ...props
+  }, ref) => {
+    const [expanded, setExpanded] = reactUseControllableState.useControllableState({
+      defaultProp: defaultExpanded,
+      onChange: onExpandedChange,
+      prop: expandedProp
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.SidebarContextProvider,
+      {
+        expanded,
+        navId: reactId.useId(),
+        onExpandedChange: setExpanded,
+        spacing: "8",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            alignItems: "stretch",
+            display: "flex",
+            gap: "0",
+            h: "full",
+            ref,
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Sidebar.displayName = "@optiaxiom/react/Sidebar";
+
+const SidebarToggle = React.forwardRef(
+  ({ "aria-label": ariaLabel, children, ...props }, ref) => {
+    const { expanded, navId, onExpandedChange } = IconMagnifyingGlass.useSidebarContext("SidebarToggle");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavItem,
+      {
+        "aria-controls": navId,
+        "aria-expanded": expanded ? "true" : "false",
+        "aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
+        fontWeight: "400",
+        onClick: () => onExpandedChange(!expanded),
+        ref,
+        ...props,
+        children: children ?? "Collapse"
+      }
+    );
+  }
+);
+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']});
+
+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 }) });
+  }
+);
+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 }) });
+  }
+);
+TabsContent.displayName = "@optiaxiom/react/TabsContent";
+
+var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.default',display:'flex'},'jfgfy2']});
+
+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 }) });
+  }
+);
+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']});
+
+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: [
+      addonBefore,
+      children,
+      addonAfter
+    ] }) }) });
+  }
+);
+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'}}});
+
+const TextareaAutosize = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    maxRows,
+    onChange,
+    resize = "none",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "textarea";
+    const { boxProps, restProps } = IconMagnifyingGlass.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(
+        Comp,
+        {
+          onChange: (event) => {
+            setValue(event.target.value);
+            onChange?.(event);
+          },
+          ref,
+          ...restProps,
+          children
+        }
+      ) }),
+      resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+    ] });
+  }
+);
+TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
+
+const Textarea = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents,
+    asChild,
+    children,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : TextareaAutosize;
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      IconMagnifyingGlass.InputRoot,
+      {
+        addonPointerEvents,
+        className,
+        flexDirection: "column",
+        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) })
+        ]
+      }
+    );
+  }
+);
+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 }) });
+  }
+);
+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;
+Object.defineProperty(exports, "createToaster", {
+  enumerable: true,
+  get: function () { return globals.createToaster; }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () { return globals.theme; }
+});
+Object.defineProperty(exports, "toaster", {
+  enumerable: true,
+  get: function () { return globals.toaster; }
+});
+Object.defineProperty(exports, "tokens", {
+  enumerable: true,
+  get: function () { return globals.tokens; }
+});
+exports.Alert = Alert;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogBody = AlertDialogBody;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.Avatar = Avatar;
+exports.AvatarGroup = AvatarGroup;
+exports.AxiomProvider = AxiomProvider;
+exports.Banner = Banner;
+exports.ButtonGroup = ButtonGroup;
+exports.Code = Code;
+exports.DialogBody = DialogBody;
+exports.DialogFooter = DialogFooter;
+exports.DialogForm = DialogForm;
+exports.DialogHeader = DialogHeader;
+exports.DisclosureContent = DisclosureContent;
+exports.Drawer = Drawer;
+exports.DrawerActions = DrawerActions;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EllipsisMenuButton = EllipsisMenuButton;
+exports.Field = Field;
+exports.FieldLabel = FieldLabel;
+exports.Indicator = Indicator;
+exports.Kbd = Kbd;
+exports.Nav = Nav;
+exports.NavAccountItem = NavAccountItem;
+exports.NavBody = NavBody;
+exports.NavFooter = NavFooter;
+exports.NavHeader = NavHeader;
+exports.NavItem = NavItem;
+exports.NavList = NavList;
+exports.Progress = Progress;
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;
+exports.SearchInput = SearchInput;
+exports.SegmentedControl = SegmentedControl;
+exports.SegmentedControlItem = SegmentedControlItem;
+exports.Sidebar = Sidebar;
+exports.SidebarToggle = SidebarToggle;
+exports.Skeleton = Skeleton;
+exports.Switch = Switch;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.ThemeProvider = ThemeProvider;
+exports.Toast = Toast;
+exports.ToastAction = ToastAction;
+exports.ToastProvider = ToastProvider;
+exports.ToastTitle = ToastTitle;
+exports.ToggleButton = ToggleButton;
+exports.TooltipProvider = TooltipProvider;
+exports.layers = layers_css;