@optiaxiom/react 0.11.1 → 0.12.1

package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.3_react@18.3.1 → @mantine_hooks@7.16.2_react@18.3.1}/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect } from 'react';
 import { getHotkeyMatcher } from './parse-hotkey.js';
 
@@ -13,14 +14,16 @@ function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = false)
 function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = false) {
   useEffect(() => {
     const keydownListener = (event) => {
-      hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
-        if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
-          if (options.preventDefault) {
-            event.preventDefault();
+      hotkeys.forEach(
+        ([hotkey, handler, options = { preventDefault: true, usePhysicalKeys: false }]) => {
+          if (getHotkeyMatcher(hotkey, options.usePhysicalKeys)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
+            if (options.preventDefault) {
+              event.preventDefault();
+            }
+            handler(event);
           }
-          handler(event);
         }
-      });
+      );
     };
     document.documentElement.addEventListener("keydown", keydownListener);
     return () => document.documentElement.removeEventListener("keydown", keydownListener);

package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.3_react@18.3.1 → @mantine_hooks@7.16.2_react@18.3.1}/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useRef, useEffect } from 'react';
 
 function attachMediaListener(query, callback) {

package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.3_react@18.3.1 → @mantine_hooks@7.16.2_react@18.3.1}/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from 'react';
 import { useUncontrolled } from '../use-uncontrolled/use-uncontrolled.js';
 

package/dist/node_modules/.pnpm/{@mantine_hooks@7.15.3_react@18.3.1 → @mantine_hooks@7.16.2_react@18.3.1}/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState } from 'react';
 
 function useUncontrolled({

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.11.1";
+var version = "0.12.1";
 
 export { version };

package/dist/packages/react/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/alert/Alert.js

@@ -20,7 +20,7 @@ const mapIntentToIcon = {
   warning: IconTriangleExclamationSolid
 };
 const Alert = forwardRef(
-  ({ children, className, intent = "neutral", onClose, ...props }, ref) => {
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = useId();
     return /* @__PURE__ */ jsxs(
       Flex,
@@ -33,7 +33,7 @@ const Alert = forwardRef(
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
           /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", id: labelId, my: "2", children }),
-          !!onClose && /* @__PURE__ */ jsx(
+          !!onDismiss && /* @__PURE__ */ jsx(
             Button,
             {
               appearance: "subtle",
@@ -41,7 +41,7 @@ const Alert = forwardRef(
               color: "fg.default",
               flex: "none",
               icon: /* @__PURE__ */ jsx(IconX, {}),
-              onClick: onClose,
+              onClick: onDismiss,
               size: "sm"
             }
           )

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C0L1W0AH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DBmOaykK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'dropx0'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1826sqa'],variants:{size:{sm:'_14ds8yy',md:'_1kmsjxz',lg:'_1q23xxa'}}});
-var nestedDialogCountVar = 'var(--rhkbg7)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'qg7zhy']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1tpleau'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'hw00jk'],variants:{size:{sm:'_1w9q1ny',md:'nqfoxu',lg:'_1kcca6a'}}});
+var nestedDialogCountVar = 'var(--_16u44nr)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_7bwmi9']});
 
 export { backdrop, content, nestedDialogCountVar, root };

package/dist/packages/react/src/alert-dialog-context/AlertDialogContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [AlertDialogContextProvider, useAlertDialogContext] = createContext("AlertDialog");

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BRTnaXQ8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BPvsgtys.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'mk0cds']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'o0ofk']});
 
 export { footer };

package/dist/packages/react/src/angle-menu-button/AngleMenuButton.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+
+const AngleMenuButton = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
+});
+AngleMenuButton.displayName = "@optiaxiom/react/AngleMenuButton";
+
+export { AngleMenuButton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BdLxr1Z_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DiCWKojJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'sqfxyd']});
+var content = recipeRuntime({base:[{p:'4'},'_162um0m']});
 
 export { content };

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

@@ -8,6 +8,7 @@ import { useAutocompleteContext } from '../autocomplete-context/AutocompleteCont
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { useCommandContext } from '../command-context/CommandContext.js';
 import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { ModalLayer } from '../modal-layer/ModalLayer.js';
@@ -24,6 +25,7 @@ const AutocompleteContent = forwardRef(
     ...props
   }, ref) => {
     const { isOpen, items } = useAutocompleteContext("AutocompleteContent");
+    const { setPlaced } = useCommandContext("AutocompleteContent");
     return isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { role: "status", children: loading ? "Loading" : `${items.length} option${items.length === 1 ? "" : "s"} available` }) }) }),
       /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -41,7 +43,16 @@ const AutocompleteContent = forwardRef(
               ref,
               ...content({}, className),
               ...props,
-              children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset: 5, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children })
+              children: /* @__PURE__ */ jsx(
+                PopperContent,
+                {
+                  align,
+                  onPlaced: () => setPlaced(true),
+                  side,
+                  sideOffset: 5,
+                  children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
+                }
+              )
             }
           )
         }

package/dist/packages/react/src/autocomplete-context/AutocompleteContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [AutocompleteContextProvider, useAutocompleteContext] = createContext("Autocomplete");

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { AutocompleteItem } from '../autocomplete-item/AutocompletItem.js';
+import { AutocompleteItem } from '../autocomplete-item/AutocompleteItem.js';
 import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
 
 const AutocompleteRadioItem = forwardRef(({ children, ...props }, ref) => {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DfBE8AZb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D0IiOGrj.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'},'_1s6fx03'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'t19ntn'],sm:[{fontSize:'xs',size:'sm'},'k6qu9p'],md:[{fontSize:'md',size:'md'},'hc0fkv'],lg:[{fontSize:'lg',size:'lg'},'_4shcl7'],xl:[{fontSize:'2xl',size:'xl'},'yb25gq'],'3xl':[{fontSize:'4xl',size:'3xl'},'avvcrq']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'x8naul'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_105wzw'],sm:[{fontSize:'xs',size:'sm'},'qkecsd'],md:[{fontSize:'md',size:'md'},'_77cv99'],lg:[{fontSize:'lg',size:'lg'},'urksel'],xl:[{fontSize:'2xl',size:'xl'},'_9csxfz'],'3xl':[{fontSize:'4xl',size:'3xl'},'tt9tsl']}}});
 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/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_10e0v01',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1una6i4',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DJjwTnzN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BRtjpvqV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1l2zuuq']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1e9irpn']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-35fv_Rde.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-Diwj-TNR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_4qaa28'],variants:{intent:{danger:'_1fuhj2z',information:'_1dag4qa',neutral:'e0revi',primary:'ojvx0s',success:'_7vxxyq',warning:'_2weqgt'},variant:{light:'r9mbo9',solid:'_117ca5a'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_1nfcb50'],variants:{intent:{danger:'_1xhefih',information:'wavtly',neutral:'_2jepm0',primary:'xc1z4p',success:'qgn4ie',warning:'_1f0892s'},variant:{light:'olv1kn',solid:'_10xv591'}}});
 
 export { badge };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.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'}}}});

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

@@ -20,7 +20,7 @@ const mapIntentToIcon = {
   warning: IconTriangleExclamationSolid
 };
 const Banner = forwardRef(
-  ({ children, className, intent = "neutral", onClose, ...props }, ref) => {
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = useId();
     return /* @__PURE__ */ jsxs(
       Flex,
@@ -33,7 +33,7 @@ const Banner = forwardRef(
         children: [
           /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon({ intent }), children: createElement(mapIntentToIcon[intent]) }),
           /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "8", id: labelId, my: "2", children }),
-          !!onClose && /* @__PURE__ */ jsx(
+          !!onDismiss && /* @__PURE__ */ jsx(
             Button,
             {
               appearance: "subtle",
@@ -41,7 +41,7 @@ const Banner = forwardRef(
               color: "fg.default",
               flex: "none",
               icon: /* @__PURE__ */ jsx(IconX, {}),
-              onClick: onClose,
+              onClick: onDismiss,
               size: "sm"
             }
           )

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-CswI2BUt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Bd6l11eD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1e1v0fv'});
+var box = recipeRuntime({base:'b47n8'});
 
 export { box };

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

@@ -5,7 +5,7 @@ function extractBoxProps(props) {
   const boxProps = {};
   const restProps = {};
   for (const [name, value] of Object.entries(props)) {
-    if (sprinkles.properties.has(name)) {
+    if (name === "className" || sprinkles.properties.has(name)) {
       if (value !== null && value !== undefined) {
         boxProps[name] = value;
       }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cu-ZPbjv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Coa3svbk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'wxb4d9']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'nawvf6']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-z27wHNih.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-efn6JmP1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_13ew6px']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_15noget']});
 
 export { link };

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

@@ -1,13 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Link } from '../link/Link.js';
 import { link } from './BreadcrumbLink-css.js';
 
-const BreadcrumbLink = forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : Link;
-  return /* @__PURE__ */ jsx(Comp, { ...link({}, className), ref, ...props });
+const BreadcrumbLink = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Link, { ...link({}, className), ref, ...props });
 });
 BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
 

package/dist/packages/react/src/button/Button.js

@@ -18,14 +18,17 @@ const Button = forwardRef(
     asChild,
     children,
     icon,
-    iconOnly,
     iconPosition = "start",
+    square,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
     let isIconOnly = false;
     children = decorateChildren({ asChild, children }, (children2) => {
       isIconOnly = Boolean(!children2 && icon);
+      if (isIconOnly) {
+        square = true;
+      }
       if (icon && !isIconOnly) {
         if (iconPosition === "start") {
           addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
@@ -35,7 +38,7 @@ const Button = forwardRef(
       }
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         addonBefore && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-        isIconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
+        square ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: children2 ? fallbackSpan(children2) : /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
         addonAfter && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
       ] });
     });
@@ -51,10 +54,10 @@ const Button = forwardRef(
       ButtonBase,
       {
         asChild: true,
-        iconOnly: isIconOnly || iconOnly,
         ref,
+        square,
         ...props,
-        ...(isIconOnly || iconOnly) && {
+        ...square && {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ jsx(Comp, { children })

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CX-cT960.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['ujwprs',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1542yjk'],variants:{iconOnly:{false:'npc7se',true:{}},intent:{danger:'_1uliwv7',neutral:'_1spv5pb',primary:'dlgy8q'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'vozvae',solid:'_1ujt64b',subtle:'fogbgn'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1janx4d',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1q2mxwe',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1xvpo9p',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'zuylsq']});
+var buttonBase = recipeRuntime({base:['_1yvlfn0',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_1gkx6fn'],variants:{intent:{danger:'_1ieks9d',neutral:'_1pbh8lb',primary:'_55bpdd'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1u45b34',true:{}},variant:{outline:'otiy7n',solid:'_1i6efz8',subtle:'_68ql6d'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1mz3rt4',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_18errvp',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'lkb33g',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_16t8sq8']});
 
 export { buttonBase, spinner };

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

@@ -5,6 +5,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Spinner } from '../spinner/Spinner.js';
+import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
@@ -25,9 +26,9 @@ const ButtonBase = forwardRef(
     children,
     className,
     disabled,
-    iconOnly,
     loading,
     size = "md",
+    square,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
@@ -42,23 +43,23 @@ const ButtonBase = forwardRef(
         "data-loading": loading ? "" : undefined,
         ...buttonBase(
           {
-            iconOnly: Boolean(iconOnly),
             intent,
             size,
+            square: Boolean(square),
             variant
           },
           className
         ),
         ...boxProps,
         children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
             Spinner,
             {
               appearance: variant === "solid" ? "inverse" : "default",
               "aria-hidden": "true",
               ...spinner()
             }
-          ) }),
+          ) }) }),
           children2
         ] })) })
       }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1qcopoc'});
+var buttonGroup = recipeRuntime({base:'e2quig'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-label/ButtonLabel.js

@@ -6,7 +6,7 @@ import { Flex } from '../flex/Flex.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flex: "1", flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
   }
 );
 ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-De9MPjVZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CX-cT960.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-2A2vR7Tp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1lx3t9b']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'mqif70']});
 
 export { loadable };

package/dist/packages/react/src/calendar/Calendar.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { forwardRef } from 'react';
+import { DayPicker } from 'react-day-picker';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { CalendarChevron } from './CalendarChevron.js';
+import { CalendarDay } from './CalendarDay.js';
+import { CalendarDayButton } from './CalendarDayButton.js';
+import { CalendarMonthCaption } from './CalendarMonthCaption.js';
+import { CalendarMonthGrid } from './CalendarMonthGrid.js';
+import { CalendarMonths } from './CalendarMonths.js';
+import { CalendarNextMonthButton } from './CalendarNextMonthButton.js';
+import { CalendarPreviousMonthButton } from './CalendarPreviousMonthButton.js';
+import { CalendarWeekday } from './CalendarWeekday.js';
+
+const components = {
+  Chevron: CalendarChevron,
+  Day: CalendarDay,
+  DayButton: CalendarDayButton,
+  MonthCaption: CalendarMonthCaption,
+  MonthGrid: CalendarMonthGrid,
+  Months: CalendarMonths,
+  NextMonthButton: CalendarNextMonthButton,
+  PreviousMonthButton: CalendarPreviousMonthButton,
+  Weekday: CalendarWeekday
+};
+const Calendar = forwardRef(
+  ({
+    defaultValue,
+    max,
+    min,
+    onValueChange,
+    today,
+    value: valueProp,
+    ...props
+  }, ref) => {
+    const [value, setValue] = useControllableState({
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
+    });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        bg: "bg.default",
+        color: "fg.default",
+        fontSize: "md",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          DayPicker,
+          {
+            autoFocus: true,
+            components,
+            defaultMonth: value,
+            endMonth: max,
+            fixedWeeks: true,
+            mode: "single",
+            onSelect: setValue,
+            required: true,
+            selected: value,
+            showOutsideDays: true,
+            startMonth: min,
+            today
+          }
+        )
+      }
+    );
+  }
+);
+Calendar.displayName = "@optiaxiom/react/Calendar";
+
+export { Calendar };

package/dist/packages/react/src/calendar/CalendarChevron.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { IconAngleLeft } from '../icons/IconAngleLeft.js';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+
+function CalendarChevron({
+  orientation,
+  ...props
+}) {
+  return orientation === "left" ? /* @__PURE__ */ jsx(IconAngleLeft, { ...props }) : /* @__PURE__ */ jsx(IconAngleRight, { ...props });
+}
+CalendarChevron.displayName = "@optiaxiom/react/CalendarChevron";
+
+export { CalendarChevron };

package/dist/packages/react/src/calendar/CalendarDay.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Day } from 'react-day-picker';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+function CalendarDay({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(Day, { ...props, children }) });
+}
+CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
+
+export { CalendarDay };