@optiaxiom/react 0.7.7 → 0.7.8

package/dist/packages/react/src/inline-input/InlineInput.js

@@ -28,7 +28,7 @@ const InlineInput = forwardRef(
         return;
       }
       const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
-      if (editorRef.current.textContent !== clippedValue) {
+      if (getText(editorRef.current) !== clippedValue) {
         if (document.activeElement === editorRef.current) {
           const selection = window.getSelection();
           if (!selection) {
@@ -37,7 +37,7 @@ const InlineInput = forwardRef(
           selection.getRangeAt(0).selectNodeContents(editorRef.current);
           document.execCommand("insertHTML", false, clippedValue);
         } else {
-          editorRef.current.textContent = clippedValue ?? null;
+          editorRef.current.innerText = clippedValue ?? "null";
         }
       }
     }, [multiline, value]);
@@ -49,7 +49,7 @@ const InlineInput = forwardRef(
         contentEditable: !disabled && "plaintext-only",
         "data-placeholder": placeholder ?? label,
         onInput: (event) => {
-          setValue(event.currentTarget.textContent ?? "");
+          setValue(getText(event.currentTarget));
         },
         onKeyDown: (event) => {
           if (!multiline && event.key === "Enter") {
@@ -62,7 +62,7 @@ const InlineInput = forwardRef(
             event.preventDefault();
             const clippedValue = value2.slice(0, value2.indexOf("\n"));
             document.execCommand("insertHTML", false, clippedValue);
-            setValue(event.currentTarget.textContent ?? "");
+            setValue(getText(event.currentTarget));
           }
         },
         ref: editorRef,
@@ -75,5 +75,12 @@ const InlineInput = forwardRef(
   }
 );
 InlineInput.displayName = "@optiaxiom/react/InlineInput";
+function getText(element) {
+  const text = element.innerText;
+  if (text.endsWith("\n")) {
+    return text.slice(0, -1);
+  }
+  return text;
+}
 
 export { InlineInput };

package/dist/packages/react/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BRP-9Ti9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CNxxA7Sx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1ucwy3t',{bg:'transparent',flex:'auto',w:'full'},'_1w67d6k','n7gwvk'],variants:{size:{md:{},lg:{},'2xl':['gco5i8']}}});
+var control = recipeRuntime({base:['wbjn5t',{bg:'transparent',flex:'auto',w:'full'},'t4czqr','ncbpp'],variants:{size:{md:{},lg:{},'2xl':['_44bzdq']}}});
 
 export { control };

package/dist/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BRP-9Ti9.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C2V3NFOQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CNxxA7Sx.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BjmkbICb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'vm87va']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'wxh7ke']});
 
 export { root };

package/dist/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BuJHYVlI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-nzgUGyoo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},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 = recipeRuntime({base:'_1995ovd',variants:{variant:{outline:'_1ydi030',subtle:{}}}});
+var keys = recipeRuntime({base:'_15c4pdw',variants:{variant:{outline:'_1mv5xxa',subtle:{}}}});
 
 export { kbd, keys };

package/dist/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._12pgibx';
-var reset = 'optiaxiom._1y14oqf';
+var components = 'optiaxiom._1my0jc';
+var reset = 'optiaxiom.uk6sll';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CYGVnxkD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-BOE0nNWg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'nosh9w']});
-var link = recipeRuntime({base:['_1ahx50t'],variants:{appearance:{'default':'_1ye253o',inverse:'_1elvb14',subtle:'zzh4ty'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'uk6ufe']});
+var link = recipeRuntime({base:['_166to25'],variants:{appearance:{'default':'_1ligaw0',inverse:'at60od',subtle:'yn086d'}}});
 
 export { icon, link };

package/dist/packages/react/src/listbox-group/ListboxGroup.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useId } from '@reach/auto-id';
+import { useId } from '../../../../node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { ListboxGroupContextProvider } from '../listbox-group-context/ListboxGroupContext.js';

package/dist/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-OOa9fASY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DPHlZNqv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1b5oahm']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'ahm3tt'],variants:{intent:{danger:'l7bfz3',neutral:'_1vzhtu7'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'xs'},'m081sh']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1urj8j']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1onptp6'],variants:{intent:{danger:'_1tr8peh',neutral:'_74rcb2'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'xs'},'_1myvphd']});
 
 export { description, item, title };

package/dist/packages/react/src/listbox-item/ListboxItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import { useId } from '@reach/auto-id';
+import { useId } from '../../../../node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { Flex } from '../flex/Flex.js';

package/dist/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D_lM3AoT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CzRniOsZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'rl2dfr'],variants:{minW:{'0':{},trigger:'_1u9h5xs'},provider:{'dropdown-menu':'_12db8il',popover:'_19hhm3i',popper:'_4rc5st'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1c3nb88'],variants:{minW:{'0':{},trigger:'_1lho5op'},provider:{'dropdown-menu':'_1l8d0cb',popover:'rx2j09',popper:'_1dcrunq'}}});
 
 export { listbox };

package/dist/packages/react/src/modal-layer/ModalLayer.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
+import { FocusGuards } from '@radix-ui/react-focus-guards';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useState } from 'react';
+import { RemoveScroll } from 'react-remove-scroll';
+
+const ModalLayer = forwardRef(({ asChild, children, ...props }, ref) => {
+  let result = /* @__PURE__ */ jsx(DismissableLayer, { asChild, ref, ...props, children });
+  const [locked] = useState(() => document.body.dataset.scrollLocked);
+  if (locked) {
+    result = /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, as: Slot, children: result });
+  }
+  const [guards] = useState(
+    () => document.querySelector("[data-radix-focus-guard]")
+  );
+  if (guards) {
+    result = /* @__PURE__ */ jsx(FocusGuards, { children: result });
+  }
+  return result;
+});
+ModalLayer.displayName = "@optiaxiom/react/ModalLayer";
+
+export { ModalLayer };

package/dist/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D4IvTu0u.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D6HSizYZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'xik2e7'});
-var cursor = recipeRuntime({base:[{z:'10'},'dziaio'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'xfov93']});
+var button = recipeRuntime({base:'s15j55'});
+var cursor = recipeRuntime({base:[{z:'10'},'_1nqfv4w'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1m9xp2h']});
 
 export { button, cursor, list };

package/dist/packages/react/src/pagination/Pagination.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { usePagination } from '@mantine/hooks';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef, useState, useRef, useEffect } from 'react';
@@ -14,6 +13,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { list, cursor, button } from './Pagination-css.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.14.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 
 const Pagination = forwardRef(
   ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {

package/dist/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});

package/dist/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-D5PmLiul.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BK0MvIm3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_17lid85'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_15g5vxt'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/packages/react/src/popover-content/PopoverContent.js

@@ -6,44 +6,57 @@ import { forwardRef } from 'react';
 import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { usePopoverContext } from '../popover-context/PopoverContext.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 
 const PopoverContent = forwardRef(
   ({ align = "start", children, sideOffset = 2, withArrow, ...props }, ref) => {
     const { open } = usePopoverContext("PopoverContent");
-    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixPopover.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, p: "sm", provider: "popover", ...props, children: /* @__PURE__ */ jsxs(
-      RadixPopover.Content,
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixPopover.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(
+      MenuListbox,
       {
-        align,
-        ref,
-        sideOffset,
-        children: [
-          children,
-          withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              fill: theme.colors["bg.default"],
-              height: 4,
-              preserveAspectRatio: "none",
-              stroke: theme.colors["border.secondary"],
-              viewBox: "0 0 30 10",
-              width: 8,
-              children: [
-                /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
-                /* @__PURE__ */ jsx(
-                  "polyline",
-                  {
-                    points: "0,0 15,10 30,0",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: "2.5"
-                  }
-                )
-              ]
-            }
-          ) })
-        ]
+        asChild: true,
+        onBlur: onReactSelectInputBlur,
+        p: "sm",
+        provider: "popover",
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          RadixPopover.Content,
+          {
+            align,
+            ref,
+            sideOffset,
+            children: [
+              children,
+              withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  fill: theme.colors["bg.default"],
+                  height: 4,
+                  preserveAspectRatio: "none",
+                  stroke: theme.colors["border.secondary"],
+                  viewBox: "0 0 30 10",
+                  width: 8,
+                  children: [
+                    /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
+                    /* @__PURE__ */ jsx(
+                      "polyline",
+                      {
+                        points: "0,0 15,10 30,0",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2.5"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
       }
-    ) }) }) });
+    ) }) });
   }
 );
 PopoverContent.displayName = "@optiaxiom/react/PopoverContent";

package/dist/packages/react/src/progress/Progress-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});

package/dist/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-D1I3XFlP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CZbdcPZG.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-75zEMYQk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_1eg2n5g'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_9eu8th']});
-var input = recipeRuntime({base:'_1i487lo'});
-var radio = recipeRuntime({base:'_3sp6xy'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_1al2025'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'y5aqfv']});
+var input = recipeRuntime({base:'_1wy7yhb'});
+var radio = recipeRuntime({base:'_1q81mwc'});
 
 export { control, indicator, input, radio };

package/dist/packages/react/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DUIqMdEz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-bEHnI2w3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_1oatc2q']});
-var search = recipeRuntime({base:'_1l5tkwj'});
+var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_51dghh']});
+var search = recipeRuntime({base:'_10xlvra'});
 
 export { clear, search };

package/dist/packages/react/src/segmented-control/SegmentedControl.js

@@ -3,9 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
+import { SegmentedControlContextProvider } from '../segmented-control-context/SegmentedControlContext.js';
 
 const SegmentedControl = forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsx(RadixSegmentedControl.Root, { ref, type, children }) });
+  return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsx(RadixSegmentedControl.Root, { ref, type, children: /* @__PURE__ */ jsx(SegmentedControlContextProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
 

package/dist/packages/react/src/segmented-control-context/SegmentedControlContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [SegmentedControlContextProvider, useSegmentedControlContext] = createContext("SegmentedControl");
+
+export { SegmentedControlContextProvider, useSegmentedControlContext };

package/dist/packages/react/src/segmented-control-item/SegmentedControlItem.js

@@ -3,8 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import { useSegmentedControlContext } from '../segmented-control-context/SegmentedControlContext.js';
 
 const SegmentedControlItem = forwardRef(({ children, ...props }, ref) => {
+  useSegmentedControlContext("SegmentedControlItem");
   return /* @__PURE__ */ jsx(
     RadixSegmentedControl.Item,
     {

package/dist/packages/react/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-DW7K8K_L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-Dj_xmITF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_1rdzv6b']});
+var content = recipeRuntime({base:['_1qlxchd']});
 
 export { content };

package/dist/packages/react/src/select-content/SelectContent.js

@@ -4,7 +4,7 @@ import { Portal } from '@radix-ui/react-portal';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
-import { RemoveScroll } from '../remove-scroll/RemoveScroll.js';
+import { ModalLayer } from '../modal-layer/ModalLayer.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 import { Spinner } from '../spinner/Spinner.js';
 import { SelectContentImpl } from './SelectContentImpl.js';
@@ -12,7 +12,7 @@ import { SelectContentImpl } from './SelectContentImpl.js';
 const SelectContent = forwardRef(
   ({ children, loading, ...props }, ref) => {
     const { isOpen } = useSelectContext("SelectContent");
-    return isOpen && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(RemoveScroll, { children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, provider: "popper", children: /* @__PURE__ */ jsx(SelectContentImpl, { ref, ...props, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "md", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) });
+    return isOpen && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, provider: "popper", children: /* @__PURE__ */ jsx(SelectContentImpl, { ref, ...props, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "md", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) });
   }
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";

package/dist/packages/react/src/select-content/SelectContentImpl.js

@@ -1,7 +1,5 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
-import { useFocusGuards } from '@radix-ui/react-focus-guards';
 import { PopperContent } from '@radix-ui/react-popper';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -22,8 +20,7 @@ const SelectContentImpl = forwardRef(
   }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const { downshift } = useSelectContext("SelectContentImpl");
-    useFocusGuards();
-    return /* @__PURE__ */ jsx(DismissableLayer, { asChild: true, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       Box,
       {
         asChild: true,
@@ -32,7 +29,7 @@ const SelectContentImpl = forwardRef(
         ...downshift.getMenuProps({ ref, ...restProps }),
         children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset, children })
       }
-    ) });
+    );
   }
 );
 SelectContentImpl.displayName = "@optiaxiom/react/SelectContentImpl";

package/dist/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-CZPhogb7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DIpzv9hK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1.16.1/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
+import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_wytlbii6gxwkkass3c6wfp66jm/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{bg:'border.default'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_19de9pg',md:'vx8a42',lg:'_2cn75r',base:'_191n1pj'},defaultClass:'_191n1pj'},vertical:{conditions:{sm:'_12b9lmn',md:'s0qbub',lg:'_11mng29',base:'bcllws'},defaultClass:'bcllws'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'qrwr73',md:'_1lmrpci',lg:'_12ab0k2',base:'g8qsqm'},defaultClass:'g8qsqm'},vertical:{conditions:{sm:'_1dsyn27',md:'_1u1n6ur',lg:'hyb63w',base:'_1cjpjs1'},defaultClass:'_1cjpjs1'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/packages/react/src/sidenav-item/SidenavItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DG0diu8R.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CSC3_8bx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DUdGS-Ne.css';
+import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-jzc4nqG6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'hhhuyg']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'_1nk9275']});
 
 export { item };

package/dist/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-B06Zil1P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-HE72EUAE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_1s4l6eo']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_1omknvd']});
 
 export { skeleton };

package/dist/packages/react/src/spotlight-input/SpotlightInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CFbASAUJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-UEkxsQce.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_61k082']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'obuqyc']});
 
 export { input };

package/dist/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DVrVq3Ke.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-BisnZ-RI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'_9pxrq0']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'lg',px:'md',py:'sm'},'o9ekpg']});
 
 export { item };

package/dist/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-B8PnEnIy.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CchT9IUZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-u1Rwrtq3.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CsQct9zF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_1547x6b',true:'gl2qxl'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_7a4clf',true:'ymvt6n'}}});
 
 export { item };

package/dist/packages/react/src/spotlight-trigger/SpotlightTrigger.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useHotkeys } from '@mantine/hooks';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
@@ -9,6 +8,7 @@ import { useSpotlightContext } from '../spotlight-context/SpotlightContext.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@7.14.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
 
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = forwardRef(({ addonAfter, children, hotkey = DEFAULT_HOTKEY, ...props }, ref) => {