@optiaxiom/react 1.8.7 → 1.9.0

package/dist/cjs/unstable.js

@@ -1,109 +1,118 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-C5DUpWvD.js');
 var jsxRuntime = require('react/jsx-runtime');
-var reactId = require('@radix-ui/react-id');
-var clsx = require('clsx');
-var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-cdbQI_2C.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-BxrZkZJ1.css');
+var Textarea = require('./Textarea-DisYXvwB.js');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-M1n9pTdj.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-DmGs14df.css');
+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-B_jLTKAn.css');
+require('./assets/src/range/Range.css.ts.vanilla-CYklSEM2.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-VoFdQA7k.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BGGOeU4-.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Wab_fAfb.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-TYBTDU9d.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D4lUOAd1.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-B2DPEjh5.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-IvjPsVWh.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DbagyNcT.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CLXs_VaN.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-aM7x-Umr.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CCBUdzaJ.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-CsmsV3v-.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Dk5Tbevb.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-D2snnF0B.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-K4pacfN-.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-D7sR4wLY.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DWGogqF5.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-jtVF4D3b.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-DM52TWOG.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-sFEYB-l7.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-TYb7HW7c.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-37Uhm_Xk.css');
-var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-DhU8-ZAD.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-O2xW6998.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DUwwL2iF.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BO8ic1NX.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BgIPhBmj.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-DVRAi5L2.css');
 var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BrklqN_k.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BHjo6qSc.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-DYc_4pmq.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-C0up4OSD.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-B62R2PB1.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DBxg8WsB.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-L6MtCkXu.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-Bft7VInw.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-C-4_R2Is.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-BF-vBg5W.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-B62R2PB1.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BcmQPPUe.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CNMpefic.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BEfSlw-b.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CVdqhpZt.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DORIA4GW.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BzhwQJON.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DOUaDYur.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-B62R2PB1.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-D9gJ_K_P.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CJQX-gbL.css');
-require('./assets/src/table/Table.css.ts.vanilla-OlsN_QvU.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-CURY-MCQ.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DLWGxUIu.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-B7yeyeI6.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-DoYiGlVK.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-MM4xhWe5.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-2YyCjtE-.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CNEJYOtT.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-CziQxeOs.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DF-A3sdc.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-ihfhiAFh.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BPdVG04o.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DZEY23Io.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DOCF4rOu.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BY12GJ4k.css');
+require('./assets/src/card/Card.css.ts.vanilla-6B1Zt0xh.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-DdHH54zv.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-CFOfCFv3.css');
+require('./assets/src/link/Link.css.ts.vanilla-cndkzeiv.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-CTfTyliN.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DFcH3jAM.css');
+require('./assets/src/table/Table.css.ts.vanilla-DEF-DE6U.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BPPkl6K4.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-BSOYit4e.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-W50elvgg.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-B_7Hze7f.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CXTolhxG.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-z6nZcCW8.css');
 require('react-day-picker');
-require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BQdbPCGU.css');
-require('./assets/src/box/Box.css.ts.vanilla-DUz-5y2w.css');
 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-B6erZYOC.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Bt_JPzry.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CdkqDEOm.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DHBgPvJ7.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CWHqnCfU.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BXE9ThZ4.css');
+require('@radix-ui/react-label');
+require('@radix-ui/react-tooltip');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DAnyVz7m.css');
+require('./assets/src/box/Box.css.ts.vanilla-DrTr7HOZ.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CpaCqK7r.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-vG6De9AB.css');
+require('./assets/src/text/Text.css.ts.vanilla-CJZEaWwj.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CHAq-pvT.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CcM_8e6o.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-DEKCXugb.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-B62R2PB1.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CzP-Y7Pp.css');
-require('@radix-ui/react-visually-hidden');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-Cs9WX0Za.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BJwTj8uz.css');
-require('./assets/src/text/Text.css.ts.vanilla-CaQE2TEn.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DVffKgAp.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BrfxVX71.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-Cpcil-TF.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-C76aUSqs.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BAkH9nBO.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Cv7A9E_B.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CtZ3gYMr.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CrytUVTz.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CpdwtyXH.css');
+require('@radix-ui/react-visually-hidden');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Ca8pC30f.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BxXbrOvd.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-wXOfYTD5.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CFZXnbre.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CiQe6X1o.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-D_Oh_k6c.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-B62R2PB1.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-XMJo5PP4.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BFffOfM2.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-HF4KoROO.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DoyuB7iy.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-C-H3wa0B.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BQx6pyxJ.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-BY_Y7yGA.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BAXa8Od2.css');
 require('@radix-ui/react-portal');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-AZKbaGoY.css');
-require('@radix-ui/react-dismissable-layer');
-require('@radix-ui/react-focus-guards');
-require('@radix-ui/react-focus-scope');
-require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-um1CqRDY.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B7YdTf6M.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-ChEJ7LhJ.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-lAuXcpKb.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BhIotaN2.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-mwMePMWF.css');
+require('./assets/src/input/Input.css.ts.vanilla-ByjwzT6K.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Bn84cpIc.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-GUX2WLT1.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-CVX3rYg1.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-CATtXHgd.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -229,7 +238,7 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
 }
 
 function useDialogKit() {
-  const context = React.useContext(Calendar.DialogKitContext);
+  const context = React.useContext(Textarea.DialogKitContext);
   if (!context) {
     throw new Error(
       `\`useDialogItemContext\` must be used within managed dialogs.`
@@ -243,33 +252,2200 @@ function useDialogKit() {
   };
 }
 
+const [BlockDocumentProvider, useBlockDocumentContext] = reactContext.createContext("@optiaxiom/react/BlockDocument");
+
+function BlockAction({ children, onClick, ...props }) {
+  const { onEvent } = useBlockDocumentContext("@optiaxiom/react/BlockAction");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Button,
+    {
+      justifyContent: "center",
+      onClick: () => {
+        if (!onClick) {
+          return;
+        }
+        onEvent(onClick);
+      },
+      size: "lg",
+      ...props,
+      children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children })
+    }
+  );
+}
+BlockAction.displayName = "@optiaxiom/react/BlockAction";
+
+function BlockCancelAction({
+  children,
+  placeholder = "Tell Opal what to do instead"
+}) {
+  const { onCancelAction } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockCancelAction"
+  );
+  const [inputValue, setInputValue] = React.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        onCancelAction?.(inputValue);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Flex, { flexDirection: "row", gap: "16", w: "full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea.Input,
+          {
+            "aria-label": "Cancellation reason",
+            onChange: (event) => setInputValue(event.target.value),
+            placeholder,
+            size: "lg",
+            value: inputValue,
+            w: "full"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Button, { size: "lg", type: "submit", children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) })
+      ] })
+    }
+  );
+}
+BlockCancelAction.displayName = "@optiaxiom/react/BlockCancelAction";
+
+function BlockField({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Field, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockField.displayName = "@optiaxiom/react/BlockField";
+
+function BlockGroup({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockGroup.displayName = "@optiaxiom/react/BlockGroup";
+
+function BlockHeading({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockHeading.displayName = "@optiaxiom/react/BlockHeading";
+
+function BlockInput({ onValueChange, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockInput"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Input,
+    {
+      ...props,
+      onValueChange: (value) => {
+        if (props.name) {
+          onDataChange?.(props.name, value);
+        }
+        if (onValueChange) {
+          onEvent(onValueChange, value);
+        }
+      },
+      readOnly,
+      value: props.name ? data[props.name] : ""
+    }
+  );
+}
+BlockInput.displayName = "@optiaxiom/react/BlockInput";
+
+function BlockLink({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Link, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockLink.displayName = "@optiaxiom/react/BlockLink";
+
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_137e7i6']});
+var fillValue = 'var(--f7cu9i)';
+var mark$1 = Textarea.recipeRuntime({base:[{transition:'colors'},'ajf0yx'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--ejgf9i)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1241oc9']});
+var root$3 = Textarea.recipeRuntime({base:['_1vq6zx2',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_12j23d3'],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'},'_14gxwjj']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1mtappg']});
+
+const useTooltipState = () => {
+  const [tooltipOpen, setTooltipOpen] = React.useState(false);
+  const timerRef = React.useRef();
+  return [
+    tooltipOpen,
+    (flag, delayed = false) => {
+      if (delayed) {
+        window.clearTimeout(timerRef.current);
+        timerRef.current = window.setTimeout(() => {
+          setTooltipOpen(flag);
+        }, 50);
+      } else {
+        window.clearTimeout(timerRef.current);
+        setTooltipOpen(flag);
+      }
+    }
+  ];
+};
+
+const Range = React.forwardRef(
+  ({
+    className,
+    defaultValue = 0,
+    disabled,
+    getLabel = (value) => value,
+    marks,
+    max = 100,
+    min = 0,
+    onChange,
+    onValueChange,
+    showTooltip = false,
+    size = "md",
+    step = 1,
+    value: valueProp,
+    ...props
+  }, ref) => {
+    const { boxProps, restProps } = Textarea.extractBoxProps(props);
+    const { descriptionId, error, errorId, inputId } = Textarea.useFieldContext(
+      "@optiaxiom/react/Range"
+    );
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/Range",
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
+    });
+    const fillValue$1 = `${(value - min) / (max - min)}`;
+    const [tooltipOpen, setTooltipOpen] = useTooltipState();
+    const isPointerInsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Textarea.Box,
+      {
+        "data-disabled": disabled ? "" : void 0,
+        ...root$3({ marks: !!marks, size }, className),
+        ...boxProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Textarea.Box,
+            {
+              style: dynamic.assignInlineVars({
+                [fillValue]: fillValue$1
+              }),
+              ...track(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...range() }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Textarea.Tooltip,
+                  {
+                    content: getLabel(value),
+                    disabled: disabled || !showTooltip,
+                    disableHoverableContent: true,
+                    open: tooltipOpen,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...thumb() })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Textarea.Box,
+                  {
+                    "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
+                    "aria-disabled": disabled,
+                    "aria-invalid": error ? true : void 0,
+                    asChild: true,
+                    id: inputId,
+                    ref,
+                    ...control(),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        disabled,
+                        max,
+                        min,
+                        onBlur: () => {
+                          if (isPointerInsideRef.current) {
+                            return;
+                          }
+                          setTooltipOpen(false);
+                        },
+                        onChange: (event) => {
+                          setValue(Number(event.currentTarget.value));
+                          onChange?.(event);
+                        },
+                        onFocus: (event) => {
+                          if (event.currentTarget.matches(":focus-visible")) {
+                            setTooltipOpen(true);
+                          }
+                        },
+                        onKeyDown: () => {
+                          setTooltipOpen(true);
+                        },
+                        onPointerLeave: (event) => {
+                          isPointerInsideRef.current = false;
+                          if (!event.currentTarget.matches(":focus-visible")) {
+                            setTooltipOpen(false);
+                          }
+                        },
+                        onPointerMove: () => {
+                          isPointerInsideRef.current = true;
+                          setTooltipOpen(true, true);
+                        },
+                        step,
+                        type: "range",
+                        value,
+                        ...restProps
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          marks?.map(
+            (mark) => typeof mark === "number" ? {
+              label: getLabel(mark),
+              value: mark
+            } : mark
+          ).map((mark) => /* @__PURE__ */ jsxRuntime.jsx(
+            Textarea.Box,
+            {
+              onClick: () => {
+                if (!disabled) {
+                  setValue(mark.value);
+                }
+              },
+              style: dynamic.assignInlineVars({
+                [markValue]: `${(mark.value - min) / (max - min)}`
+              }),
+              ...mark$1({ active: value >= mark.value }),
+              children: mark.label
+            },
+            mark.value
+          ))
+        ]
+      }
+    );
+  }
+);
+Range.displayName = "@optiaxiom/react/Range";
+
+function BlockRange(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Range, { ...props });
+}
+BlockRange.displayName = "@optiaxiom/react/BlockRange";
+
+function BlockSelect({ children, options, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockSelect"
+  );
+  const optionsRef = React.useRef(options);
+  optionsRef.current = options;
+  const value = props.name ? data[props.name] : options[0]?.value ?? "";
+  React.useEffect(() => {
+    const option = optionsRef.current.find((option2) => option2.value === value);
+    if (option?.execute) {
+      onEvent(option.execute, value);
+    }
+  }, [onEvent, value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Select,
+    {
+      ...props,
+      onValueChange: (value2) => {
+        if (readOnly) {
+          return;
+        }
+        if (props.name) {
+          onDataChange?.(props.name, value2);
+        }
+      },
+      options,
+      value,
+      children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children })
+    }
+  );
+}
+BlockSelect.displayName = "@optiaxiom/react/BlockSelect";
+
+function BlockSelectContent(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectContent, { ...props });
+}
+BlockSelectContent.displayName = "@optiaxiom/react/BlockSelectContent";
+
+function BlockSelectTrigger({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectTrigger, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockSelectTrigger.displayName = "@optiaxiom/react/BlockSelectTrigger";
+
+function BlockSeparator(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Separator, { ...props });
+}
+BlockSeparator.displayName = "@optiaxiom/react/BlockSeparator";
+
+function BlockText({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { ...props, children: children && /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: children }) });
+}
+BlockText.displayName = "@optiaxiom/react/BlockText";
+
+function BlockTextarea({ onValueChange, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockTextarea"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.Textarea,
+    {
+      ...props,
+      onValueChange: (value) => {
+        if (props.name) {
+          onDataChange?.(props.name, value);
+        }
+        if (onValueChange) {
+          onEvent(onValueChange, value);
+        }
+      },
+      readOnly,
+      value: props.name ? data[props.name] : void 0
+    }
+  );
+}
+BlockTextarea.displayName = "@optiaxiom/react/BlockTextarea";
+
+const alignItemsSprinkleSchema = zod.z.union([
+  zod.z.literal("normal"),
+  zod.z.literal("stretch"),
+  zod.z.literal("center"),
+  zod.z.literal("end"),
+  zod.z.literal("start")
+]).describe("Set the element's `align-items` CSS property");
+const alignSelfSprinkleSchema = zod.z.union([
+  zod.z.literal("normal"),
+  zod.z.literal("stretch"),
+  zod.z.literal("center"),
+  zod.z.literal("end"),
+  zod.z.literal("start")
+]).describe("Set the element's `align-self` CSS property");
+const animationSprinkleSchema = zod.z.union([zod.z.literal("ping"), zod.z.literal("pulse"), zod.z.literal("spin")]).describe("Animate element with CSS animations");
+const backgroundImageSprinkleSchema = zod.z.literal("gradient.opal").describe("Set the element's `background-image` CSS property");
+const bgSprinkleSchema = zod.z.union([
+  zod.z.literal("transparent"),
+  zod.z.literal("bg.accent"),
+  zod.z.literal("bg.accent.hovered"),
+  zod.z.literal("bg.accent.light"),
+  zod.z.literal("bg.accent.pressed"),
+  zod.z.literal("bg.accent.subtle"),
+  zod.z.literal("bg.avatar.neutral"),
+  zod.z.literal("bg.avatar.purple"),
+  zod.z.literal("bg.default"),
+  zod.z.literal("bg.default.hovered"),
+  zod.z.literal("bg.default.inverse"),
+  zod.z.literal("bg.default.inverse.hovered"),
+  zod.z.literal("bg.default.inverse.pressed"),
+  zod.z.literal("bg.default.pressed"),
+  zod.z.literal("bg.error"),
+  zod.z.literal("bg.error.hovered"),
+  zod.z.literal("bg.error.light"),
+  zod.z.literal("bg.error.pressed"),
+  zod.z.literal("bg.error.subtle"),
+  zod.z.literal("bg.error.subtlest"),
+  zod.z.literal("bg.information"),
+  zod.z.literal("bg.information.light"),
+  zod.z.literal("bg.information.subtle"),
+  zod.z.literal("bg.overlay"),
+  zod.z.literal("bg.page"),
+  zod.z.literal("bg.secondary"),
+  zod.z.literal("bg.secondary.hovered"),
+  zod.z.literal("bg.spinner.default"),
+  zod.z.literal("bg.spinner.inverse"),
+  zod.z.literal("bg.success"),
+  zod.z.literal("bg.success.hovered"),
+  zod.z.literal("bg.success.light"),
+  zod.z.literal("bg.success.subtle"),
+  zod.z.literal("bg.tertiary"),
+  zod.z.literal("bg.tertiary.hovered"),
+  zod.z.literal("bg.warning"),
+  zod.z.literal("bg.warning.hovered"),
+  zod.z.literal("bg.warning.light"),
+  zod.z.literal("bg.warning.subtle"),
+  zod.z.literal("current")
+]).describe(
+  "Set the element's background color. Only accepts predefined color tokens starting with `bg.` (e.g., `bg.default`, `bg.accent`, `bg.error`), or the special values `current` and `transparent`."
+);
+const borderSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("0"), zod.z.literal("1")]).describe("Set the element's `border-width` CSS property");
+const borderBSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("0"), zod.z.literal("1")]).describe("Set the element's `border-bottom-width` CSS property");
+const borderColorSprinkleSchema = zod.z.union([
+  zod.z.literal("transparent"),
+  zod.z.literal("border.accent"),
+  zod.z.literal("border.control"),
+  zod.z.literal("border.control.hovered"),
+  zod.z.literal("border.default"),
+  zod.z.literal("border.disabled"),
+  zod.z.literal("border.error"),
+  zod.z.literal("border.focus"),
+  zod.z.literal("border.focus.error"),
+  zod.z.literal("border.secondary"),
+  zod.z.literal("border.success"),
+  zod.z.literal("border.tertiary"),
+  zod.z.literal("border.warning"),
+  zod.z.literal("current")
+]).describe(
+  "Set the element's border color. Only accepts predefined color tokens starting with `border.` (e.g., `border.default`, `border.accent`, `border.error`), or the special values `current` and `transparent`."
+);
+const borderLSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("0"), zod.z.literal("1")]).describe("Set the element's `border-left-width` CSS property");
+const borderRSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("0"), zod.z.literal("1")]).describe("Set the element's `border-right-width` CSS property");
+const borderTSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("0"), zod.z.literal("1")]).describe("Set the element's `border-top-width` CSS property");
+const colorSprinkleSchema = zod.z.union([
+  zod.z.literal("transparent"),
+  zod.z.literal("fg.accent"),
+  zod.z.literal("fg.accent.hovered"),
+  zod.z.literal("fg.accent.strong"),
+  zod.z.literal("fg.avatar.neutral"),
+  zod.z.literal("fg.avatar.purple"),
+  zod.z.literal("fg.default"),
+  zod.z.literal("fg.default.inverse"),
+  zod.z.literal("fg.disabled"),
+  zod.z.literal("fg.error"),
+  zod.z.literal("fg.error.hovered"),
+  zod.z.literal("fg.error.light"),
+  zod.z.literal("fg.error.strong"),
+  zod.z.literal("fg.information"),
+  zod.z.literal("fg.information.light"),
+  zod.z.literal("fg.information.strong"),
+  zod.z.literal("fg.link.default"),
+  zod.z.literal("fg.link.default.hovered"),
+  zod.z.literal("fg.link.inverse"),
+  zod.z.literal("fg.link.subtle"),
+  zod.z.literal("fg.link.visited"),
+  zod.z.literal("fg.secondary"),
+  zod.z.literal("fg.spinner.default"),
+  zod.z.literal("fg.spinner.inverse"),
+  zod.z.literal("fg.success"),
+  zod.z.literal("fg.success.hovered"),
+  zod.z.literal("fg.success.light"),
+  zod.z.literal("fg.success.strong"),
+  zod.z.literal("fg.tertiary"),
+  zod.z.literal("fg.warning"),
+  zod.z.literal("fg.warning.hovered"),
+  zod.z.literal("fg.warning.inverse"),
+  zod.z.literal("fg.warning.light"),
+  zod.z.literal("fg.warning.strong"),
+  zod.z.literal("fg.white"),
+  zod.z.literal("current")
+]).describe(
+  "Set the element's text color. Only accepts predefined color tokens starting with `fg.` (e.g., `fg.default`, `fg.accent`, `fg.error`), or the special values `current` and `transparent`."
+);
+const cursorSprinkleSchema = zod.z.union([zod.z.literal("default"), zod.z.literal("pointer"), zod.z.literal("text")]).describe("Set the element's `cursor` CSS property");
+const displaySprinkleSchema = zod.z.union([
+  zod.z.literal("flex"),
+  zod.z.literal("grid"),
+  zod.z.literal("none"),
+  zod.z.literal("block"),
+  zod.z.literal("inline"),
+  zod.z.literal("table"),
+  zod.z.literal("table-cell"),
+  zod.z.literal("table-row"),
+  zod.z.literal("inline-block"),
+  zod.z.literal("inline-flex")
+]).describe("Set the element's `display` CSS property");
+const flexSprinkleSchema = zod.z.union([
+  zod.z.literal("initial"),
+  zod.z.literal("none"),
+  zod.z.literal("auto"),
+  zod.z.literal("1")
+]).describe("Set the element's `flex` CSS property");
+const flexDirectionSprinkleSchema = zod.z.union([
+  zod.z.literal("column"),
+  zod.z.literal("column-reverse"),
+  zod.z.literal("row"),
+  zod.z.literal("row-reverse")
+]).describe("Set the element's `flex-direction` CSS property");
+const flexWrapSprinkleSchema = zod.z.union([zod.z.literal("nowrap"), zod.z.literal("wrap")]).describe("Set the element's `flex-wrap` CSS property");
+const fontFamilySprinkleSchema = zod.z.union([zod.z.literal("mono"), zod.z.literal("sans")]).describe(
+  "Set the element's font family. Only accepts predefined fontFamily tokens."
+);
+const fontSizeSprinkleSchema = zod.z.union([
+  zod.z.literal("inherit"),
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl"),
+  zod.z.literal("2xl"),
+  zod.z.literal("3xl"),
+  zod.z.literal("4xl")
+]).describe(
+  "Set the element's font size and line height (both properties are set together). Only accepts predefined fontSize tokens."
+);
+const fontWeightSprinkleSchema = zod.z.union([
+  zod.z.literal("inherit"),
+  zod.z.literal("600"),
+  zod.z.literal("400"),
+  zod.z.literal("500"),
+  zod.z.literal("700")
+]).describe("Set the element's `font-weight` CSS property");
+const gapSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe("Set the element's `gap` CSS property");
+const gridColumnSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("4"), zod.z.literal("1"), zod.z.literal("3")]).describe("Set the element's size across grid columns");
+const gridTemplateColumnsSprinkleSchema = zod.z.union([zod.z.literal("2"), zod.z.literal("4"), zod.z.literal("1"), zod.z.literal("3")]).describe("Control number of columns in a grid layout");
+const hSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("384"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl"),
+  zod.z.literal("full"),
+  zod.z.literal("3xl"),
+  zod.z.literal("2xs"),
+  zod.z.literal("0"),
+  zod.z.literal("64"),
+  zod.z.literal("56"),
+  zod.z.literal("224"),
+  zod.z.literal("1/2"),
+  zod.z.literal("1/3"),
+  zod.z.literal("2/3"),
+  zod.z.literal("1/4"),
+  zod.z.literal("3/4"),
+  zod.z.literal("fit"),
+  zod.z.literal("max"),
+  zod.z.literal("min")
+]).describe(
+  'Set the element\'s height. Only accepts predefined values: size tokens\n(xs, sm, md, etc.), numeric spacing values (16, 24, 32), fractional\npercentages (1/2, 1/3), or special keywords (auto, full, fit, max, min).\n\n\u26A0\uFE0F COMMON MISTAKE: Do not use arbitrary pixel values like "200" or "300".\nUse the closest valid token from the allowed values instead.\n\n\u{1F4A1} TIP: When width and height are the same, use `size` instead of setting\nboth `w` and `h` separately.'
+);
+const justifyContentSprinkleSchema = zod.z.union([
+  zod.z.literal("normal"),
+  zod.z.literal("space-around"),
+  zod.z.literal("space-between"),
+  zod.z.literal("space-evenly"),
+  zod.z.literal("stretch"),
+  zod.z.literal("center"),
+  zod.z.literal("end"),
+  zod.z.literal("flex-end"),
+  zod.z.literal("flex-start"),
+  zod.z.literal("start")
+]).describe("Set the element's `justify-content` CSS property");
+const justifyItemsSprinkleSchema = zod.z.union([
+  zod.z.literal("normal"),
+  zod.z.literal("stretch"),
+  zod.z.literal("center"),
+  zod.z.literal("end"),
+  zod.z.literal("start")
+]).describe("Set the element's `justify-items` CSS property");
+const mSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's margin on all sides
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const maxHSprinkleSchema = zod.z.union([
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("full")
+]).describe(
+  `Set the element's maximum height. Only accepts predefined maxSize tokens.
+
+\u26A0\uFE0F COMMON MISTAKE: Do not use arbitrary pixel values like "200" or "300".
+Use the closest valid token from the allowed values instead.`
+);
+const maxWSprinkleSchema = zod.z.union([
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("full")
+]).describe(
+  `Set the element's maximum width. Only accepts predefined maxSize tokens.
+
+\u26A0\uFE0F COMMON MISTAKE: Do not use arbitrary pixel values like "200" or "300".
+Use the closest valid token from the allowed values instead.`
+);
+const mbSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's bottom margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const mlSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's left margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const mrSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's right margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const mtSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's top margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const mxSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's left and right margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const mySprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's top and bottom margin
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px", "5rem", or negative
+numbers like "-8". Only predefined spacing tokens are accepted.`
+);
+const objectFitSprinkleSchema = zod.z.union([
+  zod.z.literal("contain"),
+  zod.z.literal("fill"),
+  zod.z.literal("none"),
+  zod.z.literal("cover")
+]).describe("Set the element's `object-fit` CSS property");
+const overflowSprinkleSchema = zod.z.union([zod.z.literal("auto"), zod.z.literal("hidden"), zod.z.literal("visible")]).describe("Set the element's `overflow` CSS property");
+const overflowXSprinkleSchema = zod.z.union([zod.z.literal("auto"), zod.z.literal("hidden"), zod.z.literal("visible")]).describe("Set the element's `overflow-x` CSS property");
+const overflowYSprinkleSchema = zod.z.union([zod.z.literal("auto"), zod.z.literal("hidden"), zod.z.literal("visible")]).describe("Set the element's `overflow-y` CSS property");
+const pSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's padding on all sides
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const pbSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's bottom padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const plSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's left padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const placeItemsSprinkleSchema = zod.z.literal("center").describe("Set the element's `place-items` CSS property");
+const pointerEventsSprinkleSchema = zod.z.union([zod.z.literal("none"), zod.z.literal("auto")]).describe("Set the element's `pointer-events` CSS property");
+const prSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's right padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const ptSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's top padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const pxSprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's left and right padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const pySprinkleSchema = zod.z.union([
+  zod.z.literal("2"),
+  zod.z.literal("4"),
+  zod.z.literal("6"),
+  zod.z.literal("8"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("0"),
+  zod.z.literal("64")
+]).describe(
+  `Set the element's top and bottom padding
+
+\u26A0\uFE0F WARNING: Do NOT use arbitrary values like "10px" or "5rem". Only
+predefined spacing tokens are accepted.`
+);
+const roundedSprinkleSchema = zod.z.union([
+  zod.z.literal("inherit"),
+  zod.z.literal("none"),
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl"),
+  zod.z.literal("full")
+]).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(
+  "Set the element's box shadow. Only accepts predefined boxShadow tokens."
+);
+const sizeSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("384"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl"),
+  zod.z.literal("full"),
+  zod.z.literal("3xl"),
+  zod.z.literal("2xs"),
+  zod.z.literal("0"),
+  zod.z.literal("64"),
+  zod.z.literal("56"),
+  zod.z.literal("224"),
+  zod.z.literal("1/2"),
+  zod.z.literal("1/3"),
+  zod.z.literal("2/3"),
+  zod.z.literal("1/4"),
+  zod.z.literal("3/4"),
+  zod.z.literal("fit"),
+  zod.z.literal("max"),
+  zod.z.literal("min")
+]).describe(
+  'Set the element\'s width and height. Only accepts predefined values: size\ntokens (xs, sm, md, etc.), numeric spacing values (16, 24, 32),\nfractional percentages (1/2, 1/3), or special keywords (auto, full, fit,\nmax, min).\n\n\u26A0\uFE0F COMMON MISTAKE: Do not use arbitrary pixel values like "200" or "300".\nUse the closest valid token from the allowed values instead.\n\n\u{1F4A1} TIP: When width and height are the same, use `size` instead of setting\nboth `w` and `h` separately (e.g., prefer `size="24"` over `w="24" h="24"`).'
+);
+const textAlignSprinkleSchema = zod.z.union([
+  zod.z.literal("center"),
+  zod.z.literal("end"),
+  zod.z.literal("start"),
+  zod.z.literal("justify")
+]).describe("Set the element's `text-align` CSS property");
+const textTransformSprinkleSchema = zod.z.union([zod.z.literal("none"), zod.z.literal("capitalize"), zod.z.literal("uppercase")]).describe("Set the element's `text-transform` CSS property");
+const transitionSprinkleSchema = zod.z.union([
+  zod.z.literal("opacity"),
+  zod.z.literal("transform"),
+  zod.z.literal("all"),
+  zod.z.literal("none"),
+  zod.z.literal("colors")
+]).describe("Control which CSS properties should transition");
+const wSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("12"),
+  zod.z.literal("10"),
+  zod.z.literal("16"),
+  zod.z.literal("20"),
+  zod.z.literal("24"),
+  zod.z.literal("32"),
+  zod.z.literal("40"),
+  zod.z.literal("384"),
+  zod.z.literal("48"),
+  zod.z.literal("80"),
+  zod.z.literal("xs"),
+  zod.z.literal("sm"),
+  zod.z.literal("md"),
+  zod.z.literal("lg"),
+  zod.z.literal("xl"),
+  zod.z.literal("full"),
+  zod.z.literal("3xl"),
+  zod.z.literal("2xs"),
+  zod.z.literal("0"),
+  zod.z.literal("64"),
+  zod.z.literal("56"),
+  zod.z.literal("224"),
+  zod.z.literal("1/2"),
+  zod.z.literal("1/3"),
+  zod.z.literal("2/3"),
+  zod.z.literal("1/4"),
+  zod.z.literal("3/4"),
+  zod.z.literal("fit"),
+  zod.z.literal("max"),
+  zod.z.literal("min")
+]).describe(
+  'Set the element\'s width. Only accepts predefined values: size tokens (xs,\nsm, md, etc.), numeric spacing values (16, 24, 32), fractional\npercentages (1/2, 1/3), or special keywords (auto, full, fit, max, min).\n\n\u26A0\uFE0F COMMON MISTAKE: Do not use arbitrary pixel values like "200" or "300".\nUse the closest valid token from the allowed values instead.\n\n\u{1F4A1} TIP: When width and height are the same, use `size` instead of setting\nboth `w` and `h` separately.'
+);
+const whiteSpaceSprinkleSchema = zod.z.literal("nowrap").describe("Set the element's `white-space` CSS property");
+const zSprinkleSchema = zod.z.union([
+  zod.z.literal("auto"),
+  zod.z.literal("tooltip"),
+  zod.z.literal("10"),
+  zod.z.literal("20"),
+  zod.z.literal("popover"),
+  zod.z.literal("toast"),
+  zod.z.literal("0"),
+  zod.z.literal("30")
+]).describe(
+  "Set the element's stacking order. Only accepts predefined zIndex tokens (e.g., popover, toast, tooltip) or numeric values (0, 10, 20, 30, auto)."
+);
+const BlockActionSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Action"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  appearance: zod.z.union([
+    zod.z.literal("default"),
+    zod.z.literal("danger"),
+    zod.z.literal("primary"),
+    zod.z.literal("subtle"),
+    zod.z.literal("danger-outline"),
+    zod.z.literal("default-opal"),
+    zod.z.literal("inverse"),
+    zod.z.literal("primary-opal")
+  ]).describe(
+    "Control the appearance by selecting between the different button types."
+  ).optional(),
+  children: zod.z.any(),
+  onClick: zod.z.union([
+    zod.z.object({
+      tool: zod.z.string().describe("Name of registered tool to call")
+    }).strict().describe("Server-side tool call"),
+    zod.z.object({
+      action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+      params: zod.z.record(zod.z.boolean()).describe(
+        "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+      ),
+      when: zod.z.string().describe(
+        "Optional regex pattern - action only executes if value matches"
+      ).optional()
+    }).strict().describe("Client-side setVisibility action")
+  ]).describe(
+    "Handler for user interactions - either a tool call or client-side action"
+  ).optional()
+}).strict();
+const BlockCancelActionSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.CancelAction"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  children: zod.z.any().optional(),
+  placeholder: zod.z.string().describe("Placeholder text for the text input field").optional()
+}).strict();
+const BlockDocumentSchema = zod.z.object({
+  $type: zod.z.literal("Block.Document"),
+  actions: zod.z.array(
+    zod.z.union([
+      zod.z.object({
+        $id: zod.z.string().describe(
+          "Unique identifier for targeting by actions (e.g., setVisibility)"
+        ).optional(),
+        $type: zod.z.literal("Block.Action"),
+        $visible: zod.z.boolean().describe(
+          "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+        ).optional(),
+        appearance: zod.z.union([
+          zod.z.literal("default"),
+          zod.z.literal("danger"),
+          zod.z.literal("primary"),
+          zod.z.literal("subtle"),
+          zod.z.literal("danger-outline"),
+          zod.z.literal("default-opal"),
+          zod.z.literal("inverse"),
+          zod.z.literal("primary-opal")
+        ]).describe(
+          "Control the appearance by selecting between the different button types."
+        ).optional(),
+        children: zod.z.any(),
+        onClick: zod.z.union([
+          zod.z.object({
+            tool: zod.z.string().describe("Name of registered tool to call")
+          }).strict().describe("Server-side tool call"),
+          zod.z.object({
+            action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+            params: zod.z.record(zod.z.boolean()).describe(
+              "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+            ),
+            when: zod.z.string().describe(
+              "Optional regex pattern - action only executes if value matches"
+            ).optional()
+          }).strict().describe("Client-side setVisibility action")
+        ]).describe(
+          "Handler for user interactions - either a tool call or client-side action"
+        ).optional()
+      }).strict(),
+      zod.z.object({
+        $id: zod.z.string().describe(
+          "Unique identifier for targeting by actions (e.g., setVisibility)"
+        ).optional(),
+        $type: zod.z.literal("Block.CancelAction"),
+        $visible: zod.z.boolean().describe(
+          "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+        ).optional(),
+        children: zod.z.any().optional(),
+        placeholder: zod.z.string().describe("Placeholder text for the text input field").optional()
+      }).strict()
+    ])
+  ).describe("Actions available for this document").optional(),
+  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()
+}).strict();
+zod.z.union([
+  zod.z.object({ tool: zod.z.string().describe("Name of registered tool to call") }).strict().describe("Server-side tool call"),
+  zod.z.object({
+    action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+    params: zod.z.record(zod.z.boolean()).describe(
+      "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+    ),
+    when: zod.z.string().describe(
+      "Optional regex pattern - action only executes if value matches"
+    ).optional()
+  }).strict().describe("Client-side setVisibility action")
+]).describe(
+  "Handler for user interactions - either a tool call or client-side action"
+);
+const BlockFieldSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Field"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  description: zod.z.any().optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  info: zod.z.any().optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  label: zod.z.any().optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  required: zod.z.boolean().describe("Display an asterisk for required inputs.").optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockGroupSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Group"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: zod.z.union([
+    zod.z.literal("normal"),
+    zod.z.literal("stretch"),
+    zod.z.literal("center"),
+    zod.z.literal("end"),
+    zod.z.literal("start")
+  ]).describe(
+    "Set the element's `align-items` CSS property. Defaults to `center` when\n`flexDirection='row'`, and `stretch` when `flexDirection='column'`."
+  ).optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: zod.z.union([
+    zod.z.literal("column"),
+    zod.z.literal("column-reverse"),
+    zod.z.literal("row"),
+    zod.z.literal("row-reverse")
+  ]).describe(
+    "Set the element's `flex-direction` CSS property.\n\nDefault: 'row' (CSS standard)"
+  ).optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockHeadingSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Heading"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  level: zod.z.union([zod.z.literal("2"), zod.z.literal("4"), zod.z.literal("1"), zod.z.literal("3")]).describe(
+    'Heading level (1-4) that controls both the semantic HTML tag and font size.\n- `level="1"`: renders `<h1>` with `fontSize="4xl"` (default)\n- `level="2"`: renders `<h2>` with `fontSize="3xl"`\n- `level="3"`: renders `<h3>` with `fontSize="2xl"`\n- `level="4"`: renders `<h4>` with `fontSize="xl"`\n\nUse `asChild` to decouple the semantic level from visual appearance.'
+  ).optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockInputSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Input"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  addonAfter: zod.z.any().optional(),
+  addonBefore: zod.z.any().optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  appearance: zod.z.union([zod.z.literal("number"), zod.z.literal("default")]).describe("Control the appearance of the input.").optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  name: zod.z.string().describe("The name of the form control element.").optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  onValueChange: zod.z.union([
+    zod.z.object({
+      tool: zod.z.string().describe("Name of registered tool to call")
+    }).strict().describe("Server-side tool call"),
+    zod.z.object({
+      action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+      params: zod.z.record(zod.z.boolean()).describe(
+        "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+      ),
+      when: zod.z.string().describe(
+        "Optional regex pattern - action only executes if value matches"
+      ).optional()
+    }).strict().describe("Client-side setVisibility action")
+  ]).describe(
+    "Handler for user interactions - either a tool call or client-side action"
+  ).optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeholder: zod.z.string().describe("The placeholder text to use when control has no value.").optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  type: zod.z.union([
+    zod.z.literal("number"),
+    zod.z.literal("color"),
+    zod.z.literal("button"),
+    zod.z.literal("checkbox"),
+    zod.z.literal("radio"),
+    zod.z.literal("hidden"),
+    zod.z.literal("text"),
+    zod.z.literal("reset"),
+    zod.z.literal("range"),
+    zod.z.literal("search"),
+    zod.z.literal("time"),
+    zod.z.literal("image"),
+    zod.z.literal("tel"),
+    zod.z.literal("url"),
+    zod.z.literal("email"),
+    zod.z.literal("date"),
+    zod.z.literal("submit"),
+    zod.z.literal("month"),
+    zod.z.literal("datetime-local"),
+    zod.z.literal("week"),
+    zod.z.literal("file"),
+    zod.z.literal("password"),
+    zod.z.string()
+  ]).describe("The input type.").optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockLinkSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Link"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  href: zod.z.string().describe("The link href.").optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockRangeSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Range"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  marks: zod.z.array(
+    zod.z.union([
+      zod.z.number(),
+      zod.z.object({
+        label: zod.z.string().describe("The label for the mark"),
+        value: zod.z.number().describe("The value for the mark")
+      }).strict()
+    ])
+  ).describe("The marks to display on the range steps.").optional(),
+  max: zod.z.number().describe("The maximum value for the range.").optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  min: zod.z.number().describe("The minimum value for the range.").optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  step: zod.z.number().describe("The stepping interval for the range.").optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockSelectSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Select"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  children: zod.z.any().optional(),
+  name: zod.z.string().describe("The name of the inner select element.").optional(),
+  options: zod.z.array(
+    zod.z.object({
+      execute: zod.z.union([
+        zod.z.object({
+          tool: zod.z.string().describe("Name of registered tool to call")
+        }).strict().describe("Server-side tool call"),
+        zod.z.object({
+          action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+          params: zod.z.record(zod.z.boolean()).describe(
+            "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+          ),
+          when: zod.z.string().describe(
+            "Optional regex pattern - action only executes if value matches"
+          ).optional()
+        }).strict().describe("Client-side setVisibility action")
+      ]).describe(
+        "Handler for user interactions - either a tool call or client-side action"
+      ).optional(),
+      label: zod.z.string().describe("String representation of items"),
+      value: zod.z.string().describe("Return a unique key for each item")
+    }).strict()
+  ).describe("The select items/options we want to render.")
+}).strict();
+const BlockSelectContentSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.SelectContent"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockSelectTriggerSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.SelectTrigger"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockSeparatorSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Separator"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockTextSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Text"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  children: zod.z.any().optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  size: sizeSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockTextareaSchema = zod.z.object({
+  $id: zod.z.string().describe(
+    "Unique identifier for targeting by actions (e.g., setVisibility)"
+  ).optional(),
+  $type: zod.z.literal("Block.Textarea"),
+  $visible: zod.z.boolean().describe(
+    "Whether element is visible (default: true). Elements with $visible: false are hidden until shown by an action."
+  ).optional(),
+  alignItems: alignItemsSprinkleSchema.optional(),
+  alignSelf: alignSelfSprinkleSchema.optional(),
+  animation: animationSprinkleSchema.optional(),
+  backgroundImage: backgroundImageSprinkleSchema.optional(),
+  bg: bgSprinkleSchema.optional(),
+  border: borderSprinkleSchema.optional(),
+  borderB: borderBSprinkleSchema.optional(),
+  borderColor: borderColorSprinkleSchema.optional(),
+  borderL: borderLSprinkleSchema.optional(),
+  borderR: borderRSprinkleSchema.optional(),
+  borderT: borderTSprinkleSchema.optional(),
+  color: colorSprinkleSchema.optional(),
+  cursor: cursorSprinkleSchema.optional(),
+  display: displaySprinkleSchema.optional(),
+  flex: flexSprinkleSchema.optional(),
+  flexDirection: flexDirectionSprinkleSchema.optional(),
+  flexWrap: flexWrapSprinkleSchema.optional(),
+  fontFamily: fontFamilySprinkleSchema.optional(),
+  fontSize: fontSizeSprinkleSchema.optional(),
+  fontWeight: fontWeightSprinkleSchema.optional(),
+  gap: gapSprinkleSchema.optional(),
+  gridColumn: gridColumnSprinkleSchema.optional(),
+  gridTemplateColumns: gridTemplateColumnsSprinkleSchema.optional(),
+  h: hSprinkleSchema.optional(),
+  justifyContent: justifyContentSprinkleSchema.optional(),
+  justifyItems: justifyItemsSprinkleSchema.optional(),
+  m: mSprinkleSchema.optional(),
+  maxH: maxHSprinkleSchema.optional(),
+  maxRows: zod.z.union([
+    zod.z.literal(1),
+    zod.z.literal(2),
+    zod.z.literal(3),
+    zod.z.literal(4),
+    zod.z.literal(5)
+  ]).describe("Limits the height of the textarea when `resize=auto` is used.").optional(),
+  maxW: maxWSprinkleSchema.optional(),
+  mb: mbSprinkleSchema.optional(),
+  ml: mlSprinkleSchema.optional(),
+  mr: mrSprinkleSchema.optional(),
+  mt: mtSprinkleSchema.optional(),
+  mx: mxSprinkleSchema.optional(),
+  my: mySprinkleSchema.optional(),
+  name: zod.z.string().describe("The name of the form control element.").optional(),
+  objectFit: objectFitSprinkleSchema.optional(),
+  onValueChange: zod.z.union([
+    zod.z.object({
+      tool: zod.z.string().describe("Name of registered tool to call")
+    }).strict().describe("Server-side tool call"),
+    zod.z.object({
+      action: zod.z.literal("setVisibility").describe("Set visibility of target elements"),
+      params: zod.z.record(zod.z.boolean()).describe(
+        "Map of element IDs to visibility state (e.g., { 'step-2': true, 'step-1': false })"
+      ),
+      when: zod.z.string().describe(
+        "Optional regex pattern - action only executes if value matches"
+      ).optional()
+    }).strict().describe("Client-side setVisibility action")
+  ]).describe(
+    "Handler for user interactions - either a tool call or client-side action"
+  ).optional(),
+  overflow: overflowSprinkleSchema.optional(),
+  overflowX: overflowXSprinkleSchema.optional(),
+  overflowY: overflowYSprinkleSchema.optional(),
+  p: pSprinkleSchema.optional(),
+  pb: pbSprinkleSchema.optional(),
+  pl: plSprinkleSchema.optional(),
+  placeholder: zod.z.string().describe("The placeholder text to use when control has no value.").optional(),
+  placeItems: placeItemsSprinkleSchema.optional(),
+  pointerEvents: pointerEventsSprinkleSchema.optional(),
+  pr: prSprinkleSchema.optional(),
+  pt: ptSprinkleSchema.optional(),
+  px: pxSprinkleSchema.optional(),
+  py: pySprinkleSchema.optional(),
+  resize: zod.z.union([zod.z.literal("none"), zod.z.literal("auto"), zod.z.literal("vertical")]).describe(
+    "Control whether resizing mode is manual, automatic, or disabled."
+  ).optional(),
+  rounded: roundedSprinkleSchema.optional(),
+  rows: zod.z.number().describe("The number of rows to display.").optional(),
+  shadow: shadowSprinkleSchema.optional(),
+  textAlign: textAlignSprinkleSchema.optional(),
+  textTransform: textTransformSprinkleSchema.optional(),
+  transition: transitionSprinkleSchema.optional(),
+  w: wSprinkleSchema.optional(),
+  whiteSpace: whiteSpaceSprinkleSchema.optional(),
+  z: zSprinkleSchema.optional()
+}).strict();
+const BlockElementSchema = zod.z.discriminatedUnion("$type", [
+  BlockActionSchema,
+  BlockCancelActionSchema,
+  BlockFieldSchema,
+  BlockGroupSchema,
+  BlockHeadingSchema,
+  BlockInputSchema,
+  BlockLinkSchema,
+  BlockRangeSchema,
+  BlockSelectSchema,
+  BlockSelectContentSchema,
+  BlockSelectTriggerSchema,
+  BlockSeparatorSchema,
+  BlockTextSchema,
+  BlockTextareaSchema
+]);
+
+const BlockElement = ({ element: elementProp }) => {
+  const { visibility } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockElement"
+  );
+  if (!elementProp) {
+    return null;
+  } else if (typeof elementProp === "string" || typeof elementProp === "number") {
+    return elementProp;
+  } else if (Array.isArray(elementProp)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: elementProp.map((element2, index) => /* @__PURE__ */ jsxRuntime.jsx(BlockElement, { element: element2 }, index)) });
+  }
+  const result = BlockElementSchema.safeParse(elementProp);
+  if (!result.success) {
+    return null;
+  }
+  const { $id, $visible, ...element } = result.data;
+  if (!($id && $id in visibility ? visibility[$id] : $visible !== false)) {
+    return null;
+  }
+  switch (element.$type) {
+    case "Block.Action":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockAction, { ...omitType(element) });
+    case "Block.CancelAction":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockCancelAction, { ...omitType(element) });
+    case "Block.Field":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockField, { ...omitType(element) });
+    case "Block.Group":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockGroup, { ...omitType(element) });
+    case "Block.Heading":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockHeading, { ...omitType(element) });
+    case "Block.Input":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockInput, { ...omitType(element) });
+    case "Block.Link":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockLink, { ...omitType(element) });
+    case "Block.Range":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockRange, { ...omitType(element) });
+    case "Block.Select":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockSelect, { ...omitType(element) });
+    case "Block.SelectContent":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockSelectContent, { ...omitType(element) });
+    case "Block.SelectTrigger":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockSelectTrigger, { ...omitType(element) });
+    case "Block.Separator":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockSeparator, { ...omitType(element) });
+    case "Block.Text":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockText, { ...omitType(element) });
+    case "Block.Textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(BlockTextarea, { ...omitType(element) });
+    default:
+      return null;
+  }
+};
+BlockElement.displayName = "@optiaxiom/react/BlockElement";
+const omitType = (obj) => {
+  const { $type: _$type, ...rest } = obj;
+  return rest;
+};
+
+function BlockDocumentRenderer({
+  data = {},
+  element: elementProp,
+  onCancelAction,
+  onDataChange,
+  onToolCall,
+  readOnly = false
+}) {
+  const [visibility, setVisibility] = React.useState({});
+  const result = BlockDocumentSchema.safeParse(elementProp);
+  if (!result.success) ;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BlockDocumentProvider,
+    {
+      data,
+      onCancelAction,
+      onDataChange: Textarea.useEffectEvent((name, value) => {
+        onDataChange?.({ ...data, [name]: value });
+      }),
+      onEvent: Textarea.useEffectEvent(
+        (event, value) => {
+          if ("tool" in event) {
+            onToolCall?.(event.tool);
+          } else if (event.action === "setVisibility") {
+            if (event.when && !(value || "").match(new RegExp(event.when))) {
+              return;
+            }
+            setVisibility(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 }) })
+      ] }) })
+    }
+  );
+}
+BlockDocumentRenderer.displayName = "@optiaxiom/react/BlockDocumentRenderer";
+
 function DataTableExpandableCell({
   children,
   getValue,
   row
 }) {
   const labelPrefixId = reactId.useId();
-  const { labelId } = Calendar.useDataTableRowContext(
+  const { labelId } = Textarea.useDataTableRowContext(
     "@optiaxiom/react/DataTableExpandableCell"
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { alignItems: "start", gap: "8", children: [
-    Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }, index)),
+  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { alignItems: "start", gap: "8", children: [
+    Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { flex: "none", w: "sm" }, index)),
     row.getCanExpand() ? /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Button,
+      Textarea.Button,
       {
         appearance: "subtle",
         "aria-expanded": row.getIsExpanded(),
         "aria-label": "Toggle row",
         "aria-labelledby": clsx(labelPrefixId, labelId),
         flex: "none",
-        icon: row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}),
+        icon: row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconAngleDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconAngleRight, {}),
         id: labelPrefixId,
         onClick: row.getToggleExpandedHandler(),
         size: "sm",
         style: { marginBlock: -2 },
         type: "button"
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }),
+    ) : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { flex: "none", w: "sm" }),
     children ?? getValue()
   ] });
 }
@@ -278,11 +2454,11 @@ DataTableExpandableCell.displayName = "@optiaxiom/react/DataTableExpandableCell"
 function DataTableExpandableHeader({
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ml: "32", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ml: "32", children });
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$3 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1rigzc1']});
+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'},'_15l3llw']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -293,13 +2469,13 @@ const DetailsPanel = React.forwardRef(
     const labelId = reactId.useId();
     const descriptionId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Textarea.Box,
       {
         "aria-describedby": descriptionId,
         "aria-labelledby": labelId,
         asChild: true,
         tabIndex: 0,
-        ...root$3({}, className),
+        ...root$2({}, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
       }
@@ -310,7 +2486,7 @@ DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
 
 const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.Group,
+    Textarea.Group,
     {
       flex: "1",
       flexDirection: "column",
@@ -325,24 +2501,24 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'s57cny']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'ev9hih']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ref, ...footer({}, className), ...props, children }) });
+  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 = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'up3a5c']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qw1yib']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
     const { descriptionId, labelId } = useDetailsPanelContext(
       "@optiaxiom/react/DetailsPanelHeader"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...header({}, className), ...props, children: [
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonBefore }),
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ref, ...header({}, className), ...props, children: [
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "8", children: addonBefore }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Heading,
+        Textarea.Heading,
         {
           flex: "1",
           fontSize: "lg",
@@ -352,16 +2528,16 @@ const DetailsPanelHeader = React.forwardRef(
           children
         }
       ),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonAfter }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "8", children: addonAfter }),
       description && /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Text,
+        Textarea.Text,
         {
           asChild: true,
           color: "fg.secondary",
           fontSize: "sm",
           id: descriptionId,
           w: "full",
-          children: Calendar.fallbackSpan(description)
+          children: Textarea.fallbackSpan(description)
         }
       )
     ] }) });
@@ -369,7 +2545,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1qeroum']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_89kkok']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -386,14 +2562,14 @@ const FileUpload = React.forwardRef(
         inputRef,
         onFilesDrop,
         rootRef: innerRef,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...upload({}, className), ...props, children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ref, ...upload({}, className), ...props, children })
       }
     );
   }
 );
 FileUpload.displayName = "@optiaxiom/react/FileUpload";
 
-const IconFileImport = Calendar.withIcon(
+const IconFileImport = Textarea.withIcon(
   {
     name: "IconFileImport"
   },
@@ -406,8 +2582,8 @@ const IconFileImport = Calendar.withIcon(
   )
 );
 
-var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1dcxbju'],variants:{drag:{false:{},true:['_1fq1far']},hidden:{false:'wq545s',true:'_1itoskc'},overlay:{false:{flex:'1'},true:[{z:'10'},'_17vk1fu']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1tf7dw3'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1h5xchb'],variants:{drag:{false:{},true:['rs3a9j']},hidden:{false:'_1nd9qtt',true:'_1gw5r4g'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1qr3vi8']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_17sirew'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -420,13 +2596,13 @@ const useFileUploadTrigger = () => {
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/FileUploadTrigger");
 const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...props }, ref) => {
-  const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  const Comp = asChild ? Slot$3 : Calendar.Button;
+  const { boxProps, restProps } = Textarea.extractBoxProps(props);
+  const Comp = asChild ? Slot$3 : Textarea.Button;
   const { disabled } = useFileUploadContext(
     "@optiaxiom/react/FileUploadTrigger"
   );
   const open = useFileUploadTrigger();
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
       disabled,
@@ -549,7 +2725,7 @@ const useFileUploadDrop = ({
   const { accept, disabled, onFilesDrop } = useFileUploadContext(
     "@optiaxiom/react/useFileUploadDrop"
   );
-  const auth = Calendar.useAuthContext();
+  const auth = Textarea.useAuthContext();
   return {
     ...props,
     onDragOver: (event) => {
@@ -711,7 +2887,7 @@ const FileUploadDropzone = React.forwardRef(
     useStickyPosition(innerRef, overlay && isDraggingOverBody);
     const size = useContainerSize(innerRef) ?? 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Group,
+      Textarea.Group,
       {
         fontSize: size > 448 ? "lg" : "md",
         ref: reactComposeRefs.useComposedRefs(innerRef, outerRef),
@@ -725,7 +2901,7 @@ const FileUploadDropzone = React.forwardRef(
         ),
         ...useFileUploadDrop(useFileUploadDragging(props, setIsDragging)),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               accept,
@@ -741,10 +2917,10 @@ const FileUploadDropzone = React.forwardRef(
               type: "file"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...label({ disabled }), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImport, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: label$1 }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", children: description })
+          /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { ...label({ disabled }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Textarea.Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImport, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { children: label$1 }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.tertiary", children: description })
           ] }),
           !overlay && (children ?? /* @__PURE__ */ jsxRuntime.jsx(FileUploadTrigger, {}))
         ]
@@ -754,7 +2930,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'_1b1e1fx'});
+var mark = Textarea.recipeRuntime({base:'vo6ga0'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -779,8 +2955,8 @@ function escapeRegExp(string) {
 const Highlight = React.forwardRef(
   ({ children = (chunk) => chunk, content, query, ...props }, ref) => {
     const chunks = useHighlightedChunks(content || "", query);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
-      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...mark$1(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
+      /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...mark(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
     ) : chunk }, index)) });
   }
 );
@@ -832,13 +3008,13 @@ const HoverCardContent = React.forwardRef(
       "@optiaxiom/react/HoverCardContent"
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.TransitionGroup,
+      Textarea.TransitionGroup,
       {
         onPresenceChange: setPresence,
         open,
         presence,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { duration: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Paper,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Transition, { duration: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea.Paper,
           {
             asChild: true,
             display: "flex",
@@ -868,16 +3044,16 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Calendar.recipeRuntime({base:'_3fm22d'});
+var trigger$1 = Textarea.recipeRuntime({base:'_1s1wvnk'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
-  const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
+  const { boxProps, restProps } = Textarea.extractBoxProps(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...trigger$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Calendar.recipeRuntime({base:'j0au6i',variants:{empty:{false:{},true:'ivvmyy'}}});
-var input = Calendar.recipeRuntime({base:'_5poxaz'});
+var editor = Textarea.recipeRuntime({base:'_1kjarpm',variants:{empty:{false:{},true:'_1nnmyn3'}}});
+var input = Textarea.recipeRuntime({base:'wm8n2n'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -916,8 +3092,8 @@ const InlineInput = React.forwardRef(
         }
       }
     }, [multiline, value]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea.Box,
       {
         "aria-multiline": multiline,
         "aria-readonly": disabled,
@@ -959,15 +3135,15 @@ function getText(element) {
 }
 
 const Resizable = ({ ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelGroup, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelGroup, { direction: "horizontal", ...props });
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'x4dm3e']});
-var root$2 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'lovo2k']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'h6v535']});
+var root$1 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'jps054']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
+  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() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -976,7 +3152,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_10cr50v'],variants:{size:{full:'_1s9ewba',screen:'pzbgxg'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1bq2wp1'],variants:{size:{full:'y4cr5i',screen:'_1f5ymen'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -989,19 +3165,19 @@ const Layout = React.forwardRef(
     size = "screen",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...layout({ size }, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ref, ...layout({ size }, className), ...props, children: [
       header,
-      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { display: "flex", flex: "1", overflow: "auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { display: "flex", flex: "1", overflow: "auto", children: [
         sidebar,
-        resizable ? /* @__PURE__ */ jsxRuntime.jsxs(Resizable, { direction: "horizontal", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, h: "full", children }) }),
+        resizable ? /* @__PURE__ */ jsxRuntime.jsxs(Resizable, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, h: "full", children }) }),
           detailsPanel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ResizableHandle, {}),
             /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { defaultSize: 33, minSize: 33, children: detailsPanel })
           ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { display: "flex", flex: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, w: detailsPanel ? "2/3" : "full", children }),
-          detailsPanel && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { w: "1/3", children: detailsPanel })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { display: "flex", flex: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, w: detailsPanel ? "2/3" : "full", children }),
+          detailsPanel && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { w: "1/3", children: detailsPanel })
         ] })
       ] })
     ] });
@@ -1009,12 +3185,12 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'u2jpzh']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1x3hwhz']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Textarea.Group,
       {
         ref,
         tabIndex: 0,
@@ -1027,7 +3203,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'},'rkr1sl'],variants:{interactive:{false:{},true:'eepsei'},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'},'frg3a5'],variants:{interactive:{false:{},true:'_1m2ji47'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1043,9 +3219,9 @@ const Pill = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$2 : readOnly ? "span" : "button";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Textarea.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Textarea.Box,
       {
         asChild: true,
         "data-disabled": disabled ? "" : void 0,
@@ -1074,8 +3250,8 @@ const Pill = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { truncate: true, children }),
-              onDismiss && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}) })
+              /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { truncate: true, children }),
+              onDismiss && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}) })
             ]
           }
         )
@@ -1087,7 +3263,7 @@ Pill.displayName = "@optiaxiom/react/Pill";
 
 const PillGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexWrap: "wrap", gap: "8", ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { flexWrap: "wrap", gap: "8", ref, ...props, children });
   }
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
@@ -1118,9 +3294,9 @@ const PillMenu = React.forwardRef(
     const [optionIndexes, setOptionIndexes] = React.useState(
       () => groupOptions(options)
     );
-    const value = options.filter((item) => Calendar.resolveItemProperty(item.selected));
+    const value = options.filter((item) => Textarea.resolveItemProperty(item.selected));
     return /* @__PURE__ */ jsxRuntime.jsx(PillMenuProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Menu,
+      Textarea.Menu,
       {
         empty,
         inputValue,
@@ -1149,7 +3325,7 @@ const PillMenu = React.forwardRef(
         ),
         placeholder,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Textarea.Box,
           {
             alignItems: value.length ? void 0 : "start",
             display: "flex",
@@ -1168,15 +3344,15 @@ const groupOptions = (options) => options.map((option, index) => ({
   index,
   option
 })).sort(({ index: aIndex, option: a }, { index: bIndex, option: b }) => {
-  if (Calendar.resolveItemProperty(a.selected) === Calendar.resolveItemProperty(b.selected)) {
+  if (Textarea.resolveItemProperty(a.selected) === Textarea.resolveItemProperty(b.selected)) {
     return aIndex - bIndex;
-  } else if (Calendar.resolveItemProperty(a.selected)) {
+  } else if (Textarea.resolveItemProperty(a.selected)) {
     return -1;
   } else {
     return 1;
   }
 }).map(({ index, option }) => ({
-  group: Calendar.resolveItemProperty(option.selected) ? "selected" : void 0,
+  group: Textarea.resolveItemProperty(option.selected) ? "selected" : void 0,
   index
 }));
 
@@ -1184,7 +3360,7 @@ const PillMenuContent = React.forwardRef(
   (props, ref) => {
     const lastFocusRef = React.useRef();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.MenuContent,
+      Textarea.MenuContent,
       {
         onCloseAutoFocus: (event) => {
           if (lastFocusRef.current instanceof HTMLElement && lastFocusRef.current !== document.body && document.body.contains(lastFocusRef.current)) {
@@ -1204,7 +3380,7 @@ const PillMenuContent = React.forwardRef(
 );
 PillMenuContent.displayName = "@optiaxiom/react/PillMenuContent";
 
-const IconPlus = Calendar.withIcon(
+const IconPlus = Textarea.withIcon(
   {
     name: "IconPlus"
   },
@@ -1222,9 +3398,9 @@ const [RovingFocusProvider, useRovingFocusContext] = reactContext.createContext(
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/RovingFocus");
 const RovingFocus = React.forwardRef(
   ({ asChild, children, disabled, loop, orientation, ...props }, ref) => {
-    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Root;
+    const FocusComp = disabled ? Textarea.Box : RadixRovingFocus__namespace.Root;
     const Comp = asChild ? Slot$1 : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) }) });
   }
 );
 RovingFocus.displayName = "@optiaxiom/react/RovingFocus";
@@ -1235,9 +3411,9 @@ const RovingFocusItem = React.forwardRef(
     const { disabled } = useRovingFocusContext(
       "@optiaxiom/react/RovingFocusItem"
     );
-    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Item;
+    const FocusComp = disabled ? Textarea.Box : RadixRovingFocus__namespace.Item;
     const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) });
   }
 );
 RovingFocusItem.displayName = "@optiaxiom/react/RovingFocusItem";
@@ -1247,11 +3423,11 @@ const PillMenuPill = React.forwardRef(
     const { value: options } = usePillMenuContext(
       "@optiaxiom/react/PillMenuPill"
     );
-    const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/PillMenuPill");
-    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
+    const { open, setOpen } = Textarea.useMenuContext("@optiaxiom/react/PillMenuPill");
+    const { inputValue } = Textarea.useCommandContext("@optiaxiom/react/PillMenuPill");
     const index = options.indexOf(item);
     const hasInteractedInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: Calendar.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Tooltip, { content: Textarea.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
       Pill,
       {
         onClick: () => {
@@ -1263,7 +3439,7 @@ const PillMenuPill = React.forwardRef(
         },
         onKeyDown: (event) => {
           if (event.key === "Backspace") {
-            if (Calendar.resolveItemProperty(item.disabledReason)) {
+            if (Textarea.resolveItemProperty(item.disabledReason)) {
               return;
             }
             if (index === 0 || index !== options.length - 1) {
@@ -1281,16 +3457,16 @@ const PillMenuPill = React.forwardRef(
         readOnly,
         ref,
         ...props,
-        children: Calendar.resolveItemProperty(item.label, { inputValue })
+        children: Textarea.resolveItemProperty(item.label, { inputValue })
       }
     ) });
   }
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Calendar.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_2ylewy'],variants:{size:{md:'_1gpduv5',lg:'_13qg74j'}}});
-var trigger = Calendar.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_13fw26h']});
-var wrapper = Calendar.recipeRuntime({base:'_1di6b0i'});
+var root = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1rwwsz2'],variants:{size:{md:'q079qv',lg:'_1ikepgs'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_102x3ex']});
+var wrapper = Textarea.recipeRuntime({base:'_4un4n9'});
 
 const remapSize = {
   md: "xs",
@@ -1299,15 +3475,15 @@ const remapSize = {
 const PillMenuTrigger = React.forwardRef(
   ({ children, className, readOnly, size = "md", ...props }, outerRef) => {
     const { value } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
-    const { size: menuSize } = Calendar.useMenuContext(
+    const { size: menuSize } = Textarea.useMenuContext(
       "@optiaxiom/react/PillMenuTrigger"
     );
-    const { inputValue } = Calendar.useCommandContext(
+    const { inputValue } = Textarea.useCommandContext(
       "@optiaxiom/react/PillMenuTrigger"
     );
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...wrapper(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ...wrapper(), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PillGroup,
         {
@@ -1315,7 +3491,7 @@ const PillMenuTrigger = React.forwardRef(
           "data-readonly": readOnly,
           ref,
           role: "toolbar",
-          ...root$1({ size }, className),
+          ...root({ size }, className),
           ...props,
           children: /* @__PURE__ */ jsxRuntime.jsxs(RovingFocus, { disabled: readOnly, loop: true, orientation: "horizontal", children: [
             value.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1331,7 +3507,7 @@ const PillMenuTrigger = React.forwardRef(
                   }
                 )
               },
-              item.key ?? Calendar.resolveItemProperty(item.label, { inputValue })
+              item.key ?? Textarea.resolveItemProperty(item.label, { inputValue })
             )),
             /* @__PURE__ */ jsxRuntime.jsxs(PillGroup, { children: [
               value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1343,7 +3519,7 @@ const PillMenuTrigger = React.forwardRef(
                 }
               ) }, "pill"),
               !readOnly && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.MenuTrigger,
+                Textarea.MenuTrigger,
                 {
                   "aria-label": props["aria-label"] ?? (typeof children === "string" ? children : void 0),
                   asChild: true,
@@ -1354,7 +3530,7 @@ const PillMenuTrigger = React.forwardRef(
                     if (event.key === "Backspace") {
                       if (value.length) {
                         const last = value.length - 1;
-                        if (!Calendar.resolveItemProperty(value[last].disabledReason)) {
+                        if (!Textarea.resolveItemProperty(value[last].disabledReason)) {
                           value[last].execute?.({
                             dismiss: false,
                             inputValue
@@ -1363,186 +3539,19 @@ const PillMenuTrigger = React.forwardRef(
                       }
                     }
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) }) })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) }) })
                 }
               ) }, "trigger")
             ] })
           ] })
         }
       ),
-      menuSize === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { staticRef: innerRef })
+      menuSize === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Textarea.PopoverAnchor, { staticRef: innerRef })
     ] });
   }
 );
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 
-var control = Calendar.recipeRuntime({base:[{bg:'transparent'},'eef2es']});
-var fillValue = 'var(--pivkq6)';
-var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'sn9b9y'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_14mc13)';
-var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1f4afsd']});
-var root = Calendar.recipeRuntime({base:['_99ntn3',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'trdwzb'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Calendar.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'tuutio']});
-var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'g588je']});
-
-const useTooltipState = () => {
-  const [tooltipOpen, setTooltipOpen] = React.useState(false);
-  const timerRef = React.useRef();
-  return [
-    tooltipOpen,
-    (flag, delayed = false) => {
-      if (delayed) {
-        window.clearTimeout(timerRef.current);
-        timerRef.current = window.setTimeout(() => {
-          setTooltipOpen(flag);
-        }, 50);
-      } else {
-        window.clearTimeout(timerRef.current);
-        setTooltipOpen(flag);
-      }
-    }
-  ];
-};
-
-const Range = React.forwardRef(
-  ({
-    className,
-    defaultValue = 0,
-    disabled,
-    getLabel = (value) => value,
-    marks,
-    max = 100,
-    min = 0,
-    onChange,
-    onValueChange,
-    showTooltip = false,
-    size = "md",
-    step = 1,
-    value: valueProp,
-    ...props
-  }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    const { descriptionId, error, errorId, inputId } = Calendar.useFieldContext(
-      "@optiaxiom/react/Range"
-    );
-    const [value, setValue] = reactUseControllableState.useControllableState({
-      caller: "@optiaxiom/react/Range",
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-      prop: valueProp
-    });
-    const fillValue$1 = `${(value - min) / (max - min)}`;
-    const [tooltipOpen, setTooltipOpen] = useTooltipState();
-    const isPointerInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Box,
-      {
-        "data-disabled": disabled ? "" : void 0,
-        ...root({ marks: !!marks, size }, className),
-        ...boxProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Calendar.Box,
-            {
-              style: dynamic.assignInlineVars({
-                [fillValue]: fillValue$1
-              }),
-              ...track(),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...range() }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Calendar.Tooltip,
-                  {
-                    content: getLabel(value),
-                    disabled: disabled || !showTooltip,
-                    disableHoverableContent: true,
-                    open: tooltipOpen,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...thumb() })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Calendar.Box,
-                  {
-                    "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
-                    "aria-disabled": disabled,
-                    "aria-invalid": error ? true : void 0,
-                    asChild: true,
-                    id: inputId,
-                    ref,
-                    ...control(),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "input",
-                      {
-                        disabled,
-                        max,
-                        min,
-                        onBlur: () => {
-                          if (isPointerInsideRef.current) {
-                            return;
-                          }
-                          setTooltipOpen(false);
-                        },
-                        onChange: (event) => {
-                          setValue(Number(event.currentTarget.value));
-                          onChange?.(event);
-                        },
-                        onFocus: (event) => {
-                          if (event.currentTarget.matches(":focus-visible")) {
-                            setTooltipOpen(true);
-                          }
-                        },
-                        onKeyDown: () => {
-                          setTooltipOpen(true);
-                        },
-                        onPointerLeave: (event) => {
-                          isPointerInsideRef.current = false;
-                          if (!event.currentTarget.matches(":focus-visible")) {
-                            setTooltipOpen(false);
-                          }
-                        },
-                        onPointerMove: () => {
-                          isPointerInsideRef.current = true;
-                          setTooltipOpen(true, true);
-                        },
-                        step,
-                        type: "range",
-                        value,
-                        ...restProps
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          marks?.map(
-            (mark) => typeof mark === "number" ? {
-              label: getLabel(mark),
-              value: mark
-            } : mark
-          ).map((mark$1) => /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Box,
-            {
-              onClick: () => {
-                if (!disabled) {
-                  setValue(mark$1.value);
-                }
-              },
-              style: dynamic.assignInlineVars({
-                [markValue]: `${(mark$1.value - min) / (max - min)}`
-              }),
-              ...mark({ active: value >= mark$1.value }),
-              children: mark$1.label
-            },
-            mark$1.value
-          ))
-        ]
-      }
-    );
-  }
-);
-Range.displayName = "@optiaxiom/react/Range";
-
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
 const Sortable = React.forwardRef(
@@ -1577,7 +3586,7 @@ const Sortable = React.forwardRef(
         onDragStart: () => {
           setItemsState(itemsProp ?? []);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
       }
     );
   }
@@ -1600,12 +3609,12 @@ const SortableGroup = React.forwardRef(
       type: "group"
     });
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'_1jkbnhl'});
+var handle = Textarea.recipeRuntime({base:'cnii56'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1616,7 +3625,7 @@ const SortableHandle = React.forwardRef(
     );
     const ref = reactComposeRefs.useComposedRefs(handleRef, outerRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Textarea.Box,
       {
         "aria-label": "draggable",
         "data-state": isDragging ? "active" : void 0,
@@ -1630,7 +3639,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_1ny2ejl',variants:{handle:{false:{},true:'ktdi3x'}}});
+var item = Textarea.recipeRuntime({base:'_1iam9n',variants:{handle:{false:{},true:'_12hb8wf'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1666,7 +3675,7 @@ const SortableItem = React.forwardRef(
       cacheRef.current.set(id, children);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(SortableItemProvider, { handleRef, isDragging, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Textarea.Box,
       {
         "data-sortable-dragging": isDragging ? "" : void 0,
         ref,
@@ -1680,34 +3689,35 @@ const SortableItem = React.forwardRef(
 SortableItem.displayName = "@optiaxiom/react/SortableItem";
 
 function Spotlight({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Menu, { inputVisible: "always", size: "lg", ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Menu, { inputVisible: "always", size: "lg", ...props, children });
 }
 Spotlight.displayName = "@optiaxiom/react/Spotlight";
 
 const SpotlightContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuContent, { "aria-label": "Quick search", ref, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.MenuContent, { "aria-label": "Quick search", ref, ...props });
 });
 SpotlightContent.displayName = "@optiaxiom/react/SpotlightContent";
 
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/SpotlightTrigger");
+  const { open, setOpen } = Textarea.useMenuContext("@optiaxiom/react/SpotlightTrigger");
   useHotkeys([[DEFAULT_HOTKEY, () => setOpen(!open)]]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { color: "fg.tertiary", children }) }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
-exports.Calendar = Calendar.Calendar;
-exports.DataTableHeaderCell = Calendar.DataTableHeaderCell;
-exports.SuggestionAlert = Calendar.SuggestionAlert;
-exports.SuggestionPopover = Calendar.SuggestionPopover;
-exports.createDialogKit = Calendar.createDialogKit;
-exports.dialogkit = Calendar.dialogkit;
-exports.useSurface = Calendar.useSurface;
+exports.Calendar = Textarea.Calendar;
+exports.DataTableHeaderCell = Textarea.DataTableHeaderCell;
+exports.SuggestionAlert = Textarea.SuggestionAlert;
+exports.SuggestionPopover = Textarea.SuggestionPopover;
+exports.createDialogKit = Textarea.createDialogKit;
+exports.dialogkit = Textarea.dialogkit;
+exports.useSurface = Textarea.useSurface;
 Object.defineProperty(exports, "SurfaceProvider", {
   enumerable: true,
   get: function () { return globals.unstable_SurfaceProvider; }
 });
+exports.BlockDocumentRenderer = BlockDocumentRenderer;
 exports.DataTableExpandableCell = DataTableExpandableCell;
 exports.DataTableExpandableHeader = DataTableExpandableHeader;
 exports.DetailsPanel = DetailsPanel;