@optiaxiom/react 0.7.7 → 0.7.8

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-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 './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CZbdcPZG.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DIU-MsNi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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 checkbox = recipeRuntime({base:'_1jdz47p'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1fywovj'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_11ds5kc']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1fp9ta1'});
+var input = recipeRuntime({base:'_1c8xer0'});
 
 export { checkbox, control, icon, indicator, input };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BLVL-g0N.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-D86Y0Ftd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'bdgts9']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1h0o50o']});
 
 export { code };

package/dist/packages/react/src/combobox/Combobox.js

@@ -4,10 +4,10 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useMemo, useEffect } from 'react';
 import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
 import { ComboboxDialogContent } from '../combobox-dialog-content/ComboboxDialogContent.js';
+import { ComboboxPopover } from '../combobox-popover/ComboboxPopover.js';
 import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopoverContent.js';
 import { Dialog } from '../dialog/Dialog.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
-import { Popover } from '../popover/Popover.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -33,7 +33,7 @@ function Combobox({
     },
     sm: {
       Content: ComboboxPopoverContent,
-      Root: Popover,
+      Root: ComboboxPopover,
       Trigger: PopoverTrigger
     }
   });

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ListboxFooter } from '../listbox-footer/ListboxFooter.js';
+import { ListboxEmpty } from '../listbox-empty/ListboxEmpty.js';
 
-const ComboboxFooter = forwardRef(
+const ComboboxEmpty = forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxFooter, { ref, ...props });
+    return /* @__PURE__ */ jsx(ListboxEmpty, { ref, ...props });
   }
 );
-ComboboxFooter.displayName = "@optiaxiom/react/ComboboxFooter";
+ComboboxEmpty.displayName = "@optiaxiom/react/ComboboxEmpty";
 
-export { ComboboxFooter };
+export { ComboboxEmpty };

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ListboxEmpty } from '../listbox-empty/ListboxEmpty.js';
+import { ListboxFooter } from '../listbox-footer/ListboxFooter.js';
 
-const ComboboxEmpty = forwardRef(
+const ComboboxFooter = forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ jsx(ListboxEmpty, { ref, ...props });
+    return /* @__PURE__ */ jsx(ListboxFooter, { ref, ...props });
   }
 );
-ComboboxEmpty.displayName = "@optiaxiom/react/ComboboxEmpty";
+ComboboxFooter.displayName = "@optiaxiom/react/ComboboxFooter";
 
-export { ComboboxEmpty };
+export { ComboboxFooter };

package/dist/packages/react/src/combobox-popover/ComboboxPopover.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Popover } from '../popover/Popover.js';
+
+function ComboboxPopover(props) {
+  return /* @__PURE__ */ jsx(Popover, { modal: true, ...props });
+}
+ComboboxPopover.displayName = "@optiaxiom/react/ComboboxPopover";
+
+export { ComboboxPopover };

package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js

@@ -2,10 +2,9 @@
 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(RemoveScroll, { children: /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props }) });
+  return /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props });
 });
 ComboboxPopoverContent.displayName = "@optiaxiom/react/ComboboxPopoverContent";
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Bra5ud8R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D2kaOCP5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'bn6i2q'});
+var item = recipeRuntime({base:'_19c3rk8'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CqbLOTqA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-BcMOx24e.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--_3z0xzz)';
-var columnWidthVar = 'var(--_166ompc)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1u5jj3'],variants:{pinned:{false:{},left:'_1kkefka',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_99k0sp'],variants:{pinned:{false:{},left:'_1bhuba5',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1qdm9zf']});
+var cellOffsetVar = 'var(--_139vyjd)';
+var columnWidthVar = 'var(--_160rwx4)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'khsv4r'],variants:{pinned:{false:{},left:'qhnsvq',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1iwsyw6'],variants:{pinned:{false:{},left:'_150xfyg',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1xxgnn2']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DOiK0xnf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-hcWyPsEp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'_1ihrult'],variants:{sortable:{false:'mng5ib',true:'_9nr968'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1jgjidd',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'v5noy2'],variants:{sortable:{false:'_3medms',true:'re7ycg'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'jvnsaa',true:{}}}});
 
 export { header, icon };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-B8Kg4mjf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-DR0ViPPh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_2kj1pw']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'egk1p9']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BBUS6Reu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-C87j5Igq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'drbnn7'],variants:{size:{sm:'_1hts0bo',md:'_11wz53j',lg:'_4k2t92',fullscreen:'_186stz6'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'jo2c7m'],variants:{size:{sm:'_1yqgyrz',md:'_1525nx1',lg:'_1mq02t1',fullscreen:'_1s5g4s6'}}});
 
 export { content };

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

@@ -7,6 +7,9 @@ import { Backdrop } from '../backdrop/Backdrop.js';
 import { useDialogContext } from '../dialog-context/DialogContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 import { content } from './DialogContent-css.js';
 
 const DialogContent = forwardRef(
@@ -19,6 +22,7 @@ const DialogContent = forwardRef(
         {
           asChild: true,
           elevation: size === "fullscreen" ? "drawer" : "dialog",
+          onBlur: onReactSelectInputBlur,
           ...content({ size }, className),
           ...props,
           children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children })

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-DQJjpKKv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-B2YCSts1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'thrwgl']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'mt74b1']});
 
 export { description };

package/dist/packages/react/src/dialog-footer/DialogFooter-css.js

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-4sWVPrjd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-D21rprRA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'u2alyr']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'oeth4y']});
 
 export { title };

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

@@ -3,10 +3,11 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { DisclosureContextProvider } from '../disclosure-context/DisclosureContext.js';
 
 const Disclosure = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Root, { children }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Root, { children: /* @__PURE__ */ jsx(DisclosureContextProvider, { children }) }) });
   }
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";

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

@@ -3,8 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 
 const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
+  useDisclosureContext("DisclosureContent");
   return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "xs", pt: "0", children }) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";

package/dist/packages/react/src/disclosure-context/DisclosureContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [DisclosureContextProvider, useDisclosureContext] = createContext("Disclosure");
+
+export { DisclosureContextProvider, useDisclosureContext };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-qBf4IcFU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-D8orsLxJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'sgcdyt',start:'_1t2v7qb'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'u4t4f8']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_16iodvb',start:'_4wpmpl'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1szvt6l']});
 
 export { icon, trigger };

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

@@ -3,6 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 import { Flex } from '../flex/Flex.js';
 import { IconAngleDown } from '../icons/IconAngleDown.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
@@ -13,6 +14,7 @@ import { trigger, icon } from './DisclosureTrigger-css.js';
 
 const DisclosureTrigger = forwardRef(
   ({ addonAfter, addonBefore, chevronPosition = "start", children, ...props }, ref) => {
+    useDisclosureContext("DisclosureTrigger");
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const startIcon = addonBefore || chevronPosition === "start" && !addonAfter && /* @__PURE__ */ jsx(IconAngleRight, {});
     const endIcon = addonAfter || chevronPosition === "end" && /* @__PURE__ */ jsx(IconAngleDown, {});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-E4CNQ4rE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-Cz9tNmLe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_1xnyzqq']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'iniw9d']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Dnmc_dSZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-D7fVfZcA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1dgb1k5'],variants:{position:{bottom:[{borderT:'1'},'_8ydy55'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'qi4b2k'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'vn9gg']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1pazjtt'],variants:{position:{bottom:[{borderT:'1'},'a0965m'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_9i2hbh'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'hd6zyf']}}});
 
 export { content };

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

@@ -7,6 +7,9 @@ import { Backdrop } from '../backdrop/Backdrop.js';
 import { useDrawerContext } from '../drawer-context/DrawerContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 import { content } from './DrawerContent-css.js';
 
 const mapPositionToTransitionSide = {
@@ -29,6 +32,7 @@ const DrawerContent = forwardRef(
             {
               asChild: true,
               elevation: "drawer",
+              onBlur: onReactSelectInputBlur,
               ...content({ position }),
               children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, ...props, children })
             }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BD-2Cxx1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DQRhP5hN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_8up5gf']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bfbbxc']});
 
 export { description };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-BzDsbaHE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-DpGA96MF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_1091plh']});
+var title = recipeRuntime({base:[{flex:'1'},'_1v8245w']});
 
 export { title };

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

@@ -2,7 +2,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as RadixLabel from '@radix-ui/react-label';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { useId } from '@reach/auto-id';
+import { useId } from '../../../../node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
@@ -91,7 +91,7 @@ const Field = forwardRef(
           children
         }
       ),
-      error && /* @__PURE__ */ jsxs(
+      error && error !== true && /* @__PURE__ */ jsxs(
         Flex,
         {
           alignItems: "start",

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BXFWF6EY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-lG8DRS9Z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1qn5uge'});
+var mark = recipeRuntime({base:'_1ua4f67'});
 
 export { mark };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BUpOuujK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-Dfr38yzi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_9evkxy']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_174oo2z']});
 
 export { content };

package/dist/packages/react/src/icons/{IconCircleCheckFilled.js → IconCircleCheckSolid.js}

@@ -2,9 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { withIcon } from './withIcon.js';
 
-const IconCircleCheckFilled = withIcon(
+const IconCircleCheckSolid = withIcon(
   {
-    name: "IconCircleCheckFilled",
+    name: "IconCircleCheckSolid",
     viewBox: "0 0 512 512"
   },
   // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@@ -17,4 +17,4 @@ const IconCircleCheckFilled = withIcon(
   )
 );
 
-export { IconCircleCheckFilled };
+export { IconCircleCheckSolid };

package/dist/packages/react/src/icons/{IconCircleExclamationFilled.js → IconCircleExclamationSolid.js}

@@ -2,9 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { withIcon } from './withIcon.js';
 
-const IconCircleExclamationFilled = withIcon(
+const IconCircleExclamationSolid = withIcon(
   {
-    name: "IconCircleExclamationFilled",
+    name: "IconCircleExclamationSolid",
     viewBox: "0 0 512 512"
   },
   // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@@ -17,4 +17,4 @@ const IconCircleExclamationFilled = withIcon(
   )
 );
 
-export { IconCircleExclamationFilled };
+export { IconCircleExclamationSolid };

package/dist/packages/react/src/icons/{IconCircleInfoFilled.js → IconCircleInfoSolid.js}

@@ -2,9 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { withIcon } from './withIcon.js';
 
-const IconCircleInfoFilled = withIcon(
+const IconCircleInfoSolid = withIcon(
   {
-    name: "IconCircleInfoFilled",
+    name: "IconCircleInfoSolid",
     viewBox: "0 0 512 512"
   },
   // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@@ -17,4 +17,4 @@ const IconCircleInfoFilled = withIcon(
   )
 );
 
-export { IconCircleInfoFilled };
+export { IconCircleInfoSolid };

package/dist/packages/react/src/icons/{IconTriangleExclamationFilled.js → IconTriangleExclamationSolid.js}

@@ -2,9 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { withIcon } from './withIcon.js';
 
-const IconTriangleExclamationFilled = withIcon(
+const IconTriangleExclamationSolid = withIcon(
   {
-    name: "IconTriangleExclamationFilled",
+    name: "IconTriangleExclamationSolid",
     viewBox: "0 0 512 512"
   },
   // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@@ -17,4 +17,4 @@ const IconTriangleExclamationFilled = withIcon(
   )
 );
 
-export { IconTriangleExclamationFilled };
+export { IconTriangleExclamationSolid };

package/dist/packages/react/src/icons/IconUserSolid.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconUserSolid = withIcon(
+  {
+    name: "IconUserSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconUserSolid };

package/dist/packages/react/src/icons/IconUsersSolid.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconUsersSolid = withIcon(
+  {
+    name: "IconUsersSolid",
+    viewBox: "0 0 640 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconUsersSolid };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-1vXu38rT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-H6EPvfdG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1z0ouo2',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'cuxgjk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_137zygk']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'pcok8q'],variants:{offset:{false:'_154wjt8',true:{}},position:{'bottom-right':'zoze4i','top-right':'_1dcaa28'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1hye2ha']});
+var badge = recipeRuntime({base:'bcf6ae',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'gz7wa7']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'vil9lk']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'vlqpxs'],variants:{offset:{false:'z1cj0q',true:{}},position:{'bottom-right':'_1se107j','top-right':'d6sed5'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1rvq3dk']});
 
 export { badge, floating, indicator };

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

@@ -1,6 +1,5 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Badge } from '../badge/Badge.js';
 import { Box } from '../box/Box.js';
@@ -11,6 +10,7 @@ const Indicator = forwardRef(
   ({
     asChild,
     children,
+    className,
     content,
     disabled,
     intent,
@@ -20,8 +20,8 @@ const Indicator = forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs(Flex, { ...indicator(), children: [
-      /* @__PURE__ */ jsx(Slot, { ref, ...props, children }),
+    return /* @__PURE__ */ jsxs(Flex, { ref, ...indicator({}, className), ...props, children: [
+      children,
       !disabled && /* @__PURE__ */ jsxs(Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsx(
           Badge,

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

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