@companix/uikit 0.0.66 → 0.0.67

package/dist/Checkbox/index.d.ts

@@ -5,6 +5,7 @@ export interface CheckboxProps {
     label?: React.ReactNode;
     disabled?: boolean;
     required?: boolean;
+    className?: string;
 }
-declare const Checkbox: ({ checked, required, disabled, onCheckedChange, size, label }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export { Checkbox };

package/dist/bundle.es18.js

@@ -1,35 +1,36 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
-import { Icon as h } from "./bundle.es33.js";
-import { faCheck as l } from "@companix/icons-solid";
-import { useId as n } from "react";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import b from "classnames";
+import * as s from "@radix-ui/react-checkbox";
+import { Icon as x } from "./bundle.es33.js";
+import { faCheck as k } from "@companix/icons-solid";
+import { useId as f } from "react";
 import { attr as c } from "@companix/utils-browser";
-const u = ({ checked: e, required: m, disabled: r, onCheckedChange: s, size: d, label: a }) => {
-  const i = n();
-  return /* @__PURE__ */ x(
+const j = (d) => {
+  const { checked: a, className: m, required: t, disabled: o, onCheckedChange: l, size: h, label: r } = d, i = f();
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: "checkbox",
-      "data-size": d ?? "md",
-      "data-required": c(m && !e),
-      "data-disabled": c(r),
+      className: b("checkbox", m),
+      "data-size": h ?? "md",
+      "data-required": c(t && !a),
+      "data-disabled": c(o),
       children: [
-        /* @__PURE__ */ o(
-          t.Root,
+        /* @__PURE__ */ e(
+          s.Root,
           {
             className: "checkbox-box",
-            checked: e,
-            onCheckedChange: s,
-            disabled: r,
+            checked: a,
+            onCheckedChange: l,
+            disabled: o,
             id: i,
-            children: /* @__PURE__ */ o(t.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ o(h, { icon: l, size: "xxxs" }) })
+            children: /* @__PURE__ */ e(s.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ e(x, { icon: k, size: "xxxs" }) })
           }
         ),
-        a && /* @__PURE__ */ o("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(r), children: a })
+        r && /* @__PURE__ */ e("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(o), children: r })
       ]
     }
   );
 };
 export {
-  u as Checkbox
+  j as Checkbox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",