@optiaxiom/react 1.5.1 → 1.5.3

package/dist/cjs/unstable.js

@@ -3,87 +3,88 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-CxLRvuEF.js');
-require('./assets/src/layers/layers.css.ts.vanilla-DMaqBdHD.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-4EB7Xbqh.css');
-require('./assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-DI9hUTkr.css');
-var reactId = require('@radix-ui/react-id');
-require('./assets/src/cover/Cover.css.ts.vanilla-DgBv8RuW.css');
-require('./assets/src/card/Card.css.ts.vanilla-Cbg4QNiF.css');
-var reactContext = require('@radix-ui/react-context');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-DSb8yHAt.js');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-Dkjtmy1z.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-B1H_41zD.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-DyFoIKdz.css');
 var downshift = require('downshift');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-jjeqD_rW.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DJBWP3vP.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-D1-Ij5nY.css');
+var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CO3bqvq6.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-CkB0e7dC.css');
+require('./assets/src/layers/layers.css.ts.vanilla-8LhR5w3v.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-laHh_DG3.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DaXyL8HV.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-BL0uHKk1.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BdtIq5VP.css');
+var reactId = require('@radix-ui/react-id');
+require('./assets/src/cover/Cover.css.ts.vanilla-MwWujuN6.css');
+require('./assets/src/card/Card.css.ts.vanilla-B5UcESE6.css');
+var clsx = require('clsx');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-BSoAMcMa.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-DtYv9g7V.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-CZI5pIpO.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BocAEG9j.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-C454O81a.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-BFUu_GyR.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/pill/Pill.css.ts.vanilla-LFamA4C1.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-CNLuvMBl.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/Sortable.css.ts.vanilla-C1mOONde.css');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CP70tBh_.css');
+require('./assets/src/sortable/Sortable.css.ts.vanilla-BBTt9HvE.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-vvrch3Zc.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-D8PbjuDI.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BzBSmcTE.css');
-require('./assets/src/table/Table.css.ts.vanilla-oE1dR3U1.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BS5o-IU4.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DARD99Vi.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-Mzp6i09q.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-DD4vI1Ml.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BEyX-mhJ.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DKYwKskK.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-CuOsT2xy.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DtgB8qaI.css');
+require('./assets/src/table/Table.css.ts.vanilla-BBv3smRP.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-B9iraYpv.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CWDdCmxv.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CZGS-jc-.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-74DzHpNe.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-B_XkaSHg.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B7It_nVP.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B5VHHqk5.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BLJQrr3z.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CTpGUIiK.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-u-VlisWS.css');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-Dt3RTsY7.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-ClSVw3Dw.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-hV69pzOp.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CzzPfCL9.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BG6BK7O0.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-C2smGP-j.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-C6gmwJZA.css');
 require('@radix-ui/react-popover');
-require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-1mT-GBsC.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BtnqM68I.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B1Yx7IEn.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DDe2uTWF.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DeoFu4V5.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-t0w4VnI3.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BvbsDONo.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-ChH3E2S-.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CJDNP0Kx.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DJvZ0etP.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CpKWXW6H.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DWdYUXqs.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-JMfsYW26.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BYPobqvu.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BENwxMg5.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CUNyez_P.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CNDt1Hak.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-sZQmo5Rf.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-BzdnTk-p.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CcXUnze5.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DniA0gMP.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-D8wejmbE.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DklKq-BZ.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Dk191LzY.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-qMr39fy7.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DOuPOyFX.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DZ8Q2jnW.css');
-require('./assets/src/text/Text.css.ts.vanilla-20Dy4ncJ.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DYLdRaZO.css');
+require('./assets/src/text/Text.css.ts.vanilla-ClbiM7to.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DoCIMRp7.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-c0Df-0jA.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-GDFL-t3V.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DMpnynLb.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DS0kd8K7.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BxJRjiSk.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-z8aQkdYA.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BFyL7usa.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CaxwdPPt.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-C736k4Hf.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-C7okIXxT.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dhk5a5nh.css');
-require('./assets/src/link/Link.css.ts.vanilla-FPM0Un1u.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BrZyuCJa.css');
+require('./assets/src/box/Box.css.ts.vanilla-D4_HO4KZ.css');
+require('./assets/src/link/Link.css.ts.vanilla-Bx_q1DaI.css');
 
 const useFocusBookmark = (ref) => {
   React.useEffect(() => {
@@ -197,214 +198,6 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
   }, [hotkeys]);
 }
 
-const Breadcrumb = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { alignItems: "center", asChild: true, display: "flex", gap: "8", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children }) }) }) });
-  }
-);
-Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
-
-function BreadcrumbEllipsis({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Box,
-    {
-      "aria-hidden": true,
-      color: "fg.tertiary",
-      display: "grid",
-      placeItems: "center",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsis, {})
-    }
-  );
-}
-BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
-
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'i8g94y']});
-
-const BreadcrumbItem = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...item$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...restProps, children }) });
-  }
-);
-BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
-
-var link = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'md'},'g8g2nt']});
-
-const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { ...link({}, className), ref, ...props });
-});
-BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
-
-const BreadcrumbPage = React.forwardRef(
-  ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { "aria-current": "page", asChild: true, color: "fg.default", fontSize: "md", children: /* @__PURE__ */ jsxRuntime.jsx("span", { ref, ...props }) });
-  }
-);
-BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
-
-var card = IconMagnifyingGlass.recipeRuntime({base:['_1mad8z6',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'lyjq9y']});
-
-const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
-
-const Card = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const descriptionId = reactId.useId();
-    const labelId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...card({}, className), ...props, children }) }) });
-  }
-);
-Card.displayName = "@optiaxiom/react/Card";
-
-const CardAction = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsContent, { flex: "1", ref, ...props, children });
-  }
-);
-CardAction.displayName = "@optiaxiom/react/CardAction";
-
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_1yrsicx']});
-
-const CardCheckbox = React.forwardRef(
-  ({ className, onChange, ...props }, ref) => {
-    const labelPrefixId = reactId.useId();
-    const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
-    const [checked, setChecked] = reactUseControllableState.useControllableState({
-      caller: "@optiaxiom/react/CardCheckbox",
-      defaultProp: props.defaultChecked,
-      prop: props.checked
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.VisuallyHidden, { id: labelPrefixId, children: [
-        "Check to ",
-        checked ? "unselect" : "select"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Checkbox,
-        {
-          "aria-labelledby": clsx(labelPrefixId, labelId),
-          onChange: (event) => {
-            onChange?.(event);
-            setChecked(event.target.checked);
-          },
-          ref,
-          ...checkbox({}, className),
-          ...props
-        }
-      )
-    ] });
-  }
-);
-CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
-
-const CardFooter = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { alignSelf: "stretch", mt: "auto", ref, ...props, children });
-  }
-);
-CardFooter.displayName = "@optiaxiom/react/CardFooter";
-
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1mk53j4',before:'q3rphl'}}});
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_1ygbcp1']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_120lmmo']});
-
-const CardHeader = React.forwardRef(
-  ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
-    const { descriptionId, labelId } = useCardContext(
-      "@optiaxiom/react/CardHeader"
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...header({}, className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...content$1(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { fontSize: "md", fontWeight: "500", id: labelId, level: "2", children }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
-      ] }),
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "before" }), children: addonBefore }),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "after" }), children: addonAfter })
-    ] });
-  }
-);
-CardHeader.displayName = "@optiaxiom/react/CardHeader";
-
-var image = IconMagnifyingGlass.recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});
-
-const CardImage = React.forwardRef(
-  ({ alt = "", asChild, children, className, src, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ref, ...image({}, className), ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("img", { alt, src }) });
-  }
-);
-CardImage.displayName = "@optiaxiom/react/CardImage";
-
-const CardLink = React.forwardRef(
-  ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", cover: true, ref, ...props });
-  }
-);
-CardLink.displayName = "@optiaxiom/react/CardLink";
-
-var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'b8i1y']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1wg0omi']});
-
-const CardPreview = React.forwardRef(
-  ({
-    addonBottomLeft,
-    addonBottomRight,
-    addonTopLeft,
-    addonTopRight,
-    children,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...preview({}, className), ...props, children: [
-      children,
-      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...overlay$1(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "start",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonTopLeft
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "start",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonTopRight
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { w: "full" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "end",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonBottomLeft
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "end",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonBottomRight
-          }
-        )
-      ] })
-    ] });
-  }
-);
-CardPreview.displayName = "@optiaxiom/react/CardPreview";
-
 const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
 
@@ -496,6 +289,7 @@ function Command({
     isInsideTriangle: null,
     timer: void 0
   });
+  const highlightedItemRef = React.useRef(null);
   const downshift$1 = downshift.useCombobox({
     highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
     inputValue,
@@ -547,7 +341,9 @@ function Command({
     {
       downshift: downshift$1,
       empty,
+      enabled: Boolean(enabled),
       highlightedItem: items[downshift$1.highlightedIndex],
+      highlightedItemRef,
       inputValue,
       items,
       loading,
@@ -561,14 +357,13 @@ function Command({
 Command.displayName = "@optiaxiom/react/Command";
 
 const CommandInput = React.forwardRef(
-  ({ onKeyDown, size, ...props }, ref) => {
-    const { downshift, highlightedItem, setInputValue } = useCommandContext(
-      "@optiaxiom/react/CommandInput"
-    );
+  ({ onBlur, onKeyDown, size, ...props }, ref) => {
+    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
     const setInputValueStable = IconMagnifyingGlass.useEffectEvent(setInputValue);
     React.useEffect(() => {
       setInputValueStable("");
     }, [setInputValueStable]);
+    const preventDownshiftBlurRef = React.useRef(false);
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Input,
       {
@@ -578,6 +373,16 @@ const CommandInput = React.forwardRef(
         ...downshift.getInputProps({
           ref,
           ...props,
+          onBlur: (event) => {
+            onBlur?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (preventDownshiftBlurRef.current) {
+              Object.assign(event, { preventDownshiftDefault: true });
+              preventDownshiftBlurRef.current = false;
+            }
+          },
           onChange: (event) => {
             setInputValue("value" in event.target ? event.target.value : "");
           },
@@ -589,12 +394,22 @@ const CommandInput = React.forwardRef(
             if (!(event.target instanceof HTMLInputElement)) {
               return;
             }
-            if (event.target.value) {
+            if (!highlightedItem) {
               return;
             }
-            if (event.key === " " && highlightedItem) {
+            if (!event.target.value && event.key === " ") {
               event.preventDefault();
               downshift.selectItem(highlightedItem);
+            } else if (event.key === "Enter") {
+              if (highlightedItemRef.current instanceof HTMLAnchorElement) {
+                const { view: _view, ...eventInit } = event;
+                event.preventDefault();
+                Object.assign(event, { preventDownshiftDefault: true });
+                preventDownshiftBlurRef.current = true;
+                highlightedItemRef.current.dispatchEvent(
+                  new MouseEvent("click", eventInit)
+                );
+              }
             }
           }
         })
@@ -616,14 +431,20 @@ const CommandItem = React.forwardRef(
     selected,
     size,
     ...props
-  }, ref) => {
+  }, outerRef) => {
     const {
       downshift,
+      enabled,
       highlightedItem,
+      highlightedItemRef,
       inputValue,
       items,
       pauseInteractionRef
     } = useCommandContext("@optiaxiom/react/CommandItem");
+    const ref = reactComposeRefs.useComposedRefs(
+      highlightedItem === item ? highlightedItemRef : void 0,
+      outerRef
+    );
     const itemProps = downshift.getItemProps({
       "aria-posinset": index + 1,
       "aria-selected": selected ?? resolveItemProperty(item.selected),
@@ -632,7 +453,15 @@ const CommandItem = React.forwardRef(
       onClick: (event) => {
         onClick?.(event);
         if (event.currentTarget instanceof HTMLAnchorElement) {
-          event.preventDefault();
+          if (event.altKey || event.metaKey || event.shiftKey) {
+            Object.assign(event, {
+              preventDownshiftDefault: true
+            });
+          } else {
+            if (item.execute) {
+              event.preventDefault();
+            }
+          }
         }
       },
       onMouseLeave: (event) => {
@@ -644,7 +473,7 @@ const CommandItem = React.forwardRef(
         if (event.defaultPrevented) {
           return;
         }
-        if (!downshift.isOpen || resolveItemProperty(item.disabledReason)) {
+        if (!enabled || resolveItemProperty(item.disabledReason)) {
           event.preventDefault();
           Object.assign(event.nativeEvent, {
             preventDownshiftDefault: true
@@ -684,7 +513,7 @@ const CommandItem = React.forwardRef(
         size,
         tabIndex: -1,
         ...itemProps,
-        ...item.link && { href: item.link },
+        ...item.href && { href: item.href },
         children: IconMagnifyingGlass.decorateChildren(
           { asChild, children },
           (children2) => children2 ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -724,153 +553,14 @@ const CommandListbox = React.forwardRef(
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'ubpntc'});
+const [MenuProvider, useMenuContext] = reactContext.createContext("@optiaxiom/react/Menu");
 
-const useHighlightedChunks = (content, query) => {
-  const terms = React.useMemo(
-    () => (Array.isArray(query) ? query : query ? [query] : []).map((q) => typeof q === "string" ? q.trim() : q).filter(Boolean),
-    [query]
-  );
-  if (terms.length === 0) {
-    return [{ chunk: content, highlighted: false }];
-  }
-  const pattern = new RegExp(
-    "(" + terms.map(
-      (term) => term instanceof RegExp ? term.source : `(?![^<>]*>)(^|\\b)(?=[^/.])${escapeRegExp(term)}`
-    ).join("|") + ")",
-    "gi"
-  );
-  return content.split(pattern).map((chunk) => ({ chunk, highlighted: pattern.test(chunk) }));
-};
-function escapeRegExp(string) {
-  return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
+function MenuPopover(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Popover, { modal: true, ...props });
 }
+MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
 
-const Highlight = React.forwardRef(
-  ({ children = (chunk) => chunk, content, query, ...props }, ref) => {
-    const chunks = useHighlightedChunks(content || "", query);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...mark(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
-    ) : chunk }, index)) });
-  }
-);
-Highlight.displayName = "@optiaxiom/react/Highlight";
-
-var editor = IconMagnifyingGlass.recipeRuntime({base:'ooyjp0',variants:{empty:{false:{},true:'_5l3sew'}}});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_143w7pb'});
-
-const InlineInput = React.forwardRef(
-  ({
-    className,
-    defaultValue = "",
-    disabled,
-    label,
-    multiline,
-    onValueChange,
-    placeholder,
-    value: valueProp,
-    ...props
-  }, ref) => {
-    const [value, setValue] = reactUseControllableState.useControllableState({
-      caller: "@optiaxiom/react/InlineInput",
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-      prop: valueProp
-    });
-    const editorRef = React.useRef(null);
-    React.useEffect(() => {
-      if (!editorRef.current) {
-        return;
-      }
-      const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
-      if (getText(editorRef.current) !== clippedValue) {
-        if (document.activeElement === editorRef.current) {
-          const selection = window.getSelection();
-          if (!selection) {
-            return;
-          }
-          selection.getRangeAt(0).selectNodeContents(editorRef.current);
-          document.execCommand("insertHTML", false, clippedValue);
-        } else {
-          editorRef.current.innerText = clippedValue ?? "null";
-        }
-      }
-    }, [multiline, value]);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...input$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
-      {
-        "aria-multiline": multiline,
-        "aria-readonly": disabled,
-        contentEditable: !disabled && "plaintext-only",
-        "data-placeholder": placeholder ?? label,
-        onInput: (event) => {
-          setValue(getText(event.currentTarget));
-        },
-        onKeyDown: (event) => {
-          if (!multiline && event.key === "Enter") {
-            event.preventDefault();
-          }
-        },
-        onPaste: (event) => {
-          const value2 = event.clipboardData.getData("text");
-          if (!multiline && value2.includes("\n")) {
-            event.preventDefault();
-            const clippedValue = value2.slice(0, value2.indexOf("\n"));
-            document.execCommand("insertHTML", false, clippedValue);
-            setValue(getText(event.currentTarget));
-          }
-        },
-        ref: editorRef,
-        role: "textbox",
-        spellCheck: "true",
-        ...label && { "aria-label": label },
-        ...editor({ empty: !value?.length })
-      }
-    ) });
-  }
-);
-InlineInput.displayName = "@optiaxiom/react/InlineInput";
-function getText(element) {
-  const text = element.innerText;
-  if (text.endsWith("\n")) {
-    return text.slice(0, -1);
-  }
-  return text;
-}
-
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'mqx0ec']});
-
-const Layout = React.forwardRef(
-  ({ children, className, header, sidebar, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...layout({}, className), ...props, children: [
-      header,
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        IconMagnifyingGlass.Box,
-        {
-          alignItems: "stretch",
-          display: "flex",
-          flex: "1",
-          flexDirection: "row",
-          overflow: "auto",
-          children: [
-            sidebar,
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", overflow: "auto", px: "32", py: "24", children })
-          ]
-        }
-      )
-    ] });
-  }
-);
-Layout.displayName = "@optiaxiom/react/Layout";
-
-const [MenuProvider, useMenuContext] = reactContext.createContext("@optiaxiom/react/Menu");
-
-function MenuPopover(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Popover, { modal: true, ...props });
-}
-MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
-
-const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
+const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
 
 function Menu({
   children,
@@ -1035,7 +725,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:'alashu'});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:'_1ors29n'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -1047,7 +737,7 @@ const MenuDialogContent = React.forwardRef(
     sideOffset: _sideOffset,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.DialogContent, { ref, ...content({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.DialogContent, { ref, ...content$1({}, className), ...props, children: [
       children,
       /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.DialogHeader, { children: ariaLabel }) })
     ] });
@@ -1055,7 +745,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1ytk0dp']}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1f6sbo1']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -1104,7 +794,7 @@ const MenuInput = React.forwardRef(
         },
         ref,
         size: size === "sm" ? "md" : "xl",
-        ...input({ size }, className),
+        ...input$1({ size }, className),
         ...props
       }
     ) });
@@ -1113,7 +803,7 @@ const MenuInput = React.forwardRef(
 MenuInput.displayName = "@optiaxiom/react/MenuInput";
 
 const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
-  const Comp = props.item.link ? "a" : "div";
+  const Comp = props.item.href ? "a" : "div";
   const { inputValue } = useCommandContext("@optiaxiom/react/MenuCheckboxItem");
   return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     IconMagnifyingGlass.ListboxCheckboxItem,
@@ -1122,7 +812,7 @@ const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       description: props.item.description,
       onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
     }
   ) });
 });
@@ -1130,7 +820,7 @@ MenuCheckboxItem.displayName = "@optiaxiom/react/MenuCheckboxItem";
 
 const MenuItem = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const Comp = props.item.link ? "a" : "div";
+    const Comp = props.item.href ? "a" : "div";
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.ListboxItem,
       {
@@ -1138,7 +828,7 @@ const MenuItem = React.forwardRef(
         asChild: true,
         description: props.item.description,
         intent: props.item.intent,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
   }
@@ -1147,14 +837,14 @@ MenuItem.displayName = "@optiaxiom/react/MenuItem";
 
 const MenuRadioItem = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const Comp = props.item.link ? "a" : "div";
+    const Comp = props.item.href ? "a" : "div";
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.ListboxRadioItem,
       {
         addonBefore: props.item.addon,
         asChild: true,
         description: props.item.description,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
   }
@@ -1343,7 +1033,7 @@ const MenuSubTrigger = React.forwardRef(
     onPointerMove,
     ...props
   }, outerRef) => {
-    const { downshift, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
+    const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
     const { open } = IconMagnifyingGlass.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
     const { contentRef, triggerRef } = useMenuSubContext(
       "@optiaxiom/react/MenuSubTrigger"
@@ -1411,7 +1101,7 @@ const MenuSubTrigger = React.forwardRef(
           if (event.defaultPrevented) {
             return;
           }
-          if (pointerEnterRef.current && downshift.isOpen) {
+          if (pointerEnterRef.current && enabled) {
             downshift.selectItem(item);
           }
           pointerEnterRef.current = false;
@@ -1446,29 +1136,33 @@ const MenuListbox = React.forwardRef(
 );
 MenuListbox.displayName = "@optiaxiom/react/MenuListbox";
 
-const MenuPopoverContent = React.forwardRef(({ style, ...props }, outerRef) => {
-  const { open } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
+const MenuPopoverContentImpl = React.forwardRef(({ children, ...props }, outerRef) => {
+  const { side } = IconMagnifyingGlass.usePopoverContentContext(
+    "@optiaxiom/react/MenuPopoverContentImpl"
+  );
   const innerRef = React.useRef(null);
   const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-  const [minHeight, setMinHeight] = React.useState(0);
   React.useEffect(() => {
-    if (!open || props.side === "top") {
+    if (!innerRef.current || side !== "top") {
       return;
     }
     const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setMinHeight(entry.borderBoxSize[0].blockSize);
+      if (!innerRef.current) {
+        return;
       }
-    });
-    setMinHeight(0);
-    requestAnimationFrame(() => {
-      if (innerRef.current?.dataset.side === "top") {
-        observer.observe(innerRef.current);
+      for (const entry of entries) {
+        innerRef.current.style.minHeight = `${entry.borderBoxSize[0].blockSize}px`;
       }
     });
+    observer.observe(innerRef.current);
     return () => observer.disconnect();
-  }, [open, props.side]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverContent, { ref, style: { ...style, minHeight }, ...props });
+  }, [side]);
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...props, children });
+});
+MenuPopoverContentImpl.displayName = "@optiaxiom/react/MenuPopoverContentImpl";
+
+const MenuPopoverContent = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverContent, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(MenuPopoverContentImpl, { children }) });
 });
 MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
 
@@ -1563,7 +1257,374 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1cbd4tv'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var link = IconMagnifyingGlass.recipeRuntime({base:'_2w7k96'});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'fflwz0']});
+
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_131k7l4']});
+
+const BreadcrumbItem = React.forwardRef(
+  ({ addonAfter, children, className, ...props }, ref) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...item$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
+      children,
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, flex: "none", flexDirection: "row", gap: "4", children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
+    ] }) });
+  }
+);
+BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
+
+const Breadcrumb = React.forwardRef(
+  ({ className, items, maxItems = 3, ...props }, ref) => {
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, truncate: true, children: index === items.length - 1 || !item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        "aria-current": index === items.length - 1 ? "page" : void 0,
+        children: item.label
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Link,
+      {
+        appearance: "subtle",
+        href: item.href,
+        ...link(),
+        children: item.label
+      }
+    ) }) }) })) }) }) }) });
+  }
+);
+Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
+const renderItems = (items, limit = items.length, renderItem) => {
+  if (limit < 0) {
+    limit = 0;
+  }
+  if (limit > items.length || typeof limit !== "number") {
+    limit = items.length;
+  }
+  const boundaries = [
+    0,
+    Math.floor(limit / 2),
+    items.length - Math.ceil(limit / 2),
+    items.length
+  ];
+  return [
+    ...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, index) }, "left" + index)),
+    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MenuTrigger,
+        {
+          appearance: "subtle",
+          "aria-label": "More items",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsisSolid, {}) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(MenuContent, {})
+    ] }) }, "ellipsis"),
+    ...items.slice(boundaries[2], boundaries[3]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, boundaries[2] + index) }, "right" + index))
+  ];
+};
+
+var card = IconMagnifyingGlass.recipeRuntime({base:['giyg52',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_1kyd686']});
+
+const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
+
+const Card = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    const descriptionId = reactId.useId();
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...card({}, className), ...props, children }) }) });
+  }
+);
+Card.displayName = "@optiaxiom/react/Card";
+
+const CardAction = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsContent, { flex: "1", ref, ...props, children });
+  }
+);
+CardAction.displayName = "@optiaxiom/react/CardAction";
+
+var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_29vng0']});
+
+const CardCheckbox = React.forwardRef(
+  ({ className, onChange, ...props }, ref) => {
+    const labelPrefixId = reactId.useId();
+    const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
+    const [checked, setChecked] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/CardCheckbox",
+      defaultProp: props.defaultChecked,
+      prop: props.checked
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.VisuallyHidden, { id: labelPrefixId, children: [
+        "Check to ",
+        checked ? "unselect" : "select"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconMagnifyingGlass.Checkbox,
+        {
+          "aria-labelledby": clsx(labelPrefixId, labelId),
+          onChange: (event) => {
+            onChange?.(event);
+            setChecked(event.target.checked);
+          },
+          ref,
+          ...checkbox({}, className),
+          ...props
+        }
+      )
+    ] });
+  }
+);
+CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
+
+const CardFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { alignSelf: "stretch", mt: "auto", ref, ...props, children });
+  }
+);
+CardFooter.displayName = "@optiaxiom/react/CardFooter";
+
+var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_45jb5w',before:'_1s8ms5k'}}});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_13rjljh']});
+var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1h876ce']});
+
+const CardHeader = React.forwardRef(
+  ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
+    const { descriptionId, labelId } = useCardContext(
+      "@optiaxiom/react/CardHeader"
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...header({}, className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...content(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { fontSize: "md", fontWeight: "500", id: labelId, level: "2", children }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
+      ] }),
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "before" }), children: addonBefore }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "after" }), children: addonAfter })
+    ] });
+  }
+);
+CardHeader.displayName = "@optiaxiom/react/CardHeader";
+
+var image = IconMagnifyingGlass.recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});
+
+const CardImage = React.forwardRef(
+  ({ alt = "", asChild, children, className, src, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ref, ...image({}, className), ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("img", { alt, src }) });
+  }
+);
+CardImage.displayName = "@optiaxiom/react/CardImage";
+
+const CardLink = React.forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", cover: true, ref, ...props });
+  }
+);
+CardLink.displayName = "@optiaxiom/react/CardLink";
+
+var overlay$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_9c0jk']});
+var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_5h5w8z']});
+
+const CardPreview = React.forwardRef(
+  ({
+    addonBottomLeft,
+    addonBottomRight,
+    addonTopLeft,
+    addonTopRight,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...preview({}, className), ...props, children: [
+      children,
+      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...overlay$1(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            alignItems: "center",
+            alignSelf: "start",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonTopLeft
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            alignItems: "center",
+            alignSelf: "start",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonTopRight
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { w: "full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            alignItems: "center",
+            alignSelf: "end",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonBottomLeft
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.Box,
+          {
+            alignItems: "center",
+            alignSelf: "end",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonBottomRight
+          }
+        )
+      ] })
+    ] });
+  }
+);
+CardPreview.displayName = "@optiaxiom/react/CardPreview";
+
+var mark = IconMagnifyingGlass.recipeRuntime({base:'_16vfsi9'});
+
+const useHighlightedChunks = (content, query) => {
+  const terms = React.useMemo(
+    () => (Array.isArray(query) ? query : query ? [query] : []).map((q) => typeof q === "string" ? q.trim() : q).filter(Boolean),
+    [query]
+  );
+  if (terms.length === 0) {
+    return [{ chunk: content, highlighted: false }];
+  }
+  const pattern = new RegExp(
+    "(" + terms.map(
+      (term) => term instanceof RegExp ? term.source : `(?![^<>]*>)(^|\\b)(?=[^/.])${escapeRegExp(term)}`
+    ).join("|") + ")",
+    "gi"
+  );
+  return content.split(pattern).map((chunk) => ({ chunk, highlighted: pattern.test(chunk) }));
+};
+function escapeRegExp(string) {
+  return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
+}
+
+const Highlight = React.forwardRef(
+  ({ children = (chunk) => chunk, content, query, ...props }, ref) => {
+    const chunks = useHighlightedChunks(content || "", query);
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
+      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...mark(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
+    ) : chunk }, index)) });
+  }
+);
+Highlight.displayName = "@optiaxiom/react/Highlight";
+
+var editor = IconMagnifyingGlass.recipeRuntime({base:'n0w604',variants:{empty:{false:{},true:'oh9bpb'}}});
+var input = IconMagnifyingGlass.recipeRuntime({base:'_86ucpu'});
+
+const InlineInput = React.forwardRef(
+  ({
+    className,
+    defaultValue = "",
+    disabled,
+    label,
+    multiline,
+    onValueChange,
+    placeholder,
+    value: valueProp,
+    ...props
+  }, ref) => {
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/InlineInput",
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
+    });
+    const editorRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!editorRef.current) {
+        return;
+      }
+      const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
+      if (getText(editorRef.current) !== clippedValue) {
+        if (document.activeElement === editorRef.current) {
+          const selection = window.getSelection();
+          if (!selection) {
+            return;
+          }
+          selection.getRangeAt(0).selectNodeContents(editorRef.current);
+          document.execCommand("insertHTML", false, clippedValue);
+        } else {
+          editorRef.current.innerText = clippedValue ?? "null";
+        }
+      }
+    }, [multiline, value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
+      {
+        "aria-multiline": multiline,
+        "aria-readonly": disabled,
+        contentEditable: !disabled && "plaintext-only",
+        "data-placeholder": placeholder ?? label,
+        onInput: (event) => {
+          setValue(getText(event.currentTarget));
+        },
+        onKeyDown: (event) => {
+          if (!multiline && event.key === "Enter") {
+            event.preventDefault();
+          }
+        },
+        onPaste: (event) => {
+          const value2 = event.clipboardData.getData("text");
+          if (!multiline && value2.includes("\n")) {
+            event.preventDefault();
+            const clippedValue = value2.slice(0, value2.indexOf("\n"));
+            document.execCommand("insertHTML", false, clippedValue);
+            setValue(getText(event.currentTarget));
+          }
+        },
+        ref: editorRef,
+        role: "textbox",
+        spellCheck: "true",
+        ...label && { "aria-label": label },
+        ...editor({ empty: !value?.length })
+      }
+    ) });
+  }
+);
+InlineInput.displayName = "@optiaxiom/react/InlineInput";
+function getText(element) {
+  const text = element.innerText;
+  if (text.endsWith("\n")) {
+    return text.slice(0, -1);
+  }
+  return text;
+}
+
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1uebty']});
+
+const Layout = React.forwardRef(
+  ({ children, className, header, sidebar, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...layout({}, className), ...props, children: [
+      header,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        IconMagnifyingGlass.Box,
+        {
+          alignItems: "stretch",
+          display: "flex",
+          flex: "1",
+          flexDirection: "row",
+          overflow: "auto",
+          children: [
+            sidebar,
+            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", overflow: "auto", px: "32", py: "24", children })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Layout.displayName = "@optiaxiom/react/Layout";
+
+var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1r6qn5a'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1594,7 +1655,7 @@ const PillGroup = React.forwardRef(
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
-var overlay = IconMagnifyingGlass.recipeRuntime({base:['k5rkn3']});
+var overlay = IconMagnifyingGlass.recipeRuntime({base:['jbi8to']});
 
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
@@ -1650,7 +1711,7 @@ const Sortable = React.forwardRef(
 );
 Sortable.displayName = "@optiaxiom/react/Sortable";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'s13mg8'});
+var handle = IconMagnifyingGlass.recipeRuntime({base:'_95bja'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1675,7 +1736,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'cgnoic'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:{transition:'opacity'},variants:{handle:{false:{},true:'_1mmklwa'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, style, ...props }, outerRef) => {
@@ -1741,10 +1802,6 @@ SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 exports.Calendar = IconMagnifyingGlass.Calendar;
 exports.DataTableHeaderCell = IconMagnifyingGlass.DataTableHeaderCell;
 exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.BreadcrumbLink = BreadcrumbLink;
-exports.BreadcrumbPage = BreadcrumbPage;
 exports.Card = Card;
 exports.CardAction = CardAction;
 exports.CardCheckbox = CardCheckbox;