npm - @optiaxiom/react - Versions diffs - 0.7.4 → 0.7.6 - Mend

@optiaxiom/react 0.7.4 → 0.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (418) hide show

package/dist/packages/react/src/icons/withIcon.js CHANGED Viewed

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-MHk7pvVA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BmU-4NQV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var badge = recipeRuntime({base:'_3buuvo',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'v5ehp4']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'ict18u']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_18qwu0l'],variants:{offset:{false:'iy02o5',true:{}},position:{'bottom-right':'x8f9h3','top-right':'_32kock'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'pndpdl']});
+var badge = recipeRuntime({base:'a773dq',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_6twypz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'yr1y69']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'fc3lkh'],variants:{offset:{false:'_14bnh4v',true:{}},position:{'bottom-right':'_16cynww','top-right':'_150ydpf'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1ejs8pk']});
 export { badge, floating, indicator };

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

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BEcoUQ6q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C8T9C9ex.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var input = recipeRuntime({base:'_66a328'});
+var input = recipeRuntime({base:'_16nx6od'});
 export { input };

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import Document from '@tiptap/extension-document';
 import History from '@tiptap/extension-history';

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DCf0g8ht.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CEz-0hI3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var control = recipeRuntime({base:['_1oixdj3',{bg:'transparent',flex:'auto',w:'full'},'_1yvkhsv','_1c8c3z8'],variants:{size:{md:{},lg:{},'2xl':['_1un9ygx']}}});
+var control = recipeRuntime({base:['_13zm6c3',{bg:'transparent',flex:'auto',w:'full'},'_15qmbrr','br0pk8'],variants:{size:{md:{},lg:{},'2xl':['mdwv2b']}}});
 export { control };

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

@@ -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 CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DCf0g8ht.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C6huAyYx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CEz-0hI3.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-CsBuzHj2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_4mtwbh']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_90foh1']});
 export { root };

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

@@ -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 CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-KCVdkoN3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DC2L99nt.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:'_16ooler',variants:{variant:{outline:'_1wujs29',subtle:{}}}});
+var keys = recipeRuntime({base:'_9g2lzi',variants:{variant:{outline:'h8nra8',subtle:{}}}});
 export { kbd, keys };

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

@@ -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 CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._186epw8';
-var reset = 'optiaxiom.tlzsm7';
+var components = 'optiaxiom._17fzbb1';
+var reset = 'optiaxiom._1l4lgrq';
 var theme = 'optiaxiom.theme';
 export { axiom, base, components, reset, theme };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-0xsKAVy8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Cy1djINS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'t83239']});
-var link = recipeRuntime({base:['_1h201x1'],variants:{appearance:{'default':'_115eu5b',inverse:'_1spwhs5',subtle:'_13ifno4'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1xrx1hu']});
+var link = recipeRuntime({base:['_12sgxdv'],variants:{appearance:{'default':'u8hnvg',inverse:'_1hastst',subtle:'_91mfvl'}}});
 export { icon, link };

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BnQh0brI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CUZdKbt2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1b9uih3']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'pl7ee7'],variants:{intent:{danger:'_1k3056r',neutral:'n5erx3'}}});
-var title = recipeRuntime({base:['_13gfwao']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'skt4s6']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_17ayqdz'],variants:{intent:{danger:'_1tmm8he',neutral:'_13fezlp'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'xs'},'ewwvn7']});
 export { description, item, title };

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

@@ -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';
@@ -38,7 +39,7 @@ const ListboxItem = forwardRef(
         children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null,
           /* @__PURE__ */ jsxs(Flex, { flex: "1", gap: "0", children: [
-            /* @__PURE__ */ jsx(Box, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
+            /* @__PURE__ */ jsx(Flex, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
             description$1 && /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), id: descriptionId, children: fallbackSpan(description$1) })
           ] }),
           addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "xs", children: fallbackSpan(addonAfter) })

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CCdCnNQz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Ybexfp7R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_166r79c'],variants:{minW:{'0':{},trigger:'ompuba'},provider:{'dropdown-menu':'_1jtjntb',popover:'lr5jmp',popper:'_1il0hl2'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1w6g8bb'],variants:{minW:{'0':{},trigger:'_1w6ogya'},provider:{'dropdown-menu':'_1fqsz5z',popover:'he1kux',popper:'ly3r49'}}});
 export { listbox };

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

@@ -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 CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BLThWGZY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-B8MB1jSO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var button = recipeRuntime({base:'nposc0'});
-var cursor = recipeRuntime({base:[{z:'10'},'_1525t78'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1wk4bid']});
+var button = recipeRuntime({base:'_1e1q1xr'});
+var cursor = recipeRuntime({base:[{z:'10'},'_157lrtr'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_6oc0uc']});
 export { button, cursor, list };

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

@@ -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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-K-DXXl8m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BbZkaURw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'cgt9y3'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'l0yyzc'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 export { pill };

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-pvc6MIbc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-g0-XJTzh.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CCKsSMf8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'_1tg8m7'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_6yjisb']});
-var input = recipeRuntime({base:'_1ei852k'});
-var radio = recipeRuntime({base:'d0c08k'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'16'},'qqob99'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1dfdx2b']});
+var input = recipeRuntime({base:'od6c0q'});
+var radio = recipeRuntime({base:'chkfhn'});
 export { control, indicator, input, radio };

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

@@ -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 CHANGED Viewed

@@ -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/search-input/SearchInput-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-D18cD4Mj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BQWxFb-f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'_16uanmn']});
-var search = recipeRuntime({base:'i18la'});
+var clear = recipeRuntime({base:[{my:'-2',size:'sm'},'q6pasd']});
+var search = recipeRuntime({base:'_14miu1b'});
 export { clear, search };

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-WcPwQ1cj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-rSyFKhfo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:['_1wj2h8w']});
+var content = recipeRuntime({base:['_1al8pw6']});
 export { content };

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

@@ -1,6 +1,9 @@
+"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 { useSelectContext } from '../select-context/SelectContext.js';
@@ -10,7 +13,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(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, { 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 }) }) }) });
   }
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import { useFocusGuards } from '@radix-ui/react-focus-guards';

package/dist/packages/react/src/select-group/SelectGroup.js CHANGED Viewed

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

package/dist/packages/react/src/select-item/SelectItem.js CHANGED Viewed

@@ -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/select-label/SelectLabel.js CHANGED Viewed

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

package/dist/packages/react/src/select-radio-item/SelectRadioItem.js CHANGED Viewed

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

package/dist/packages/react/src/select-separator/SelectSeparator.js CHANGED Viewed

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

package/dist/packages/react/src/select-trigger/SelectTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/select-value/SelectValue.js CHANGED Viewed

@@ -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/separator/Separator-css.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-NX4_lESf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DOPF3iZz.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.0/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:'gnwgr6',md:'_1mho4cp',lg:'_1d4r34z',base:'_346qb9'},defaultClass:'_346qb9'},vertical:{conditions:{sm:'nz74h2',md:'pkiooe',lg:'_1nom46',base:'tylz2q'},defaultClass:'tylz2q'}},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:'_3y7oem',md:'_1g2s0kw',lg:'_1tkyg79',base:'_1igoch'},defaultClass:'_1igoch'},vertical:{conditions:{sm:'_1gw05tf',md:'_1er35gi',lg:'_1lln9ub',base:'_1exlmq8'},defaultClass:'_1exlmq8'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 export { base, separator };

package/dist/packages/react/src/separator/Separator.js CHANGED Viewed

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

package/dist/packages/react/src/sidenav/Sidenav.js CHANGED Viewed

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

package/dist/packages/react/src/sidenav-account-item/SidenavAccountItem.js CHANGED Viewed

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

package/dist/packages/react/src/sidenav-body/SidenavBody.js CHANGED Viewed

@@ -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/sidenav-context/SidenavContext.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 const [SidenavContextProvider, useSidenavContext] = createContext("Sidenav");

package/dist/packages/react/src/sidenav-footer/SidenavFooter.js CHANGED Viewed

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