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/command-toggle-button/CommandToggleButton.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/data-table/DataTable-css.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-VIrHdML4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-dl1APsHd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var cellOffsetVar = 'var(--_1sz0386)';
-var columnWidthVar = 'var(--_1tpfmxc)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1uke6n1'],variants:{pinned:{false:{},left:'jc4tzx',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1dqtmmu'],variants:{pinned:{false:{},left:'_15a3qay',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_13e730u']});
+var cellOffsetVar = 'var(--pcoffx)';
+var columnWidthVar = 'var(--_1eje3qt)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'j2xsmf'],variants:{pinned:{false:{},left:'cyfzdf',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1o3dpj5'],variants:{pinned:{false:{},left:'_1tyt1qe',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1kownjq']});
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/packages/react/src/data-table/DataTable.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
 import { assignInlineVars } from '@vanilla-extract/dynamic';

package/dist/packages/react/src/data-table-header/DataTableHeader-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BYj8YC_O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-sx3PJ6ZI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var header = recipeRuntime({base:[{gap:'4'},'_1rbpl9w'],variants:{sortable:{false:'_8oxwpz',true:'_1eihww8'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1e7w1mu',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'_13z42j3'],variants:{sortable:{false:'_142li68',true:'_476dvg'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'bh75na',true:{}}}});
 export { header, icon };

package/dist/packages/react/src/data-table-header/DataTableHeader.js CHANGED Viewed

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

package/dist/packages/react/src/dialog/Dialog.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-actions/DialogActions-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BVOTL1A0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BqvvtJHg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_3sbcbm']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_14bujzc']});
 export { actions };

package/dist/packages/react/src/dialog-actions/DialogActions.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-body/DialogBody.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';
@@ -10,8 +11,8 @@ const DialogBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        pb: "md",
         px: "lg",
+        py: "md",
         ref,
         ...props,
         children

package/dist/packages/react/src/dialog-close/DialogClose.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-content/DialogContent-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BiSLMfYJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-B2OSBIB-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'y7o4a6'],variants:{size:{sm:'mrntef',md:'g6syu5',lg:'_10khwun',fullscreen:'_113sk1r'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'i15a8r'],variants:{size:{sm:'vla91f',md:'_12gsg2p',lg:'_648eia',fullscreen:'_1w0ikae'}}});
 export { content };

package/dist/packages/react/src/dialog-content/DialogContent.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-description/DialogDescription-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-VDUrhg9L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-DS6k9L4g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bs7lh']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'d471ni']});
 export { description };

package/dist/packages/react/src/dialog-description/DialogDescription.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-footer/DialogFooter-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 footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/packages/react/src/dialog-footer/DialogFooter.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/dialog-header/DialogHeader.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/dialog-title/DialogTitle-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-CD3TirI2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-DvtqxXMw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'zrq3x3']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'n7gzkj']});
 export { title };

package/dist/packages/react/src/dialog-title/DialogTitle.js CHANGED Viewed

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

package/dist/packages/react/src/dialog-trigger/DialogTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/disclosure/Disclosure.js CHANGED Viewed

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

package/dist/packages/react/src/disclosure-content/DisclosureContent.js CHANGED Viewed

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

package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-W5--Hw71.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BZqnBB7g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_2tdco5',start:'_3bb9ou'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1st23n4']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_10tlct2',start:'_1fg0e31'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_12fld5h']});
 export { icon, trigger };

package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/drawer/Drawer.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DhewRjjY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-0bFK-6ga.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_9h6ivk']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'gku5ve']});
 export { actions };

package/dist/packages/react/src/drawer-actions/DrawerActions.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-body/DrawerBody.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/drawer-close/DrawerClose.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-content/DrawerContent-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-0masIjKi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-NcNTxdp8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_38w734'],variants:{position:{bottom:[{borderT:'1'},'_1rey9sj'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1ik665q'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'bqfgk1']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'mh9gap'],variants:{position:{bottom:[{borderT:'1'},'_16xnf25'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'w2zonp'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'dzh5bc']}}});
 export { content };

package/dist/packages/react/src/drawer-content/DrawerContent.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DqOQ2nmW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BM2XC6Ml.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'o3zua1']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'rwmogp']});
 export { description };

package/dist/packages/react/src/drawer-description/DrawerDescription.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-footer/DrawerFooter.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/drawer-header/DrawerHeader.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/drawer-title/DrawerTitle-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-6H7xncrV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-kvCg7St0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var title = recipeRuntime({base:[{flex:'1'},'plm66o']});
+var title = recipeRuntime({base:[{flex:'1'},'plh1yv']});
 export { title };

package/dist/packages/react/src/drawer-title/DrawerTitle.js CHANGED Viewed

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

package/dist/packages/react/src/drawer-trigger/DrawerTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu/DropdownMenu.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-content/DropdownMenuContent.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-group/DropdownMenuGroup.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-item/DropdownMenuItem.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-label/DropdownMenuLabel.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-separator/DropdownMenuSeparator.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-sub/DropdownMenuSub.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/dropdown-menu-trigger/DropdownMenuTrigger.js CHANGED Viewed

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

package/dist/packages/react/src/field/Field.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as RadixLabel from '@radix-ui/react-label';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';

package/dist/packages/react/src/filtered-slot/FilteredSlot.js CHANGED Viewed

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

package/dist/packages/react/src/flex/Flex.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/grid/Grid.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/heading/Heading.js CHANGED Viewed

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

package/dist/packages/react/src/highlight/Highlight-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Yi-m2i-h.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Dc0IjjSf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var mark = recipeRuntime({base:'bltofi'});
+var mark = recipeRuntime({base:'_5u6zjn'});
 export { mark };

package/dist/packages/react/src/highlight/Highlight.js CHANGED Viewed

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

package/dist/packages/react/src/hover-card/HoverCard.js CHANGED Viewed

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

package/dist/packages/react/src/hover-card-content/HoverCardContent-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B-nTBpwR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BRnNRt-3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_535vzg']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_1dl64yc']});
 export { content };

package/dist/packages/react/src/hover-card-content/HoverCardContent.js CHANGED Viewed

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

package/dist/packages/react/src/hover-card-trigger/HoverCardTrigger.js CHANGED Viewed

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