@rehagro/ui 1.0.10 → 1.0.11

package/dist/index.d.mts

@@ -265,6 +265,8 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 };
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
@@ -273,6 +275,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectSize = "sm" | "md" | "lg";

package/dist/index.d.ts

@@ -265,6 +265,8 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 };
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
@@ -273,6 +275,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
     label?: string;
     /** Indeterminate state (partially checked) */
     indeterminate?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectSize = "sm" | "md" | "lg";

package/dist/index.js

@@ -1085,98 +1085,79 @@ var MinusIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M1 1H9",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round"
-      }
-    )
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
   }
 );
-var Checkbox = React8.forwardRef(
-  function Checkbox2({
-    size = "md",
-    label,
-    indeterminate = false,
-    disabled,
-    checked,
-    defaultChecked,
-    className = "",
-    id,
-    onChange,
-    ...rest
-  }, ref) {
-    const innerRef = React8__default.default.useRef(null);
-    const inputId = id || React8__default.default.useId();
-    React8__default.default.useImperativeHandle(ref, () => innerRef.current);
-    React8__default.default.useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const isChecked = checked ?? innerRef.current?.checked ?? defaultChecked ?? false;
-    const isActive = isChecked || indeterminate;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        htmlFor: inputId,
-        className: [
-          "rh-inline-flex rh-items-center rh-gap-2 rh-font-sans rh-select-none",
-          disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
-          className
-        ].filter(Boolean).join(" "),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-relative rh-inline-flex rh-items-center rh-justify-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref: innerRef,
-                id: inputId,
-                type: "checkbox",
-                disabled,
-                checked,
-                defaultChecked,
-                "aria-checked": indeterminate ? "mixed" : void 0,
-                onChange,
-                className: "rh-peer rh-sr-only",
-                ...rest
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: [
-                  "rh-inline-flex rh-items-center rh-justify-center",
-                  "rh-border rh-border-border rh-rounded-xxs",
-                  "rh-transition-colors rh-duration-150",
-                  sizeClasses4[size],
-                  isActive ? "rh-bg-primary rh-border-primary rh-text-surface" : "rh-bg-surface rh-text-transparent",
-                  !disabled && !isActive ? "hover:rh-border-primary" : "",
-                  "peer-focus-visible:rh-ring-2 peer-focus-visible:rh-ring-ring peer-focus-visible:rh-ring-offset-2"
-                ].filter(Boolean).join(" "),
-                "aria-hidden": "true",
-                children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, { className: iconSizeClasses2[size] }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconSizeClasses2[size] }) : null
-              }
-            )
-          ] }),
-          label && /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React8.forwardRef(function Checkbox2({
+  size = "md",
+  label,
+  indeterminate = false,
+  disabled,
+  checked,
+  defaultChecked,
+  className = "",
+  id,
+  onChange,
+  ...rest
+}, ref) {
+  const innerRef = React8__default.default.useRef(null);
+  const inputId = id || React8__default.default.useId();
+  React8__default.default.useImperativeHandle(ref, () => innerRef.current);
+  React8__default.default.useEffect(() => {
+    if (innerRef.current) {
+      innerRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const isChecked = checked ?? innerRef.current?.checked ?? defaultChecked ?? false;
+  const isActive = isChecked || indeterminate;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "rh-inline-flex rh-items-center rh-gap-2 rh-font-sans rh-select-none",
+        disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-relative rh-inline-flex rh-items-center rh-justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: innerRef,
+              id: inputId,
+              type: "checkbox",
+              disabled,
+              checked,
+              defaultChecked,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              onChange,
+              className: "rh-peer rh-sr-only",
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: [
-                "rh-text-text",
-                labelSizeClasses[size]
-              ].join(" "),
-              children: label
+                "rh-inline-flex rh-items-center rh-justify-center",
+                "rh-border rh-border-border rh-rounded-xxs",
+                "rh-transition-colors rh-duration-150",
+                sizeClasses4[size],
+                isActive ? "rh-bg-primary rh-border-primary rh-text-surface" : "rh-bg-surface rh-text-transparent",
+                !disabled && !isActive ? "hover:rh-border-primary" : "",
+                "peer-focus-visible:rh-ring-2 peer-focus-visible:rh-ring-ring peer-focus-visible:rh-ring-offset-2"
+              ].filter(Boolean).join(" "),
+              "aria-hidden": "true",
+              children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, { className: iconSizeClasses2[size] }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconSizeClasses2[size] }) : null
             }
           )
-        ]
-      }
-    );
-  }
-);
+        ] }),
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["rh-text-text", labelSizeClasses[size]].join(" "), children: label })
+      ]
+    }
+  );
+});
 var statusClasses2 = {
   default: "rh-border-border focus-within:rh-ring-2 focus-within:rh-ring-ring focus-within:rh-ring-offset-2",
   error: "rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-danger focus-within:rh-ring-offset-2"