@storybook/addon-docs 10.3.0-alpha.12 → 10.3.0-alpha.14

package/dist/blocks.js

@@ -21,8 +21,8 @@ import { includeConditionalArg } from "storybook/internal/csf";
 import { DocumentIcon as DocumentIcon2, UndoIcon } from "@storybook/icons";
 
 // ../../../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs
-function isPrimitive(value2) {
-  return value2 == null || typeof value2 != "object" && typeof value2 != "function";
+function isPrimitive(value) {
+  return value == null || typeof value != "object" && typeof value != "function";
 }
 
 // ../../../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs
@@ -31,13 +31,13 @@ function isTypedArray(x2) {
 }
 
 // ../../../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
-function getSymbols(object2) {
-  return Object.getOwnPropertySymbols(object2).filter((symbol) => Object.prototype.propertyIsEnumerable.call(object2, symbol));
+function getSymbols(object) {
+  return Object.getOwnPropertySymbols(object).filter((symbol) => Object.prototype.propertyIsEnumerable.call(object, symbol));
 }
 
 // ../../../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
-function getTag(value2) {
-  return value2 == null ? value2 === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(value2);
+function getTag(value) {
+  return value == null ? value === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(value);
 }
 
 // ../../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
@@ -72,15 +72,15 @@ function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @
   if (valueToClone instanceof Map) {
     let result = /* @__PURE__ */ new Map();
     stack.set(valueToClone, result);
-    for (let [key, value2] of valueToClone)
-      result.set(key, cloneDeepWithImpl(value2, key, objectToClone, stack, cloneValue));
+    for (let [key, value] of valueToClone)
+      result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
     return result;
   }
   if (valueToClone instanceof Set) {
     let result = /* @__PURE__ */ new Set();
     stack.set(valueToClone, result);
-    for (let value2 of valueToClone)
-      result.add(cloneDeepWithImpl(value2, void 0, objectToClone, stack, cloneValue));
+    for (let value of valueToClone)
+      result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
     return result;
   }
   if (typeof Buffer < "u" && Buffer.isBuffer(valueToClone))
@@ -137,8 +137,8 @@ function copyProperties(target, source, objectToClone = target, stack, cloneValu
     (descriptor == null || descriptor.writable) && (target[key] = cloneDeepWithImpl(source[key], key, objectToClone, stack, cloneValue));
   }
 }
-function isCloneableObject(object2) {
-  switch (getTag(object2)) {
+function isCloneableObject(object) {
+  switch (getTag(object)) {
     case argumentsTag:
     case arrayTag:
     case arrayBufferTag:
@@ -176,8 +176,8 @@ function cloneDeep(obj) {
 function pickBy(obj, shouldPick) {
   let result = {}, keys = Object.keys(obj);
   for (let i2 = 0; i2 < keys.length; i2++) {
-    let key = keys[i2], value2 = obj[key];
-    shouldPick(value2, key) && (result[key] = value2);
+    let key = keys[i2], value = obj[key];
+    shouldPick(value, key) && (result[key] = value);
   }
   return result;
 }
@@ -657,16 +657,16 @@ var Label = styled.label(({ theme }) => ({
       textDecoration: "underline"
     }
   }
-})), parse = (value2) => value2 === "true", BooleanControl = ({
+})), parse = (value) => value === "true", BooleanControl = ({
   name,
-  value: value2,
+  value,
   onChange,
   onBlur,
   onFocus,
   argType
 }) => {
   let onSetFalse = useCallback(() => onChange(!1), [onChange]), readonly = !!argType?.table?.readonly;
-  if (value2 === void 0)
+  if (value === void 0)
     return React.createElement(
       Button,
       {
@@ -679,7 +679,7 @@ var Label = styled.label(({ theme }) => ({
       },
       "Set boolean"
     );
-  let controlId = getControlId(name), parsedValue = typeof value2 == "string" ? parse(value2) : value2;
+  let controlId = getControlId(name), parsedValue = typeof value == "string" ? parse(value) : value;
   return React.createElement(Label, { "aria-disabled": readonly, htmlFor: controlId, "aria-label": name }, React.createElement(
     "input",
     {
@@ -700,17 +700,17 @@ var Label = styled.label(({ theme }) => ({
 import React2, { useEffect, useRef, useState } from "react";
 import { Form } from "storybook/internal/components";
 import { styled as styled2 } from "storybook/theming";
-var parseDate = (value2) => {
-  let [year, month, day] = value2.split("-"), result = /* @__PURE__ */ new Date();
+var parseDate = (value) => {
+  let [year, month, day] = value.split("-"), result = /* @__PURE__ */ new Date();
   return result.setFullYear(parseInt(year, 10), parseInt(month, 10) - 1, parseInt(day, 10)), result;
-}, parseTime = (value2) => {
-  let [hours, minutes] = value2.split(":"), result = /* @__PURE__ */ new Date();
+}, parseTime = (value) => {
+  let [hours, minutes] = value.split(":"), result = /* @__PURE__ */ new Date();
   return result.setHours(parseInt(hours, 10)), result.setMinutes(parseInt(minutes, 10)), result;
-}, formatDate = (value2) => {
-  let date = new Date(value2), year = `000${date.getFullYear()}`.slice(-4), month = `0${date.getMonth() + 1}`.slice(-2), day = `0${date.getDate()}`.slice(-2);
+}, formatDate = (value) => {
+  let date = new Date(value), year = `000${date.getFullYear()}`.slice(-4), month = `0${date.getMonth() + 1}`.slice(-2), day = `0${date.getDate()}`.slice(-2);
   return `${year}-${month}-${day}`;
-}, formatTime = (value2) => {
-  let date = new Date(value2), hours = `0${date.getHours()}`.slice(-2), minutes = `0${date.getMinutes()}`.slice(-2);
+}, formatTime = (value) => {
+  let date = new Date(value), hours = `0${date.getHours()}`.slice(-2), minutes = `0${date.getMinutes()}`.slice(-2);
   return `${hours}:${minutes}`;
 }, FormInput = styled2(Form.Input)(({ theme }) => ({
   "&[readonly]": {
@@ -734,22 +734,22 @@ var parseDate = (value2) => {
   "div:last-of-type": {
     flex: 3
   }
-}), DateControl = ({ name, value: value2, onChange, onFocus, onBlur, argType }) => {
+}), DateControl = ({ name, value, onChange, onFocus, onBlur, argType }) => {
   let [valid, setValid] = useState(!0), dateRef = useRef(), timeRef = useRef(), readonly = !!argType?.table?.readonly;
   useEffect(() => {
-    valid !== !1 && (dateRef && dateRef.current && (dateRef.current.value = value2 ? formatDate(value2) : ""), timeRef && timeRef.current && (timeRef.current.value = value2 ? formatTime(value2) : ""));
-  }, [value2]);
+    valid !== !1 && (dateRef && dateRef.current && (dateRef.current.value = value ? formatDate(value) : ""), timeRef && timeRef.current && (timeRef.current.value = value ? formatTime(value) : ""));
+  }, [value]);
   let onDateChange = (e2) => {
     if (!e2.target.value)
       return onChange();
-    let parsed = parseDate(e2.target.value), result = new Date(value2 ?? "");
+    let parsed = parseDate(e2.target.value), result = new Date(value ?? "");
     result.setFullYear(parsed.getFullYear(), parsed.getMonth(), parsed.getDate());
     let time = result.getTime();
     time && onChange(time), setValid(!!time);
   }, onTimeChange = (e2) => {
     if (!e2.target.value)
       return onChange();
-    let parsed = parseTime(e2.target.value), result = new Date(value2 ?? "");
+    let parsed = parseTime(e2.target.value), result = new Date(value ?? "");
     result.setHours(parsed.getHours()), result.setMinutes(parsed.getMinutes());
     let time = result.getTime();
     time && onChange(time), setValid(!!time);
@@ -788,14 +788,14 @@ import { Button as Button2, Form as Form2 } from "storybook/internal/components"
 import { styled as styled3 } from "storybook/theming";
 var Wrapper = styled3.label({
   display: "flex"
-}), parse2 = (value2) => {
-  let result = parseFloat(value2);
+}), parse2 = (value) => {
+  let result = parseFloat(value);
   return Number.isNaN(result) ? void 0 : result;
-}, format = (value2) => value2 != null ? String(value2) : "", FormInput2 = styled3(Form2.Input)(({ theme }) => ({
+}, format = (value) => value != null ? String(value) : "", FormInput2 = styled3(Form2.Input)(({ theme }) => ({
   background: theme.base === "light" ? theme.color.lighter : "transparent"
 })), NumberControl = ({
   name,
-  value: value2,
+  value,
   onChange,
   min,
   max,
@@ -804,7 +804,7 @@ var Wrapper = styled3.label({
   onFocus,
   argType
 }) => {
-  let [inputValue, setInputValue] = useState2(typeof value2 == "number" ? value2 : ""), [forceVisible, setForceVisible] = useState2(!1), [parseError, setParseError] = useState2(null), readonly = !!argType?.table?.readonly, handleChange = useCallback2(
+  let [inputValue, setInputValue] = useState2(typeof value == "number" ? value : ""), [forceVisible, setForceVisible] = useState2(!1), [parseError, setParseError] = useState2(null), readonly = !!argType?.table?.readonly, handleChange = useCallback2(
     (event) => {
       setInputValue(event.target.value);
       let result = parseFloat(event.target.value);
@@ -822,9 +822,9 @@ var Wrapper = styled3.label({
   return useEffect2(() => {
     forceVisible && htmlElRef.current && htmlElRef.current.select();
   }, [forceVisible]), useEffect2(() => {
-    let newInputValue = typeof value2 == "number" ? value2 : "";
+    let newInputValue = typeof value == "number" ? value : "";
     inputValue !== newInputValue && setInputValue(newInputValue);
-  }, [value2]), value2 === void 0 ? React3.createElement(
+  }, [value]), value === void 0 ? React3.createElement(
     Button2,
     {
       ariaLabel: !1,
@@ -867,10 +867,10 @@ import { logger } from "storybook/internal/client-logger";
 import { styled as styled4 } from "storybook/theming";
 
 // src/blocks/controls/options/helpers.ts
-var selectedKey = (value2, options) => {
-  let entry = options && Object.entries(options).find(([_key, val]) => val === value2);
+var selectedKey = (value, options) => {
+  let entry = options && Object.entries(options).find(([_key, val]) => val === value);
   return entry ? entry[0] : void 0;
-}, selectedKeys = (value2, options) => value2 && options ? Object.entries(options).filter((entry) => value2.includes(entry[1])).map((entry) => entry[0]) : [], selectedValues = (keys, options) => keys && options && keys.map((key) => options[key]);
+}, selectedKeys = (value, options) => value && options ? Object.entries(options).filter((entry) => value.includes(entry[1])).map((entry) => entry[0]) : [], selectedValues = (keys, options) => keys && options && keys.map((key) => options[key]);
 
 // src/blocks/controls/options/Checkbox.tsx
 var Wrapper2 = styled4.fieldset(
@@ -908,20 +908,20 @@ var Wrapper2 = styled4.fieldset(
 })), CheckboxControl = ({
   name,
   options,
-  value: value2,
+  value,
   onChange,
   isInline,
   argType
 }) => {
   if (!options)
     return logger.warn(`Checkbox with no options: ${name}`), React4.createElement(React4.Fragment, null, "-");
-  let initial2 = selectedKeys(value2 || [], options), [selected, setSelected] = useState3(initial2), readonly = !!argType?.table?.readonly, handleChange = (e2) => {
+  let initial2 = selectedKeys(value || [], options), [selected, setSelected] = useState3(initial2), readonly = !!argType?.table?.readonly, handleChange = (e2) => {
     let option = e2.target.value, updated = [...selected];
     updated.includes(option) ? updated.splice(updated.indexOf(option), 1) : updated.push(option), onChange(selectedValues(updated, options)), setSelected(updated);
   };
   useEffect3(() => {
-    setSelected(selectedKeys(value2 || [], options));
-  }, [value2]);
+    setSelected(selectedKeys(value || [], options));
+  }, [value]);
   let controlId = getControlId(name);
   return React4.createElement(Wrapper2, { $isInline: isInline }, React4.createElement("legend", { className: "sb-sr-only" }, name), Object.keys(options).map((key, index) => {
     let id = `${controlId}-${index}`;
@@ -979,14 +979,14 @@ var Wrapper3 = styled5.fieldset(
 })), RadioControl = ({
   name,
   options,
-  value: value2,
+  value,
   onChange,
   isInline,
   argType
 }) => {
   if (!options)
     return logger2.warn(`Radio with no options: ${name}`), React5.createElement(React5.Fragment, null, "-");
-  let selection = selectedKey(value2, options), controlId = getControlId(name), readonly = !!argType?.table?.readonly;
+  let selection = selectedKey(value, options), controlId = getControlId(name), readonly = !!argType?.table?.readonly;
   return React5.createElement(Wrapper3, { isInline }, React5.createElement("legend", { className: "sb-sr-only" }, name), Object.keys(options).map((key, index) => {
     let id = `${controlId}-${index}`;
     return React5.createElement(Label3, { key: id, htmlFor: id, $readOnly: readonly }, React5.createElement(
@@ -1080,16 +1080,16 @@ var styleResets = {
       fill: theme.textMutedColor
     }
   }
-})), NO_SELECTION = "Choose option...", SingleSelect = ({ name, value: value2, options, onChange, argType }) => {
+})), NO_SELECTION = "Choose option...", SingleSelect = ({ name, value, options, onChange, argType }) => {
   let handleChange = (e2) => {
     onChange(options[e2.currentTarget.value]);
-  }, selection = selectedKey(value2, options) || NO_SELECTION, controlId = getControlId(name), readonly = !!argType?.table?.readonly;
+  }, selection = selectedKey(value, options) || NO_SELECTION, controlId = getControlId(name), readonly = !!argType?.table?.readonly;
   return React6.createElement(SelectWrapper, null, React6.createElement(ChevronSmallDownIcon, null), React6.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React6.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React6.createElement("option", { disabled: selection === NO_SELECTION, key: "no-selection" }, NO_SELECTION), Object.keys(options).map((key) => React6.createElement("option", { key, value: key }, key))));
-}, MultiSelect = ({ name, value: value2, options, onChange, argType }) => {
+}, MultiSelect = ({ name, value, options, onChange, argType }) => {
   let handleChange = (e2) => {
     let selection2 = Array.from(e2.currentTarget.options).filter((option) => option.selected).map((option) => option.value);
     onChange(selectedValues(selection2, options));
-  }, selection = selectedKeys(value2, options), controlId = getControlId(name), readonly = !!argType?.table?.readonly;
+  }, selection = selectedKeys(value, options), controlId = getControlId(name), readonly = !!argType?.table?.readonly;
   return React6.createElement(SelectWrapper, null, React6.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React6.createElement(
     OptionsSelect,
     {
@@ -1130,7 +1130,7 @@ var normalizeOptions = (options, labels) => Array.isArray(options) ? options.red
 // src/blocks/controls/Object.tsx
 import React11, { useCallback as useCallback3, useEffect as useEffect4, useMemo, useRef as useRef3, useState as useState4 } from "react";
 import { Button as Button3, Form as Form3, ToggleButton } from "storybook/internal/components";
-import { AddIcon, SubtractIcon } from "@storybook/icons";
+import { AddIcon, EditIcon, SubtractIcon } from "@storybook/icons";
 import { styled as styled8, useTheme } from "storybook/theming";
 
 // src/blocks/controls/react-editable-json-tree/index.tsx
@@ -1221,7 +1221,7 @@ function JsonNodeAccordion({
   ), React8.createElement(
     Region,
     {
-      role: "region",
+      role: "group",
       id: ids.region,
       "aria-labelledby": ids.trigger,
       className: "rejt-accordion-region"
@@ -1390,11 +1390,11 @@ var JsonArray = class extends Component {
       addFormVisible: !1
     });
   }
-  handleEditValue({ key, value: value2 }) {
+  handleEditValue({ key, value }) {
     return new Promise((resolve, reject) => {
       let { beforeUpdateAction } = this.props, { data, keyPath, nextDeep: deep } = this.state, oldValue = data[key];
-      (beforeUpdateAction || Promise.resolve.bind(Promise))(key, keyPath, deep, oldValue, value2).then(() => {
-        data[key] = value2, this.setState({
+      (beforeUpdateAction || Promise.resolve.bind(Promise))(key, keyPath, deep, oldValue, value).then(() => {
+        data[key] = value, this.setState({
           data
         });
         let { onUpdate, onDeltaUpdate } = this.props;
@@ -1403,20 +1403,19 @@ var JsonArray = class extends Component {
           keyPath,
           deep,
           key,
-          newValue: value2,
+          newValue: value,
           oldValue
         }), resolve(void 0);
       }).catch(reject);
     });
   }
   renderCollapsed() {
-    let { name, data, keyPath, deep } = this.state, { handleRemove, readOnly, getStyle, dataType, minusMenuElement } = this.props, { minus, collapsed } = getStyle(name, data, keyPath, deep, dataType), isReadOnly = readOnly(name, data, keyPath, deep, dataType), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
+    let { name, data, keyPath, deep } = this.state, { handleRemove, readOnly, dataType, minusMenuElement } = this.props, isReadOnly = readOnly(name, data, keyPath, deep, dataType), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
       onClick: handleRemove,
       className: "rejt-minus-menu",
-      style: minus,
       "aria-label": `remove the array '${String(name)}'`
     });
-    return React9.createElement(React9.Fragment, null, React9.createElement("span", { style: collapsed }, "[...] ", data.length, " ", data.length === 1 ? "item" : "items"), !isReadOnly && removeItemButton);
+    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-collapsed-value" }, "[...] ", data.length, " ", data.length === 1 ? "item" : "items"), !isReadOnly && removeItemButton);
   }
   renderNotCollapsed() {
     let { name, data, keyPath, deep, addFormVisible, nextDeep } = this.state, {
@@ -1424,7 +1423,6 @@ var JsonArray = class extends Component {
       handleRemove,
       onDeltaUpdate,
       readOnly,
-      getStyle,
       dataType,
       addButtonElement,
       cancelButtonElement,
@@ -1437,18 +1435,16 @@ var JsonArray = class extends Component {
       beforeUpdateAction,
       logger: logger4,
       onSubmitValueParser
-    } = this.props, { minus, plus, delimiter, ul, addForm } = getStyle(name, data, keyPath, deep, dataType), isReadOnly = readOnly(name, data, keyPath, deep, dataType), addItemButton = plusMenuElement && cloneElement2(plusMenuElement, {
+    } = this.props, isReadOnly = readOnly(name, data, keyPath, deep, dataType), addItemButton = plusMenuElement && cloneElement2(plusMenuElement, {
       onClick: this.handleAddMode,
       className: "rejt-plus-menu",
-      style: plus,
       "aria-label": `add a new item to the '${String(name)}' array`
     }), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
       onClick: handleRemove,
       className: "rejt-minus-menu",
-      style: minus,
       "aria-label": `remove the array '${String(name)}'`
     });
-    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-not-collapsed-delimiter", style: delimiter }, "["), !addFormVisible && addItemButton, React9.createElement("ul", { className: "rejt-not-collapsed-list", style: ul }, data.map((item, index) => React9.createElement(
+    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-not-collapsed-delimiter" }, "["), !addFormVisible && addItemButton, React9.createElement("ul", { className: "rejt-not-collapsed-list" }, data.map((item, index) => React9.createElement(
       JsonNode,
       {
         key: index,
@@ -1462,7 +1458,6 @@ var JsonArray = class extends Component {
         onUpdate: this.onChildUpdate,
         onDeltaUpdate,
         readOnly,
-        getStyle,
         addButtonElement,
         cancelButtonElement,
         inputElementGenerator,
@@ -1475,7 +1470,7 @@ var JsonArray = class extends Component {
         logger: logger4,
         onSubmitValueParser
       }
-    ))), !isReadOnly && addFormVisible && React9.createElement("div", { className: "rejt-add-form", style: addForm }, React9.createElement(
+    ))), !isReadOnly && addFormVisible && React9.createElement("div", { className: "rejt-add-form" }, React9.createElement(
       JsonAddValue,
       {
         handleAdd: this.handleAddValueAdd,
@@ -1488,10 +1483,10 @@ var JsonArray = class extends Component {
         deep,
         onSubmitValueParser
       }
-    )), React9.createElement("span", { className: "rejt-not-collapsed-delimiter", style: delimiter }, "]"), !isReadOnly && removeItemButton);
+    )), React9.createElement("span", { className: "rejt-not-collapsed-delimiter" }, "]"), !isReadOnly && removeItemButton);
   }
   render() {
-    let { name, collapsed, keyPath, deep } = this.state, value2 = collapsed ? this.renderCollapsed() : this.renderNotCollapsed();
+    let { name, collapsed, keyPath, deep } = this.state, value = collapsed ? this.renderCollapsed() : this.renderNotCollapsed();
     return React9.createElement(
       JsonNodeAccordion,
       {
@@ -1501,7 +1496,7 @@ var JsonArray = class extends Component {
         keyPath,
         onClick: this.handleCollapseMode
       },
-      value2
+      value
     );
   }
 };
@@ -1528,7 +1523,7 @@ var JsonFunctionValue = class extends Component {
     return props.value !== state.value ? { value: props.value } : null;
   }
   componentDidUpdate() {
-    let { editEnabled, inputRef, name, value: value2, keyPath, deep } = this.state, { readOnly, dataType } = this.props, readOnlyResult = readOnly(name, value2, keyPath, deep, dataType);
+    let { editEnabled, inputRef, name, value, keyPath, deep } = this.state, { readOnly, dataType } = this.props, readOnlyResult = readOnly(name, value, keyPath, deep, dataType);
     editEnabled && !readOnlyResult && typeof inputRef.focus == "function" && inputRef.focus();
   }
   onKeydown(event) {
@@ -1561,16 +1556,15 @@ var JsonFunctionValue = class extends Component {
     });
   }
   render() {
-    let { name, value: value2, editEnabled, keyPath, deep } = this.state, {
+    let { name, value, editEnabled, keyPath, deep } = this.state, {
       handleRemove,
       originalValue,
       readOnly,
       dataType,
-      getStyle,
       textareaElementGenerator,
       minusMenuElement,
       keyPath: comeFromKeyPath = []
-    } = this.props, style = getStyle(name, originalValue, keyPath, deep, dataType), result = null, minusElement = null, resultOnlyResult = readOnly(name, originalValue, keyPath, deep, dataType);
+    } = this.props, result = null, minusElement = null, resultOnlyResult = readOnly(name, originalValue, keyPath, deep, dataType);
     if (editEnabled && !resultOnlyResult) {
       let textareaElement = textareaElementGenerator(
         VALUE,
@@ -1581,29 +1575,20 @@ var JsonFunctionValue = class extends Component {
         dataType
       ), textareaElementLayout = cloneElement2(textareaElement, {
         ref: this.refInput,
-        defaultValue: value2,
+        defaultValue: value,
         onKeyDown: this.onKeydown
       });
-      result = React9.createElement("span", { className: "rejt-edit-form", style: style.editForm }, textareaElementLayout), minusElement = null;
+      result = React9.createElement("span", { className: "rejt-edit-form" }, textareaElementLayout), minusElement = null;
     } else {
-      result = React9.createElement(
-        "span",
-        {
-          className: "rejt-value",
-          style: style.value,
-          onClick: resultOnlyResult ? void 0 : this.handleEditMode
-        },
-        value2
-      );
+      result = React9.createElement("span", { className: "rejt-value", onClick: resultOnlyResult ? void 0 : this.handleEditMode }, value);
       let parentPropertyName = comeFromKeyPath.at(-1), minusMenuLayout = minusMenuElement && cloneElement2(minusMenuElement, {
         onClick: handleRemove,
         className: "rejt-minus-menu",
-        style: style.minus,
         "aria-label": `remove the function '${String(name)}'${String(parentPropertyName) ? ` from '${String(parentPropertyName)}'` : ""}`
       });
       minusElement = resultOnlyResult ? null : minusMenuLayout;
     }
-    return React9.createElement("li", { className: "rejt-value-node", style: style.li }, React9.createElement("span", { className: "rejt-name", style: style.name }, name, " :", " "), result, minusElement);
+    return React9.createElement("li", { className: "rejt-value-node" }, React9.createElement("span", { className: "rejt-name" }, name, " : "), result, minusElement);
   }
 };
 JsonFunctionValue.defaultProps = {
@@ -1634,7 +1619,6 @@ var JsonNode = class extends Component {
       onUpdate,
       onDeltaUpdate,
       readOnly,
-      getStyle,
       addButtonElement,
       cancelButtonElement,
       inputElementGenerator,
@@ -1662,7 +1646,6 @@ var JsonNode = class extends Component {
             onDeltaUpdate,
             readOnly: readOnlyTrue,
             dataType,
-            getStyle,
             addButtonElement,
             cancelButtonElement,
             inputElementGenerator,
@@ -1690,7 +1673,6 @@ var JsonNode = class extends Component {
             onDeltaUpdate,
             readOnly,
             dataType,
-            getStyle,
             addButtonElement,
             cancelButtonElement,
             inputElementGenerator,
@@ -1718,7 +1700,6 @@ var JsonNode = class extends Component {
             onDeltaUpdate,
             readOnly,
             dataType,
-            getStyle,
             addButtonElement,
             cancelButtonElement,
             inputElementGenerator,
@@ -1745,7 +1726,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1766,7 +1746,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1787,7 +1766,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1808,7 +1786,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly: readOnlyTrue,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1829,7 +1806,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1850,7 +1826,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1871,7 +1846,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly,
             dataType,
-            getStyle,
             cancelButtonElement,
             textareaElementGenerator,
             minusMenuElement,
@@ -1892,7 +1866,6 @@ var JsonNode = class extends Component {
             handleUpdateValue,
             readOnly: readOnlyTrue,
             dataType,
-            getStyle,
             cancelButtonElement,
             inputElementGenerator,
             minusMenuElement,
@@ -1982,11 +1955,11 @@ var JsonObject = class extends Component {
       collapsed: !state.collapsed
     }));
   }
-  handleEditValue({ key, value: value2 }) {
+  handleEditValue({ key, value }) {
     return new Promise((resolve, reject) => {
       let { beforeUpdateAction } = this.props, { data, keyPath = [], nextDeep: deep } = this.state, oldValue = data[key];
-      (beforeUpdateAction || Promise.resolve.bind(Promise))(key, keyPath, deep, oldValue, value2).then(() => {
-        data[key] = value2, this.setState({
+      (beforeUpdateAction || Promise.resolve.bind(Promise))(key, keyPath, deep, oldValue, value).then(() => {
+        data[key] = value, this.setState({
           data
         });
         let { onUpdate, onDeltaUpdate } = this.props;
@@ -1995,20 +1968,19 @@ var JsonObject = class extends Component {
           keyPath,
           deep,
           key,
-          newValue: value2,
+          newValue: value,
           oldValue
         }), resolve();
       }).catch(reject);
     });
   }
   renderCollapsed() {
-    let { name, keyPath, deep, data } = this.state, { handleRemove, readOnly, dataType, getStyle, minusMenuElement } = this.props, { minus, collapsed } = getStyle(name, data, keyPath, deep, dataType), keyList = Object.getOwnPropertyNames(data), isReadOnly = readOnly(name, data, keyPath, deep, dataType), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
+    let { name, keyPath, deep, data } = this.state, { handleRemove, readOnly, dataType, minusMenuElement } = this.props, keyList = Object.getOwnPropertyNames(data), isReadOnly = readOnly(name, data, keyPath, deep, dataType), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
       onClick: handleRemove,
       className: "rejt-minus-menu",
-      style: minus,
       "aria-label": `remove the object '${String(name)}'`
     });
-    return React9.createElement(React9.Fragment, null, React9.createElement("span", { style: collapsed }, "{...}", " ", keyList.length, " ", keyList.length === 1 ? "key" : "keys"), !isReadOnly && removeItemButton);
+    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-collapsed-value" }, "{...}", " ", keyList.length, " ", keyList.length === 1 ? "key" : "keys"), !isReadOnly && removeItemButton);
   }
   renderNotCollapsed() {
     let { name, data, keyPath, deep, nextDeep, addFormVisible } = this.state, {
@@ -2016,7 +1988,6 @@ var JsonObject = class extends Component {
       handleRemove,
       onDeltaUpdate,
       readOnly,
-      getStyle,
       dataType,
       addButtonElement,
       cancelButtonElement,
@@ -2029,15 +2000,13 @@ var JsonObject = class extends Component {
       beforeUpdateAction,
       logger: logger4,
       onSubmitValueParser
-    } = this.props, { minus, plus, addForm, ul, delimiter } = getStyle(name, data, keyPath, deep, dataType), keyList = Object.getOwnPropertyNames(data), isReadOnly = readOnly(name, data, keyPath, deep, dataType), addItemButton = plusMenuElement && cloneElement2(plusMenuElement, {
+    } = this.props, keyList = Object.getOwnPropertyNames(data), isReadOnly = readOnly(name, data, keyPath, deep, dataType), addItemButton = plusMenuElement && cloneElement2(plusMenuElement, {
       onClick: this.handleAddMode,
       className: "rejt-plus-menu",
-      style: plus,
       "aria-label": `add a new property to the object '${String(name)}'`
     }), removeItemButton = minusMenuElement && cloneElement2(minusMenuElement, {
       onClick: handleRemove,
       className: "rejt-minus-menu",
-      style: minus,
       "aria-label": `remove the object '${String(name)}'`
     }), list = keyList.map((key) => React9.createElement(
       JsonNode,
@@ -2053,7 +2022,6 @@ var JsonObject = class extends Component {
         onUpdate: this.onChildUpdate,
         onDeltaUpdate,
         readOnly,
-        getStyle,
         addButtonElement,
         cancelButtonElement,
         inputElementGenerator,
@@ -2067,7 +2035,7 @@ var JsonObject = class extends Component {
         onSubmitValueParser
       }
     ));
-    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-not-collapsed-delimiter", style: delimiter }, "{"), !isReadOnly && addItemButton, React9.createElement("ul", { className: "rejt-not-collapsed-list", style: ul }, list), !isReadOnly && addFormVisible && React9.createElement("div", { className: "rejt-add-form", style: addForm }, React9.createElement(
+    return React9.createElement(React9.Fragment, null, React9.createElement("span", { className: "rejt-not-collapsed-delimiter" }, "{"), !isReadOnly && addItemButton, React9.createElement("ul", { className: "rejt-not-collapsed-list" }, list), !isReadOnly && addFormVisible && React9.createElement("div", { className: "rejt-add-form" }, React9.createElement(
       JsonAddValue,
       {
         handleAdd: this.handleAddValueAdd,
@@ -2079,10 +2047,10 @@ var JsonObject = class extends Component {
         deep,
         onSubmitValueParser
       }
-    )), React9.createElement("span", { className: "rejt-not-collapsed-delimiter", style: delimiter }, "}"), !isReadOnly && removeItemButton);
+    )), React9.createElement("span", { className: "rejt-not-collapsed-delimiter" }, "}"), !isReadOnly && removeItemButton);
   }
   render() {
-    let { name, collapsed, keyPath, deep = 0 } = this.state, value2 = collapsed ? this.renderCollapsed() : this.renderNotCollapsed();
+    let { name, collapsed, keyPath, deep = 0 } = this.state, value = collapsed ? this.renderCollapsed() : this.renderNotCollapsed();
     return React9.createElement(
       JsonNodeAccordion,
       {
@@ -2092,7 +2060,7 @@ var JsonObject = class extends Component {
         keyPath,
         onClick: this.handleCollapseMode
       },
-      value2
+      value
     );
   }
 };
@@ -2119,7 +2087,7 @@ var JsonValue = class extends Component {
     return props.value !== state.value ? { value: props.value } : null;
   }
   componentDidUpdate() {
-    let { editEnabled, inputRef, name, value: value2, keyPath, deep } = this.state, { readOnly, dataType } = this.props, isReadOnly = readOnly(name, value2, keyPath, deep, dataType);
+    let { editEnabled, inputRef, name, value, keyPath, deep } = this.state, { readOnly, dataType } = this.props, isReadOnly = readOnly(name, value, keyPath, deep, dataType);
     editEnabled && !isReadOnly && typeof inputRef.focus == "function" && inputRef.focus();
   }
   onKeydown(event) {
@@ -2152,16 +2120,15 @@ var JsonValue = class extends Component {
     });
   }
   render() {
-    let { name, value: value2, editEnabled, keyPath, deep } = this.state, {
+    let { name, value, editEnabled, keyPath, deep } = this.state, {
       handleRemove,
       originalValue,
       readOnly,
       dataType,
-      getStyle,
       inputElementGenerator,
       minusMenuElement,
       keyPath: comeFromKeyPath
-    } = this.props, style = getStyle(name, originalValue, keyPath, deep, dataType), isReadOnly = readOnly(name, originalValue, keyPath, deep, dataType), isEditing = editEnabled && !isReadOnly, inputElement = inputElementGenerator(
+    } = this.props, isReadOnly = readOnly(name, originalValue, keyPath, deep, dataType), isEditing = editEnabled && !isReadOnly, inputElement = inputElementGenerator(
       VALUE,
       comeFromKeyPath,
       deep,
@@ -2175,18 +2142,9 @@ var JsonValue = class extends Component {
     }), parentPropertyName = keyPath.at(-2), minusMenuLayout = minusMenuElement && cloneElement2(minusMenuElement, {
       onClick: handleRemove,
       className: "rejt-minus-menu",
-      style: style.minus,
       "aria-label": `remove the property '${String(name)}' with value '${String(originalValue)}'${String(parentPropertyName) ? ` from '${String(parentPropertyName)}'` : ""}`
     });
-    return React9.createElement("li", { className: "rejt-value-node", style: style.li }, React9.createElement("span", { className: "rejt-name", style: style.name }, name, " : "), isEditing ? React9.createElement("span", { className: "rejt-edit-form", style: style.editForm }, inputElementLayout) : React9.createElement(
-      "span",
-      {
-        className: "rejt-value",
-        style: style.value,
-        onClick: isReadOnly ? void 0 : this.handleEditMode
-      },
-      String(value2)
-    ), !isReadOnly && !isEditing && minusMenuLayout);
+    return React9.createElement("li", { className: "rejt-value-node" }, React9.createElement("span", { className: "rejt-name" }, name, " : "), isEditing ? React9.createElement("span", { className: "rejt-edit-form" }, inputElementLayout) : React9.createElement("span", { className: "rejt-value", onClick: isReadOnly ? void 0 : this.handleEditMode }, String(value)), !isReadOnly && !isEditing && minusMenuLayout);
   }
 };
 JsonValue.defaultProps = {
@@ -2209,65 +2167,6 @@ function parse3(string) {
   return result;
 }
 
-// src/blocks/controls/react-editable-json-tree/utils/styles.ts
-var object = {
-  minus: {
-    color: "red"
-  },
-  plus: {
-    color: "green"
-  },
-  collapsed: {
-    color: "grey"
-  },
-  delimiter: {},
-  ul: {
-    padding: "0px",
-    margin: "0 0 0 25px",
-    listStyle: "none"
-  },
-  name: {
-    color: "#2287CD"
-  },
-  addForm: {}
-}, array = {
-  minus: {
-    color: "red"
-  },
-  plus: {
-    color: "green"
-  },
-  collapsed: {
-    color: "grey"
-  },
-  delimiter: {},
-  ul: {
-    padding: "0px",
-    margin: "0 0 0 25px",
-    listStyle: "none"
-  },
-  name: {
-    color: "#2287CD"
-  },
-  addForm: {}
-}, value = {
-  minus: {
-    color: "red"
-  },
-  editForm: {},
-  value: {
-    color: "#7bba3d"
-  },
-  li: {
-    minHeight: "22px",
-    lineHeight: "22px",
-    outline: "0px"
-  },
-  name: {
-    color: "#2287CD"
-  }
-};
-
 // src/blocks/controls/react-editable-json-tree/index.tsx
 var JsonTree = class extends Component2 {
   constructor(props) {
@@ -2293,7 +2192,6 @@ var JsonTree = class extends Component2 {
       isCollapsed,
       onDeltaUpdate,
       readOnly,
-      getStyle,
       addButtonElement,
       cancelButtonElement,
       inputElement,
@@ -2322,7 +2220,6 @@ var JsonTree = class extends Component2 {
         onDeltaUpdate: onDeltaUpdate ?? (() => {
         }),
         readOnly: readOnlyFunction,
-        getStyle: getStyle ?? (() => ({})),
         addButtonElement,
         cancelButtonElement,
         inputElementGenerator: inputElementFunction,
@@ -2342,17 +2239,6 @@ var JsonTree = class extends Component2 {
 JsonTree.defaultProps = {
   rootName: "root",
   isCollapsed: (keyPath, deep) => deep !== -1,
-  getStyle: (keyName, data, keyPath, deep, dataType) => {
-    switch (dataType) {
-      case "Object":
-      case "Error":
-        return object;
-      case "Array":
-        return array;
-      default:
-        return value;
-    }
-  },
   readOnly: () => !1,
   onFullyUpdate: () => {
   },
@@ -2374,7 +2260,9 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
   position: "relative",
   display: "flex",
   isolation: "isolate",
+  gap: 8,
   ".rejt-tree": {
+    flex: 1,
     marginLeft: "1rem",
     fontSize: "13px",
     listStyleType: "none"
@@ -2392,8 +2280,14 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
     alignItems: "center"
   },
   ".rejt-name": {
+    color: theme.color.secondary,
     lineHeight: "22px"
   },
+  ".rejt-not-collapsed-list": {
+    listStyle: "none",
+    margin: "0 0 0 1rem",
+    padding: 0
+  },
   ".rejt-not-collapsed-delimiter": {
     lineHeight: "22px"
   },
@@ -2409,6 +2303,9 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
   ".rejt-value-node:hover > .rejt-value": {
     background: theme.base === "light" ? theme.color.lighter : "hsl(0 0 100 / 0.02)",
     borderColor: theme.appBorderColor
+  },
+  ".rejt-collapsed-value": {
+    color: theme.color.defaultText
   }
 })), ButtonInline = styled8.button(({ theme, primary }) => ({
   border: 0,
@@ -2463,10 +2360,9 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
     border: `1px solid ${theme.color.secondary}`
   }
 })), RawButton = styled8(ToggleButton)({
-  position: "absolute",
-  zIndex: 2,
-  top: 2,
-  right: 2
+  alignSelf: "flex-start",
+  order: 2,
+  marginRight: -10
 }), RawInput = styled8(Form3.Textarea)(({ theme }) => ({
   flex: 1,
   padding: "7px 6px",
@@ -2490,23 +2386,8 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
   event.currentTarget.dispatchEvent(new globalWindow.KeyboardEvent("keydown", ENTER_EVENT));
 }, selectValue = (event) => {
   event.currentTarget.select();
-}, getCustomStyleFunction = (theme) => () => ({
-  name: {
-    color: theme.color.secondary
-  },
-  collapsed: {
-    color: theme.color.dark
-  },
-  ul: {
-    listStyle: "none",
-    margin: "0 0 0 1rem",
-    padding: 0
-  },
-  li: {
-    outline: 0
-  }
-}), ObjectControl = ({ name, value: value2, onChange, argType }) => {
-  let theme = useTheme(), data = useMemo(() => value2 && cloneDeep(value2), [value2]), hasData = data != null, [showRaw, setShowRaw] = useState4(!hasData), [parseError, setParseError] = useState4(null), readonly = !!argType?.table?.readonly, updateRaw = useCallback3(
+}, ObjectControl = ({ name, value, onChange, argType }) => {
+  let theme = useTheme(), data = useMemo(() => value && cloneDeep(value), [value]), hasData = data != null, [showRaw, setShowRaw] = useState4(!hasData), [parseError, setParseError] = useState4(null), readonly = !!argType?.table?.readonly, updateRaw = useCallback3(
     (raw) => {
       try {
         raw && onChange(JSON.parse(raw)), setParseError(null);
@@ -2517,7 +2398,7 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
     [onChange]
   ), [forceVisible, setForceVisible] = useState4(!1), onForceVisible = useCallback3(() => {
     onChange({}), setForceVisible(!0);
-  }, [setForceVisible]), htmlElRef = useRef3(null);
+  }, [onChange, setForceVisible]), htmlElRef = useRef3(null);
   useEffect4(() => {
     forceVisible && htmlElRef.current && htmlElRef.current.select();
   }, [forceVisible]);
@@ -2548,18 +2429,21 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
       valid: parseError ? "error" : void 0,
       readOnly: readonly
     }
-  ), isObjectOrArray = Array.isArray(value2) || typeof value2 == "object" && value2?.constructor === Object;
+  ), isObjectOrArray = Array.isArray(value) || typeof value == "object" && value?.constructor === Object;
   return React11.createElement(Wrapper4, null, isObjectOrArray && React11.createElement(
     RawButton,
     {
       disabled: readonly,
       pressed: showRaw,
-      ariaLabel: `Edit the ${name} properties in JSON format`,
+      ariaLabel: `Edit ${name} as JSON`,
       onClick: (e2) => {
         e2.preventDefault(), setShowRaw((isRaw) => !isRaw);
-      }
+      },
+      variant: "ghost",
+      padding: "small",
+      size: "small"
     },
-    "Edit JSON"
+    React11.createElement(EditIcon, null)
   ), showRaw ? rawJSONForm : React11.createElement(
     JsonTree,
     {
@@ -2571,7 +2455,6 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
       data,
       rootName: name,
       onFullyUpdate: onChange,
-      getStyle: getCustomStyleFunction(theme),
       cancelButtonElement: React11.createElement(ButtonInline, { type: "button" }, "Cancel"),
       addButtonElement: React11.createElement(ButtonInline, { type: "submit", primary: !0 }, "Save"),
       plusMenuElement: React11.createElement(ActionButton, { type: "button" }, React11.createElement(AddIcon, null)),
@@ -2586,14 +2469,14 @@ var { window: globalWindow } = globalThis, Wrapper4 = styled8.div(({ theme }) =>
 import React12, { useMemo as useMemo2 } from "react";
 import { styled as styled9 } from "storybook/theming";
 var RangeInput = styled9.input(
-  ({ theme, min, max, value: value2, disabled }) => {
+  ({ theme, min, max, value, disabled }) => {
     let trackBaseStyles = {
       background: theme.base === "light" ? `linear-gradient(to right, 
-          ${theme.color.green} 0%, ${theme.color.green} ${(value2 - min) / (max - min) * 100}%, 
-          ${curriedDarken$1(0.02, theme.input.background)} ${(value2 - min) / (max - min) * 100}%, 
+          ${theme.color.green} 0%, ${theme.color.green} ${(value - min) / (max - min) * 100}%, 
+          ${curriedDarken$1(0.02, theme.input.background)} ${(value - min) / (max - min) * 100}%, 
           ${curriedDarken$1(0.02, theme.input.background)} 100%)` : `linear-gradient(to right, 
-          ${theme.color.green} 0%, ${theme.color.green} ${(value2 - min) / (max - min) * 100}%, 
-          ${curriedLighten$1(0.02, theme.input.background)} ${(value2 - min) / (max - min) * 100}%, 
+          ${theme.color.green} 0%, ${theme.color.green} ${(value - min) / (max - min) * 100}%, 
+          ${curriedLighten$1(0.02, theme.input.background)} ${(value - min) / (max - min) * 100}%, 
           ${curriedLighten$1(0.02, theme.input.background)} 100%)`,
       borderRadius: 6,
       boxShadow: `${theme.base == "dark" ? "hsl(0 0 100 / 0.4)" : "hsl(0 0 0 / 0.44)"} 0 0 0 1px inset`,
@@ -2701,7 +2584,7 @@ function getNumberOfDecimalPlaces(number) {
 }
 var RangeControl = ({
   name,
-  value: value2,
+  value,
   onChange,
   min = 0,
   max = 100,
@@ -2712,7 +2595,7 @@ var RangeControl = ({
 }) => {
   let handleChange = (event) => {
     onChange(parse2(event.target.value));
-  }, hasValue = value2 !== void 0, numberOFDecimalsPlaces = useMemo2(() => getNumberOfDecimalPlaces(step), [step]), readonly = !!argType?.table?.readonly, controlId = getControlId(name);
+  }, hasValue = value !== void 0, numberOFDecimalsPlaces = useMemo2(() => getNumberOfDecimalPlaces(step), [step]), readonly = !!argType?.table?.readonly, controlId = getControlId(name);
   return React12.createElement(RangeWrapper, { readOnly: readonly }, React12.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React12.createElement(RangeLabel, null, min), React12.createElement(
     RangeInput,
     {
@@ -2726,9 +2609,9 @@ var RangeControl = ({
       step,
       onFocus,
       onBlur,
-      value: value2 ?? min
+      value: value ?? min
     }
-  ), React12.createElement(RangeCurrentAndMaxLabel, { numberOFDecimalsPlaces, max }, hasValue ? value2.toFixed(numberOFDecimalsPlaces) : "--", " / ", max));
+  ), React12.createElement(RangeCurrentAndMaxLabel, { numberOFDecimalsPlaces, max }, hasValue ? value.toFixed(numberOFDecimalsPlaces) : "--", " / ", max));
 };
 
 // src/blocks/controls/Text.tsx
@@ -2743,7 +2626,7 @@ var Wrapper5 = styled10.label({
   color: isMaxed ? "red" : void 0
 })), TextControl = ({
   name,
-  value: value2,
+  value,
   onChange,
   onFocus,
   onBlur,
@@ -2755,7 +2638,7 @@ var Wrapper5 = styled10.label({
   }, readonly = !!argType?.table?.readonly, [forceVisible, setForceVisible] = useState5(!1), onForceVisible = useCallback4(() => {
     onChange(""), setForceVisible(!0);
   }, [setForceVisible]);
-  if (value2 === void 0)
+  if (value === void 0)
     return React13.createElement(
       Button4,
       {
@@ -2768,7 +2651,7 @@ var Wrapper5 = styled10.label({
       },
       "Set string"
     );
-  let isValid = typeof value2 == "string";
+  let isValid = typeof value == "string";
   return React13.createElement(Wrapper5, null, React13.createElement(
     Form4.Textarea,
     {
@@ -2781,11 +2664,11 @@ var Wrapper5 = styled10.label({
       autoFocus: forceVisible,
       valid: isValid ? void 0 : "error",
       name,
-      value: isValid ? value2 : "",
+      value: isValid ? value : "",
       onFocus,
       onBlur
     }
-  ), maxLength && React13.createElement(MaxLength, { isMaxed: value2?.length === maxLength }, value2?.length ?? 0, " / ", maxLength));
+  ), maxLength && React13.createElement(MaxLength, { isMaxed: value?.length === maxLength }, value?.length ?? 0, " / ", maxLength));
 };
 
 // src/blocks/controls/Files.tsx
@@ -2804,7 +2687,7 @@ var FilesControl = ({
   onChange,
   name,
   accept = "image/*",
-  value: value2,
+  value,
   argType
 }) => {
   let inputElement = useRef4(null), readonly = argType?.control?.readOnly;
@@ -2812,11 +2695,11 @@ var FilesControl = ({
     if (!e2.target.files)
       return;
     let fileUrls = Array.from(e2.target.files).map((file) => URL.createObjectURL(file));
-    onChange(fileUrls), revokeOldUrls(value2 || []);
+    onChange(fileUrls), revokeOldUrls(value || []);
   }
   useEffect5(() => {
-    value2 == null && inputElement.current && (inputElement.current.value = "");
-  }, [value2, name]);
+    value == null && inputElement.current && (inputElement.current.value = "");
+  }, [value, name]);
   let controlId = getControlId(name);
   return React14.createElement(React14.Fragment, null, React14.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React14.createElement(
     FileInput,
@@ -3035,10 +2918,10 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
 }), EmptyArg = () => React18.createElement("span", null, "-"), ArgText = ({ text, simple }) => React18.createElement(Text3, { simple }, text), getSummaryItems = (summary) => {
   if (!summary)
     return [summary];
-  let summaryItems = summary.split("|").map((value2) => value2.trim());
+  let summaryItems = summary.split("|").map((value) => value.trim());
   return uniq(summaryItems);
-}, renderSummaryItems = (summaryItems) => summaryItems.slice(0, ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), renderExpandedItems = (summaryItems) => summaryItems.slice(ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), ArgSummary = ({ value: value2, initialExpandedArgs }) => {
-  let { summary, detail } = value2, [isOpen, setIsOpen] = useState7(!1), [isExpanded, setIsExpanded] = useState7(initialExpandedArgs || !1);
+}, renderSummaryItems = (summaryItems) => summaryItems.slice(0, ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), renderExpandedItems = (summaryItems) => summaryItems.slice(ITEMS_BEFORE_EXPANSION).map((item) => React18.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), ArgSummary = ({ value, initialExpandedArgs }) => {
+  let { summary, detail } = value, [isOpen, setIsOpen] = useState7(!1), [isExpanded, setIsExpanded] = useState7(initialExpandedArgs || !1);
   if (summary == null)
     return null;
   let summaryAsString = typeof summary.toString == "function" ? summary.toString() : summary;
@@ -3062,7 +2945,7 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled13.div(({ isExpanded }) => ({
     },
     React18.createElement(Expandable, { className: "sbdocs-expandable" }, React18.createElement("span", null, summaryAsString), isOpen ? React18.createElement(ChevronUpIcon, null) : React18.createElement(ChevronDownIcon, null))
   );
-}, ArgValue = ({ value: value2, initialExpandedArgs }) => value2 == null ? React18.createElement(EmptyArg, null) : React18.createElement(ArgSummary, { value: value2, initialExpandedArgs });
+}, ArgValue = ({ value, initialExpandedArgs }) => value == null ? React18.createElement(EmptyArg, null) : React18.createElement(ArgSummary, { value, initialExpandedArgs });
 
 // src/blocks/components/ArgsTable/ArgRow.tsx
 var Name = styled14.span({ fontWeight: "bold" }), Required = styled14.span(({ theme }) => ({
@@ -3099,7 +2982,7 @@ var Name = styled14.span({ fontWeight: "bold" }), Required = styled14.span(({ th
   marginBottom: 12
 })), StyledTd = styled14.td(({ expandable }) => ({
   paddingLeft: expandable ? "40px !important" : "20px !important"
-})), toSummary = (value2) => value2 && { summary: typeof value2 == "string" ? value2 : value2.name }, ArgRow = (props) => {
+})), toSummary = (value) => value && { summary: typeof value == "string" ? value : value.name }, ArgRow = (props) => {
   let [isHovered, setIsHovered] = useState8(!1), { row, updateArgs, compact: compact2, expandable, initialExpandedArgs } = props, { name, description } = row, table = row.table || {}, type = table.type || toSummary(row.type), defaultValue = table.defaultValue || row.defaultValue, required = row.type?.required, hasDescription = description != null && description !== "";
   return React19.createElement("tr", { onMouseEnter: () => setIsHovered(!0), onMouseLeave: () => setIsHovered(!1) }, React19.createElement(StyledTd, { expandable: expandable ?? !1 }, React19.createElement(Name, null, name), required ? React19.createElement(Required, { title: "Required" }, "*") : null), compact2 ? null : React19.createElement("td", null, hasDescription && React19.createElement(Description, null, React19.createElement(index_modern_default, null, description)), table.jsDocTags != null ? React19.createElement(React19.Fragment, null, React19.createElement(TypeWithJsDoc, { hasDescription }, React19.createElement(ArgValue, { value: type, initialExpandedArgs })), React19.createElement(ArgJsDoc, { tags: table.jsDocTags })) : React19.createElement(Type, { hasDescription }, React19.createElement(ArgValue, { value: type, initialExpandedArgs }))), compact2 ? null : React19.createElement("td", null, React19.createElement(ArgValue, { value: defaultValue, initialExpandedArgs })), updateArgs ? React19.createElement("td", null, React19.createElement(ArgControl, { ...props, isHovered })) : null);
 };
@@ -4040,8 +3923,8 @@ import { styled as styled20 } from "storybook/theming";
 // src/blocks/getStoryHref.ts
 var getStoryHref = (storyId, additionalParams = {}) => {
   let baseUrl = globalThis.PREVIEW_URL || "iframe.html", [url, paramsStr] = baseUrl.split("?"), params = new URLSearchParams(paramsStr || "");
-  return Object.entries(additionalParams).forEach(([key, value2]) => {
-    params.set(key, value2);
+  return Object.entries(additionalParams).forEach(([key, value]) => {
+    params.set(key, value);
   }), params.set("id", storyId), `${url}?${params.toString()}`;
 };
 
@@ -4890,8 +4773,8 @@ var default_options_default = {
 // ../../../node_modules/tocbot/src/js/parse-content.js
 function parseContent(options) {
   let reduce = [].reduce;
-  function getLastItem(array2) {
-    return array2[array2.length - 1];
+  function getLastItem(array) {
+    return array[array.length - 1];
   }
   function getHeadingLevel(heading) {
     return +heading.nodeName.toUpperCase().replace("H", "");
@@ -4917,10 +4800,10 @@ function parseContent(options) {
     return options.includeHtml && (obj.childNodes = heading.childNodes), options.headingObjectCallback ? options.headingObjectCallback(obj, heading) : obj;
   }
   function addNode(node, nest) {
-    let obj = getHeadingObject(node), level = obj.headingLevel, array2 = nest, lastItem = getLastItem(array2), lastItemLevel = lastItem ? lastItem.headingLevel : 0, counter = level - lastItemLevel;
-    for (; counter > 0 && (lastItem = getLastItem(array2), !(lastItem && level === lastItem.headingLevel)); )
-      lastItem && lastItem.children !== void 0 && (array2 = lastItem.children), counter--;
-    return level >= options.collapseDepth && (obj.isCollapsed = !0), array2.push(obj), array2;
+    let obj = getHeadingObject(node), level = obj.headingLevel, array = nest, lastItem = getLastItem(array), lastItemLevel = lastItem ? lastItem.headingLevel : 0, counter = level - lastItemLevel;
+    for (; counter > 0 && (lastItem = getLastItem(array), !(lastItem && level === lastItem.headingLevel)); )
+      lastItem && lastItem.children !== void 0 && (array = lastItem.children), counter--;
+    return level >= options.collapseDepth && (obj.isCollapsed = !0), array.push(obj), array;
   }
   function selectHeadings(contentElement, headingSelector) {
     let selectors = headingSelector;
@@ -5347,12 +5230,12 @@ var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDes
   "type"
 ], customEventSpecificProperties = ["detail"];
 function extractEventHiddenProperties(event) {
-  let rebuildEvent = eventProperties.filter((value2) => event[value2] !== void 0).reduce((acc, value2) => (acc[value2] = event[value2], acc), {});
+  let rebuildEvent = eventProperties.filter((value) => event[value] !== void 0).reduce((acc, value) => (acc[value] = event[value], acc), {});
   if (event instanceof CustomEvent)
-    for (let value2 of customEventSpecificProperties.filter(
-      (value22) => event[value22] !== void 0
+    for (let value of customEventSpecificProperties.filter(
+      (value2) => event[value2] !== void 0
     ))
-      rebuildEvent[value2] = event[value2];
+      rebuildEvent[value] = event[value];
   return rebuildEvent;
 }
 
@@ -5620,8 +5503,8 @@ var require_es_object_atoms = __commonJS({
     ), $Object = Object, $getPrototypeOf = $Object.getPrototypeOf;
     module.exports = desc && typeof desc.get == "function" ? callBind([desc.get]) : typeof $getPrototypeOf == "function" ? (
       /** @type {import('./get')} */
-      (function(value2) {
-        return $getPrototypeOf(value2 == null ? value2 : $Object(value2));
+      (function(value) {
+        return $getPrototypeOf(value == null ? value : $Object(value));
       })
     ) : !1;
   }
@@ -5756,21 +5639,21 @@ var require_es_object_atoms = __commonJS({
         errorProto = getProto(getProto(e2)), INTRINSICS["%Error.prototype%"] = errorProto;
       }
     var errorProto, doEval = function doEval2(name) {
-      var value2;
+      var value;
       if (name === "%AsyncFunction%")
-        value2 = getEvalledConstructor("async function () {}");
+        value = getEvalledConstructor("async function () {}");
       else if (name === "%GeneratorFunction%")
-        value2 = getEvalledConstructor("function* () {}");
+        value = getEvalledConstructor("function* () {}");
       else if (name === "%AsyncGeneratorFunction%")
-        value2 = getEvalledConstructor("async function* () {}");
+        value = getEvalledConstructor("async function* () {}");
       else if (name === "%AsyncGenerator%") {
         var fn = doEval2("%AsyncGeneratorFunction%");
-        fn && (value2 = fn.prototype);
+        fn && (value = fn.prototype);
       } else if (name === "%AsyncIteratorPrototype%") {
         var gen = doEval2("%AsyncGenerator%");
-        gen && getProto && (value2 = getProto(gen.prototype));
+        gen && getProto && (value = getProto(gen.prototype));
       }
-      return INTRINSICS[name] = value2, value2;
+      return INTRINSICS[name] = value, value;
     }, LEGACY_ALIASES = {
       __proto__: null,
       "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
@@ -5837,13 +5720,13 @@ var require_es_object_atoms = __commonJS({
     }, getBaseIntrinsic = function(name, allowMissing) {
       var intrinsicName = name, alias;
       if (hasOwn(LEGACY_ALIASES, intrinsicName) && (alias = LEGACY_ALIASES[intrinsicName], intrinsicName = "%" + alias[0] + "%"), hasOwn(INTRINSICS, intrinsicName)) {
-        var value2 = INTRINSICS[intrinsicName];
-        if (value2 === needsEval && (value2 = doEval(intrinsicName)), typeof value2 > "u" && !allowMissing)
+        var value = INTRINSICS[intrinsicName];
+        if (value === needsEval && (value = doEval(intrinsicName)), typeof value > "u" && !allowMissing)
           throw new $TypeError("intrinsic " + name + " exists, but is not available. Please file an issue!");
         return {
           alias,
           name: intrinsicName,
-          value: value2
+          value
         };
       }
       throw new $SyntaxError("intrinsic " + name + " does not exist!");
@@ -5855,29 +5738,29 @@ var require_es_object_atoms = __commonJS({
         throw new $TypeError('"allowMissing" argument must be a boolean');
       if ($exec(/^%?[^%]*%?$/, name) === null)
         throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
-      var parts = stringToPath2(name), intrinsicBaseName = parts.length > 0 ? parts[0] : "", intrinsic = getBaseIntrinsic("%" + intrinsicBaseName + "%", allowMissing), intrinsicRealName = intrinsic.name, value2 = intrinsic.value, skipFurtherCaching = !1, alias = intrinsic.alias;
+      var parts = stringToPath2(name), intrinsicBaseName = parts.length > 0 ? parts[0] : "", intrinsic = getBaseIntrinsic("%" + intrinsicBaseName + "%", allowMissing), intrinsicRealName = intrinsic.name, value = intrinsic.value, skipFurtherCaching = !1, alias = intrinsic.alias;
       alias && (intrinsicBaseName = alias[0], $spliceApply(parts, $concat([0, 1], alias)));
       for (var i2 = 1, isOwn = !0; i2 < parts.length; i2 += 1) {
         var part = parts[i2], first = $strSlice(part, 0, 1), last2 = $strSlice(part, -1);
         if ((first === '"' || first === "'" || first === "`" || last2 === '"' || last2 === "'" || last2 === "`") && first !== last2)
           throw new $SyntaxError("property names with quotes must have matching quotes");
         if ((part === "constructor" || !isOwn) && (skipFurtherCaching = !0), intrinsicBaseName += "." + part, intrinsicRealName = "%" + intrinsicBaseName + "%", hasOwn(INTRINSICS, intrinsicRealName))
-          value2 = INTRINSICS[intrinsicRealName];
-        else if (value2 != null) {
-          if (!(part in value2)) {
+          value = INTRINSICS[intrinsicRealName];
+        else if (value != null) {
+          if (!(part in value)) {
             if (!allowMissing)
               throw new $TypeError("base intrinsic for " + name + " exists, but the property is not available.");
             return;
           }
           if ($gOPD && i2 + 1 >= parts.length) {
-            var desc = $gOPD(value2, part);
-            isOwn = !!desc, isOwn && "get" in desc && !("originalValue" in desc.get) ? value2 = desc.get : value2 = value2[part];
+            var desc = $gOPD(value, part);
+            isOwn = !!desc, isOwn && "get" in desc && !("originalValue" in desc.get) ? value = desc.get : value = value[part];
           } else
-            isOwn = hasOwn(value2, part), value2 = value2[part];
-          isOwn && !skipFurtherCaching && (INTRINSICS[intrinsicRealName] = value2);
+            isOwn = hasOwn(value, part), value = value[part];
+          isOwn && !skipFurtherCaching && (INTRINSICS[intrinsicRealName] = value);
         }
       }
-      return value2;
+      return value;
     };
   }
 }), require_call_bound = __commonJS({
@@ -5912,14 +5795,14 @@ var require_es_object_atoms = __commonJS({
     }, badStringifier = {
       toString: throwRegexMarker,
       valueOf: throwRegexMarker
-    }, typeof Symbol.toPrimitive == "symbol" && (badStringifier[Symbol.toPrimitive] = throwRegexMarker), fn = function(value2) {
-      if (!value2 || typeof value2 != "object")
+    }, typeof Symbol.toPrimitive == "symbol" && (badStringifier[Symbol.toPrimitive] = throwRegexMarker), fn = function(value) {
+      if (!value || typeof value != "object")
         return !1;
       var descriptor = (
         /** @type {NonNullable<typeof gOPD>} */
         gOPD(
           /** @type {{ lastIndex?: unknown }} */
-          value2,
+          value,
           "lastIndex"
         )
       ), hasLastIndexDataProperty = descriptor && hasOwn(descriptor, "value");
@@ -5927,7 +5810,7 @@ var require_es_object_atoms = __commonJS({
         return !1;
       try {
         $exec(
-          value2,
+          value,
           /** @type {string} */
           /** @type {unknown} */
           badStringifier
@@ -5935,8 +5818,8 @@ var require_es_object_atoms = __commonJS({
       } catch (e2) {
         return e2 === isRegexMarker;
       }
-    }) : ($toString = callBound("Object.prototype.toString"), regexClass = "[object RegExp]", fn = function(value2) {
-      return !value2 || typeof value2 != "object" && typeof value2 != "function" ? !1 : $toString(value2) === regexClass;
+    }) : ($toString = callBound("Object.prototype.toString"), regexClass = "[object RegExp]", fn = function(value) {
+      return !value || typeof value != "object" && typeof value != "function" ? !1 : $toString(value) === regexClass;
     });
     var $exec, isRegexMarker, throwRegexMarker, badStringifier, $toString, regexClass;
     module.exports = fn;
@@ -5969,19 +5852,19 @@ var require_es_object_atoms = __commonJS({
   "node_modules/.pnpm/is-symbol@1.1.1/node_modules/is-symbol/index.js"(exports, module) {
     "use strict";
     var callBound = require_call_bound(), $toString = callBound("Object.prototype.toString"), hasSymbols = require_has_symbols()(), safeRegexTest = require_safe_regex_test();
-    hasSymbols ? ($symToStr = callBound("Symbol.prototype.toString"), isSymString = safeRegexTest(/^Symbol\(.*\)$/), isSymbolObject = function(value2) {
-      return typeof value2.valueOf() != "symbol" ? !1 : isSymString($symToStr(value2));
-    }, module.exports = function(value2) {
-      if (typeof value2 == "symbol")
+    hasSymbols ? ($symToStr = callBound("Symbol.prototype.toString"), isSymString = safeRegexTest(/^Symbol\(.*\)$/), isSymbolObject = function(value) {
+      return typeof value.valueOf() != "symbol" ? !1 : isSymString($symToStr(value));
+    }, module.exports = function(value) {
+      if (typeof value == "symbol")
         return !0;
-      if (!value2 || typeof value2 != "object" || $toString(value2) !== "[object Symbol]")
+      if (!value || typeof value != "object" || $toString(value) !== "[object Symbol]")
         return !1;
       try {
-        return isSymbolObject(value2);
+        return isSymbolObject(value);
       } catch {
         return !1;
       }
-    }) : module.exports = function(value2) {
+    }) : module.exports = function(value) {
       return !1;
     };
     var $symToStr, isSymString, isSymbolObject;
@@ -5991,35 +5874,35 @@ function isObject(val) {
   return val != null && typeof val == "object" && Array.isArray(val) === !1;
 }
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global, freeGlobal_default = freeGlobal, freeSelf = typeof self == "object" && self && self.Object === Object && self, root = freeGlobal_default || freeSelf || Function("return this")(), root_default = root, Symbol2 = root_default.Symbol, Symbol_default = Symbol2, objectProto = Object.prototype, hasOwnProperty = objectProto.hasOwnProperty, nativeObjectToString = objectProto.toString, symToStringTag = Symbol_default ? Symbol_default.toStringTag : void 0;
-function getRawTag(value2) {
-  var isOwn = hasOwnProperty.call(value2, symToStringTag), tag = value2[symToStringTag];
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
   try {
-    value2[symToStringTag] = void 0;
+    value[symToStringTag] = void 0;
     var unmasked = !0;
   } catch {
   }
-  var result = nativeObjectToString.call(value2);
-  return unmasked && (isOwn ? value2[symToStringTag] = tag : delete value2[symToStringTag]), result;
+  var result = nativeObjectToString.call(value);
+  return unmasked && (isOwn ? value[symToStringTag] = tag : delete value[symToStringTag]), result;
 }
 var getRawTag_default = getRawTag, objectProto2 = Object.prototype, nativeObjectToString2 = objectProto2.toString;
-function objectToString(value2) {
-  return nativeObjectToString2.call(value2);
+function objectToString(value) {
+  return nativeObjectToString2.call(value);
 }
 var objectToString_default = objectToString, nullTag = "[object Null]", undefinedTag = "[object Undefined]", symToStringTag2 = Symbol_default ? Symbol_default.toStringTag : void 0;
-function baseGetTag(value2) {
-  return value2 == null ? value2 === void 0 ? undefinedTag : nullTag : symToStringTag2 && symToStringTag2 in Object(value2) ? getRawTag_default(value2) : objectToString_default(value2);
+function baseGetTag(value) {
+  return value == null ? value === void 0 ? undefinedTag : nullTag : symToStringTag2 && symToStringTag2 in Object(value) ? getRawTag_default(value) : objectToString_default(value);
 }
 var baseGetTag_default = baseGetTag;
 var symbolProto = Symbol_default ? Symbol_default.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
-function isObject2(value2) {
-  var type = typeof value2;
-  return value2 != null && (type == "object" || type == "function");
+function isObject2(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
 }
 var isObject_default = isObject2, asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction(value2) {
-  if (!isObject_default(value2))
+function isFunction(value) {
+  if (!isObject_default(value))
     return !1;
-  var tag = baseGetTag_default(value2);
+  var tag = baseGetTag_default(value);
   return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
 var isFunction_default = isFunction, coreJsData = root_default["__core-js_shared__"], coreJsData_default = coreJsData, maskSrcKey = (function() {
@@ -6046,24 +5929,24 @@ function toSource(func) {
 var toSource_default = toSource, reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reIsHostCtor = /^\[object .+?Constructor\]$/, funcProto2 = Function.prototype, objectProto3 = Object.prototype, funcToString2 = funcProto2.toString, hasOwnProperty2 = objectProto3.hasOwnProperty, reIsNative = RegExp(
   "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function baseIsNative(value2) {
-  if (!isObject_default(value2) || isMasked_default(value2))
+function baseIsNative(value) {
+  if (!isObject_default(value) || isMasked_default(value))
     return !1;
-  var pattern = isFunction_default(value2) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource_default(value2));
+  var pattern = isFunction_default(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource_default(value));
 }
 var baseIsNative_default = baseIsNative;
-function getValue(object2, key) {
-  return object2?.[key];
+function getValue(object, key) {
+  return object?.[key];
 }
 var getValue_default = getValue;
-function getNative(object2, key) {
-  var value2 = getValue_default(object2, key);
-  return baseIsNative_default(value2) ? value2 : void 0;
+function getNative(object, key) {
+  var value = getValue_default(object, key);
+  return baseIsNative_default(value) ? value : void 0;
 }
 var getNative_default = getNative;
-function eq(value2, other) {
-  return value2 === other || value2 !== value2 && other !== other;
+function eq(value, other) {
+  return value === other || value !== value && other !== other;
 }
 var eq_default = eq;
 var nativeCreate = getNative_default(Object, "create"), nativeCreate_default = nativeCreate;
@@ -6090,9 +5973,9 @@ function hashHas(key) {
   return nativeCreate_default ? data[key] !== void 0 : hasOwnProperty4.call(data, key);
 }
 var hashHas_default = hashHas, HASH_UNDEFINED2 = "__lodash_hash_undefined__";
-function hashSet(key, value2) {
+function hashSet(key, value) {
   var data = this.__data__;
-  return this.size += this.has(key) ? 0 : 1, data[key] = nativeCreate_default && value2 === void 0 ? HASH_UNDEFINED2 : value2, this;
+  return this.size += this.has(key) ? 0 : 1, data[key] = nativeCreate_default && value === void 0 ? HASH_UNDEFINED2 : value, this;
 }
 var hashSet_default = hashSet;
 function Hash(entries) {
@@ -6112,9 +5995,9 @@ function listCacheClear() {
   this.__data__ = [], this.size = 0;
 }
 var listCacheClear_default = listCacheClear;
-function assocIndexOf(array2, key) {
-  for (var length = array2.length; length--; )
-    if (eq_default(array2[length][0], key))
+function assocIndexOf(array, key) {
+  for (var length = array.length; length--; )
+    if (eq_default(array[length][0], key))
       return length;
   return -1;
 }
@@ -6136,9 +6019,9 @@ function listCacheHas(key) {
   return assocIndexOf_default(this.__data__, key) > -1;
 }
 var listCacheHas_default = listCacheHas;
-function listCacheSet(key, value2) {
+function listCacheSet(key, value) {
   var data = this.__data__, index = assocIndexOf_default(data, key);
-  return index < 0 ? (++this.size, data.push([key, value2])) : data[index][1] = value2, this;
+  return index < 0 ? (++this.size, data.push([key, value])) : data[index][1] = value, this;
 }
 var listCacheSet_default = listCacheSet;
 function ListCache(entries) {
@@ -6162,9 +6045,9 @@ function mapCacheClear() {
   };
 }
 var mapCacheClear_default = mapCacheClear;
-function isKeyable(value2) {
-  var type = typeof value2;
-  return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value2 !== "__proto__" : value2 === null;
+function isKeyable(value) {
+  var type = typeof value;
+  return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
 }
 var isKeyable_default = isKeyable;
 function getMapData(map, key) {
@@ -6185,9 +6068,9 @@ function mapCacheHas(key) {
   return getMapData_default(this, key).has(key);
 }
 var mapCacheHas_default = mapCacheHas;
-function mapCacheSet(key, value2) {
+function mapCacheSet(key, value) {
   var data = getMapData_default(this, key), size = data.size;
-  return data.set(key, value2), this.size += data.size == size ? 0 : 1, this;
+  return data.set(key, value), this.size += data.size == size ? 0 : 1, this;
 }
 var mapCacheSet_default = mapCacheSet;
 function MapCache(entries) {
@@ -6245,62 +6128,62 @@ function convertUnconventionalData(data) {
 }
 var replacer = function(options) {
   let objects, map, stack, keys;
-  return function(key, value2) {
+  return function(key, value) {
     try {
       if (key === "")
-        return keys = [], objects = /* @__PURE__ */ new Map([[value2, "[]"]]), map = /* @__PURE__ */ new Map(), stack = [], value2;
+        return keys = [], objects = /* @__PURE__ */ new Map([[value, "[]"]]), map = /* @__PURE__ */ new Map(), stack = [], value;
       let origin = map.get(this) || this;
       for (; stack.length && origin !== stack[0]; )
         stack.shift(), keys.pop();
-      if (typeof value2 == "boolean")
-        return value2;
-      if (value2 === void 0)
+      if (typeof value == "boolean")
+        return value;
+      if (value === void 0)
         return options.allowUndefined ? "_undefined_" : void 0;
-      if (value2 === null)
+      if (value === null)
         return null;
-      if (typeof value2 == "number")
-        return value2 === Number.NEGATIVE_INFINITY ? "_-Infinity_" : value2 === Number.POSITIVE_INFINITY ? "_Infinity_" : Number.isNaN(value2) ? "_NaN_" : value2;
-      if (typeof value2 == "bigint")
-        return `_bigint_${value2.toString()}`;
-      if (typeof value2 == "string")
-        return dateFormat.test(value2) ? options.allowDate ? `_date_${value2}` : void 0 : value2;
-      if ((0, import_is_regex.default)(value2))
-        return options.allowRegExp ? `_regexp_${value2.flags}|${value2.source}` : void 0;
-      if ((0, import_is_function.default)(value2))
+      if (typeof value == "number")
+        return value === Number.NEGATIVE_INFINITY ? "_-Infinity_" : value === Number.POSITIVE_INFINITY ? "_Infinity_" : Number.isNaN(value) ? "_NaN_" : value;
+      if (typeof value == "bigint")
+        return `_bigint_${value.toString()}`;
+      if (typeof value == "string")
+        return dateFormat.test(value) ? options.allowDate ? `_date_${value}` : void 0 : value;
+      if ((0, import_is_regex.default)(value))
+        return options.allowRegExp ? `_regexp_${value.flags}|${value.source}` : void 0;
+      if ((0, import_is_function.default)(value))
         return;
-      if ((0, import_is_symbol.default)(value2)) {
+      if ((0, import_is_symbol.default)(value)) {
         if (!options.allowSymbol)
           return;
-        let globalRegistryKey = Symbol.keyFor(value2);
-        return globalRegistryKey !== void 0 ? `_gsymbol_${globalRegistryKey}` : `_symbol_${value2.toString().slice(7, -1)}`;
+        let globalRegistryKey = Symbol.keyFor(value);
+        return globalRegistryKey !== void 0 ? `_gsymbol_${globalRegistryKey}` : `_symbol_${value.toString().slice(7, -1)}`;
       }
       if (stack.length >= options.maxDepth)
-        return Array.isArray(value2) ? `[Array(${value2.length})]` : "[Object]";
-      if (value2 === this)
+        return Array.isArray(value) ? `[Array(${value.length})]` : "[Object]";
+      if (value === this)
         return `_duplicate_${JSON.stringify(keys)}`;
-      if (value2 instanceof Error && options.allowError)
+      if (value instanceof Error && options.allowError)
         return {
           __isConvertedError__: !0,
           errorProperties: {
             // @ts-expect-error cause is not defined in the current tsconfig target(es2020)
-            ...value2.cause ? { cause: value2.cause } : {},
-            ...value2,
-            name: value2.name,
-            message: value2.message,
-            stack: value2.stack,
-            "_constructor-name_": value2.constructor.name
+            ...value.cause ? { cause: value.cause } : {},
+            ...value,
+            name: value.name,
+            message: value.message,
+            stack: value.stack,
+            "_constructor-name_": value.constructor.name
           }
         };
-      if (value2?.constructor?.name && value2.constructor.name !== "Object" && !Array.isArray(value2)) {
-        let found2 = objects.get(value2);
+      if (value?.constructor?.name && value.constructor.name !== "Object" && !Array.isArray(value)) {
+        let found2 = objects.get(value);
         if (!found2) {
           let plainObject = {
             __isClassInstance__: !0,
-            __className__: value2.constructor.name,
-            ...Object.getOwnPropertyNames(value2).reduce(
+            __className__: value.constructor.name,
+            ...Object.getOwnPropertyNames(value).reduce(
               (acc, prop) => {
                 try {
-                  acc[prop] = value2[prop];
+                  acc[prop] = value[prop];
                 } catch {
                 }
                 return acc;
@@ -6308,14 +6191,14 @@ var replacer = function(options) {
               {}
             )
           };
-          return keys.push(key), stack.unshift(plainObject), objects.set(value2, JSON.stringify(keys)), value2 !== plainObject && map.set(value2, plainObject), plainObject;
+          return keys.push(key), stack.unshift(plainObject), objects.set(value, JSON.stringify(keys)), value !== plainObject && map.set(value, plainObject), plainObject;
         }
         return `_duplicate_${found2}`;
       }
-      let found = objects.get(value2);
+      let found = objects.get(value);
       if (!found) {
-        let converted = Array.isArray(value2) ? value2 : convertUnconventionalData(value2);
-        return keys.push(key), stack.unshift(converted), objects.set(value2, JSON.stringify(keys)), value2 !== converted && map.set(value2, converted), converted;
+        let converted = Array.isArray(value) ? value : convertUnconventionalData(value);
+        return keys.push(key), stack.unshift(converted), objects.set(value, JSON.stringify(keys)), value !== converted && map.set(value, converted), converted;
       }
       return `_duplicate_${found}`;
     } catch {
@@ -6841,8 +6724,8 @@ var own = Object.hasOwnProperty, BananaSlug = class {
    * @return {string}
    *   A unique slug string
    */
-  slug(value2, maintainCase) {
-    let self2 = this, result = slug(value2, maintainCase === !0), originalSlug = result;
+  slug(value, maintainCase) {
+    let self2 = this, result = slug(value, maintainCase === !0), originalSlug = result;
     for (; own.call(self2.occurrences, result); )
       self2.occurrences[originalSlug]++, result = originalSlug + "-" + self2.occurrences[originalSlug];
     return self2.occurrences[result] = 0, result;
@@ -6856,8 +6739,8 @@ var own = Object.hasOwnProperty, BananaSlug = class {
     this.occurrences = /* @__PURE__ */ Object.create(null);
   }
 };
-function slug(value2, maintainCase) {
-  return typeof value2 != "string" ? "" : (maintainCase || (value2 = value2.toLowerCase()), value2.replace(regex, "").replace(/ /g, "-"));
+function slug(value, maintainCase) {
+  return typeof value != "string" ? "" : (maintainCase || (value = value.toLowerCase()), value.replace(regex, "").replace(/ /g, "-"));
 }
 
 // src/blocks/blocks/Heading.tsx