@easy-editor/setters 0.0.5 → 0.0.6

package/dist/index.js

@@ -3,7 +3,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react/jsx-runtime'), require('react-dom')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime', 'react-dom'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorSetters = {}, global.React, global.jsxRuntime, global.ReactDOM));
-})(this, (function (exports, React, jsxRuntime, ReactDOM) { 'use strict';
+})(this, (function (exports, React$1, jsxRuntime, ReactDOM) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -22,9 +22,19 @@
     return Object.freeze(n);
   }
 
-  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
   var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
+  function _extends$1() {
+    return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends$1.apply(null, arguments);
+  }
+
   // packages/react/compose-refs/src/compose-refs.tsx
   function setRef(ref, value) {
     if (typeof ref === "function") {
@@ -3273,7 +3283,7 @@
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$1 : "button";
-    return /*#__PURE__*/jsxRuntime.jsx(Comp, {
+    return /*#__PURE__*/React__namespace.createElement(Comp, _extends$1({
       ref: ref,
       "data-slot": "button",
       "data-variant": variant,
@@ -3282,9 +3292,8 @@
         variant,
         size,
         className
-      })),
-      ...props
-    });
+      }))
+    }, props));
   });
   Button.displayName = "Button";
 
@@ -5800,7 +5809,7 @@
   var isClient = typeof document !== 'undefined';
 
   var noop = function noop() {};
-  var index = isClient ? React.useLayoutEffect : noop;
+  var index = isClient ? React$1.useLayoutEffect : noop;
 
   // Fork of `fast-deep-equal` that only does the comparisons we need and compares
   // functions
@@ -6857,7 +6866,7 @@
   }
 
   function useCallbackRef(initialValue, callback) {
-    var ref = React.useState(function () {
+    var ref = React$1.useState(function () {
       return {
         value: initialValue,
         callback: callback,
@@ -7811,18 +7820,16 @@
   function Popover({
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Root2$1, {
-      "data-slot": "popover",
-      ...props
-    });
+    return /*#__PURE__*/React__namespace.createElement(Root2$1, _extends$1({
+      "data-slot": "popover"
+    }, props));
   }
   function PopoverTrigger({
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Trigger$1, {
-      "data-slot": "popover-trigger",
-      ...props
-    });
+    return /*#__PURE__*/React__namespace.createElement(Trigger$1, _extends$1({
+      "data-slot": "popover-trigger"
+    }, props));
   }
   function PopoverContent({
     className,
@@ -7830,15 +7837,12 @@
     sideOffset = 4,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Portal, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Content2, {
-        "data-slot": "popover-content",
-        align: align,
-        sideOffset: sideOffset,
-        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
-        ...props
-      })
-    });
+    return /*#__PURE__*/React__namespace.createElement(Portal, null, /*#__PURE__*/React__namespace.createElement(Content2, _extends$1({
+      "data-slot": "popover-content",
+      align: align,
+      sideOffset: sideOffset,
+      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className)
+    }, props)));
   }
 
   function _extends() {
@@ -8103,11 +8107,11 @@
   var validHex$1 = hex => /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
 
   function useEventCallback(handler) {
-    var callbackRef = React.useRef(handler);
-    React.useEffect(() => {
+    var callbackRef = React$1.useRef(handler);
+    React$1.useEffect(() => {
       callbackRef.current = handler;
     });
-    return React.useCallback((value, event) => callbackRef.current && callbackRef.current(value, event), []);
+    return React$1.useCallback((value, event) => callbackRef.current && callbackRef.current(value, event), []);
   }
   var isTouch = event => 'touches' in event;
   var preventDefaultMove = event => {
@@ -8136,7 +8140,7 @@
   };
 
   var _excluded$8 = ["prefixCls", "className", "onMove", "onDown"];
-  var Interactive = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Interactive = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-interactive',
         className,
@@ -8144,9 +8148,9 @@
         onDown
       } = props,
       reset = _objectWithoutPropertiesLoose(props, _excluded$8);
-    var container = React.useRef(null);
-    var hasTouched = React.useRef(false);
-    var [isDragging, setDragging] = React.useState(false);
+    var container = React$1.useRef(null);
+    var hasTouched = React$1.useRef(false);
+    var [isDragging, setDragging] = React$1.useState(false);
     var onMoveCallback = useEventCallback(onMove);
     var onKeyCallback = useEventCallback(onDown);
     var isValid = event => {
@@ -8154,7 +8158,7 @@
       hasTouched.current = isTouch(event);
       return true;
     };
-    var handleMove = React.useCallback(event => {
+    var handleMove = React$1.useCallback(event => {
       preventDefaultMove(event);
       if (!container.current) return;
       var isDown = isTouch(event) ? event.touches.length > 0 : event.buttons > 0;
@@ -8164,8 +8168,8 @@
       }
       onMoveCallback == null || onMoveCallback(getRelativePosition(container.current, event), event);
     }, [onMoveCallback]);
-    var handleMoveEnd = React.useCallback(() => setDragging(false), []);
-    var toggleDocumentEvents = React.useCallback(state => {
+    var handleMoveEnd = React$1.useCallback(() => setDragging(false), []);
+    var toggleDocumentEvents = React$1.useCallback(state => {
       if (state) {
         window.addEventListener(hasTouched.current ? 'touchmove' : 'mousemove', handleMove);
         window.addEventListener(hasTouched.current ? 'touchend' : 'mouseup', handleMoveEnd);
@@ -8176,13 +8180,13 @@
         window.removeEventListener('touchend', handleMoveEnd);
       }
     }, [handleMove, handleMoveEnd]);
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       toggleDocumentEvents(isDragging);
       return () => {
         toggleDocumentEvents(false);
       };
     }, [isDragging, handleMove, handleMoveEnd, toggleDocumentEvents]);
-    var handleMoveStart = React.useCallback(event => {
+    var handleMoveStart = React$1.useCallback(event => {
       var activeEl = document.activeElement;
       activeEl == null || activeEl.blur();
       preventDefaultMove(event.nativeEvent);
@@ -8226,7 +8230,7 @@
       borderRadius: '50%',
       backgroundColor: color
     };
-    return React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx("div", {
+    return React$1.useMemo(() => /*#__PURE__*/jsxRuntime.jsx("div", {
       className: prefixCls + "-pointer " + (className || ''),
       style: style,
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -8237,7 +8241,7 @@
   };
 
   var _excluded$7 = ["prefixCls", "radius", "pointer", "className", "hue", "style", "hsva", "onChange"];
-  var Saturation = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Saturation = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var _hsva$h;
     var {
         prefixCls = 'w-color-saturation',
@@ -8265,7 +8269,7 @@
         a: hsva.a
       });
     };
-    var handleKeyDown = React.useCallback(event => {
+    var handleKeyDown = React$1.useCallback(event => {
       if (!hsva || !onChange) return;
       var step = 1;
       var newS = hsva.s;
@@ -8304,7 +8308,7 @@
         });
       }
     }, [hsva, onChange]);
-    var pointerElement = React.useMemo(() => {
+    var pointerElement = React$1.useMemo(() => {
       if (!hsva) return null;
       var comProps = {
         top: 100 - hsva.v + "%",
@@ -8320,7 +8324,7 @@
         prefixCls: prefixCls
       }, comProps));
     }, [hsva, pointer, prefixCls]);
-    var handleClick = React.useCallback(event => {
+    var handleClick = React$1.useCallback(event => {
       event.target.focus();
     }, []);
     return /*#__PURE__*/jsxRuntime.jsx(Interactive, _extends({
@@ -8383,7 +8387,7 @@
 
   var _excluded$5 = ["prefixCls", "className", "hsva", "background", "bgProps", "innerProps", "pointerProps", "radius", "width", "height", "direction", "style", "onChange", "pointer"];
   var BACKGROUND_IMG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==';
-  var Alpha = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Alpha = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-alpha',
         className,
@@ -8429,7 +8433,7 @@
     }, style, {
       position: 'relative'
     });
-    var handleKeyDown = React.useCallback(event => {
+    var handleKeyDown = React$1.useCallback(event => {
       var step = 0.01;
       var currentAlpha = hsva.a;
       var newAlpha = currentAlpha;
@@ -8475,7 +8479,7 @@
         }), syntheticOffset);
       }
     }, [hsva, direction, onChange]);
-    var handleClick = React.useCallback(event => {
+    var handleClick = React$1.useCallback(event => {
       event.target.focus();
     }, []);
     var pointerElement = pointer && typeof pointer === 'function' ? pointer(_extends({
@@ -8514,7 +8518,7 @@
   var _excluded$4 = ["prefixCls", "placement", "label", "value", "className", "style", "labelStyle", "inputStyle", "onChange", "onBlur", "renderInput"];
   var validHex = hex => /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
   var getNumberValue = value => Number(String(value).replace(/%/g, ''));
-  var EditableInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var EditableInput = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-editable-input',
         placement = 'bottom',
@@ -8529,9 +8533,9 @@
         renderInput
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$4);
-    var [value, setValue] = React.useState(initValue);
-    var isFocus = React.useRef(false);
-    React.useEffect(() => {
+    var [value, setValue] = React$1.useState(initValue);
+    var isFocus = React$1.useRef(false);
+    React$1.useEffect(() => {
       if (props.value !== value) {
         if (!isFocus.current) {
           setValue(props.value);
@@ -8616,7 +8620,7 @@
   EditableInput.displayName = 'EditableInput';
 
   var _excluded$3 = ["prefixCls", "hsva", "placement", "rProps", "gProps", "bProps", "aProps", "className", "style", "onChange"];
-  var EditableInputRGBA = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var EditableInputRGBA = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-editable-input-rgba',
         hsva,
@@ -8736,7 +8740,7 @@
   EditableInputRGBA.displayName = 'EditableInputRGBA';
 
   var _excluded$2 = ["prefixCls", "className", "hue", "onChange", "direction"];
-  var Hue = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Hue = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-hue',
         className,
@@ -8767,7 +8771,7 @@
   Hue.displayName = 'Hue';
 
   var _excluded$1 = ["prefixCls", "className", "color", "colors", "style", "rectProps", "onChange", "addonAfter", "addonBefore", "rectRender"];
-  var Swatch = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Swatch = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-swatch',
         className,
@@ -8805,7 +8809,7 @@
         flexWrap: 'wrap',
         position: 'relative'
       }, style),
-      children: [addonBefore && /*#__PURE__*/React.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
+      children: [addonBefore && /*#__PURE__*/React$1.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
         var title = '';
         var background = '';
         if (typeof item === 'string') {
@@ -8827,11 +8831,11 @@
           onClick: evn => handleClick(background, evn)
         });
         if (render) {
-          return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
+          return /*#__PURE__*/jsxRuntime.jsx(React$1.Fragment, {
             children: render
           }, idx);
         }
-        var child = rectProps.children && /*#__PURE__*/React.isValidElement(rectProps.children) ? /*#__PURE__*/React.cloneElement(rectProps.children, {
+        var child = rectProps.children && /*#__PURE__*/React$1.isValidElement(rectProps.children) ? /*#__PURE__*/React$1.cloneElement(rectProps.children, {
           color: background,
           checked
         }) : null;
@@ -8845,7 +8849,7 @@
             background
           })
         }), idx);
-      }), addonAfter && /*#__PURE__*/React.isValidElement(addonAfter) && addonAfter]
+      }), addonAfter && /*#__PURE__*/React$1.isValidElement(addonAfter) && addonAfter]
     }));
   });
   Swatch.displayName = 'Swatch';
@@ -8864,7 +8868,7 @@
       backgroundColor: '#fff'
     }
   });
-  var Sketch = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var Sketch = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     var {
         prefixCls = 'w-color-sketch',
         className,
@@ -8877,13 +8881,13 @@
         style
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded);
-    var [hsva, setHsva] = React.useState({
+    var [hsva, setHsva] = React$1.useState({
       h: 209,
       s: 36,
       v: 90,
       a: 1
     });
-    React.useEffect(() => {
+    React$1.useEffect(() => {
       if (typeof color$1 === 'string' && validHex$1(color$1)) {
         setHsva(hexToHsva(color$1));
       }
@@ -9001,7 +9005,7 @@
             innerProps: {
               style: styleAlpha
             },
-            pointer: () => /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {})
+            pointer: () => /*#__PURE__*/jsxRuntime.jsx(React$1.Fragment, {})
           })]
         })]
       }), editableDisable && /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -9044,51 +9048,42 @@
       onChange,
       disableAlpha = false
     } = props;
-    return /*#__PURE__*/jsxRuntime.jsxs(Popover, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(PopoverTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/jsxRuntime.jsxs(Button, {
-          "aria-label": "Select color",
-          className: 'h-8 w-full justify-start gap-2 bg-transparent px-2 py-[5px] text-left font-normal text-xs',
-          variant: 'outline',
-          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            "aria-label": "Current color",
-            className: "h-3.5 w-3.5 rounded-full border border-muted-foreground",
-            style: {
-              backgroundColor: value ?? initialValue
-            }
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "truncate font-mono",
-            children: value ?? initialValue
-          })]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(PopoverContent, {
-        align: "start",
-        className: "w-auto p-0",
-        children: /*#__PURE__*/jsxRuntime.jsx(Sketch, {
-          color: value,
-          disableAlpha: disableAlpha,
-          onChange: res => onChange(res.hexa),
-          presetColors: []
-        })
-      })]
-    });
+    return /*#__PURE__*/React.createElement(Popover, null, /*#__PURE__*/React.createElement(PopoverTrigger, {
+      asChild: true
+    }, /*#__PURE__*/React.createElement(Button, {
+      "aria-label": "Select color",
+      className: 'h-8 w-full justify-start gap-2 bg-transparent px-2 py-[5px] text-left font-normal text-xs',
+      variant: 'outline'
+    }, /*#__PURE__*/React.createElement("div", {
+      "aria-label": "Current color",
+      className: "h-3.5 w-3.5 rounded-full border border-muted-foreground",
+      style: {
+        backgroundColor: value ?? initialValue
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "truncate font-mono"
+    }, value ?? initialValue))), /*#__PURE__*/React.createElement(PopoverContent, {
+      align: "start",
+      className: "w-auto p-0"
+    }, /*#__PURE__*/React.createElement(Sketch, {
+      color: value,
+      disableAlpha: disableAlpha,
+      onChange: res => onChange(res.hexa),
+      presetColors: []
+    })));
   };
 
   const NodeIdSetter = props => {
     const {
       selected
     } = props;
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col",
-      children: [/*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "leading-7",
-        children: selected.id
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "text-muted-foreground text-xs",
-        children: selected.componentMeta.title
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "leading-7"
+    }, selected.id), /*#__PURE__*/React.createElement("p", {
+      className: "text-muted-foreground text-xs"
+    }, selected.componentMeta.title));
   };
 
   function Input({
@@ -9096,12 +9091,11 @@
     type,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx("input", {
+    return /*#__PURE__*/React__namespace.createElement("input", _extends$1({
       type: type,
       "data-slot": "input",
-      className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
-      ...props
-    });
+      className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)
+    }, props));
   }
 
   const NumberSetter = props => {
@@ -9112,20 +9106,18 @@
       onChange,
       suffix
     } = props;
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "relative w-full",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-        className: cn('h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', !!suffix && 'pr-8'),
-        onChange: e => onChange(+e.target.value),
-        placeholder: placeholder || '',
-        type: "number",
-        value: value ?? initialValue
-      }), !!suffix && /*#__PURE__*/jsxRuntime.jsx("span", {
-        "aria-label": `Unit: ${suffix}`,
-        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-        children: suffix
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "relative w-full"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: cn('h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', !!suffix && 'pr-8'),
+      onChange: e => onChange(+e.target.value),
+      placeholder: placeholder || '',
+      type: "number",
+      value: value ?? initialValue
+    }), !!suffix && /*#__PURE__*/React.createElement("span", {
+      "aria-label": `Unit: ${suffix}`,
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, suffix));
   };
 
   const RectSetter = props => {
@@ -9139,58 +9131,49 @@
         [key]: newValue
       });
     };
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex w-full flex-wrap gap-2",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "relative w-[calc(50%-4px)]",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-          onChange: e => handleChange('x', Number(e.target.value)),
-          type: "number",
-          value: formatDecimal(value.x)
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          "aria-label": 'Unit: X',
-          className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-          children: "X"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "relative w-[calc(50%-4px)]",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-          onChange: e => handleChange('y', Number(e.target.value)),
-          type: "number",
-          value: formatDecimal(value.y)
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          "aria-label": 'Unit: Y',
-          className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-          children: "Y"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "relative w-[calc(50%-4px)]",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-          onChange: e => handleChange('width', Number(e.target.value)),
-          type: "number",
-          value: formatDecimal(value.width)
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          "aria-label": 'Unit: W',
-          className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-          children: "W"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "relative w-[calc(50%-4px)]",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-          className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-          onChange: e => handleChange('height', Number(e.target.value)),
-          type: "number",
-          value: formatDecimal(value.height)
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          "aria-label": 'Unit: H',
-          className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-          children: "H"
-        })]
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex w-full flex-wrap gap-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "relative w-[calc(50%-4px)]"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+      onChange: e => handleChange('x', Number(e.target.value)),
+      type: "number",
+      value: formatDecimal(value.x)
+    }), /*#__PURE__*/React.createElement("span", {
+      "aria-label": 'Unit: X',
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, "X")), /*#__PURE__*/React.createElement("div", {
+      className: "relative w-[calc(50%-4px)]"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+      onChange: e => handleChange('y', Number(e.target.value)),
+      type: "number",
+      value: formatDecimal(value.y)
+    }), /*#__PURE__*/React.createElement("span", {
+      "aria-label": 'Unit: Y',
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, "Y")), /*#__PURE__*/React.createElement("div", {
+      className: "relative w-[calc(50%-4px)]"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+      onChange: e => handleChange('width', Number(e.target.value)),
+      type: "number",
+      value: formatDecimal(value.width)
+    }), /*#__PURE__*/React.createElement("span", {
+      "aria-label": 'Unit: W',
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, "W")), /*#__PURE__*/React.createElement("div", {
+      className: "relative w-[calc(50%-4px)]"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: "h-8 px-2 py-[5px] pr-8 text-xs! [-moz-appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+      onChange: e => handleChange('height', Number(e.target.value)),
+      type: "number",
+      value: formatDecimal(value.height)
+    }), /*#__PURE__*/React.createElement("span", {
+      "aria-label": 'Unit: H',
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, "H")));
   };
   const decimalRegex = /(\.\d{2})\d+$/;
   const formatDecimal = num => num.toString().replace(decimalRegex, '$1');
@@ -9203,19 +9186,17 @@
       onChange,
       suffix
     } = props;
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "relative w-full",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-        className: cn('h-8 px-2 py-[5px] text-xs!', !!suffix && 'pr-8'),
-        onChange: e => onChange(e.target.value),
-        placeholder: placeholder || '',
-        value: value || initialValue
-      }), !!suffix && /*#__PURE__*/jsxRuntime.jsx("span", {
-        "aria-label": `Unit: ${suffix}`,
-        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
-        children: suffix
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "relative w-full"
+    }, /*#__PURE__*/React.createElement(Input, {
+      className: cn('h-8 px-2 py-[5px] text-xs!', !!suffix && 'pr-8'),
+      onChange: e => onChange(e.target.value),
+      placeholder: placeholder || '',
+      value: value || initialValue
+    }), !!suffix && /*#__PURE__*/React.createElement("span", {
+      "aria-label": `Unit: ${suffix}`,
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground"
+    }, suffix));
   };
 
   // packages/react/use-previous/src/use-previous.tsx
@@ -9375,15 +9356,13 @@
     className,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Root$2, {
+    return /*#__PURE__*/React__namespace.createElement(Root$2, _extends$1({
       "data-slot": "switch",
-      className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
-      ...props,
-      children: /*#__PURE__*/jsxRuntime.jsx(Thumb, {
-        "data-slot": "switch-thumb",
-        className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
-      })
-    });
+      className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)
+    }, props), /*#__PURE__*/React__namespace.createElement(Thumb, {
+      "data-slot": "switch-thumb",
+      className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+    }));
   }
 
   const SwitchSetter = props => {
@@ -9392,13 +9371,12 @@
       initialValue,
       onChange
     } = props;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "py-0.5",
-      children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
-        checked: value || initialValue,
-        onCheckedChange: onChange
-      })
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "py-0.5"
+    }, /*#__PURE__*/React.createElement(Switch, {
+      checked: value || initialValue,
+      onCheckedChange: onChange
+    }));
   };
 
   /**
@@ -9448,7 +9426,7 @@
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
-  const Icon = /*#__PURE__*/React.forwardRef(({
+  const Icon = /*#__PURE__*/React$1.forwardRef(({
     color = "currentColor",
     size = 24,
     strokeWidth = 2,
@@ -9457,7 +9435,7 @@
     children,
     iconNode,
     ...rest
-  }, ref) => /*#__PURE__*/React.createElement("svg", {
+  }, ref) => /*#__PURE__*/React$1.createElement("svg", {
     ref,
     ...defaultAttributes,
     width: size,
@@ -9469,7 +9447,7 @@
       "aria-hidden": "true"
     }),
     ...rest
-  }, [...iconNode.map(([tag, attrs]) => /*#__PURE__*/React.createElement(tag, attrs)), ...(Array.isArray(children) ? children : [children])]));
+  }, [...iconNode.map(([tag, attrs]) => /*#__PURE__*/React$1.createElement(tag, attrs)), ...(Array.isArray(children) ? children : [children])]));
 
   /**
    * @license lucide-react v0.561.0 - ISC
@@ -9478,10 +9456,10 @@
    * See the LICENSE file in the root directory of this source tree.
    */
   const createLucideIcon = (iconName, iconNode) => {
-    const Component = /*#__PURE__*/React.forwardRef(({
+    const Component = /*#__PURE__*/React$1.forwardRef(({
       className,
       ...props
-    }, ref) => /*#__PURE__*/React.createElement(Icon, {
+    }, ref) => /*#__PURE__*/React$1.createElement(Icon, {
       ref,
       iconNode,
       className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
@@ -9546,8 +9524,8 @@
       accept = '.jpg,.jpeg,.png,.gif',
       maxSize = 10 * 1024 * 1024
     } = props;
-    const [error, setError] = React.useState('');
-    const inputRef = React.useRef(null);
+    const [error, setError] = React$1.useState('');
+    const inputRef = React$1.useRef(null);
     const handleFileChange = async e => {
       const file = e.target.files?.[0];
       setError('');
@@ -9610,52 +9588,41 @@
         inputRef.current.value = '';
       }
     };
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "group relative w-full overflow-hidden",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex gap-2",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
-          className: "flex-1 cursor-pointer",
-          children: [/*#__PURE__*/jsxRuntime.jsx("input", {
-            accept: accept,
-            className: cn('h-8 cursor-pointer px-2 py-[5px] text-xs', 'border-dashed transition-colors hover:border-primary', 'absolute h-0 w-0 opacity-0'),
-            onChange: handleFileChange,
-            ref: inputRef,
-            type: "file"
-          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex h-8 w-full items-center justify-center rounded-md border border-dashed text-muted-foreground text-xs transition-colors hover:border-primary",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Upload, {
-              className: "mr-2 h-4 w-4"
-            }), /*#__PURE__*/jsxRuntime.jsx("span", {
-              children: value ? '更换文件' : '点击上传'
-            })]
-          })]
-        }), !!value && /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "aria-label": "\u6E05\u9664\u6587\u4EF6",
-          className: "h-8 px-2 text-muted-foreground hover:text-destructive",
-          onClick: handleClear,
-          size: "sm",
-          type: "button",
-          variant: "ghost",
-          children: /*#__PURE__*/jsxRuntime.jsx(X, {
-            className: "h-4 w-4"
-          })
-        })]
-      }), !!value && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "mt-2 flex w-full items-center gap-2 text-foreground/80 text-xs",
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "min-w-0 flex-1 truncate",
-          children: value.raw?.name
-        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-          className: "shrink-0 whitespace-nowrap text-muted-foreground/50",
-          children: [(value.raw?.size / 1024).toFixed(1), "KB"]
-        })]
-      }), !!error && /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "mt-1 text-destructive text-xs",
-        role: "alert",
-        children: error
-      })]
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "group relative w-full overflow-hidden"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-2"
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "flex-1 cursor-pointer"
+    }, /*#__PURE__*/React.createElement("input", {
+      accept: accept,
+      className: cn('h-8 cursor-pointer px-2 py-[5px] text-xs', 'border-dashed transition-colors hover:border-primary', 'absolute h-0 w-0 opacity-0'),
+      onChange: handleFileChange,
+      ref: inputRef,
+      type: "file"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex h-8 w-full items-center justify-center rounded-md border border-dashed text-muted-foreground text-xs transition-colors hover:border-primary"
+    }, /*#__PURE__*/React.createElement(Upload, {
+      className: "mr-2 h-4 w-4"
+    }), /*#__PURE__*/React.createElement("span", null, value ? '更换文件' : '点击上传'))), !!value && /*#__PURE__*/React.createElement(Button, {
+      "aria-label": "\u6E05\u9664\u6587\u4EF6",
+      className: "h-8 px-2 text-muted-foreground hover:text-destructive",
+      onClick: handleClear,
+      size: "sm",
+      type: "button",
+      variant: "ghost"
+    }, /*#__PURE__*/React.createElement(X, {
+      className: "h-4 w-4"
+    }))), !!value && /*#__PURE__*/React.createElement("div", {
+      className: "mt-2 flex w-full items-center gap-2 text-foreground/80 text-xs"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "min-w-0 flex-1 truncate"
+    }, value.raw?.name), /*#__PURE__*/React.createElement("span", {
+      className: "shrink-0 whitespace-nowrap text-muted-foreground/50"
+    }, (value.raw?.size / 1024).toFixed(1), "KB")), !!error && /*#__PURE__*/React.createElement("p", {
+      className: "mt-1 text-destructive text-xs",
+      role: "alert"
+    }, error));
   };
 
   var COLLAPSIBLE_NAME = "Collapsible";
@@ -9792,26 +9759,23 @@
   function Collapsible({
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Root$1, {
-      "data-slot": "collapsible",
-      ...props
-    });
+    return /*#__PURE__*/React.createElement(Root$1, _extends$1({
+      "data-slot": "collapsible"
+    }, props));
   }
   function CollapsibleTrigger({
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(CollapsibleTrigger$1, {
-      "data-slot": "collapsible-trigger",
-      ...props
-    });
+    return /*#__PURE__*/React.createElement(CollapsibleTrigger$1, _extends$1({
+      "data-slot": "collapsible-trigger"
+    }, props));
   }
   function CollapsibleContent({
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(CollapsibleContent$1, {
-      "data-slot": "collapsible-content",
-      ...props
-    });
+    return /*#__PURE__*/React.createElement(CollapsibleContent$1, _extends$1({
+      "data-slot": "collapsible-content"
+    }, props));
   }
 
   const CollapseSetter = props => {
@@ -9821,33 +9785,25 @@
       initialValue,
       icon = true
     } = props;
-    const [isOpen, setIsOpen] = React.useState(initialValue ?? true);
-    return /*#__PURE__*/jsxRuntime.jsxs(Collapsible, {
+    const [isOpen, setIsOpen] = React$1.useState(initialValue ?? true);
+    return /*#__PURE__*/React.createElement(Collapsible, {
       className: "w-[calc(100%+32px)] -translate-x-4 space-y-2",
       onOpenChange: setIsOpen,
-      open: isOpen,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex h-8 items-center justify-between space-x-4 bg-muted px-4",
-        children: [/*#__PURE__*/jsxRuntime.jsx("h4", {
-          children: field.title
-        }), !!icon && /*#__PURE__*/jsxRuntime.jsx(CollapsibleTrigger, {
-          asChild: true,
-          children: /*#__PURE__*/jsxRuntime.jsxs(Button, {
-            size: "sm",
-            variant: "ghost",
-            children: [/*#__PURE__*/jsxRuntime.jsx(ChevronsUpDown, {
-              className: "h-4 w-4"
-            }), /*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "sr-only",
-              children: "Toggle"
-            })]
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(CollapsibleContent, {
-        className: "space-y-3 px-4 py-2",
-        children: children
-      })]
-    });
+      open: isOpen
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex h-8 items-center justify-between space-x-4 bg-muted px-4"
+    }, /*#__PURE__*/React.createElement("h4", null, field.title), !!icon && /*#__PURE__*/React.createElement(CollapsibleTrigger, {
+      asChild: true
+    }, /*#__PURE__*/React.createElement(Button, {
+      size: "sm",
+      variant: "ghost"
+    }, /*#__PURE__*/React.createElement(ChevronsUpDown, {
+      className: "h-4 w-4"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "sr-only"
+    }, "Toggle")))), /*#__PURE__*/React.createElement(CollapsibleContent, {
+      className: "space-y-3 px-4 py-2"
+    }, children));
   };
 
   function createCollection(name) {
@@ -9859,14 +9815,14 @@
     );
     const CollectionProvider = (props) => {
       const { scope, children } = props;
-      const ref = React.useRef(null);
-      const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
+      const ref = React$1.useRef(null);
+      const itemMap = React$1.useRef(/* @__PURE__ */ new Map()).current;
       return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
     };
     CollectionProvider.displayName = PROVIDER_NAME;
     const COLLECTION_SLOT_NAME = name + "CollectionSlot";
     const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-    const CollectionSlot = React.forwardRef(
+    const CollectionSlot = React$1.forwardRef(
       (props, forwardedRef) => {
         const { scope, children } = props;
         const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -9878,13 +9834,13 @@
     const ITEM_SLOT_NAME = name + "CollectionItemSlot";
     const ITEM_DATA_ATTR = "data-radix-collection-item";
     const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-    const CollectionItemSlot = React.forwardRef(
+    const CollectionItemSlot = React$1.forwardRef(
       (props, forwardedRef) => {
         const { scope, children, ...itemData } = props;
-        const ref = React.useRef(null);
+        const ref = React$1.useRef(null);
         const composedRefs = useComposedRefs(forwardedRef, ref);
         const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-        React.useEffect(() => {
+        React$1.useEffect(() => {
           context.itemMap.set(ref, { ref, ...itemData });
           return () => void context.itemMap.delete(ref);
         });
@@ -9894,7 +9850,7 @@
     CollectionItemSlot.displayName = ITEM_SLOT_NAME;
     function useCollection(scope) {
       const context = useCollectionContext(name + "CollectionConsumer", scope);
-      const getItems = React.useCallback(() => {
+      const getItems = React$1.useCallback(() => {
         const collectionNode = context.collectionRef.current;
         if (!collectionNode) return [];
         const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -10309,41 +10265,37 @@
     className,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Root2, {
+    return /*#__PURE__*/React__namespace.createElement(Root2, _extends$1({
       "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    });
+      className: cn("flex flex-col gap-2", className)
+    }, props));
   }
   function TabsList({
     className,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(List, {
+    return /*#__PURE__*/React__namespace.createElement(List, _extends$1({
       "data-slot": "tabs-list",
-      className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
-      ...props
-    });
+      className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className)
+    }, props));
   }
   function TabsTrigger({
     className,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Trigger, {
+    return /*#__PURE__*/React__namespace.createElement(Trigger, _extends$1({
       "data-slot": "tabs-trigger",
-      className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-      ...props
-    });
+      className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+    }, props));
   }
   function TabsContent({
     className,
     ...props
   }) {
-    return /*#__PURE__*/jsxRuntime.jsx(Content, {
+    return /*#__PURE__*/React__namespace.createElement(Content, _extends$1({
       "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
-    });
+      className: cn("flex-1 outline-none", className)
+    }, props));
   }
 
   const TabSetter = props => {
@@ -10352,7 +10304,7 @@
       initialValue,
       children
     } = props;
-    const tabsList = React.useMemo(() => {
+    const tabsList = React$1.useMemo(() => {
       if (tabs) {
         return tabs;
       }
@@ -10364,25 +10316,23 @@
       }
       throw new Error('TabSetter: children or tabs must be an array');
     }, [tabs, children]);
-    const firstTabValue = React.useMemo(() => tabsList[0]?.value, [tabsList]);
-    return /*#__PURE__*/jsxRuntime.jsxs(Tabs, {
+    const firstTabValue = React$1.useMemo(() => tabsList[0]?.value, [tabsList]);
+    return /*#__PURE__*/React$1.createElement(Tabs, {
       className: "w-full",
-      defaultValue: initialValue ?? firstTabValue,
-      children: [/*#__PURE__*/jsxRuntime.jsx(TabsList, {
-        className: "grid w-full",
-        style: {
-          gridTemplateColumns: `repeat(${tabsList.length}, minmax(0, 1fr))`
-        },
-        children: tabsList.map(tab => /*#__PURE__*/jsxRuntime.jsx(TabsTrigger, {
-          value: tab.value,
-          children: tab.label
-        }, tab.value))
-      }), Array.isArray(children) && children.map(child => /*#__PURE__*/jsxRuntime.jsx(TabsContent, {
-        className: "mt-0 box-border space-y-3 p-2",
-        value: child.props.field.config.key,
-        children: child
-      }, child.props.field.config.key))]
-    });
+      defaultValue: initialValue ?? firstTabValue
+    }, /*#__PURE__*/React$1.createElement(TabsList, {
+      className: "grid w-full",
+      style: {
+        gridTemplateColumns: `repeat(${tabsList.length}, minmax(0, 1fr))`
+      }
+    }, tabsList.map(tab => /*#__PURE__*/React$1.createElement(TabsTrigger, {
+      key: tab.value,
+      value: tab.value
+    }, tab.label))), Array.isArray(children) && children.map(child => /*#__PURE__*/React$1.createElement(TabsContent, {
+      className: "mt-0 box-border space-y-3 p-2",
+      key: child.props.field.config.key,
+      value: child.props.field.config.key
+    }, child)));
   };
 
   const setterMap = {