@optiaxiom/react 1.9.1 → 1.9.2

package/dist/cjs/unstable.js

@@ -2,117 +2,116 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var React = require('react');
-var Textarea = require('./Textarea-sbbjsST_.js');
+var Textarea = require('./Textarea-Bm4Za0zq.js');
 var reactContext = require('@radix-ui/react-context');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var dynamic = require('@vanilla-extract/dynamic');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css');
-require('./assets/src/range/Range.css.ts.vanilla-CNbUVe7h.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css');
+require('./assets/src/range/Range.css.ts.vanilla-BkKXvuex.css');
 var zod = require('zod');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-LxFvaIrg.css');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-D1wzfwwO.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CF72X8yH.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-CcqHTaKj.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-x54teE06.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BvLRVKj_.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-VZCDxW_r.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Do_UzmVH.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-dpPrHJDz.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-6jZns-mZ.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-B6en_vdM.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-C0U7CWDC.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BkXL8yAs.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Qi7JmqCR.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BkChgwiO.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-SyUvH1K9.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-DkhsjgTH.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-DxhCIN8V.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CHFg0WG5.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-CidsphRj.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-CWVoe7u1.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-3f-2nwKb.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CzP91iLT.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-0H-gzPNK.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-VdVMaPmD.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D6hNt14e.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BR3PuWcH.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CfW8ht0I.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-CXWZQvmM.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-BAKKWis0.css');
 var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DXzLiAS2.css');
+require('./assets/src/link/Link.css.ts.vanilla-Bo6TGG5l.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DfHJF-Jz.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CuwPXr1V.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-Bf5Fvqx5.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BY4_oTWP.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CfieqWiz.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BpCgWJ25.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-D9dn3929.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-jbkyqgJ5.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DWXCvlLV.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BAyacNIx.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CgVTyWqk.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-SnCjyh7B.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-C8jp0Key.css');
-require('./assets/src/card/Card.css.ts.vanilla-je6v6N8g.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-BNMlzRnE.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-DJ11sHAd.css');
-require('./assets/src/link/Link.css.ts.vanilla-CFRWurGh.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-lIuBjWaY.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BnP8-NI9.css');
-require('./assets/src/table/Table.css.ts.vanilla-BsRCerET.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-CkRsSztO.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BfVTRowW.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BsXuy5S2.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-CKhTFtuj.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BtzdQsi5.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-x8xlTp_H.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-TMaosXUi.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DzVVWxAI.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Dsc7LYoo.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-B4duvzxO.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CkYsn2i1.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-UJWznvTD.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CCz3cBOV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B-_vg5ii.css');
+require('./assets/src/table/Table.css.ts.vanilla-Bo5w8qND.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-LqY-TxWC.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-McnoZtVB.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-DpPq3Ei3.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DHrbEjzm.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BGnW_IRM.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BmRf4Tef.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Cna62ZDy.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CL9lFTkK.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-Dq9WNBRK.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-J5H44oPg.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-bBjqNgjV.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-7ZqIQPp7.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-CmoRIHWR.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-bbvakFGi.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-DKN0Hoti.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DoUxOZiQ.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CaAA9P4y.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BuCnp289.css');
+require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_zLsmIi.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DDO4z9cs.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-ceXriVo6.css');
 require('@radix-ui/react-label');
 require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CXifhQ9-.css');
-require('./assets/src/box/Box.css.ts.vanilla-BwIZoJPv.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BLQiePz0.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CXannuTG.css');
-require('./assets/src/text/Text.css.ts.vanilla-ClNFp7sv.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-aPZVUfUS.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CWQQ-65g.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-BTbVRlp9.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Cb-dtqrC.css');
+require('./assets/src/box/Box.css.ts.vanilla-BLGTf-P5.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-B54o4W4o.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-C0V6ucDw.css');
+require('./assets/src/text/Text.css.ts.vanilla-kgMQrpaU.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CIQyIG8u.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CoR-JepX.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-Cvp13SdV.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-eKK4YhlD.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-t4_O2-i4.css');
 require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Fyochhmw.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CcoxYh0B.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-0U1It8_o.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CQ32HDsn.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-COcPXMEx.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C7grohzQ.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BZNTOvlk.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-ccsgBfqR.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Ctvqcrfl.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DXXpjMkH.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-B04alo1v.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Dsuf7YCl.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CEavC5h3.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-C0q2g-Gi.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-ZM4O_IM1.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Jj20BWOl.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-D3mAwvM3.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BQwjm1Kg.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CCceWbb2.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bw8Ls3Tg.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-CBVwbUFs.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-DH2aNNjr.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-GV42GQzu.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-CRFpzBDB.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-DGCtCwWm.css');
+require('./assets/src/input/Input.css.ts.vanilla-DZb4mhFb.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CzM3OvJp.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DOwkDwOE.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-B-qRLTSD.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-D0y37DXs.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -351,14 +350,14 @@ function BlockLink({ children, ...props }) {
 }
 BlockLink.displayName = "@optiaxiom/react/BlockLink";
 
-var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_199uyd3']});
-var fillValue = 'var(--_1ab1wfd)';
-var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'_15910iu'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_1es29k2)';
-var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_100q9l9']});
-var root$3 = Textarea.recipeRuntime({base:['v62haj',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'rw1fn4'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_20ro67']});
-var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_6vne5q']});
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1v3brnn']});
+var fillValue = 'var(--_4q3kcb)';
+var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'_1fpncgm'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_1tmuwhs)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1ylsthn']});
+var root$3 = Textarea.recipeRuntime({base:['_1ug83u5',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_194jo3z'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1g2bq68']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'wedw9x']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1413,10 +1412,18 @@ const BlockDocumentSchema = zod.z.object({
       })
     ])
   ).describe("Actions available for this document").optional(),
+  appIcon: zod.z.string().describe("A visual representation of the application").optional(),
+  appName: zod.z.string().describe("The official name of the application"),
   blocking: zod.z.boolean().describe(
     "If true, hides chat prompt and forces user interaction with document. User can press ESC or close to abandon."
   ).optional(),
-  children: zod.z.any()
+  body: zod.z.any(),
+  subtitle: zod.z.string().describe(
+    "A brief description or tagline that provides additional context about the Block's purpose."
+  ).optional(),
+  title: zod.z.string().describe(
+    "A concise heading that encapsulates the essence of the Block's content or intended action."
+  )
 });
 zod.z.union([
   zod.z.object({ tool: zod.z.string().describe("Name of registered tool to call") }).describe("Server-side tool call"),
@@ -2378,16 +2385,26 @@ const omitType = (obj) => {
 };
 
 function BlockDocumentRenderer({
+  collapsible,
   data = {},
+  defaultOpen = true,
   element: elementProp,
   onCancelAction,
   onDataChange,
+  onOpenChange,
   onToolCall,
+  open: openProp,
   readOnly = false
 }) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
   const [visibility, setVisibility] = React.useState({});
   const result = BlockDocumentSchema.safeParse(elementProp);
   if (!result.success) ;
+  const Trigger = collapsible ? Textarea.DisclosureTrigger : Textarea.Box;
   return /* @__PURE__ */ jsxRuntime.jsx(
     BlockDocumentProvider,
     {
@@ -2404,16 +2421,56 @@ function BlockDocumentRenderer({
             if (event.when && !(value || "").match(new RegExp(event.when))) {
               return;
             }
-            setVisibility(event.params);
+            setVisibility((visibility2) => ({ ...visibility2, ...event.params }));
           }
         }
       ),
       readOnly,
       visibility,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Card, { alignItems: "stretch", flexDirection: "column", gap: "16", w: "full", children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.children }),
-        result.data.actions && result.data.actions.length > 0 && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Flex, { gap: "16", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.actions }) })
-      ] }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Textarea.Disclosure,
+        {
+          bg: "bg.default",
+          border: "1",
+          borderColor: "border.tertiary",
+          onOpenChange: setOpen,
+          open,
+          p: "16",
+          rounded: "lg",
+          children: result.success && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Trigger,
+              {
+                py: "0",
+                ...collapsible ? { chevronPosition: "end" } : {},
+                children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { fontSize: "sm", gap: "8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { bg: "bg.accent.subtle", rounded: "xs", size: "20" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children: result.data.appName }),
+                  !open && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", children: result.data.title })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Textarea.DisclosureContent,
+              {
+                alignItems: "stretch",
+                display: "flex",
+                flexDirection: "column",
+                gap: "16",
+                pt: "16",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flexDirection: "column", gap: "4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", children: result.data.title }),
+                    result.data.subtitle && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: result.data.subtitle })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.body }),
+                  result.data.actions && result.data.actions.length > 0 && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Flex, { gap: "16", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: result.data.actions }) })
+                ]
+              }
+            )
+          ] })
+        }
+      )
     }
   );
 }
@@ -2458,7 +2515,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$2 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'u2snxl']});
+var root$2 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1o5fnow']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -2501,14 +2558,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1wgxno']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_79tob5']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1stx5fq']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qh80to']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -2545,7 +2602,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'djufn6']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_8o2kam']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -2582,8 +2639,8 @@ const IconFileImport = Textarea.withIcon(
   )
 );
 
-var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_17v1sni'],variants:{drag:{false:{},true:['_1blo1v8']},hidden:{false:'_64k8hz',true:'_13ztu5'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1vzeeiv']}}});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_188ia1n'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'hpf88t'],variants:{drag:{false:{},true:['_1kzfnz3']},hidden:{false:'_14kwwfv',true:'_1ffcllm'},overlay:{false:{flex:'1'},true:[{z:'10'},'qstu1d']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1uf8wwy'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -2930,7 +2987,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = Textarea.recipeRuntime({base:'_13kf741'});
+var mark = Textarea.recipeRuntime({base:'_15vmlfg'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -3044,7 +3101,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'_9aly3g'});
+var trigger$1 = Textarea.recipeRuntime({base:'bbk372'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -3052,8 +3109,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Textarea.recipeRuntime({base:'_1jcv3g',variants:{empty:{false:{},true:'_188555w'}}});
-var input = Textarea.recipeRuntime({base:'_1sq0qu1'});
+var editor = Textarea.recipeRuntime({base:'_1rxn82h',variants:{empty:{false:{},true:'yy5vl2'}}});
+var input = Textarea.recipeRuntime({base:'_1u7tlsh'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -3139,8 +3196,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'jb0w39']});
-var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_13g3m2u']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'owl64j']});
+var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'i3svqr']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$1(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
@@ -3152,7 +3209,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_85q3m'],variants:{size:{full:'_1w6ejxr',screen:'_1odh6nl'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_8p66p9'],variants:{size:{full:'ad2lpj',screen:'cwp4a9'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -3185,7 +3242,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'j8xjsp']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1h8r2i1']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3203,7 +3260,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_35dyc8'],variants:{interactive:{false:{},true:'qrprwk'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_21xhm3'],variants:{interactive:{false:{},true:'_3fmmnr'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -3464,9 +3521,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1mjtl0w'],variants:{size:{md:'_1843mc3',lg:'nnuhcs'}}});
-var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'usddmx']});
-var wrapper = Textarea.recipeRuntime({base:'_12hq7ga'});
+var root = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'ljefv8'],variants:{size:{md:'_15ss09r',lg:'_10kaqv1'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1nest7y']});
+var wrapper = Textarea.recipeRuntime({base:'_1vack1r'});
 
 const remapSize = {
   md: "xs",
@@ -3614,7 +3671,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'_46ztgj'});
+var handle = Textarea.recipeRuntime({base:'_1blvb42'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -3639,7 +3696,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Textarea.recipeRuntime({base:'y85mjj',variants:{handle:{false:{},true:'y2k9rc'}}});
+var item = Textarea.recipeRuntime({base:'qm2aly',variants:{handle:{false:{},true:'_9ubbna'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-B-_vg5ii.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.zr0xr4;
+@layer optiaxiom.zr0xr4 {
+  ._1qs2k6v {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .shx8nb:not(:has(.shx8nb)):focus-within ._1qs2k6v, ._1qs2k6v:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._2xeppn {
+    opacity: 1;
+  }
+  ._1qx3u4 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    .shx8nb:not(:has(.shx8nb)):hover ._1qs2k6v {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-Cvp13SdV.css

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom.zr0xr4;
+@layer optiaxiom.zr0xr4 {
+  .tekg4p {
+    opacity: 0;
+  }
+  ._1xm8b43 {
+    inset: 0;
+    position: fixed;
+  }
+  ._1m26uy5 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--qwzxa)))
+      scale(calc(1 - 0.06 * var(--qwzxa)))
+    ;
+  }
+  ._1m26uy5:focus-visible {
+    outline: none;
+  }
+  ._1f53w7v {
+    width: 400px;
+  }
+  ._1c23qki {
+    width: 600px;
+  }
+  .w1hdgi {
+    width: 800px;
+  }
+}

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._1rdazxo;
-@layer optiaxiom._1rdazxo {
-  .lka9ui {
+@layer optiaxiom.zr0xr4;
+@layer optiaxiom.zr0xr4 {
+  .jst5ym {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-eKK4YhlD.css → Avatar.css.ts.vanilla-t4_O2-i4.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1rdazxo;
-@layer optiaxiom._1rdazxo {
-  ._1p75o6d {
+@layer optiaxiom.zr0xr4;
+@layer optiaxiom.zr0xr4 {
+  ._1gc0eby {
     -webkit-user-select: none;
             user-select: none;
   }
-  .x6ajqr ._1p75o6d {
+  .gduxgh ._1gc0eby {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._83ka63 {
+  .h3pq3o {
     font-size: 8px;
   }
-  .x6ajqr ._83ka63:not(:first-child) {
+  .gduxgh .h3pq3o:not(:first-child) {
     margin-left: -1px;
   }
-  ._8rm1q3 {
+  .ficr51 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .x6ajqr ._8rm1q3:not(:first-child) {
+  .gduxgh .ficr51:not(:first-child) {
     margin-left: -3px;
   }
-  ._1e2leqk {
+  ._1dcik52 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  .x6ajqr ._1e2leqk:not(:first-child) {
+  .gduxgh ._1dcik52:not(:first-child) {
     margin-left: -5px;
   }
-  ._1l599pv {
+  ._1qdxl7t {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  .x6ajqr ._1l599pv:not(:first-child) {
+  .gduxgh ._1qdxl7t:not(:first-child) {
     margin-left: -7px;
   }
-  ._1huntw0 {
+  .o9p1wx {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  .x6ajqr ._1huntw0:not(:first-child) {
+  .gduxgh .o9p1wx:not(:first-child) {
     margin-left: -9px;
   }
-  ._1dm7iai {
+  ._8b68dk {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  .x6ajqr ._1dm7iai:not(:first-child) {
+  .gduxgh ._8b68dk:not(:first-child) {
     margin-left: -11px;
   }
-  ._1l5rx1b {
+  .vdtjcu {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  .x6ajqr ._1l5rx1b:not(:first-child) {
+  .gduxgh .vdtjcu:not(:first-child) {
     margin-left: -13px;
   }
 }