@optiaxiom/react 1.5.9 → 1.5.11

package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-ZvqGx4h_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-COXnzAmE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_1ryp2s1']});
+var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'e5fq21']});
 
 export { header };

package/dist/esm/packages/react/src/aside/Aside-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/aside/Aside.css.ts.vanilla-Ct8cMQYM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1nvuxw']});
+
+export { root };

package/dist/esm/packages/react/src/aside/Aside.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
+import { createSlot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { root } from './Aside-css.js';
+import { AsideProvider } from './AsideContext.js';
+
+const Slot = createSlot("@optiaxiom/react/Aside");
+const Aside = forwardRef(
+  ({ asChild, children, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "aside";
+    const labelId = useId();
+    const descriptionId = useId();
+    return /* @__PURE__ */ jsx(AsideProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        "aria-describedby": descriptionId,
+        "aria-labelledby": labelId,
+        asChild: true,
+        tabIndex: 0,
+        ...root({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsx(Comp, { ref, children })
+      }
+    ) });
+  }
+);
+Aside.displayName = "@optiaxiom/react/Aside";
+
+export { Aside };

package/dist/esm/packages/react/src/aside/AsideBody.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+
+const AsideBody = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { flex: "1", fontSize: "md", px: "16", ref, ...props, children });
+  }
+);
+AsideBody.displayName = "@optiaxiom/react/AsideBody";
+
+export { AsideBody };

package/dist/esm/packages/react/src/aside/AsideContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [AsideProvider, useAsideContext] = createContext("@optiaxiom/react/Aside");
+
+export { AsideProvider, useAsideContext };

package/dist/esm/packages/react/src/aside/AsideFooter-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/aside/AsideFooter.css.ts.vanilla-DXUE44So.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1vmgfp9']});
+
+export { footer };

package/dist/esm/packages/react/src/aside/AsideFooter.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ButtonProvider } from '../button/ButtonContext.js';
+import { Flex } from '../flex/Flex.js';
+import { footer } from './AsideFooter-css.js';
+
+const AsideFooter = forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children }) });
+  }
+);
+AsideFooter.displayName = "@optiaxiom/react/AsideFooter";
+
+export { AsideFooter };

package/dist/esm/packages/react/src/aside/AsideHeader-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/aside/AsideHeader.css.ts.vanilla-C9B2L6fU.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_7iegn1']});
+
+export { header };

package/dist/esm/packages/react/src/aside/AsideHeader.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { ButtonProvider } from '../button/ButtonContext.js';
+import { Flex } from '../flex/Flex.js';
+import { Heading } from '../heading/Heading.js';
+import { Text } from '../text/Text.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import '../utils/isHoverSupported.js';
+import { useAsideContext } from './AsideContext.js';
+import { header } from './AsideHeader-css.js';
+
+const AsideHeader = forwardRef(
+  ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
+    const { descriptionId, labelId } = useAsideContext(
+      "@optiaxiom/react/AsideHeader"
+    );
+    return /* @__PURE__ */ jsx(ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxs(Box, { ref, ...header({}, className), ...props, children: [
+      addonBefore && /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children: addonBefore }),
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          flex: "1",
+          fontSize: "lg",
+          fontWeight: "600",
+          id: labelId,
+          level: "2",
+          children
+        }
+      ),
+      addonAfter && /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "8", children: addonAfter }),
+      description && /* @__PURE__ */ jsx(
+        Text,
+        {
+          asChild: true,
+          color: "fg.secondary",
+          fontSize: "sm",
+          id: descriptionId,
+          w: "full",
+          children: fallbackSpan(description)
+        }
+      )
+    ] }) });
+  }
+);
+AsideHeader.displayName = "@optiaxiom/react/AsideHeader";
+
+export { AsideHeader };

package/dist/esm/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-en67x_NI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CTUAWjDK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_6kji2f'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'wk2rbs'],xs:[{fontWeight:'400',size:'xs'},'_1mmti04'],sm:[{size:'sm'},'_1nq3vw8'],md:[{size:'md'},'_16n5i3u'],lg:[{size:'lg'},'_1nffsc'],xl:[{size:'xl'},'_11k7pv8'],'3xl':[{size:'3xl'},'p5u5rn']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_17kv7d0'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'m60wmv'],xs:[{fontWeight:'400',size:'xs'},'_1dzjpcy'],sm:[{size:'sm'},'d5vc5x'],md:[{size:'md'},'_1cq6j1w'],lg:[{size:'lg'},'_74iwvu'],xl:[{size:'xl'},'_1tus0ux'],'3xl':[{size:'3xl'},'fyaozi']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['xhgge3',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['wfp4bo',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BXy_kn-B.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BC26--LZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'ok3uvj']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'ybfkke']});
 
 export { backdrop };

package/dist/esm/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-r7pC4sh7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-iOcBnbnM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1yykrre'],variants:{intent:{danger:'_18ttlf8',information:'_167qteg',neutral:'_1px2ni4',primary:'_10wudyg',success:'_1ooa1f9',warning:'amcsg5'},variant:{strong:'t621ba',subtle:'i7dfwm'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_349g9w'],variants:{intent:{danger:'_14f20me',information:'_24midy',neutral:'_8gluf1',primary:'_1mlffzo',success:'_111m2um',warning:'_22smuu'},variant:{strong:'afkhf0',subtle:'_1rq5scn'}}});
 
 export { badge };

package/dist/esm/packages/react/src/banner/Banner-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-sXDfTedF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-BowhwoyU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],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'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1p9ywtx']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1dinoc8']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-DVrj3i5o.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-9dOX9gEv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-DdX430Rk.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-BKDFwzzS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1q7gnb0'});
+var box = recipeRuntime({base:'zpftoj'});
 
 export { box };

package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-Bgb_K_qI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-gJbAbNHv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_1vobdsg'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'tq6pzd']});
+var link = recipeRuntime({base:'_2nkd0q'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_19wb306']});
 
 export { link, list };

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

@@ -15,18 +15,18 @@ import '../tooltip/TooltipProvider.js';
 import '../tooltip/TooltipRoot.js';
 import '../tooltip/TooltipTrigger.js';
 import { list, link } from './Breadcrumb-css.js';
-import { BreadcrumbItem } from './BreadcrumbItem.js';
+import { BreadcrumbNode } from './BreadcrumbNode.js';
 
 const Breadcrumb = forwardRef(
   ({ className, items, maxItems = 3, ...props }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsx(BreadcrumbItem, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsx(Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsx(Text, { asChild: true, truncate: true, children: index === items.length - 1 || !item.href ? /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsx(BreadcrumbNode, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsx(Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsx(Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsx(
       Box,
       {
         "aria-current": index === items.length - 1 ? "page" : void 0,
         children: item.label
       }
-    ) : /* @__PURE__ */ jsx(
+    ) : item.href ? /* @__PURE__ */ jsx(
       Link,
       {
         appearance: "subtle",
@@ -34,7 +34,7 @@ const Breadcrumb = forwardRef(
         ...link(),
         children: item.label
       }
-    ) }) }) })) }) }) }) });
+    ) : item.execute ? /* @__PURE__ */ jsx(Link, { appearance: "subtle", asChild: true, ...link(), children: /* @__PURE__ */ jsx("button", { onClick: () => item.execute?.(), children: item.label }) }) : null }) }) })) }) }) }) });
   }
 );
 Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
@@ -53,7 +53,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
   return [
     ...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, "left" + index)),
-    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsx(BreadcrumbNode, { children: /* @__PURE__ */ jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
       /* @__PURE__ */ jsx(
         MenuTrigger,
         {

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbNode-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-4m4Ts5Xs.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1fxvg1s']});
+
+export { item };

package/dist/esm/packages/react/src/breadcrumb/{BreadcrumbItem.js → BreadcrumbNode.js}

@@ -7,9 +7,9 @@ import { Flex } from '../flex/Flex.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
-import { item } from './BreadcrumbItem-css.js';
+import { item } from './BreadcrumbNode-css.js';
 
-const BreadcrumbItem = forwardRef(
+const BreadcrumbNode = forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...item({}, className), ...boxProps, children: /* @__PURE__ */ jsxs("li", { ref, ...restProps, children: [
@@ -18,6 +18,6 @@ const BreadcrumbItem = forwardRef(
     ] }) });
   }
 );
-BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
+BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
 
-export { BreadcrumbItem };
+export { BreadcrumbNode };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'qyc9kq'});
+var buttonGroup = recipeRuntime({base:'w1stwz'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZilmyUD.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-Cn8okhqh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CysUCjqr.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CA2ZGgI7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_17euf']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'r42dds']});
 
 export { loadable };

package/dist/esm/packages/react/src/button/ButtonRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZilmyUD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CysUCjqr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_18uydx9',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'a6v5i5'],variants:{intent:{danger:'fsn00r',neutral:'vaeauk',primary:'_13hw3ag'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'re0xjs',true:{}},variant:{opal:'bw7zww',outline:'_67omtd',strong:'fmqome',subtle:'n317hi'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'atc5ob',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1egj9ur',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_195h66b',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'hdih91']});
+var buttonBase = recipeRuntime({base:['_1mu49c4',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1w8arey'],variants:{intent:{danger:'_1j3tstx',neutral:'icmv7f',primary:'nbr2cp'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'o36spd',true:{}},variant:{opal:'k527ia',outline:'_1ao2icz',strong:'vn0xbm',subtle:'yzqoqq'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_5f1s3u',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'i8cjlx',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1i50v87',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'fjw1cb']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/calendar/Calendar-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-Bt1RIzxm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-BRT6WcKf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1nda23m'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'k4l057'}}});
 
 export { picker };

package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-DBgZ4dAA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-TNtCbCi4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'wq36hp'],variants:{appearance:{'default':'mnrh4g',holiday:[{color:'fg.error'},'_1d2ntzm'],range_middle:'_1q2yjdo',selected:[{color:'fg.white'},'_1q1o152'],weekend:[{color:'fg.tertiary'},'siwl1s']},range:{end:['_1kty7xz'],middle:['_99ln6r'],start:['srpoww']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'gjxgw3']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_18b8qsu'],variants:{appearance:{'default':'_27d7dk',holiday:[{color:'fg.error'},'_4wgcps'],range_middle:'h180bo',selected:[{color:'fg.white'},'thgtv1'],weekend:[{color:'fg.tertiary'},'_169fqm7']},range:{end:['uj28ey'],middle:['_1vwd9r7'],start:['_1lwn3kx']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_102c980']});
 
 export { button, today };

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BYhjXrzi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CgM-jo3n.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ognyfs']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1tarwqv']});
 
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-CARPueAn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-CisL9S-p.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1c6yhm8']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'lfzknk']});
 
 export { nav };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-B7ifRXzK.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-DWRoAkEU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-C0N7p645.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-CrSAgABL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1dt45gc',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_6ub5bd']});
+var card = recipeRuntime({base:['_14iixuh',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_142er0o']});
 
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CQA9E9Hd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BxyKamw5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['g1jyek']});
+var checkbox = recipeRuntime({base:['w223cq']});
 
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BI52cGXd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-DYQ7G2y4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12ld5tn',before:'w6hkxd'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_136szac']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1oqljvl']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'a0csh',before:'_1iuye9'}}});
+var content = recipeRuntime({base:[{flex:'1'},'wqk4rj']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1iw5gl8']});
 
 export { addon, content, header };

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-Cbq2BzJm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BpdkS4oZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlygyh']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1716fhe']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1anhtda']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'d6q57y']});
 
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C3Eyp63O.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-IAcLEIVH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BvhDwVOk.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CikxaUsf.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DcNKkq4r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1yh7k0v'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1vu60i9']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1ypnfop'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1l381uf']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C_3JtbYn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DQfiKfOw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_16oxdwh']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_115c4uf']});
 
 export { code };

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

@@ -52,8 +52,12 @@ function Command({
         onItemSelect?.(selectedItem, {
           dismiss: type !== useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
         });
+        downshift.selectItem(null);
       }
     },
+    scrollIntoView(node) {
+      node?.scrollIntoView({ block: "nearest" });
+    },
     selectedItem: null,
     stateReducer: (state, actionAndChanges) => {
       const { changes, type } = actionAndChanges;

package/dist/esm/packages/react/src/command/fuzzysearch.js

@@ -26,7 +26,7 @@ function fuzzysearch(haystack, needle) {
   return true;
 }
 function score(item, inputValue) {
-  if (!inputValue) {
+  if (!inputValue || item.skipFilterScoring) {
     return 0;
   }
   const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-B7ifRXzK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-gSAv9Bvn.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-C0N7p645.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1r9ve6p','_1g4bti3'],true:{}},inset:{false:'_1elyleq',true:'ysmahz'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1enxy0o','icmtko'],true:{}},inset:{false:'_1vrj6be',true:'_17so4hc'}}});
 
 export { cover };