@optiaxiom/react 3.0.0-next.0 → 3.0.0-next.2

package/dist/esm/packages/react/src/details-panel/DetailsPanel.js

@@ -9,10 +9,10 @@ import '../sprinkles/sprinklesMerge.js';
 import { root } from './DetailsPanel-css.js';
 import { DetailsPanelProvider } from './DetailsPanelContext.js';
 
-const Slot = createSlot("@optiaxiom/react/DetailsPanel");
+const Slot$4 = createSlot("@optiaxiom/react/DetailsPanel");
 const DetailsPanel = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : "aside";
+    const Comp = asChild ? Slot$4 : "aside";
     const labelId = useId();
     const descriptionId = useId();
     return /* @__PURE__ */ jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DhAqxGZu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-rOtMIP_w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'af650f']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1jszgbr']});
 
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-yktVAFnD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CDYHRipx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'x4y7xm']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1u2l1jl']});
 
 export { header };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_5woa6p']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_943db1']});
 
-export { body };
+export { body$1 as body };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-HoeK1-5g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-Y3OrOsSn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1s80cl1'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'cwtmkw'],variants:{size:{sm:'_102s50e',md:'_13y6d7m',lg:'skab5v',fullscreen:'jeln5z'}}});
-var nestedDialogCountVar = 'var(--_1t0kw9m)';
-var scrollPaddingBottomVar = 'var(--_1a0gcje)';
-var scrollPaddingTopVar = 'var(--g9v8dp)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'bjm9hw'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'vp18pn'],variants:{size:{sm:'mvc9t9',md:'ryrtvx',lg:'_6b2vda',fullscreen:'ag2wsl'}}});
+var nestedDialogCountVar$1 = 'var(--_1n1524z)';
+var scrollPaddingBottomVar = 'var(--_5ih3gm)';
+var scrollPaddingTopVar = 'var(--_1bg0s40)';
 
-export { backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };
+export { backdrop$1 as backdrop, content$5 as content, nestedDialogCountVar$1 as nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-DEPqsjFp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-CmlxxS2N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'kyi1e8']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_17c9win']});
 
-export { footer };
+export { footer$1 as footer };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-BAlA-ulk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-Dql8q7Fe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{gap:'8'},'_1woxmf8']});
-var close = recipeRuntime({base:['_9wjnx5']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'iantgj']});
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_168v4jm']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'600'},'r40zk7']});
+var actions = recipeRuntime({base:[{gap:'8'},'hv13qe']});
+var close = recipeRuntime({base:['_1d1j8xv']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1uynoh']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_7pz97a']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'600'},'_1votivm']});
 
-export { actions, close, description, header, title };
+export { actions, close, description$1 as description, header$2 as header, title$1 as title };

package/dist/esm/packages/react/src/dialog/DialogHeader.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconXmark } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
@@ -8,12 +9,11 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
 import { Heading } from '../heading/Heading.js';
-import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { DialogClose } from './DialogClose.js';
 import { useDialogContext } from './DialogContext.js';
-import { header, close, title, actions, description } from './DialogHeader-css.js';
+import { close, title, actions, description, header } from './DialogHeader-css.js';
 
 const DialogHeader = forwardRef(
   ({
@@ -33,7 +33,7 @@ const DialogHeader = forwardRef(
         {
           appearance: "subtle",
           "aria-label": "Close",
-          icon: /* @__PURE__ */ jsx(IconX, {}),
+          icon: /* @__PURE__ */ jsx(IconXmark, {}),
           ...close()
         }
       ),

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-BvoYy6GA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-KR9lM11u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_4681yn']});
-var outer = recipeRuntime({base:[{display:'grid'},'_18dgea4'],variants:{scale:{false:'u2djdf',true:{}}}});
+var inner = recipeRuntime({base:['zv4l72']});
+var outer = recipeRuntime({base:[{display:'grid'},'nvo2z9'],variants:{scale:{false:'g1w5kb',true:{}}}});
 
 export { inner, outer };

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

@@ -7,7 +7,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { outer, inner } from './DisclosureContent-css.js';
+import { inner, outer } from './DisclosureContent-css.js';
 import { useDisclosureContext } from './DisclosureContext.js';
 
 const DisclosureContent = forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DNijfJbJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-fuH7DXG8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'_17q3v8']});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'o4glgs']});
-var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_54rjgm']});
+var icon = recipeRuntime({base:[{flex:'none',size:'sm',transition:'transform'},'_1g88kfd']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1ci9lmf']});
+var trigger$1 = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1xzvm2m']});
 
-export { icon, root, trigger };
+export { icon, root, trigger$1 as trigger };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconChevronRight } from '@optiaxiom/icons';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
@@ -8,11 +9,10 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Cover } from '../cover/Cover.js';
 import { Group } from '../group/Group.js';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useDisclosureContext } from './DisclosureContext.js';
-import { root, trigger, icon } from './DisclosureTrigger-css.js';
+import { icon, trigger, root } from './DisclosureTrigger-css.js';
 
-const Slot = createSlot("@optiaxiom/react/DisclosureTrigger");
+const Slot$5 = createSlot("@optiaxiom/react/DisclosureTrigger");
 const DisclosureTrigger = forwardRef(
   ({
     addonAfter,
@@ -24,12 +24,12 @@ const DisclosureTrigger = forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return asChild ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
+    return asChild ? /* @__PURE__ */ jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Group, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
-        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
+        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconChevronRight, {}) }),
         /* @__PURE__ */ jsx(Box, { flex: "1", overflow: "hidden", children }),
-        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
+        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
       ] }) }) }),
       addonAfter
     ] });

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

@@ -7,7 +7,20 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 const DropdownMenuLabel = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Label, { children }) });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      asChild: true,
+      color: "fg.tertiary",
+      fontFamily: "mono",
+      fontSize: "sm",
+      p: "8",
+      ref,
+      textTransform: "uppercase",
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixMenu.Label, { children })
+    }
+  );
 });
 DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconChevronRight } from '@optiaxiom/icons';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
-import { IconAngleRight } from '../icons/IconAngleRight.js';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
 import '../listbox/ListboxEmpty.js';
@@ -16,7 +16,7 @@ import '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
 
 const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ListboxItem, { addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsx(ListboxItem, { addonAfter: /* @__PURE__ */ jsx(IconChevronRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
 

package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { IconEllipsisStroke } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
-import { IconEllipsisSolid } from '../icons/IconEllipsisSolid.js';
 
 const EllipsisMenuButton = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Button,
     {
-      icon: /* @__PURE__ */ jsx(IconEllipsisSolid, {}),
+      icon: /* @__PURE__ */ jsx(IconEllipsisStroke, {}),
       iconPosition: "end",
       ref,
       ...props,

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconTriangleExclamation } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
-import { IconTriangleExclamation } from '../icons/IconTriangleExclamation.js';
 import { SuggestionAlert } from '../suggestion/SuggestionAlert.js';
 import '../suggestion/SuggestionPopover.js';
 import '../utils/conditions.js';
@@ -63,14 +63,7 @@ const Field = forwardRef(
           id: errorId,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsx(
-              IconTriangleExclamation,
-              {
-                "aria-label": "Error",
-                height: 12,
-                width: 14
-              }
-            ) }),
+            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", size: "16", children: /* @__PURE__ */ jsx(IconTriangleExclamation, { "aria-label": "Error" }) }),
             error
           ]
         }

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { IconCircleQuestion } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import * as RadixLabel from '@radix-ui/react-label';
 import { forwardRef } from 'react';
@@ -9,7 +10,6 @@ import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { Group } from '../group/Group.js';
-import { IconCircleQuestion } from '../icons/IconCircleQuestion.js';
 import { Text } from '../text/Text.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import '../tooltip/TooltipContent.js';

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-BrV_9bun.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-B4SwpnKD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_9ms107']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1gexr95']});
 
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D3VrmDqA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Yhwid_II.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_39hhvt'],variants:{drag:{false:{},true:['_1uvngar']},hidden:{false:'v3diiw',true:'_1c25xf8'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1nza02v']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1tij2sj'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_185gkog'],variants:{drag:{false:{},true:['mshrqe']},hidden:{false:'qo0z85',true:'i1g3f'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1q414eb']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1hfrarg'}}});
 
 export { dropzone, label };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconUpload } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useState, useRef } from 'react';
 import { Group } from '../group/Group.js';
 import { Icon } from '../icon/Icon.js';
-import { IconFileImport } from '../icons/IconFileImport.js';
 import { Text } from '../text/Text.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useFileUploadContext } from './FileUploadContext.js';
-import { dropzone, label } from './FileUploadDropzone-css.js';
+import { label, dropzone } from './FileUploadDropzone-css.js';
 import { FileUploadTrigger } from './FileUploadTrigger.js';
 import { useContainerSize } from './useContainerSize.js';
 import { useDraggingOverBody } from './useDraggingOverBody.js';
@@ -65,9 +65,9 @@ const FileUploadDropzone = forwardRef(
             }
           ) }),
           /* @__PURE__ */ jsxs(Group, { ...label({ disabled }), children: [
-            /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsx(IconFileImport, {}) }),
+            /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsx(IconUpload, {}) }),
             /* @__PURE__ */ jsx(Text, { children: label$1 }),
-            description && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: description })
+            description && /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", children: description })
           ] }),
           !overlay && (children ?? /* @__PURE__ */ jsx(FileUploadTrigger, {}))
         ]

package/dist/esm/packages/react/src/file-upload/FileUploadTrigger.js

@@ -9,10 +9,10 @@ import '../button/ButtonGroup.js';
 import { useFileUploadContext } from './FileUploadContext.js';
 import { useFileUploadTrigger } from './useFileUploadTrigger.js';
 
-const Slot = createSlot("@optiaxiom/react/FileUploadTrigger");
+const Slot$3 = createSlot("@optiaxiom/react/FileUploadTrigger");
 const FileUploadTrigger = forwardRef(({ asChild, children, onClick, ...props }, ref) => {
   const { boxProps, restProps } = extractBoxProps(props);
-  const Comp = asChild ? Slot : Button;
+  const Comp = asChild ? Slot$3 : Button;
   const { disabled } = useFileUploadContext(
     "@optiaxiom/react/FileUploadTrigger"
   );

package/dist/esm/packages/react/src/file-upload/useFileUploadDrop.js

@@ -28,7 +28,7 @@ const useFileUploadDrop = ({
       event.preventDefault();
       onFilesDrop?.(
         event.dataTransfer.items ? (await Promise.all(
-          Array.from(event.dataTransfer.items).map((item) => {
+          Array.from(event.dataTransfer.items).map(async (item) => {
             if (item.kind === "file") {
               const file = item.getAsFile();
               return file && isValidFile(file, accept) ? file : null;

package/dist/esm/packages/react/src/filtered-slot/FilteredSlot.js

@@ -3,13 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
-const Slot = createSlot("@optiaxiom/react/FilteredSlot");
+const Slot$8 = createSlot("@optiaxiom/react/FilteredSlot");
 const FilteredSlot = forwardRef(
   ({ exclude, ...props }, ref) => {
     if (exclude) {
       delete props[exclude];
     }
-    return /* @__PURE__ */ jsx(Slot, { ref, ...props });
+    return /* @__PURE__ */ jsx(Slot$8, { ref, ...props });
   }
 );
 FilteredSlot.displayName = "@optiaxiom/react/FilteredSlot";

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

@@ -4,7 +4,7 @@ import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Text } from '../text/Text.js';
 
-const Slot = createSlot("@optiaxiom/react/Heading");
+const Slot$9 = createSlot("@optiaxiom/react/Heading");
 const mapLevelToTag = {
   "1": "h1",
   "2": "h2",
@@ -14,27 +14,32 @@ const mapLevelToTag = {
 const mapLevelToFontSize = {
   "1": "4xl",
   "2": "3xl",
-  "3": "2xl",
-  "4": "xl"
+  "3": "xl",
+  "4": "lg"
+};
+const mapLevelToFontWeight = {
+  "1": "900",
+  "2": "900",
+  "3": "500",
+  "4": "600"
+};
+const mapLevelToFontFamily = {
+  "1": "heading",
+  "2": "heading",
+  "3": "heading",
+  "4": "sans"
 };
 const Heading = forwardRef(
-  ({
-    asChild,
-    children,
-    fontFamily = "heading",
-    fontWeight = "700",
-    level = "1",
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot : mapLevelToTag[level] ?? "h1";
+  ({ asChild, children, fontFamily, fontWeight, level = "1", ...props }, ref) => {
+    const Comp = asChild ? Slot$9 : mapLevelToTag[level] ?? "h1";
     const fontSize = mapLevelToFontSize[level] ?? "4xl";
     return /* @__PURE__ */ jsx(
       Text,
       {
         asChild: true,
-        fontFamily,
+        fontFamily: fontFamily ?? mapLevelToFontFamily[level] ?? "heading",
         fontSize,
-        fontWeight,
+        fontWeight: fontWeight ?? mapLevelToFontWeight[level] ?? "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-Cmtjywky.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Bc8Uh1RI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BJhoBT6q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'gah0fn'});
+var mark$1 = recipeRuntime({base:'iqab0v'});
 
-export { mark };
+export { mark$1 as mark };

package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js

@@ -3,7 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../utils/isHoverSupported.js';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.2.5_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-hpz-ANpc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-D6LUaLHQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger = recipeRuntime({base:'_10p1myy'});
+var trigger$1 = recipeRuntime({base:'_19woysl'});
 
-export { trigger };
+export { trigger$1 as trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/icon/Icon.css.ts.vanilla-JxsofU4C.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon$5 = recipeRuntime({base:[{flex:'none'},'c49ts']});
+
+export { icon$5 as icon };

package/dist/esm/packages/react/src/icon/Icon.js

@@ -4,10 +4,11 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { icon } from './Icon-css.js';
 
 const Icon = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { flex: "none", h: "2xs", ref, w: "auto", ...props, children });
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, ...icon({}, className), ...props, children });
   }
 );
 Icon.displayName = "@optiaxiom/react/Icon";

package/dist/esm/packages/react/src/icons/IconOpal.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
-const Slot = createSlot("@optiaxiom/react/IconOpal");
+const Slot$a = createSlot("@optiaxiom/react/IconOpal");
 const IconOpal = forwardRef(
   ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot : "img";
+    const Comp = asChild ? Slot$a : "img";
     return /* @__PURE__ */ jsx(
       Comp,
       {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DSiiVr4u.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DqzkV3dk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1357nnf',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1lbjjj2']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_37ab5h']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1le1s6b'],variants:{offset:{false:'_1tn5xb0',true:{}},position:{'bottom-right':'mf55hw','top-right':'_1tiwild'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'nwjauc']});
+var badge = recipeRuntime({base:'hlbd4d',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'bakcbn']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'b2dlpt']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_8q3u40'],variants:{offset:{false:'_1on1l8u',true:{}},position:{'bottom-right':'_1tu1f9a','top-right':'kw92sw'}}});
+var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1z05gmf']});
 
-export { badge, floating, indicator };
+export { badge, floating, indicator$2 as indicator };

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

@@ -7,9 +7,9 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
-import { indicator, floating, badge } from './Indicator-css.js';
+import { badge, floating, indicator } from './Indicator-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Indicator");
+const Slot$4 = createSlot("@optiaxiom/react/Indicator");
 const Indicator = forwardRef(
   ({
     asChild,
@@ -28,14 +28,14 @@ const Indicator = forwardRef(
       children,
       !disabled && /* @__PURE__ */ jsxs(Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsx(
-          Slot,
+          Slot$4,
           {
             "aria-hidden": "true",
             ...badge({ offset, ping: true }),
             children: asChild ? content : /* @__PURE__ */ jsx(Badge, { intent, variant, children: content })
           }
         ),
-        /* @__PURE__ */ jsx(Slot, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsx(Badge, { intent, variant, children: content }) })
+        /* @__PURE__ */ jsx(Slot$4, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsx(Badge, { intent, variant, children: content }) })
       ] })
     ] });
   }