@optiaxiom/react 1.9.1 → 1.9.3

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-DBAIuoKM.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-Cv4RiYM5.css');
+require('./assets/src/range/Range.css.ts.vanilla-eNzv4XYL.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-B9OX1LBF.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DasDOcJT.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CcMwA2Eg.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-Bu15PwNN.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-ipX9deMz.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-Cm83dpWG.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-stZqLQzv.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Dj5N2eOP.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-CiolknrF.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-C6ERRZRf.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CSz2DRb1.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-3D1GDDX8.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-B0OWjRCM.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-B24P_k5E.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-BrUL7e3M.css');
 var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DXzLiAS2.css');
+require('./assets/src/link/Link.css.ts.vanilla-VDmsM8XW.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DhoLrnKI.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-CJIfg9Wd.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-yEG29kZl.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-CUpeZFC4.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CpKAv33Q.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-ihiFjLgy.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-2Tj3X-TW.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-AaFRyCax.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BV-ICVck.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-ovR0it2G.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DSx-ND6m.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CUpeZFC4.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-Cf85aVUA.css');
+require('./assets/src/table/Table.css.ts.vanilla-Dr8X7zeT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-A2KkEyYr.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CRHPmgVe.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CSguQ_xV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BD-dBn71.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-L9bhaUbA.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DKdt74Ku.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-DHuSksck.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DhV7f7na.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-R9b04xqA.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Hi4IZSVp.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-VTClIVUb.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Bu2NX4Lb.css');
+require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BFo6hTID.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-DNXTiFN2.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-B02gN-y2.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-DAAfLtnj.css');
+require('./assets/src/box/Box.css.ts.vanilla-DjVa-4RB.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CUpeZFC4.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CBaK_82T.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-s5-WAI1d.css');
+require('./assets/src/text/Text.css.ts.vanilla-CWy5FNJa.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BXSvK02f.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-_6LIGyDH.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-7_5MyfUL.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-CUpeZFC4.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-FO5bbfRW.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-CUpeZFC4.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-B2omW87o.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-C1HbeRoz.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-D8_JDVjR.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-zqtDjtQO.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BffibUT6.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-yXpWcG8A.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CoK1ymDp.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-CBN7H2ih.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-B6EFcoSH.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-C9RgkPEF.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-Dq12J0Gi.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DkvG0pkD.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-B_FRTwai.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-Dtdc_03q.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-CeZB_Kfi.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'},'hbg7op']});
+var fillValue = 'var(--ozh0rx)';
+var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'_18r6pyx'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--qau2rw)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_6xlhp5']});
+var root$3 = Textarea.recipeRuntime({base:['s6etib',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'ryttcx'],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'},'l47ulr']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_7sfhdp']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1209,7 +1208,13 @@ const roundedSprinkleSchema = zod.z.union([
 ]).describe(
   "Set the element's border radius. Only accepts predefined borderRadius tokens."
 );
-const shadowSprinkleSchema = zod.z.union([zod.z.literal("none"), zod.z.literal("sm"), zod.z.literal("md"), zod.z.literal("lg")]).describe(
+const shadowSprinkleSchema = zod.z.union([
+  zod.z.literal("none"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl")
+]).describe(
   "Set the element's box shadow. Only accepts predefined boxShadow tokens."
 );
 const sizeSprinkleSchema = zod.z.union([
@@ -1413,10 +1418,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 +2391,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 +2427,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 +2521,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'},'_1ylap06']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -2501,14 +2564,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'},'_1f7cile']});
 
 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'},'_2j7g4']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -2545,7 +2608,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'},'_6xty93']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -2582,8 +2645,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'},'_52i76o'],variants:{drag:{false:{},true:['c8c12']},hidden:{false:'_14svujy',true:'_9jwm9c'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1n9k9qd']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'kc8yi7'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -2930,7 +2993,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark = Textarea.recipeRuntime({base:'_13kf741'});
+var mark = Textarea.recipeRuntime({base:'ejfmkv'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -3044,7 +3107,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'_9aly3g'});
+var trigger$1 = Textarea.recipeRuntime({base:'u72ngl'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -3052,8 +3115,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:'_13rmhw7',variants:{empty:{false:{},true:'_1tb6nu6'}}});
+var input = Textarea.recipeRuntime({base:'_40bfuh'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -3139,8 +3202,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'},'zrxfdv']});
+var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1xmmxtz']});
 
 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 +3215,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'},'_1rmci4z'],variants:{size:{full:'_1lv7abh',screen:'rky0lx'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -3185,7 +3248,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'},'_1jbpluu']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3203,7 +3266,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'},'_15v1ttw'],variants:{interactive:{false:{},true:'noxebr'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -3464,9 +3527,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'},'_19ym3a'],variants:{size:{md:'zikegp',lg:'_1vw8o13'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1kiw2w4']});
+var wrapper = Textarea.recipeRuntime({base:'_1mqw9fi'});
 
 const remapSize = {
   md: "xs",
@@ -3614,7 +3677,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'_46ztgj'});
+var handle = Textarea.recipeRuntime({base:'_37m19u'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -3639,7 +3702,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:'_18jkhq9',variants:{handle:{false:{},true:'_7jvpm9'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

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

@@ -0,0 +1,22 @@
+@layer optiaxiom._15r00qn;
+@layer optiaxiom._15r00qn {
+  .tb366l {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1gpgxi4:not(:has(._1gpgxi4)):focus-within .tb366l, .tb366l:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1gbqejz {
+    opacity: 1;
+  }
+  ._1syx8w7 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1gpgxi4:not(:has(._1gpgxi4)):hover .tb366l {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._15r00qn;
+@layer optiaxiom._15r00qn {
+  .cqt72h {
+    opacity: 0;
+  }
+  .w68u6n {
+    inset: 0;
+    position: fixed;
+  }
+  .yu6jrj {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_8ji6xv)))
+      scale(calc(1 - 0.06 * var(--_8ji6xv)))
+    ;
+  }
+  .yu6jrj:focus-visible {
+    outline: none;
+  }
+  ._1vnyu54 {
+    width: 400px;
+  }
+  ._1erva22 {
+    width: 600px;
+  }
+  .eebtem {
+    width: 800px;
+  }
+}

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

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

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

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