@optiaxiom/react 0.12.3 → 0.13.0

package/dist/esm/packages/react/src/card-link/CardLink.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Link } from '../link/Link.js';
+
+const CardLink = forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Link, { appearance: "subtle", overlay: true, ref, ...props });
+  }
+);
+CardLink.displayName = "@optiaxiom/react/CardLink";
+
+export { CardLink };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Cjn_Id7x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-DePFn19-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:[{alignSelf:'stretch'},'_1xgks22'],variants:{orientation:{horizontal:['_16f40mo'],vertical:['_3g0cj5']}}});
+var cardOverflow = recipeRuntime({base:['_4cvjus',{alignSelf:'stretch'},'_16v3tvv'],variants:{orientation:{horizontal:['_1nxvpkj'],vertical:['_1npol7k']}}});
 
 export { cardOverflow };

package/dist/esm/packages/react/src/card-title/CardTitle.js

@@ -13,9 +13,9 @@ const CardTitle = forwardRef(
       Heading,
       {
         asChild: true,
+        fontSize: "md",
         fontWeight: "500",
         id: labelId,
-        level: "6",
         ref,
         ...props,
         children: /* @__PURE__ */ jsx(Comp, { children })

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C3pr7zVr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1lo6rp9'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'iej4hg']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1u6xc13'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'u9txtw']});
 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-Cd9ocVF0.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BEhWJABt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-sLQ8VUX7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'vh9pmz']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'g9njlt']});
 
 export { code };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CyJRzNBY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DOFxVbIV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'d4shc3'});
+var item = recipeRuntime({base:'_1edynus'});
 
 export { item };

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

@@ -12,7 +12,7 @@ const CommandFocusableItem = forwardRef(({ children, className, ...props }, ref)
   return /* @__PURE__ */ jsx(
     Box,
     {
-      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : undefined,
+      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : void 0,
       ref,
       ...item({}, className),
       ...props,

package/dist/esm/packages/react/src/command-item/CommandItem.js

@@ -15,8 +15,8 @@ const CommandItem = forwardRef(
     return /* @__PURE__ */ jsx(
       CommandFocusableItem,
       {
-        "data-disabled": itemProps["aria-disabled"] ? "" : undefined,
-        "data-highlighted": highlightedItem === item ? "" : undefined,
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
         ref,
         size,
         tabIndex: -1,

package/dist/esm/packages/react/src/command-sub-item/CommandSubItem.js

@@ -38,8 +38,8 @@ const CommandSubItem = forwardRef(
       {
         "aria-disabled": disabled,
         "aria-selected": isSelected,
-        "data-disabled": disabled ? "" : undefined,
-        "data-highlighted": highlighted ? "" : undefined,
+        "data-disabled": disabled ? "" : void 0,
+        "data-highlighted": highlighted ? "" : void 0,
         onClick: (event) => {
           onClick?.(event);
           if (event.defaultPrevented) {

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-B-I3ddwo.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cover = recipeRuntime({variants:{overlay:{false:{},true:['ulsqec','lc91f6']}}});
+
+export { cover };

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { cover } from './Cover-css.js';
+
+const Cover = forwardRef(
+  ({ className, overlay, ...props }, ref) => /* @__PURE__ */ jsx(Box, { ref, ...cover({ overlay }, className), ...props })
+);
+Cover.displayName = "@optiaxiom/react/Cover";
+
+export { Cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BKuGEq5b.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-BrXUhcOh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CbD9vNcU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:['_1g4usb9'],variants:{pinned:{left:'yen15q',right:'ic9kq2'},pinnedType:{body:'_10ms838',header:{}}}});
-var cellOffsetVar = 'var(--_1sg2yos)';
-var cellSizeVar = 'var(--_1pz8zo9)';
-var header = recipeRuntime({base:['_2j50hz']});
-var leftTotalSizeVar = 'var(--_1415tmj)';
-var rightTotalSizeVar = 'var(--_1mua5pj)';
-var table = recipeRuntime({base:'_12rjkdq',variants:{pinned:{both:'_1vwdlsa',left:'_4ml1gc',none:{},right:'mc7hhh'}}});
+var cell = recipeRuntime({base:['_9zg2pa'],variants:{pinned:{left:'u4bbji',right:'sdm6uy'},pinnedType:{body:'l1akui',header:{}}}});
+var cellOffsetVar = 'var(--_13mxk2m)';
+var cellSizeVar = 'var(--b669pf)';
+var header = recipeRuntime({base:['_183xdxw']});
+var leftTotalSizeVar = 'var(--_3gyhym)';
+var rightTotalSizeVar = 'var(--_14j1dyj)';
+var table = recipeRuntime({base:'d7848j',variants:{pinned:{both:'_1585f9r',left:'_1iclc34',none:{},right:'vk97ad'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

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

@@ -13,7 +13,7 @@ import { TableBody } from '../table-body/TableBody.js';
 import { TableCell } from '../table-cell/TableCell.js';
 import { TableHeader } from '../table-header/TableHeader.js';
 import { TableRow } from '../table-row/TableRow.js';
-import { leftTotalSizeVar, rightTotalSizeVar, table, header, cellOffsetVar, cellSizeVar, cell } from './DataTable-css.js';
+import { table, header, cell, cellSizeVar, cellOffsetVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTable-css.js';
 
 const DataTable = forwardRef(
   ({ table: table$1, ...props }, ref) => {
@@ -50,8 +50,8 @@ const DataTable = forwardRef(
                       })
                     },
                     ...cell({
-                      pinned: header.column.getIsPinned() || undefined,
-                      pinnedType: header.column.getIsPinned() ? "header" : undefined
+                      pinned: header.column.getIsPinned() || void 0,
+                      pinnedType: header.column.getIsPinned() ? "header" : void 0
                     }),
                     children: header.isPlaceholder ? null : flexRender(
                       header.column.columnDef.header,
@@ -71,8 +71,8 @@ const DataTable = forwardRef(
                         })
                       },
                       ...cell({
-                        pinned: cell$1.column.getIsPinned() || undefined,
-                        pinnedType: cell$1.column.getIsPinned() ? "body" : undefined
+                        pinned: cell$1.column.getIsPinned() || void 0,
+                        pinnedType: cell$1.column.getIsPinned() ? "body" : void 0
                       }),
                       children: flexRender(
                         cell$1.column.columnDef.cell,

package/dist/esm/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BKGyXxhT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BPJHzlBh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_1gf6pup','_10zqnqr']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ahff16'],variants:{active:{false:'yjcsxq',true:'_1m4um4t'},muted:{false:{},true:'_1ghi170'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'ka7ruu','toplv5']});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1yjmu2n'],variants:{active:{false:'_1oame5a',true:'_1e7j5ao'},muted:{false:{},true:'_1f00x7k'}}});
 
 export { button, icon };

package/dist/esm/packages/react/src/data-table-header-cell/DataTableHeaderCell.js

@@ -18,7 +18,7 @@ const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) =>
   return /* @__PURE__ */ jsx(
     TableHeaderCell,
     {
-      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : undefined,
+      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
       colSpan: header.colSpan,
       ref,
       ...props,

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -14,7 +14,7 @@ import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { forceValueChange } from '../utils/forceValueChange.js';
 import { useCalendarSupported } from './useCalendarSupported.js';
-import { format, parse } from './utils.js';
+import { parse, format } from './utils.js';
 
 const DateInput = forwardRef(
   ({ disabled, max, min, onChange, ...props }, outerRef) => {
@@ -25,8 +25,8 @@ const DateInput = forwardRef(
     });
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
-    const maxDate = max ? new Date(max) : undefined;
-    const minDate = min ? new Date(min) : undefined;
+    const maxDate = max ? new Date(max) : void 0;
+    const minDate = min ? new Date(min) : void 0;
     const supported = useCalendarSupported();
     if (supported === null) {
       return null;

package/dist/esm/packages/react/src/date-input/utils.js

@@ -2,8 +2,8 @@ function format(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
 }
 function parse(str) {
-  const rawDate = str && typeof str === "string" ? new Date(str) : undefined;
-  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : undefined;
+  const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
+  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
 

package/dist/esm/packages/react/src/dialog-close/DialogClose.js

@@ -5,8 +5,8 @@ import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 
 const DialogClose = forwardRef(
-  ({ appearance = "subtle", asChild, children, size = "lg", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, size, children }) });
+  ({ appearance = "subtle", asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children }) });
   }
 );
 DialogClose.displayName = "@optiaxiom/react/DialogClose";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CSiw9TKj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BQ9-WHf6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'o6hni'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'oghsik'],variants:{size:{sm:'_1rems6o',md:'_30z100',lg:'nzwz4i',fullscreen:'_1e4c3at'}}});
-var nestedDialogCountVar = 'var(--hps9xu)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'baet66'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'psr1f'],variants:{size:{sm:'_1i9tkd2',md:'_135vpww',lg:'b2dor9',fullscreen:'iwiqy2'}}});
+var nestedDialogCountVar = 'var(--wd5f9v)';
 
 export { backdrop, content, nestedDialogCountVar };

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

@@ -11,7 +11,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
-import { backdrop, nestedDialogCountVar, content } from './DialogContent-css.js';
+import { backdrop, content, nestedDialogCountVar } from './DialogContent-css.js';
 
 const DialogContent = forwardRef(
   ({

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});

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

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

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DorISkI5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-g_BPVGm3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_51nurq']});
-var close = recipeRuntime({base:['bckwzr']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1a380nf']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_72pyld']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'n8i0u7']});
+var close = recipeRuntime({base:['_1apj6e6']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1dsbh3r']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1qr0chj']});
 
 export { actions, close, description, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-pVEbtdvl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CoBOLDcZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['g8pr1r']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1gzndpv']});
+var inner = recipeRuntime({base:['_1pd5ixm']});
+var outer = recipeRuntime({base:[{display:'grid'},'_15gi53l']});
 
 export { inner, outer };

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

@@ -10,7 +10,7 @@ import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import { outer, inner } from './DisclosureContent-css.js';
 
-const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
+const DisclosureContent = forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("DisclosureContent");
   const [skipAnimations, setSkipAnimations] = useState(Boolean(open));
   useEffect(() => {
@@ -23,8 +23,8 @@ const DisclosureContent = forwardRef(({ children, ...props }, ref) => {
     {
       "data-side": "bottom",
       skipAnimations,
-      type: "slide",
-      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { p: "8", pt: "0", ref, ...props, children }) }) }) })
+      type: transitionType,
+      children: /* @__PURE__ */ jsx(Box, { ...outer(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsx(RadixCollapsible.Content, { forceMount: true, children: /* @__PURE__ */ jsx(Box, { p: "8", ref, ...props, children }) }) }) })
     }
   ) });
 });

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BXvVttwC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'u6a9lp',start:'_1jb6nw8'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full',z:'10'},'_190hddc']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1te8vyg',start:'_1cndddn'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',h:'lg',px:'8',transition:'colors'},'_1b69dxl']});
 
 export { icon, trigger };

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

@@ -1,12 +1,14 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { Cover } from '../cover/Cover.js';
 import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 import { Flex } from '../flex/Flex.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
+import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { trigger, icon } from './DisclosureTrigger-css.js';
 
@@ -20,14 +22,27 @@ const DisclosureTrigger = forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("DisclosureTrigger");
-    const { boxProps, restProps } = extractBoxProps(props);
-    const startIcon = addonBefore || chevronPosition === "start" && !addonAfter && /* @__PURE__ */ jsx(IconAngleRight, {});
-    const endIcon = addonAfter || chevronPosition === "end" && /* @__PURE__ */ jsx(IconAngleDown, {});
-    return /* @__PURE__ */ jsx(Flex, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { ref, ...restProps, children: [
-      startIcon && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: startIcon }),
-      /* @__PURE__ */ jsx(Box, { flex: "1", px: "4", children }),
-      endIcon && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: endIcon })
-    ] }) });
+    return /* @__PURE__ */ jsxs(Flex, { ref, ...trigger({}, className), ...props, children: [
+      addonBefore,
+      /* @__PURE__ */ jsx(
+        Flex,
+        {
+          asChild: true,
+          flexDirection: "row",
+          fontWeight: "inherit",
+          gap: "4",
+          rounded: "md",
+          textAlign: "start",
+          w: "full",
+          children: /* @__PURE__ */ jsx(Cover, { asChild: true, overlay: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
+            chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
+            /* @__PURE__ */ jsx(Box, { flex: "1", children }),
+            chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleLeft, {}) })
+          ] }) })
+        }
+      ),
+      addonAfter
+    ] });
   }
 );
 DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DAILLjBX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-C5moTRX0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1c1u2v4']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'hnjkmn']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-ChTEpkKe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-DrHSgLrl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'xao5jf'],variants:{position:{bottom:[{borderT:'1'},'_1eq3db4'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1vi5t70'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_10qpio6']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_16elo2n'],variants:{position:{bottom:[{borderT:'1'},'n4d0w7'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_8sjneu'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1qiwigc']}}});
 
 export { content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-ltxoq8Jd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CRBMloeK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1bh55qh']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1v6taoa']});
 
 export { description };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CEIDs9yR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-C_2hFP_b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_1i5fu7q']});
+var title = recipeRuntime({base:[{flex:'1'},'_1wmxqq1']});
 
 export { title };

package/dist/esm/packages/react/src/dropdown-menu-content/DropdownMenuContent.js

@@ -16,7 +16,7 @@ const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ..
     MenuListbox,
     {
       asChild: true,
-      minW: loading ? "trigger" : undefined,
+      minW: loading ? "trigger" : void 0,
       provider: "dropdown-menu",
       ...props,
       children: /* @__PURE__ */ jsx(RadixMenu.Content, { align, ref, sideOffset: 4, children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children })

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

@@ -44,11 +44,11 @@ const Field = forwardRef(
         FieldContext.Provider,
         {
           value: {
-            descriptionId: description ? descriptionId : undefined,
+            descriptionId: description ? descriptionId : void 0,
             error: !!error,
-            errorId: error ? errorId : undefined,
+            errorId: error ? errorId : void 0,
             inputId,
-            labelId: label ? labelId : undefined
+            labelId: label ? labelId : void 0
           },
           children
         }

package/dist/esm/packages/react/src/field-context/FieldContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from 'react';
 
-const FieldContext = createContext(undefined);
+const FieldContext = createContext(void 0);
 
 export { FieldContext };

package/dist/esm/packages/react/src/heading/Heading.js

@@ -8,22 +8,18 @@ const mapLevelToTag = {
   "1": "h1",
   "2": "h2",
   "3": "h3",
-  "4": "h4",
-  "5": "h5",
-  "6": "h6"
+  "4": "h4"
 };
 const mapLevelToFontSize = {
-  "1": "5xl",
-  "2": "4xl",
-  "3": "3xl",
-  "4": "2xl",
-  "5": "xl",
-  "6": "md"
+  "1": "4xl",
+  "2": "3xl",
+  "3": "2xl",
+  "4": "xl"
 };
 const Heading = forwardRef(
   ({ asChild, children, level = "1", ...props }, ref) => {
-    const Comp = asChild ? Slot : mapLevelToTag[level];
-    const fontSize = mapLevelToFontSize[level];
+    const Comp = asChild ? Slot : mapLevelToTag[level] ?? "h1";
+    const fontSize = mapLevelToFontSize[level] ?? "4xl";
     return /* @__PURE__ */ jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsx(Comp, { children }) });
   }
 );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CRzOHqbX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-G8KfRd1k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'fcabbe'});
+var mark = recipeRuntime({base:'_6rkrco'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BMN-sSCG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-wAOVppoq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'ioejy7',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'iwu1fo']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_16i7wry']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_115urhe'],variants:{offset:{false:'jyfjsf',true:{}},position:{'bottom-right':'_1hwequh','top-right':'_1cblwmt'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'iwtkp3']});
+var badge = recipeRuntime({base:'_11hzs0t',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_2s4qd2']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1spq1o9']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'j5tqul'],variants:{offset:{false:'_1u29m95',true:{}},position:{'bottom-right':'_1ni07er','top-right':'yix4ly'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'kqxxdh']});
 
 export { badge, floating, indicator };