lizaui 9.0.36 → 9.0.37

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

@@ -942,108 +942,411 @@ const SwitchClassProps = index.cva(["flex items-center cursor-pointer relative r
     size: "md"
   }
 });
-const Switch = ({
-  id = null,
-  color,
-  size = "md",
-  className,
-  disabled = false,
-  label,
-  description,
-  positionLabel = "end",
-  required,
-  error,
-  touched,
-  value,
-  leftIcon,
-  rightIcon,
-  thumbIcon,
-  onChange,
-  ...props2
-}) => {
+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 switchId = React.useId();
   const resolvedId = id || switchId;
   const [valueCheck, setValueCheck] = React.useState(false);
-  const isMounted = React.useRef(false);
-  React.useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
+  const [mounted, setMounted] = React.useState(false);
+  let t5;
+  let t6;
+  if ($2[18] !== value) {
+    t5 = () => {
+      setValueCheck(value);
     };
-  }, []);
-  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 })
-      ] }),
-      /* @__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: [
+    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);
+      }, 40);
+      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);
+      }
+    };
+    $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: [
         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 })
-  ] });
+      ] });
+      $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;
 };
 Switch.displayName = "Switch";
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -5821,4 +6124,4 @@ exports.useControllableState = useControllableState;
 exports.useFocusGuards = useFocusGuards;
 exports.useId = useId$1;
 exports.useLayoutEffect2 = useLayoutEffect2;
-//# sourceMappingURL=textarea-DyGA1ivF.js.map
+//# sourceMappingURL=textarea-RqXXm6aR.js.map