lizaui 9.0.35 → 9.0.36

package/dist/chunks/{textarea-D8KQkXO4.js → textarea-DyGA1ivF.js}

@@ -942,411 +942,108 @@ const SwitchClassProps = index.cva(["flex items-center cursor-pointer relative r
     size: "md"
   }
 });
-const Switch = (t0) => {
-  const $2 = compilerRuntime.c(116);
-  let className;
-  let color;
-  let description;
-  let error;
-  let label;
-  let leftIcon;
-  let onChange;
-  let props2;
-  let required;
-  let rightIcon;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let thumbIcon;
-  let touched;
-  let value;
-  if ($2[0] !== t0) {
-    ({
-      id: t1,
-      color,
-      size: t2,
-      className,
-      disabled: t3,
-      label,
-      description,
-      positionLabel: t4,
-      required,
-      error,
-      touched,
-      value,
-      leftIcon,
-      rightIcon,
-      thumbIcon,
-      onChange,
-      ...props2
-    } = t0);
-    $2[0] = t0;
-    $2[1] = className;
-    $2[2] = color;
-    $2[3] = description;
-    $2[4] = error;
-    $2[5] = label;
-    $2[6] = leftIcon;
-    $2[7] = onChange;
-    $2[8] = props2;
-    $2[9] = required;
-    $2[10] = rightIcon;
-    $2[11] = t1;
-    $2[12] = t2;
-    $2[13] = t3;
-    $2[14] = t4;
-    $2[15] = thumbIcon;
-    $2[16] = touched;
-    $2[17] = value;
-  } else {
-    className = $2[1];
-    color = $2[2];
-    description = $2[3];
-    error = $2[4];
-    label = $2[5];
-    leftIcon = $2[6];
-    onChange = $2[7];
-    props2 = $2[8];
-    required = $2[9];
-    rightIcon = $2[10];
-    t1 = $2[11];
-    t2 = $2[12];
-    t3 = $2[13];
-    t4 = $2[14];
-    thumbIcon = $2[15];
-    touched = $2[16];
-    value = $2[17];
-  }
-  const id = t1 === void 0 ? null : t1;
-  const size = t2 === void 0 ? "md" : t2;
-  const disabled = t3 === void 0 ? false : t3;
-  const positionLabel = t4 === void 0 ? "end" : t4;
+const Switch = ({
+  id = null,
+  color,
+  size = "md",
+  className,
+  disabled = false,
+  label,
+  description,
+  positionLabel = "end",
+  required,
+  error,
+  touched,
+  value,
+  leftIcon,
+  rightIcon,
+  thumbIcon,
+  onChange,
+  ...props2
+}) => {
   const switchId = React.useId();
   const resolvedId = id || switchId;
   const [valueCheck, setValueCheck] = React.useState(false);
-  const [mounted, setMounted] = React.useState(false);
-  let t5;
-  let t6;
-  if ($2[18] !== value) {
-    t5 = () => {
-      setValueCheck(value);
-    };
-    t6 = [value];
-    $2[18] = value;
-    $2[19] = t5;
-    $2[20] = t6;
-  } else {
-    t5 = $2[19];
-    t6 = $2[20];
-  }
-  React.useEffect(t5, t6);
-  let t7;
-  let t8;
-  if ($2[21] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = () => {
-      const timeout = setTimeout(() => {
-        setMounted(true);
-      }, 50);
-      return () => clearTimeout(timeout);
-    };
-    t8 = [];
-    $2[21] = t7;
-    $2[22] = t8;
-  } else {
-    t7 = $2[21];
-    t8 = $2[22];
-  }
-  React.useEffect(t7, t8);
-  let t9;
-  if ($2[23] !== onChange) {
-    t9 = (e) => {
-      onChange(e.target.checked);
-    };
-    $2[23] = onChange;
-    $2[24] = t9;
-  } else {
-    t9 = $2[24];
-  }
-  const handleChange = t9;
-  let t10;
-  if ($2[25] !== disabled || $2[26] !== onChange || $2[27] !== valueCheck) {
-    t10 = () => {
-      if (!disabled) {
-        onChange(!valueCheck);
-      }
+  const isMounted = React.useRef(false);
+  React.useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
     };
-    $2[25] = disabled;
-    $2[26] = onChange;
-    $2[27] = valueCheck;
-    $2[28] = t10;
-  } else {
-    t10 = $2[28];
-  }
-  const handleClick = t10;
-  const t11 = mounted ? "transition transform bg-white rounded-full shadow-sm flex justify-center items-center" : "transform bg-white rounded-full shadow-sm flex justify-center items-center";
-  let t12;
-  if ($2[29] !== size || $2[30] !== t11 || $2[31] !== valueCheck) {
-    t12 = tailwindMerge.twMerge(t11, clsx(size === "sm" && "w-4 h-4", size === "md" && "w-5 h-5", size === "lg" && "w-6 h-6", size === "sm" && valueCheck && "translate-x-4", size === "md" && valueCheck && "translate-x-5", size === "lg" && valueCheck && "translate-x-6"));
-    $2[29] = size;
-    $2[30] = t11;
-    $2[31] = valueCheck;
-    $2[32] = t12;
-  } else {
-    t12 = $2[32];
-  }
-  const classSpan = t12;
-  let classDescription;
-  let classText;
-  let t13;
-  let t14;
-  let t15;
-  let t16;
-  let t17;
-  if ($2[33] !== className || $2[34] !== color || $2[35] !== description || $2[36] !== disabled || $2[37] !== handleClick || $2[38] !== label || $2[39] !== positionLabel || $2[40] !== required || $2[41] !== resolvedId || $2[42] !== size || $2[43] !== valueCheck) {
-    const classLabel = tailwindMerge.twMerge(clsx(!valueCheck && "bg-default-200", disabled && "bg-default-100 hover:bg-default-100"));
-    let t182;
-    if ($2[51] !== disabled || $2[52] !== required || $2[53] !== size) {
-      t182 = tailwindMerge.twMerge("text-gray-500 leading-none", clsx({
-        "text-sm": size === "sm" || size === "md",
-        "after:content-['*'] after:ml-0.5 after:text-green-500": required,
-        "after:text-gray-400 text-gray-400": disabled
-      }));
-      $2[51] = disabled;
-      $2[52] = required;
-      $2[53] = size;
-      $2[54] = t182;
-    } else {
-      t182 = $2[54];
-    }
-    classText = t182;
-    const t192 = disabled && "text-gray-400";
-    let t202;
-    if ($2[55] !== t192) {
-      t202 = tailwindMerge.twMerge("text-xs text-gray-500 mt-1", t192);
-      $2[55] = t192;
-      $2[56] = t202;
-    } else {
-      t202 = $2[56];
-    }
-    classDescription = t202;
-    if ($2[57] !== className) {
-      t17 = tailwindMerge.twMerge(className);
-      $2[57] = className;
-      $2[58] = t17;
-    } else {
-      t17 = $2[58];
-    }
-    const t212 = description && label ? "items-start" : "items-center";
-    if ($2[59] !== t212) {
-      t15 = clsx("flex gap-2", t212);
-      $2[59] = t212;
-      $2[60] = t15;
-    } else {
-      t15 = $2[60];
-    }
-    if ($2[61] !== classDescription || $2[62] !== classText || $2[63] !== description || $2[64] !== handleClick || $2[65] !== label || $2[66] !== positionLabel) {
-      t16 = positionLabel === "start" && (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: handleClick, className: "cursor-pointer", children: [
+  }, []);
+  React.useEffect(() => {
+    setValueCheck(value);
+  }, [value]);
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  const handleClick = () => {
+    if (!disabled) onChange(!valueCheck);
+  };
+  const classSpan = tailwindMerge.twMerge(
+    // Evitamos transición en el primer render si viene activo
+    isMounted.current ? "transition transform bg-white rounded-full shadow-sm flex justify-center items-center" : "transform bg-white rounded-full shadow-sm flex justify-center items-center",
+    clsx(size === "sm" && "w-4 h-4", size === "md" && "w-5 h-5", size === "lg" && "w-6 h-6", size === "sm" && valueCheck && "translate-x-4", size === "md" && valueCheck && "translate-x-5", size === "lg" && valueCheck && "translate-x-6")
+  );
+  const classLabel = tailwindMerge.twMerge(clsx(!valueCheck && "bg-default-200", disabled && "bg-default-100 hover:bg-default-100"));
+  const classText = tailwindMerge.twMerge("text-gray-500 leading-none", clsx({
+    "text-sm": size === "sm" || size === "md",
+    "after:content-['*'] after:ml-0.5 after:text-green-500": required,
+    "after:text-gray-400 text-gray-400": disabled
+  }));
+  const classDescription = tailwindMerge.twMerge("text-xs text-gray-500 mt-1", disabled && "text-gray-400");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge(className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("flex gap-2", description && label ? "items-start" : "items-center"), children: [
+      positionLabel === "start" && (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: handleClick, className: "cursor-pointer", children: [
         label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classText, children: label }),
         description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classDescription, children: description })
-      ] });
-      $2[61] = classDescription;
-      $2[62] = classText;
-      $2[63] = description;
-      $2[64] = handleClick;
-      $2[65] = label;
-      $2[66] = positionLabel;
-      $2[67] = t16;
-    } else {
-      t16 = $2[67];
-    }
-    t13 = resolvedId;
-    t14 = utils.cn(SwitchClassProps({
-      size,
-      color
-    }), classLabel);
-    $2[33] = className;
-    $2[34] = color;
-    $2[35] = description;
-    $2[36] = disabled;
-    $2[37] = handleClick;
-    $2[38] = label;
-    $2[39] = positionLabel;
-    $2[40] = required;
-    $2[41] = resolvedId;
-    $2[42] = size;
-    $2[43] = valueCheck;
-    $2[44] = classDescription;
-    $2[45] = classText;
-    $2[46] = t13;
-    $2[47] = t14;
-    $2[48] = t15;
-    $2[49] = t16;
-    $2[50] = t17;
-  } else {
-    classDescription = $2[44];
-    classText = $2[45];
-    t13 = $2[46];
-    t14 = $2[47];
-    t15 = $2[48];
-    t16 = $2[49];
-    t17 = $2[50];
-  }
-  const t18 = valueCheck ? "checked" : "unchecked";
-  let t19;
-  if ($2[68] !== disabled || $2[69] !== handleChange || $2[70] !== props2 || $2[71] !== resolvedId || $2[72] !== t18 || $2[73] !== valueCheck) {
-    t19 = /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", id: resolvedId, className: "sr-only peer", onChange: handleChange, disabled, checked: valueCheck, "data-state": t18, ...props2 });
-    $2[68] = disabled;
-    $2[69] = handleChange;
-    $2[70] = props2;
-    $2[71] = resolvedId;
-    $2[72] = t18;
-    $2[73] = valueCheck;
-    $2[74] = t19;
-  } else {
-    t19 = $2[74];
-  }
-  let t20;
-  if ($2[75] !== leftIcon || $2[76] !== mounted || $2[77] !== valueCheck) {
-    t20 = leftIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
-      scale: valueCheck ? 1 : 0,
-      opacity: valueCheck ? 1 : 0
-    }, animate: {
-      scale: valueCheck ? 1 : 0,
-      opacity: valueCheck ? 1 : 0
-    }, transition: mounted ? {
-      type: "spring",
-      bounce: 0
-    } : {
-      duration: 0
-    }, className: "absolute left-1 top-1/2 -translate-y-1/2 text-neutral-400", children: leftIcon });
-    $2[75] = leftIcon;
-    $2[76] = mounted;
-    $2[77] = valueCheck;
-    $2[78] = t20;
-  } else {
-    t20 = $2[78];
-  }
-  let t21;
-  if ($2[79] !== mounted || $2[80] !== rightIcon || $2[81] !== valueCheck) {
-    t21 = rightIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
-      scale: !valueCheck ? 1 : 0,
-      opacity: !valueCheck ? 1 : 0
-    }, animate: {
-      scale: !valueCheck ? 1 : 0,
-      opacity: !valueCheck ? 1 : 0
-    }, transition: mounted ? {
-      type: "spring",
-      bounce: 0
-    } : {
-      duration: 0
-    }, className: "absolute right-1 top-1/2 -translate-y-1/2 text-neutral-400", children: rightIcon });
-    $2[79] = mounted;
-    $2[80] = rightIcon;
-    $2[81] = valueCheck;
-    $2[82] = t21;
-  } else {
-    t21 = $2[82];
-  }
-  let t22;
-  if ($2[83] !== mounted || $2[84] !== thumbIcon) {
-    t22 = thumbIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
-      scale: 1
-    }, animate: {
-      scale: 1
-    }, transition: mounted ? {
-      duration: 0.15
-    } : {
-      duration: 0
-    }, className: "flex items-center justify-center", children: thumbIcon });
-    $2[83] = mounted;
-    $2[84] = thumbIcon;
-    $2[85] = t22;
-  } else {
-    t22 = $2[85];
-  }
-  let t23;
-  if ($2[86] !== classSpan || $2[87] !== t22) {
-    t23 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: classSpan, children: t22 });
-    $2[86] = classSpan;
-    $2[87] = t22;
-    $2[88] = t23;
-  } else {
-    t23 = $2[88];
-  }
-  let t24;
-  if ($2[89] !== t13 || $2[90] !== t14 || $2[91] !== t19 || $2[92] !== t20 || $2[93] !== t21 || $2[94] !== t23) {
-    t24 = /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: t13, className: t14, children: [
-      t19,
-      t20,
-      t21,
-      t23
-    ] });
-    $2[89] = t13;
-    $2[90] = t14;
-    $2[91] = t19;
-    $2[92] = t20;
-    $2[93] = t21;
-    $2[94] = t23;
-    $2[95] = t24;
-  } else {
-    t24 = $2[95];
-  }
-  let t25;
-  if ($2[96] !== classDescription || $2[97] !== classText || $2[98] !== description || $2[99] !== handleClick || $2[100] !== label || $2[101] !== positionLabel) {
-    t25 = positionLabel === "end" && (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: handleClick, className: "cursor-pointer", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classText, children: label }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classDescription, children: description })
-    ] });
-    $2[96] = classDescription;
-    $2[97] = classText;
-    $2[98] = description;
-    $2[99] = handleClick;
-    $2[100] = label;
-    $2[101] = positionLabel;
-    $2[102] = t25;
-  } else {
-    t25 = $2[102];
-  }
-  let t26;
-  if ($2[103] !== t15 || $2[104] !== t16 || $2[105] !== t24 || $2[106] !== t25) {
-    t26 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t15, children: [
-      t16,
-      t24,
-      t25
-    ] });
-    $2[103] = t15;
-    $2[104] = t16;
-    $2[105] = t24;
-    $2[106] = t25;
-    $2[107] = t26;
-  } else {
-    t26 = $2[107];
-  }
-  let t27;
-  if ($2[108] !== disabled || $2[109] !== error || $2[110] !== touched) {
-    t27 = !disabled && error && touched && /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: error });
-    $2[108] = disabled;
-    $2[109] = error;
-    $2[110] = touched;
-    $2[111] = t27;
-  } else {
-    t27 = $2[111];
-  }
-  let t28;
-  if ($2[112] !== t17 || $2[113] !== t26 || $2[114] !== t27) {
-    t28 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t17, children: [
-      t26,
-      t27
-    ] });
-    $2[112] = t17;
-    $2[113] = t26;
-    $2[114] = t27;
-    $2[115] = t28;
-  } else {
-    t28 = $2[115];
-  }
-  return t28;
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: resolvedId, className: utils.cn(SwitchClassProps({
+        size,
+        color
+      }), classLabel), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", id: resolvedId, className: "sr-only peer", onChange: handleChange, disabled, checked: valueCheck, "data-state": valueCheck ? "checked" : "unchecked", ...props2 }),
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
+          scale: valueCheck ? 1 : 0,
+          opacity: valueCheck ? 1 : 0
+        }, animate: {
+          scale: valueCheck ? 1 : 0,
+          opacity: valueCheck ? 1 : 0
+        }, transition: isMounted.current ? {
+          type: "spring",
+          bounce: 0
+        } : {
+          duration: 0
+        }, className: "absolute left-1 top-1/2 -translate-y-1/2 text-neutral-400", children: leftIcon }),
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
+          scale: !valueCheck ? 1 : 0,
+          opacity: !valueCheck ? 1 : 0
+        }, animate: {
+          scale: !valueCheck ? 1 : 0,
+          opacity: !valueCheck ? 1 : 0
+        }, transition: isMounted.current ? {
+          type: "spring",
+          bounce: 0
+        } : {
+          duration: 0
+        }, className: "absolute right-1 top-1/2 -translate-y-1/2 text-neutral-400", children: rightIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: classSpan, children: thumbIcon && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { initial: {
+          scale: 1
+        }, animate: {
+          scale: 1
+        }, transition: isMounted.current ? {
+          duration: 0.15
+        } : {
+          duration: 0
+        }, className: "flex items-center justify-center", children: thumbIcon }) })
+      ] }),
+      positionLabel === "end" && (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: handleClick, className: "cursor-pointer", children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classText, children: label }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classDescription, children: description })
+      ] })
+    ] }),
+    !disabled && error && touched && /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: error })
+  ] });
 };
 Switch.displayName = "Switch";
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -6124,4 +5821,4 @@ exports.useControllableState = useControllableState;
 exports.useFocusGuards = useFocusGuards;
 exports.useId = useId$1;
 exports.useLayoutEffect2 = useLayoutEffect2;
-//# sourceMappingURL=textarea-D8KQkXO4.js.map
+//# sourceMappingURL=textarea-DyGA1ivF.js.map