@optiaxiom/react 0.7.7 → 0.8.0

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

@@ -1,24 +1,24 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-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, createElement } from 'react';
 import { BannerContextProvider } from '../banner-context/BannerContext.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
-import { IconCircleCheckFilled } from '../icons/IconCircleCheckFilled.js';
-import { IconCircleExclamationFilled } from '../icons/IconCircleExclamationFilled.js';
-import { IconCircleInfoFilled } from '../icons/IconCircleInfoFilled.js';
-import { IconTriangleExclamationFilled } from '../icons/IconTriangleExclamationFilled.js';
+import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
+import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.js';
+import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
+import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
 import { banner, icon } from './Banner-css.js';
 
 const mapIntentToIcon = {
-  danger: IconCircleExclamationFilled,
-  information: IconCircleInfoFilled,
-  neutral: IconCircleInfoFilled,
-  success: IconCircleCheckFilled,
-  warning: IconTriangleExclamationFilled
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
 };
 const Banner = forwardRef(
   ({ children, className, intent = "neutral", onClose, ...props }, ref) => {
@@ -35,7 +35,7 @@ const Banner = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", my: "2", children }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", my: "2", children }),
           !!onClose && /* @__PURE__ */ jsx(
             Button,
             {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-D2J0hjNd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Dlql7m7I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'oeq2v3'});
+var box = recipeRuntime({base:'u6ez25'});
 
 export { box };

package/dist/packages/react/src/breadcrumb/Breadcrumb.js

@@ -9,7 +9,7 @@ import '../sprinkles/sprinklesMerge.js';
 const Breadcrumb = forwardRef(
   ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "8", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
   }
 );
 Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Co4ZexSV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DYCt7DYD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1456rro']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'jfoua6']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BZ9b4SO_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-Cer-GJoH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'q6arjh']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'c9j9dt']});
 
 export { link };

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-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/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DRakNEUr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-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'});
+var buttonBase = recipeRuntime({base:['_1ma4266',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'nsj1te'],variants:{iconOnly:{false:'od7o8c',true:{}},intent:{danger:'fgouxy',neutral:'_175vju6',primary:'r0kafx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'yzcigm',solid:'_1e1ss5p',subtle:'_5i7t2a'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1b0r342',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1ljifao',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1m8ype4',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'q0qasi']});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-base/ButtonBase.js

@@ -58,7 +58,6 @@ const ButtonBase = forwardRef(
             {
               appearance: variant === "solid" ? "inverse" : "default",
               "aria-hidden": "true",
-              size: "2xs",
               ...spinner()
             }
           ) }),

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1bj6x3y'});
+var buttonGroup = recipeRuntime({base:'_1cxn2jf'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-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 './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DRakNEUr.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CvV5ED-r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'i1uj8w']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'vk9oig']});
 
 export { loadable };

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-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgZ4qGHG.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-CthKLK_K.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:'_1n6hf'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'2xs'},'vnfgn'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_1tphw3o']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1fp9ta1'});
+var input = recipeRuntime({base:'_1j2hmo5'});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BInC8xb_.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'},'ms5j2f']});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-ZtbvVV8f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'bn6i2q'});
+var item = recipeRuntime({base:'_1knt1g3'});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-DNzgFsQy.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(--ss5c5h)';
+var columnWidthVar = 'var(--eacb34)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'q3ap6u'],variants:{pinned:{false:{},left:'_1t2t9b8',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'nprqr0'],variants:{pinned:{false:{},left:'fok8jv',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_18hlrq7']});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BrCG3paE.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'},'_1ghaxp6'],variants:{sortable:{false:'jaoesr',true:'yv4job'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'r58h1b',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-itR_SjVM.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-iK4oXArS.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:'8'},'_1idmos']});
 
 export { actions };

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

@@ -11,7 +11,7 @@ const DialogActions = forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(Flex, { ref, ...actions({}, className), ...props, children: [
       /* @__PURE__ */ jsx(Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsx(IconX, {}), children: /* @__PURE__ */ jsx(RadixDialog.Close, {}) }),
-      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "xs", children })
+      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children })
     ] });
   }
 );

package/dist/packages/react/src/dialog-body/DialogBody.js

@@ -11,8 +11,8 @@ const DialogBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        px: "lg",
-        py: "md",
+        px: "24",
+        py: "16",
         ref,
         ...props,
         children

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-itR_SjVM.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-jbTBZEqC.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:[{color:'fg.default',display:'flex',flexDirection:'column'},'bsv11r'],variants:{size:{sm:'_1epdrlc',md:'_1se0q42',lg:'_18xtl66',fullscreen:'_1eopgs5'}}});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-BMi2xd4r.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'},'zxthiu']});
 
 export { description };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.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'}]});
+var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});
 
 export { footer };

package/dist/packages/react/src/dialog-header/DialogHeader.js

@@ -10,9 +10,9 @@ const DialogHeader = forwardRef(
       {
         display: "flex",
         flexWrap: "wrap",
-        gap: "xs",
-        p: "lg",
-        pb: "md",
+        gap: "8",
+        p: "24",
+        pb: "16",
         ref,
         ...props,
         children

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-itR_SjVM.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-DGcPi6BM.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'},'wbj692']});
 
 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,9 +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 { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 
 const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
-  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 }) }) });
+  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: "8", 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-itR_SjVM.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Cf5flh-F.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:'s60uh7',start:'_183grlv'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1rq19tq']});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-UwEX25QY.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:'8'},'_1rf1cmg']});
 
 export { actions };

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

@@ -11,7 +11,7 @@ const DrawerActions = forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(Flex, { ref, ...actions({}, className), ...props, children: [
       /* @__PURE__ */ jsx(Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsx(IconX, {}), children: /* @__PURE__ */ jsx(RadixDialog.Close, {}) }),
-      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "xs", children })
+      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children })
     ] });
   }
 );

package/dist/packages/react/src/drawer-body/DrawerBody.js

@@ -11,8 +11,8 @@ const DrawerBody = forwardRef(
         flex: "1",
         fontSize: "md",
         overflow: "auto",
-        px: "lg",
-        py: "md",
+        px: "24",
+        py: "16",
         ref,
         ...props,
         children

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-itR_SjVM.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-fjJbMTAE.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'},'_1ysqmbr'],variants:{position:{bottom:[{borderT:'1'},'_14a6wk8'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'gqcbqr'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_79d4r5']}}});
 
 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-itR_SjVM.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-bNE2NRQz.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'},'_179m7i8']});
 
 export { description };

package/dist/packages/react/src/drawer-footer/DrawerFooter.js

@@ -10,9 +10,9 @@ const DrawerFooter = forwardRef(
       {
         borderT: "1",
         flexDirection: "row",
-        gap: "md",
+        gap: "16",
         justifyContent: "end",
-        p: "md",
+        p: "16",
         ref,
         ...props,
         children