@optiaxiom/react 1.6.3 → 1.6.5

package/dist/cjs/unstable.js

@@ -1,92 +1,94 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-CmLh80qh.js');
+var Calendar = require('./Calendar-DR6y8FVP.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-BrROz78w.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-2PWKuKti.css');
+require('./assets/src/layers/layers.css.ts.vanilla-D_rF7ERt.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DslhovVY.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-C1692X47.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B7nc_KNd.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-ByfFopQ4.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BcyOPkHB.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-Dy5pynrB.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-0RomfPqT.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-BfF-ibz5.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-kazzdj6X.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BEIVWCtF.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-VuVLeyh8.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CY00PMMN.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DvBgAMge.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-C9VkGvQN.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-DEoYrwwM.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-DmSIM-Gs.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DhYrWfgQ.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-BArNkvvP.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-DQbQyywD.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-B4BG-aYI.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-Dxn75XRJ.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CykAidks.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DjT1HO9n.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-CZHNwXkl.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-pKaajrEx.css');
 require('@optiaxiom/globals');
 require('clsx');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DLWbBYyA.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BJbyiHhC.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-eGHihyjg.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DqAoojOC.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-Dve8dSnu.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-BU1r-HHG.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-BnliOB77.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DtxoJNuE.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-jE1M_LxS.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DFmhDt0Q.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BEF19Ykk.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DOqz2bhf.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Dex-9adz.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-cb81-k2A.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BU3BUsOT.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-HYkFhaT9.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CGQxuEez.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css');
-require('./assets/src/table/Table.css.ts.vanilla-CttZlX3f.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Du2qYdY5.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-XbRWXPbL.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-Dn-PcDFp.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-gujCtmn0.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-iuy_9Fo7.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BoivQXd0.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-sjBKI0iM.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DVpB-ZyQ.css');
+require('./assets/src/table/Table.css.ts.vanilla-CI9_6zXt.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DICuVAgv.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-B_IsO6Ga.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Bh54P_S4.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-CWqo7RSK.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-zzATSirh.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DtlTU0j_.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CndBlSqH.css');
-require('./assets/src/box/Box.css.ts.vanilla-BrOa4W49.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DSnZ2p-5.css');
+require('./assets/src/box/Box.css.ts.vanilla-Qc6lEHZB.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-D0EsrWDq.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CJ4aEjF1.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DIMZ_EzU.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CSd7kuRG.css');
-require('./assets/src/text/Text.css.ts.vanilla-CDyvPSQq.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DtjVFLRy.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-B6R5Xlsa.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dl0lM4W0.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DCAitvuu.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CawzUOob.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CKjrg2lI.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CEjpaJ7e.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CxeVfhmu.css');
+require('./assets/src/text/Text.css.ts.vanilla-DBiKoStu.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DvlCcqW5.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CeCfpEHy.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-pN5QfoJv.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-0EXudvLA.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-hRuAUpVe.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BrxR4H_U.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-88s_-Fhz.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/transition/Transition.css.ts.vanilla-5gEy5jc4.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-DeHprHLc.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BaUpWrxR.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Dl2ycUlE.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CqRCXgPw.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-Tza1ItDO.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-ya4d6kX0.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B_G8KSyv.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DJXYDbM3.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Bztj4yWt.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CviSytiE.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BqtAQKqc.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BZfPoPkk.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-C2wwR-w9.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DNh6Q1-u.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CHMs9jPU.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BvYdwRbs.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BTF5n5wA.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DnqppYzX.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -210,7 +212,7 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
   }, [hotkeys]);
 }
 
-var root$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'d2wqbs']});
+var root$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'ig3qax']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -241,14 +243,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1skc5xb']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1f3k8vd']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'cddjbu']});
+var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_10n9gb1']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -285,7 +287,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_8xe1l9']});
+var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1ktjvpn']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -322,8 +324,8 @@ const IconFileImport = Calendar.withIcon(
   )
 );
 
-var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'hmao0b'],variants:{drag:{false:{},true:['_45fb55']},hidden:{false:'lri34i',true:'pugixf'},overlay:{false:{flex:'1'},true:[{z:'10'},'_12q4n2f']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'utnr0g'}}});
+var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_264bfx'],variants:{drag:{false:{},true:['iap2f3']},hidden:{false:'_1hrbrza',true:'_1wtdcii'},overlay:{false:{flex:'1'},true:[{z:'10'},'_15ei618']}}});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_1fvvzlp'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -382,19 +384,32 @@ const useContainerSize = (ref) => {
 };
 
 const useDraggingOverBody = () => {
-  const { disabled } = useFileUploadContext(
+  const { disabled, rootRef } = useFileUploadContext(
     "@optiaxiom/react/FileUploadDropzone"
   );
   const [isDragging, setIsDragging] = React.useState(false);
-  const dropRef = React.useRef();
+  const dragRef = React.useRef({
+    source: null,
+    timer: 0
+  });
   React.useEffect(() => {
     if (disabled) {
       return;
     }
-    const over = () => {
-      setIsDragging(true);
-      window.clearTimeout(dropRef.current);
-      dropRef.current = window.setTimeout(() => {
+    const over = (event) => {
+      if (!dragRef.current.source) {
+        dragRef.current.source = event.dataTransfer?.items ? Array.from(event.dataTransfer.items).some(
+          (item) => item.kind === "file"
+        ) ? "file" : Array.from(event.dataTransfer.items).some(
+          (item) => item.type === "opal-chat-dnd-data" || item.type === "opal-host-dnd-data"
+        ) ? event.target instanceof Node ? event.target : null : null : "file";
+      }
+      setIsDragging(
+        dragRef.current.source !== null && (dragRef.current.source === "file" || !rootRef.current?.contains(dragRef.current.source))
+      );
+      window.clearTimeout(dragRef.current.timer);
+      dragRef.current.timer = window.setTimeout(() => {
+        dragRef.current.source = null;
         setIsDragging(false);
       }, 100);
     };
@@ -402,7 +417,7 @@ const useDraggingOverBody = () => {
     return () => {
       document.body.removeEventListener("dragover", over);
     };
-  }, [disabled]);
+  }, [disabled, rootRef]);
   return isDragging;
 };
 
@@ -657,7 +672,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = Calendar.recipeRuntime({base:'_1iuh5ei'});
+var mark = Calendar.recipeRuntime({base:'zhc2li'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -689,8 +704,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = Calendar.recipeRuntime({base:'_1xvi9lr',variants:{empty:{false:{},true:'_1c878bq'}}});
-var input = Calendar.recipeRuntime({base:'itht8c'});
+var editor = Calendar.recipeRuntime({base:'_1frebyq',variants:{empty:{false:{},true:'_6yzbbh'}}});
+var input = Calendar.recipeRuntime({base:'_1jzywan'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -776,8 +791,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_17x9f47']});
-var root = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'_1k9s2io']});
+var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'xnsegr']});
+var root = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'_191zapi']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...root(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
@@ -789,7 +804,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'s9wume'],variants:{size:{full:'_88lu3s',screen:'_4cda8q'}}});
+var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_14sl5uk'],variants:{size:{full:'_60di9w',screen:'nqog6p'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -822,7 +837,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'pl9gl3']});
+var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'_1efx7l9']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -840,7 +855,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'qvulz3'],variants:{interactive:{false:{},true:'_1nbhhwf'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1l51jb9'],variants:{interactive:{false:{},true:'epn6vi'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1182,7 +1197,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'_1be09uu'});
+var handle = Calendar.recipeRuntime({base:'n1s3pn'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1207,7 +1222,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_1q081cf',variants:{handle:{false:{},true:'_115o2a7'}}});
+var item = Calendar.recipeRuntime({base:'ym8mk9',variants:{handle:{false:{},true:'gnscg4'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

package/dist/{cjs/assets/src/actions/ActionsContent.css.ts.vanilla-CGQxuEez.css → esm/assets/src/actions/ActionsContent.css.ts.vanilla-sjBKI0iM.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1ft57dn;
-@layer optiaxiom._1ft57dn {
-  ._1e36n80 {
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  .z48svi {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .rtsy7m:not(:has(.rtsy7m)):focus-within ._1e36n80, ._1e36n80:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._1jqqacg:not(:has(._1jqqacg)):focus-within .z48svi, .z48svi:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._10915pm {
+  ._1ygkih5 {
     opacity: 1;
   }
-  ._1416fbv {
+  ._1a29f48 {
     opacity: 0;
   }
   @media (hover: hover) {
-    .rtsy7m:not(:has(.rtsy7m)):hover ._1e36n80 {
+    ._1jqqacg:not(:has(._1jqqacg)):hover .z48svi {
       opacity: 1;
       transition: none;
     }

package/dist/esm/assets/src/alert/{Alert.css.ts.vanilla-FvAZh5-S.css → Alert.css.ts.vanilla-C6Q12t_W.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1ft57dn;
-@layer optiaxiom._1ft57dn {
-  .cj6z3c {
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  ._1lah60w {
     background-image: 
         linear-gradient(
           135deg,
@@ -9,7 +9,7 @@
         )
       ;
   }
-  .n1dwlj {
+  .p299wf {
     min-height: var(--ax-size-sm);
   }
 }

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-Pvwtt340.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  ._182f10j {
+    opacity: 0;
+  }
+  ._1bzd0zk {
+    inset: 0;
+    position: fixed;
+  }
+  ._1uykyht {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1m7p06l)))
+      scale(calc(1 - 0.06 * var(--_1m7p06l)))
+    ;
+  }
+  ._1uykyht:focus-visible {
+    outline: none;
+  }
+  .j32bzg {
+    width: 400px;
+  }
+  ._1xxqy3x {
+    width: 600px;
+  }
+  .xeaj3m {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-DxCXPgJk.css → AlertDialogFooter.css.ts.vanilla-n7IkRL5h.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1ft57dn;
-@layer optiaxiom._1ft57dn {
-  ._63em0p {
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  ._35bha7 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CWh_y92u.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  .iejjuq {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-c5k5aPi8.css → Avatar.css.ts.vanilla-DZoTmtPc.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1ft57dn;
-@layer optiaxiom._1ft57dn {
-  ._1n7c6i4 {
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  .j4hcfo {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._9tksd ._1n7c6i4 {
+  .ggftbv .j4hcfo {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._1daadda {
+  ._1yv7g4k {
     font-size: 8px;
   }
-  ._9tksd ._1daadda:not(:first-child) {
+  .ggftbv ._1yv7g4k:not(:first-child) {
     margin-left: -1px;
   }
-  ._1fpoukn {
+  ._156auoh {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._9tksd ._1fpoukn:not(:first-child) {
+  .ggftbv ._156auoh:not(:first-child) {
     margin-left: -3px;
   }
-  ._13u7lpq {
+  ._1t0hggt {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._9tksd ._13u7lpq:not(:first-child) {
+  .ggftbv ._1t0hggt:not(:first-child) {
     margin-left: -5px;
   }
-  ._1x90omc {
+  ._1le7bhj {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._9tksd ._1x90omc:not(:first-child) {
+  .ggftbv ._1le7bhj:not(:first-child) {
     margin-left: -7px;
   }
-  .hzw1up {
+  ._1kj2f7r {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._9tksd .hzw1up:not(:first-child) {
+  .ggftbv ._1kj2f7r:not(:first-child) {
     margin-left: -9px;
   }
-  ._1u90o1x {
+  ._5bnb7e {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._9tksd ._1u90o1x:not(:first-child) {
+  .ggftbv ._5bnb7e:not(:first-child) {
     margin-left: -11px;
   }
-  ._1yijrvi {
+  ._1dnmijv {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._9tksd ._1yijrvi:not(:first-child) {
+  .ggftbv ._1dnmijv:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-jE1M_LxS.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-Dex-9adz.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1ft57dn;
-@layer optiaxiom._1ft57dn {
-  .u45cw8 {
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  .a1h1pa {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

package/dist/esm/assets/src/badge/Badge.css.ts.vanilla-D2-ZM6fl.css

@@ -0,0 +1,51 @@
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  ._13fq5pp {
+    --umyf9v: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._13fq5pp:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1tu5mjh {
+    --_1sbstuc: var(--ax-colors-bg-error);
+    --iy4s6t: var(--ax-colors-bg-error-subtle);
+    --skgcin: var(--ax-colors-fg-error-strong);
+  }
+  ._9prqx8 {
+    --_1sbstuc: var(--ax-colors-bg-information);
+    --iy4s6t: var(--ax-colors-bg-information-subtle);
+    --skgcin: var(--ax-colors-fg-information-strong);
+  }
+  ._12nr42i {
+    --_1sbstuc: var(--ax-colors-bg-tertiary);
+    --umyf9v: var(--ax-colors-fg-default);
+    --iy4s6t: var(--ax-colors-bg-secondary);
+    --skgcin: var(--ax-colors-fg-secondary);
+  }
+  .j2gfq4 {
+    --_1sbstuc: var(--ax-colors-bg-accent);
+    --iy4s6t: var(--ax-colors-bg-accent-subtle);
+    --skgcin: var(--ax-colors-fg-accent-strong);
+  }
+  ._6onwzw {
+    --_1sbstuc: var(--ax-colors-bg-success);
+    --iy4s6t: var(--ax-colors-bg-success-subtle);
+    --skgcin: var(--ax-colors-fg-success-strong);
+  }
+  .mx91pm {
+    --_1sbstuc: var(--ax-colors-bg-warning);
+    --umyf9v: var(--ax-colors-fg-warning-inverse);
+    --iy4s6t: var(--ax-colors-bg-warning-subtle);
+    --skgcin: var(--ax-colors-fg-warning-strong);
+  }
+  .fbgfeh {
+    background-color: var(--_1sbstuc);
+    color: var(--umyf9v);
+  }
+  .qjnhba {
+    background-color: var(--iy4s6t);
+    color: var(--skgcin);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-CAcvPINK.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._8d0mj0;
+@layer optiaxiom._8d0mj0 {
+  ._1ipseeh {
+    min-height: var(--ax-size-sm);
+  }
+}