@ctlyst.id/internal-ui 4.2.5 → 4.2.6

package/dist/index.mjs

@@ -461,22 +461,16 @@ import { Box as Box5, Checkbox, forwardRef as forwardRef7, Text as Text2, useChe
 import * as Icon from "@ctlyst.id/internal-icon";
 import { jsx as jsx16, jsxs as jsxs2 } from "react/jsx-runtime";
 var CheckboxComponent = forwardRef7(
-  ({ isError = false, helpText, errorText, boxProps, children, isDisabled, ...rest }, ref) => {
+  ({ isError = false, animated = false, helpText, errorText, boxProps, children, isDisabled, ...rest }, ref) => {
     const { state } = useCheckbox(rest);
     const variant = isError ? "errors" : "unstyled";
+    const renderIcon2 = () => {
+      if (state.isChecked) return /* @__PURE__ */ jsx16(Icon.Check, { size: 3, color: "inherit" });
+      if (state.isIndeterminate) return /* @__PURE__ */ jsx16(Icon.MinusLine, { size: 3, color: "inherit" });
+      return void 0;
+    };
     return /* @__PURE__ */ jsxs2(Box5, { children: [
-      /* @__PURE__ */ jsx16(Box5, { display: "flex", ...boxProps, children: /* @__PURE__ */ jsx16(
-        Checkbox,
-        {
-          variant,
-          ref,
-          ...rest,
-          isDisabled,
-          color: "white",
-          icon: state.isIndeterminate ? /* @__PURE__ */ jsx16(Icon.MinusLine, { size: 3, color: "inherit" }) : /* @__PURE__ */ jsx16(Icon.Check, { size: 3, color: "inherit" }),
-          children: children && /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children })
-        }
-      ) }),
+      /* @__PURE__ */ jsx16(Box5, { display: "flex", ...boxProps, children: /* @__PURE__ */ jsx16(Checkbox, { variant, ref, ...rest, isDisabled, color: "white", icon: renderIcon2(), children: children && /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
       (isError && errorText || helpText) && /* @__PURE__ */ jsx16(Box5, { mt: "1", ml: "6", children: isError ? /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) : /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) })
     ] });
   }