@optiaxiom/react 1.8.8 → 1.9.0

package/dist/esm/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-rkoz_A4T.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BlUf1lSq.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-Bpbj8CE9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-C76aUSqs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_17qtzi4'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_12qhady'],xs:[{fontWeight:'400',size:'xs'},'yh8ww5'],sm:[{size:'sm'},'oz8i4i'],md:[{size:'md'},'_1768wgn'],lg:[{size:'lg'},'j5pzvr'],xl:[{size:'xl'},'lgpovs'],'3xl':[{size:'3xl'},'_1ao7dkx']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_80nui3'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_157dmpn'],xs:[{fontWeight:'400',size:'xs'},'_10kvlhd'],sm:[{size:'sm'},'_14uboyx'],md:[{size:'md'},'_8v2e32'],lg:[{size:'lg'},'mf1m3k'],xl:[{size:'xl'},'_19hg50z'],'3xl':[{size:'3xl'},'_1fvxkah']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/esm/packages/react/src/avatar/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-rkoz_A4T.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BlUf1lSq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1jlypit',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1o1qwr4',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/esm/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-rkoz_A4T.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-D4ghW7ll.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CNEJYOtT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_175tj74']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1bdl4ik']});
 
 export { backdrop };

package/dist/esm/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-rkoz_A4T.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CbnJCSI1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-C3pIGqfb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_5y7mhw'],variants:{intent:{danger:'_768k65',information:'_1x84d8m',neutral:'_1wjkvh0',primary:'_5b51xt',success:'_1jicsz6',warning:'whudna'},variant:{strong:'_9yzo3n',subtle:'gt4ryy'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1t1kpt5'],variants:{intent:{danger:'_1ozsxnc',information:'_1syw636',neutral:'_1bv99yb',primary:'_1yngap0',success:'jxfa16',warning:'_17spdcj'},variant:{strong:'hervoo',subtle:'bsap36'}}});
 
 export { badge };

package/dist/esm/packages/react/src/banner/Banner-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-rkoz_A4T.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-dMHm8aji.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-C-iiirtD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'gkliej']});
+var content = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'fald27']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

package/dist/esm/packages/react/src/block-document/BlockAction.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockAction({ children, onClick, ...props }) {
+  const { onEvent } = useBlockDocumentContext("@optiaxiom/react/BlockAction");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      justifyContent: "center",
+      onClick: () => {
+        if (!onClick) {
+          return;
+        }
+        onEvent(onClick);
+      },
+      size: "lg",
+      ...props,
+      children: children && /* @__PURE__ */ jsx(BlockElement, { element: children })
+    }
+  );
+}
+BlockAction.displayName = "@optiaxiom/react/BlockAction";
+
+export { BlockAction };

package/dist/esm/packages/react/src/block-document/BlockCancelAction.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
+import { Flex } from '../flex/Flex.js';
+import { Input } from '../input/Input.js';
+import '../input/InputAddon.js';
+import '../input/InputControl.js';
+import '../input/InputRoot.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockCancelAction({
+  children,
+  placeholder = "Tell Opal what to do instead"
+}) {
+  const { onCancelAction } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockCancelAction"
+  );
+  const [inputValue, setInputValue] = useState("");
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        onCancelAction?.(inputValue);
+      },
+      children: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "16", w: "full", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": "Cancellation reason",
+            onChange: (event) => setInputValue(event.target.value),
+            placeholder,
+            size: "lg",
+            value: inputValue,
+            w: "full"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { size: "lg", type: "submit", children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) })
+      ] })
+    }
+  );
+}
+BlockCancelAction.displayName = "@optiaxiom/react/BlockCancelAction";
+
+export { BlockCancelAction };

package/dist/esm/packages/react/src/block-document/BlockDocumentContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [BlockDocumentProvider, useBlockDocumentContext] = createContext("@optiaxiom/react/BlockDocument");
+
+export { BlockDocumentProvider, useBlockDocumentContext };

package/dist/esm/packages/react/src/block-document/BlockDocumentRenderer.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Card } from '../card/Card.js';
+import '../card/CardAction.js';
+import '../card/CardCheckbox.js';
+import '../card/CardFooter.js';
+import '../card/CardHeader.js';
+import '../card/CardImage.js';
+import '../card/CardLink.js';
+import '../card/CardPreview.js';
+import { Flex } from '../flex/Flex.js';
+import { useEffectEvent } from '../hooks/useEffectEvent.js';
+import '../field/FieldContext.js';
+import '../utils/conditions.js';
+import '../utils/isHoverSupported.js';
+import { BlockDocumentProvider } from './BlockDocumentContext.js';
+import { BlockElement } from './BlockElement.js';
+import { BlockDocumentSchema } from './schemas.js';
+
+function BlockDocumentRenderer({
+  data = {},
+  element: elementProp,
+  onCancelAction,
+  onDataChange,
+  onToolCall,
+  readOnly = false
+}) {
+  const [visibility, setVisibility] = useState({});
+  const result = BlockDocumentSchema.safeParse(elementProp);
+  if (!result.success) ;
+  return /* @__PURE__ */ jsx(
+    BlockDocumentProvider,
+    {
+      data,
+      onCancelAction,
+      onDataChange: useEffectEvent((name, value) => {
+        onDataChange?.({ ...data, [name]: value });
+      }),
+      onEvent: 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__ */ jsx(Card, { alignItems: "stretch", flexDirection: "column", gap: "16", w: "full", children: result.success && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(BlockElement, { element: result.data.children }),
+        result.data.actions && result.data.actions.length > 0 && !readOnly && /* @__PURE__ */ jsx(Flex, { gap: "16", w: "full", children: /* @__PURE__ */ jsx(BlockElement, { element: result.data.actions }) })
+      ] }) })
+    }
+  );
+}
+BlockDocumentRenderer.displayName = "@optiaxiom/react/BlockDocumentRenderer";
+
+export { BlockDocumentRenderer };

package/dist/esm/packages/react/src/block-document/BlockElement.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { BlockAction } from './BlockAction.js';
+import { BlockCancelAction } from './BlockCancelAction.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+import { BlockField } from './BlockField.js';
+import { BlockGroup } from './BlockGroup.js';
+import { BlockHeading } from './BlockHeading.js';
+import { BlockInput } from './BlockInput.js';
+import { BlockLink } from './BlockLink.js';
+import { BlockRange } from './BlockRange.js';
+import { BlockSelect } from './BlockSelect.js';
+import { BlockSelectContent } from './BlockSelectContent.js';
+import { BlockSelectTrigger } from './BlockSelectTrigger.js';
+import { BlockSeparator } from './BlockSeparator.js';
+import { BlockText } from './BlockText.js';
+import { BlockTextarea } from './BlockTextarea.js';
+import { BlockElementSchema } from './schemas.js';
+
+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__ */ jsx(Fragment, { children: elementProp.map((element2, index) => /* @__PURE__ */ 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__ */ jsx(BlockAction, { ...omitType(element) });
+    case "Block.CancelAction":
+      return /* @__PURE__ */ jsx(BlockCancelAction, { ...omitType(element) });
+    case "Block.Field":
+      return /* @__PURE__ */ jsx(BlockField, { ...omitType(element) });
+    case "Block.Group":
+      return /* @__PURE__ */ jsx(BlockGroup, { ...omitType(element) });
+    case "Block.Heading":
+      return /* @__PURE__ */ jsx(BlockHeading, { ...omitType(element) });
+    case "Block.Input":
+      return /* @__PURE__ */ jsx(BlockInput, { ...omitType(element) });
+    case "Block.Link":
+      return /* @__PURE__ */ jsx(BlockLink, { ...omitType(element) });
+    case "Block.Range":
+      return /* @__PURE__ */ jsx(BlockRange, { ...omitType(element) });
+    case "Block.Select":
+      return /* @__PURE__ */ jsx(BlockSelect, { ...omitType(element) });
+    case "Block.SelectContent":
+      return /* @__PURE__ */ jsx(BlockSelectContent, { ...omitType(element) });
+    case "Block.SelectTrigger":
+      return /* @__PURE__ */ jsx(BlockSelectTrigger, { ...omitType(element) });
+    case "Block.Separator":
+      return /* @__PURE__ */ jsx(BlockSeparator, { ...omitType(element) });
+    case "Block.Text":
+      return /* @__PURE__ */ jsx(BlockText, { ...omitType(element) });
+    case "Block.Textarea":
+      return /* @__PURE__ */ jsx(BlockTextarea, { ...omitType(element) });
+    default:
+      return null;
+  }
+};
+BlockElement.displayName = "@optiaxiom/react/BlockElement";
+const omitType = (obj) => {
+  const { $type: _$type, ...rest } = obj;
+  return rest;
+};
+
+export { BlockElement };

package/dist/esm/packages/react/src/block-document/BlockField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Field } from '../field/Field.js';
+import '../field/FieldLabel.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockField({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Field, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockField.displayName = "@optiaxiom/react/BlockField";
+
+export { BlockField };

package/dist/esm/packages/react/src/block-document/BlockGroup.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Group } from '../group/Group.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockGroup({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Group, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockGroup.displayName = "@optiaxiom/react/BlockGroup";
+
+export { BlockGroup };

package/dist/esm/packages/react/src/block-document/BlockHeading.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Heading } from '../heading/Heading.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockHeading({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockHeading.displayName = "@optiaxiom/react/BlockHeading";
+
+export { BlockHeading };

package/dist/esm/packages/react/src/block-document/BlockInput.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Input } from '../input/Input.js';
+import '../input/InputAddon.js';
+import '../input/InputControl.js';
+import '../input/InputRoot.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+
+function BlockInput({ onValueChange, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockInput"
+  );
+  return /* @__PURE__ */ jsx(
+    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";
+
+export { BlockInput };

package/dist/esm/packages/react/src/block-document/BlockLink.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Link } from '../link/Link.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockLink({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Link, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockLink.displayName = "@optiaxiom/react/BlockLink";
+
+export { BlockLink };

package/dist/esm/packages/react/src/block-document/BlockRange.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Range } from '../range/Range.js';
+
+function BlockRange(props) {
+  return /* @__PURE__ */ jsx(Range, { ...props });
+}
+BlockRange.displayName = "@optiaxiom/react/BlockRange";
+
+export { BlockRange };

package/dist/esm/packages/react/src/block-document/BlockSelect.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Select } from '../select/Select.js';
+import '../select/SelectContent.js';
+import '../select/SelectTrigger.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockSelect({ children, options, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockSelect"
+  );
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const value = props.name ? data[props.name] : options[0]?.value ?? "";
+  useEffect(() => {
+    const option = optionsRef.current.find((option2) => option2.value === value);
+    if (option?.execute) {
+      onEvent(option.execute, value);
+    }
+  }, [onEvent, value]);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ...props,
+      onValueChange: (value2) => {
+        if (readOnly) {
+          return;
+        }
+        if (props.name) {
+          onDataChange?.(props.name, value2);
+        }
+      },
+      options,
+      value,
+      children: children && /* @__PURE__ */ jsx(BlockElement, { element: children })
+    }
+  );
+}
+BlockSelect.displayName = "@optiaxiom/react/BlockSelect";
+
+export { BlockSelect };

package/dist/esm/packages/react/src/block-document/BlockSelectContent.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import '../select/Select.js';
+import { SelectContent } from '../select/SelectContent.js';
+import '../select/SelectTrigger.js';
+
+function BlockSelectContent(props) {
+  return /* @__PURE__ */ jsx(SelectContent, { ...props });
+}
+BlockSelectContent.displayName = "@optiaxiom/react/BlockSelectContent";
+
+export { BlockSelectContent };

package/dist/esm/packages/react/src/block-document/BlockSelectTrigger.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import '../select/Select.js';
+import '../select/SelectContent.js';
+import { SelectTrigger } from '../select/SelectTrigger.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockSelectTrigger({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectTrigger, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockSelectTrigger.displayName = "@optiaxiom/react/BlockSelectTrigger";
+
+export { BlockSelectTrigger };

package/dist/esm/packages/react/src/block-document/BlockSeparator.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Separator } from '../separator/Separator.js';
+
+function BlockSeparator(props) {
+  return /* @__PURE__ */ jsx(Separator, { ...props });
+}
+BlockSeparator.displayName = "@optiaxiom/react/BlockSeparator";
+
+export { BlockSeparator };

package/dist/esm/packages/react/src/block-document/BlockText.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../text/Text.js';
+import { BlockElement } from './BlockElement.js';
+
+function BlockText({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Text, { ...props, children: children && /* @__PURE__ */ jsx(BlockElement, { element: children }) });
+}
+BlockText.displayName = "@optiaxiom/react/BlockText";
+
+export { BlockText };

package/dist/esm/packages/react/src/block-document/BlockTextarea.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Textarea } from '../textarea/Textarea.js';
+import { useBlockDocumentContext } from './BlockDocumentContext.js';
+
+function BlockTextarea({ onValueChange, ...props }) {
+  const { data, onDataChange, onEvent, readOnly } = useBlockDocumentContext(
+    "@optiaxiom/react/BlockTextarea"
+  );
+  return /* @__PURE__ */ jsx(
+    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";
+
+export { BlockTextarea };