npm - @optiaxiom/react - Versions diffs - 0.7.5 → 0.7.7 - Mend

@optiaxiom/react 0.7.5 → 0.7.7

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 (433) hide show

package/dist/packages/react/src/alert-title/AlertTitle.js CHANGED Viewed

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

package/dist/packages/react/src/animate-presence/AnimatePresence.js CHANGED Viewed

@@ -1,7 +1,8 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
-import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.13.1_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
 function AnimatePresence({
   children

package/dist/packages/react/src/autocomplete/Autocomplete.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/autocomplete-content/AutocompleteContent-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Y-G4MxeL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BoMb4Ur1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:[{p:'4'},'xzno9n']});
+var content = recipeRuntime({base:[{p:'4'},'_53spj4']});
 export { content };

package/dist/packages/react/src/autocomplete-content/AutocompleteContent.js CHANGED Viewed

@@ -1,12 +1,12 @@
+"use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Portal } from '@radix-ui/react-portal';
-import { Slot } from '@radix-ui/react-slot';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
-import { RemoveScroll } from 'react-remove-scroll';
 import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';
 import { Box } from '../box/Box.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
+import { RemoveScroll } from '../remove-scroll/RemoveScroll.js';
 import { Spinner } from '../spinner/Spinner.js';
 import { AutocompleteContentImpl } from './AutocompleteContentImpl.js';
@@ -14,7 +14,7 @@ const AutocompleteContent = forwardRef(({ children, loading, ...props }, ref) =>
   const { isOpen, items } = useAutocompleteContext("AutocompleteContent");
   return isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { role: "status", children: loading ? "Loading" : `${items.length} option${items.length === 1 ? "" : "s"} available` }) }) }),
-    /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, as: Slot, children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, minW: "trigger", provider: "popper", ...props, children: /* @__PURE__ */ jsx(AutocompleteContentImpl, { ref, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "md", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) })
+    /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(RemoveScroll, { children: /* @__PURE__ */ jsx(MenuListbox, { asChild: true, minW: "trigger", provider: "popper", ...props, children: /* @__PURE__ */ jsx(AutocompleteContentImpl, { ref, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "md", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children }) }) }) })
   ] });
 });
 AutocompleteContent.displayName = "@optiaxiom/react/AutocompleteContent";

package/dist/packages/react/src/autocomplete-content/AutocompleteContentImpl.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/autocomplete-empty/AutocompleteEmpty.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/autocomplete-item/AutocompletItem.js CHANGED Viewed

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

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

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DLh8X3n8.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'},'f8sptn'],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'},'_1eid8kq'],sm:[{fontSize:'xs',size:'sm'},'d116h0'],md:[{fontSize:'md',size:'md'},'_1pi7gfh'],lg:[{fontSize:'lg',size:'lg'},'_5e985t'],xl:[{fontSize:'2xl',size:'xl'},'jbzaxd'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1duarq2']}}});
 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 CHANGED Viewed

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

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

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

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

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

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

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-C-Ta-72C.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'},'_1a76112']});
 export { backdrop };

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-B8PnEnIy.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'},'_10904u4'],variants:{intent:{danger:'_2mt8zu',information:'q5xbhl',neutral:'_164ms55',primary:'_1rm3pqe',success:'_1lyd61c',warning:'qlvqa7'},variant:{light:'_15hwc3c',solid:'_1mjhl35'}}});
 export { badge };

package/dist/packages/react/src/badge/Badge.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/banner/Banner-css.js CHANGED Viewed

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

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

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

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-D2J0hjNd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var box = recipeRuntime({base:'eexgg1'});
+var box = recipeRuntime({base:'oeq2v3'});
 export { box };

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

@@ -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 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/breadcrumb-ellipsis/BreadcrumbEllipsis.js CHANGED Viewed

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Co4ZexSV.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'},'_1456rro']});
 export { item };

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BZ9b4SO_.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'},'q6arjh']});
 export { link };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink.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/breadcrumb-page/BreadcrumbPage.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/button/Button.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, useEffect } from 'react';

package/dist/packages/react/src/button-addon/ButtonAddon.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/button-base/ButtonBase-css.js CHANGED Viewed

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DG0diu8R.css';
 import { 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:['h1was0',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_3z71p7'],variants:{iconOnly:{false:'z25dpj',true:{}},intent:{danger:'_8n8l5o',neutral:'s5a412',primary:'_1ll9s8q'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1h5kw1x',solid:'tieica',subtle:'hi9t3'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1ukaj7c',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'aron9z',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_16kd90n',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'t4zgcl'});
 export { buttonBase, spinner };

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

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

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

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DG0diu8R.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cjx2dRpl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1uppo2s']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'i1uj8w']});
 export { loadable };

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

@@ -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-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/checkbox/Checkbox.css.ts.vanilla-BGPofUrU.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:'_1k3yi16'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1w6kntq'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['qmo9ik']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1wrc5n9'});
+var input = recipeRuntime({base:'_1fp9ta1'});
 export { checkbox, control, icon, indicator, input };

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BLVL-g0N.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'},'bdgts9']});
 export { code };

package/dist/packages/react/src/code/Code.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/combobox/Combobox.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 { useMemo, useEffect } from 'react';

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

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

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

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

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

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

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

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

@@ -1,9 +1,11 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { RemoveScroll } from '../remove-scroll/RemoveScroll.js';
 const ComboboxPopoverContent = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props });
+  return /* @__PURE__ */ jsx(RemoveScroll, { children: /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props }) });
 });
 ComboboxPopoverContent.displayName = "@optiaxiom/react/ComboboxPopoverContent";

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

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

@@ -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 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/combobox-trigger/ComboboxTrigger.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, useEffect } from 'react';

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

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

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

@@ -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-wEvUFA1y.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Bra5ud8R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var item = recipeRuntime({base:'e7myi7'});
+var item = recipeRuntime({base:'bn6i2q'});
 export { item };

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

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

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

@@ -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 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/command-sub-item/CommandSubItem.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, useEffect } from 'react';