@optiaxiom/react 0.7.5 → 0.7.7

package/dist/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CIm9hHo-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-1vXu38rT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'t8b28s',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1hqszy8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'urpdxt']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1e0tkge'],variants:{offset:{false:'_1n6u9ob',true:{}},position:{'bottom-right':'_1687yc3','top-right':'_314yqu'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'hcsmow']});
+var badge = recipeRuntime({base:'_1z0ouo2',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'cuxgjk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_137zygk']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'pcok8q'],variants:{offset:{false:'_154wjt8',true:{}},position:{'bottom-right':'zoze4i','top-right':'_1dcaa28'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1hye2ha']});
 
 export { badge, floating, indicator };

package/dist/packages/react/src/indicator/Indicator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';

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

@@ -1,7 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CWkMuhTz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Dp_ef77u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:'_1b96dt9'});
+var editor = recipeRuntime({base:'d0hliv',variants:{empty:{false:{},true:'_4xhhs2'}}});
+var input = recipeRuntime({base:'m85bii'});
 
-export { input };
+export { editor, input };

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

@@ -1,65 +1,77 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
-import Document from '@tiptap/extension-document';
-import History from '@tiptap/extension-history';
-import Paragraph from '@tiptap/extension-paragraph';
-import Placeholder from '@tiptap/extension-placeholder';
-import Text from '@tiptap/extension-text';
-import { useEditor, EditorContent } from '@tiptap/react';
-import { forwardRef, useEffect } from 'react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { forwardRef, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
-import { input } from './InlineInput-css.js';
+import { input, editor } from './InlineInput-css.js';
 
 const InlineInput = forwardRef(
   ({
     className,
     defaultValue = "",
     disabled,
-    editorRef,
     label,
     multiline,
     onValueChange,
     placeholder,
+    value: valueProp,
     ...props
   }, ref) => {
-    const editor = useEditor({
-      content: `<p>${multiline ? defaultValue.replace("\n", "</p><p>") : defaultValue}</p>`,
-      editable: !disabled,
-      editorProps: {
-        attributes: {
-          ...label && { "aria-label": label },
-          "aria-multiline": String(multiline),
-          "aria-readonly": String(Boolean(disabled)),
-          role: "textbox",
-          spellcheck: "true"
-        }
-      },
-      extensions: [
-        Document.extend({
-          content: multiline ? "block+" : "block"
-        }),
-        History,
-        Paragraph,
-        Placeholder.configure({ placeholder: placeholder ?? label }),
-        Text
-      ],
-      immediatelyRender: false,
-      onUpdate: ({ editor: editor2 }) => {
-        onValueChange?.(editor2?.getText());
-      }
+    const [value, setValue] = useControllableState({
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
     });
+    const editorRef = useRef(null);
     useEffect(() => {
-      if (!editorRef) {
+      if (!editorRef.current) {
         return;
       }
-      editorRef.current = editor;
-      return () => {
-        editorRef.current = null;
-      };
-    });
-    if (!editor) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+      const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
+      if (editorRef.current.textContent !== 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.textContent = clippedValue ?? null;
+        }
+      }
+    }, [multiline, value]);
+    return /* @__PURE__ */ jsx(Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        "aria-multiline": multiline,
+        "aria-readonly": disabled,
+        contentEditable: !disabled && "plaintext-only",
+        "data-placeholder": placeholder ?? label,
+        onInput: (event) => {
+          setValue(event.currentTarget.textContent ?? "");
+        },
+        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(event.currentTarget.textContent ?? "");
+          }
+        },
+        ref: editorRef,
+        role: "textbox",
+        spellCheck: "true",
+        ...label && { "aria-label": label },
+        ...editor({ empty: !value?.length })
+      }
+    ) });
   }
 );
 InlineInput.displayName = "@optiaxiom/react/InlineInput";

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';

package/dist/packages/react/src/input-addon/InputAddon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { Slot } from '@radix-ui/react-slot';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-3MuMKh8B.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BEAkZvlD.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_11gp4jd']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'vm87va']});
 
 export { root };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
 import { Flex } from '../flex/Flex.js';

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Dm3Qj77c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BuJHYVlI.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:'yi5tt7',variants:{variant:{outline:'z6f7j5',subtle:{}}}});
+var keys = recipeRuntime({base:'_1995ovd',variants:{variant:{outline:'_1ydi030',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Code } from '../code/Code.js';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1i6yjv8';
-var reset = 'optiaxiom.ox4taq';
+var components = 'optiaxiom._12pgibx';
+var reset = 'optiaxiom._1y14oqf';
 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-Drg7B7mN.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CE6qVR20.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CYGVnxkD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1qq8ntn']});
-var link = recipeRuntime({base:['_330tm1'],variants:{appearance:{'default':'_18skncg',inverse:'_4pl6js',subtle:'_172o7ke'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'nosh9w']});
+var link = recipeRuntime({base:['_1ahx50t'],variants:{appearance:{'default':'_1ye253o',inverse:'_1elvb14',subtle:'zzh4ty'}}});
 
 export { icon, link };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';

package/dist/packages/react/src/listbox/Listbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Checkbox } from '../checkbox/Checkbox.js';

package/dist/packages/react/src/listbox-empty/ListboxEmpty.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/listbox-footer/ListboxFooter.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useId } from '@reach/auto-id';
 import { forwardRef } from 'react';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CYujgiD8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-OOa9fASY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_18qvyi3']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'bblz2g'],variants:{intent:{danger:'zxblej',neutral:'_5qsrg9'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'xs'},'_13yed7t']});
+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']});
 
 export { description, item, title };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { useId } from '@reach/auto-id';

package/dist/packages/react/src/listbox-item-indicator/ListboxItemIndicator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/listbox-label/ListboxLabel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/listbox-radio-item/ListboxRadioItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';

package/dist/packages/react/src/listbox-scroll-area/ListboxScrollArea.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/listbox-separator/ListboxSeparator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Separator } from '../separator/Separator.js';

package/dist/packages/react/src/menu-button/MenuButton.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-C9mCG1mT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-D_lM3AoT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'pluyd1'],variants:{minW:{'0':{},trigger:'_18q0mqh'},provider:{'dropdown-menu':'_5iaw4e',popover:'_4lb6j1',popper:'_1nhzrw5'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'rl2dfr'],variants:{minW:{'0':{},trigger:'_1u9h5xs'},provider:{'dropdown-menu':'_12db8il',popover:'_19hhm3i',popper:'_4rc5st'}}});
 
 export { listbox };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Listbox } from '../listbox/Listbox.js';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-_gCjLFi6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D4IvTu0u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'uony2h'});
-var cursor = recipeRuntime({base:[{z:'10'},'kucxik'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'a57qkp']});
+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']});
 
 export { button, cursor, list };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { usePagination } from '@mantine/hooks';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.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/paper/Paper.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';

package/dist/packages/react/src/popover/Popover.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';

package/dist/packages/react/src/popover-anchor/PopoverAnchor.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef } from 'react';

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { theme } from '@optiaxiom/globals';
 import * as RadixPopover from '@radix-ui/react-popover';

package/dist/packages/react/src/popover-trigger/PopoverTrigger.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.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/progress/Progress.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { forwardRef } from 'react';

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DDgytmD5.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-B-sA07w5.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'nv8ele'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_18t0bko']});
-var input = recipeRuntime({base:'n5jy17'});
-var radio = recipeRuntime({base:'_1guuovo'});
+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'});
 
 export { control, indicator, input, radio };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/radio-group/RadioGroup.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';

package/dist/packages/react/src/remove-scroll/RemoveScroll.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useState, Fragment } from 'react';
+import { RemoveScroll as RemoveScroll$1 } from 'react-remove-scroll';
+
+const RemoveScroll = forwardRef((props, ref) => {
+  const [Comp] = useState(
+    () => document.body.dataset.scrollLocked ? RemoveScroll$1 : Fragment
+  );
+  return /* @__PURE__ */ jsx(Comp, { allowPinchZoom: true, as: Slot, ref, ...props });
+});
+RemoveScroll.displayName = "@optiaxiom/react/RemoveScroll";
+
+export { RemoveScroll };

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef, useState } from 'react';

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';

package/dist/packages/react/src/select/Select.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Popper } from '@radix-ui/react-popper';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';

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

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

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

@@ -1,10 +1,10 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Portal } from '@radix-ui/react-portal';
-import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
-import { RemoveScroll } from 'react-remove-scroll';
 import { Box } from '../box/Box.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
+import { RemoveScroll } from '../remove-scroll/RemoveScroll.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, { allowPinchZoom: true, as: Slot, 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(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 }) }) }) });
   }
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";