@optiaxiom/react 0.7.5 → 0.7.6

package/dist/packages/react/src/autocomplete-item/AutocompletItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';

package/dist/packages/react/src/autocomplete-radio-item/AutocompleteRadioItem.js

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

package/dist/packages/react/src/autocomplete-trigger/AutocompleteTrigger.js

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

package/dist/packages/react/src/avatar/Avatar-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/avatar/Avatar.css.ts.vanilla-84HkGx4M.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/avatar/Avatar.css.ts.vanilla-3vDQ6OEC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_5scvo1'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_37wwvp'],sm:[{fontSize:'xs',size:'sm'},'_1anrpih'],md:[{fontSize:'md',size:'md'},'hxemzj'],lg:[{fontSize:'lg',size:'lg'},'_1glomuc'],xl:[{fontSize:'2xl',size:'xl'},'_1xajzyv'],'5xl':[{fontSize:'4xl',size:'5xl'},'_8c503h']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_3zk3ln'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_69th0q'],sm:[{fontSize:'xs',size:'sm'},'_1pp68p9'],md:[{fontSize:'md',size:'md'},'_1dzbqav'],lg:[{fontSize:'lg',size:'lg'},'_1hjs8f3'],xl:[{fontSize:'2xl',size:'xl'},'fmbkvw'],'5xl':[{fontSize:'4xl',size:'5xl'},'b56nmk']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

package/dist/packages/react/src/avatar/Avatar.js

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

package/dist/packages/react/src/avatar-context/AvatarContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 
 const AvatarContext = createContext({

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-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/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['isog6j',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['dqbpek',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/avatar-group/AvatarGroup.js

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

package/dist/packages/react/src/axiom-provider/AxiomProvider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { AxiomVersionContext } from '@optiaxiom/globals';
 import * as RadixTooltip from '@radix-ui/react-tooltip';

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-aQcTrt7n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BGbuT9Dv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_16s96m2']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1tadbe4']});
 
 export { backdrop };

package/dist/packages/react/src/backdrop/Backdrop.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/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-B-_em4EO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BKH9vvfU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_153uum1'],variants:{intent:{danger:'iy4kic',information:'_1yey4j2',neutral:'vjfnom',primary:'wt14vl',success:'_1llg22z',warning:'a0ldkh'},variant:{light:'_121yz97',solid:'_1bv5khe'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'hkbfrp'],variants:{intent:{danger:'_1ggttsk',information:'ale1ie',neutral:'_10jdjc2',primary:'_1mwzsvb',success:'_1k037db',warning:'_1r6hlgo'},variant:{light:'_1mf0rar',solid:'_1f1mkfr'}}});
 
 export { badge };

package/dist/packages/react/src/badge/Badge.js

@@ -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/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

package/dist/packages/react/src/banner/Banner.js

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

package/dist/packages/react/src/banner-description/BannerDescription.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useBannerContext } from '../banner-context/BannerContext.js';

package/dist/packages/react/src/banner-title/BannerTitle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useBannerContext } from '../banner-context/BannerContext.js';

package/dist/packages/react/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DP5HRRAY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-DZGANI6a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'eexgg1'});
+var box = recipeRuntime({base:'_1yqa81q'});
 
 export { box };

package/dist/packages/react/src/box/Box.js

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

package/dist/packages/react/src/breadcrumb/Breadcrumb.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/breadcrumb-ellipsis/BreadcrumbEllipsis.js

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

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DDkxv587.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-D0ma-xQj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_11pi783']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_3ak95s']});
 
 export { item };

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem.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/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BaU7K_M6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BpvitZ4O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'am1efu']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1kzju9']});
 
 export { link };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink.js

@@ -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/breadcrumb-page/BreadcrumbPage.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/button/Button.js

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

package/dist/packages/react/src/button-addon/ButtonAddon.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/button-base/ButtonBase-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/button-base/ButtonBase.css.ts.vanilla-CeIvoBZC.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/button-base/ButtonBase.css.ts.vanilla-KV_oer54.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1lr5nqx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_19t5sb9'],variants:{iconOnly:{false:'_1lof8ya',true:{}},intent:{danger:'_190kx90',neutral:'vsdq80',primary:'_6x80y'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1naj65y',solid:'_1mi5kvk',subtle:'wp3txx'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1gotzkh',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'up5hag',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_16ovvr8',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'_17f6lhu'});
+var buttonBase = recipeRuntime({base:['_4946js',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'nnb9ll'],variants:{iconOnly:{false:'_1lunlf0',true:{}},intent:{danger:'bjidbg',neutral:'sodeqn',primary:'_11kjs20'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_3bie8o',solid:'_1krssle',subtle:'_8s777'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_13el1j2',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'z8cdg1',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'dzwxz6',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'mekyou'});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-base/ButtonBase.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/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-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/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'b29jg'});
+var buttonGroup = recipeRuntime({base:'w96egz'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-group/ButtonGroup.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/button-label/ButtonLabel.js

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

package/dist/packages/react/src/button-loadable/ButtonLoadable-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/button-base/ButtonBase.css.ts.vanilla-CeIvoBZC.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DNmAHhCe.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/button-base/ButtonBase.css.ts.vanilla-KV_oer54.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-R2Sq-2rA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1uppo2s']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'r7v5ag']});
 
 export { loadable };

package/dist/packages/react/src/button-loadable/ButtonLoadable.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/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-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/checkbox/Checkbox.css.ts.vanilla-CT6bAjQE.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/checkbox/Checkbox.css.ts.vanilla-DKJ4XQ08.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_4qv7m'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'kdfsm0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['dni5ab']});
+var checkbox = recipeRuntime({base:'cfzm49'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'vl0sgq'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_96yoka']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1wrc5n9'});
+var input = recipeRuntime({base:'_1fo0jhq'});
 
 export { checkbox, control, icon, indicator, input };

package/dist/packages/react/src/checkbox/Checkbox.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/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BVWgvSsb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BRxqihQg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'b6m9td']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1mw7q5n']});
 
 export { code };

package/dist/packages/react/src/code/Code.js

@@ -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/combobox/Combobox.js

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

package/dist/packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js

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

package/dist/packages/react/src/combobox-content/ComboboxContent.js

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

package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js

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

package/dist/packages/react/src/combobox-empty/ComboboxEmpty.js

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

package/dist/packages/react/src/combobox-footer/ComboboxFooter.js

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

package/dist/packages/react/src/combobox-group/ComboboxGroup.js

@@ -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/combobox-input/ComboboxInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useCommandContext } from '../command-context/CommandContext.js';

package/dist/packages/react/src/combobox-item/ComboboxItem.js

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

package/dist/packages/react/src/combobox-label/ComboboxLabel.js

@@ -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/combobox-popover-content/ComboboxPopoverContent.js

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

package/dist/packages/react/src/combobox-radio-item/ComboboxRadioItem.js

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

package/dist/packages/react/src/combobox-scroll-area/ComboboxScrollArea.js

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

package/dist/packages/react/src/combobox-separator/ComboboxSeparator.js

@@ -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/combobox-trigger/ComboboxTrigger.js

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

package/dist/packages/react/src/combobox-value/ComboboxValue.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';

package/dist/packages/react/src/command/Command.js

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

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DmicvVfb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DCvcSsi5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'e7myi7'});
+var item = recipeRuntime({base:'ycappz'});
 
 export { item };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem.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/command-input/CommandInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useCommandContext } from '../command-context/CommandContext.js';

package/dist/packages/react/src/command-item/CommandItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useCommandContext } from '../command-context/CommandContext.js';

package/dist/packages/react/src/command-listbox/CommandListbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useCommandContext } from '../command-context/CommandContext.js';

package/dist/packages/react/src/command-sub/CommandSub.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/command-sub-item/CommandSubItem.js

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

package/dist/packages/react/src/command-toggle-button/CommandToggleButton.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/data-table/DataTable-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-D3FJQdmg.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(--r34v6h)';
-var columnWidthVar = 'var(--_2qco0a)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1frmy9z'],variants:{pinned:{false:{},left:'_1ib97mr',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'yioxa2'],variants:{pinned:{false:{},left:'nalqny',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'i1trk9']});
+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

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CPBuFMhj.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'},'pgvkho'],variants:{sortable:{false:'_1uo35ye',true:'_1nkh1sb'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'lzq3ey',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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-CLWh6-8V.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'},'wrh7kc']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_14bujzc']});
 
 export { actions };

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

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

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