@aivex/ui 1.1.0-dev.11 → 1.1.0-dev.12

package/dist/index.js

@@ -6483,28 +6483,34 @@ function da({ className: e, label: t, size: n = "md", indeterminate: r = !1, dis
 }
 //#endregion
 //#region src/components/Checkbox/ChipsCheckbox.tsx
-function fa({ className: e, disabled: t, checked: n, defaultChecked: r, onChange: i, id: a, ref: c, ...l }) {
-	let u = n !== void 0, [d, f] = h(!!r), p = u ? !!n : d;
+function fa({ className: e, disabled: t, checked: n, defaultChecked: r, onChange: i, onClick: a, id: c, ref: l, ...u }) {
+	let d = n !== void 0, [f, p] = h(!!r), m = d ? !!n : f;
 	return /* @__PURE__ */ s("label", {
-		className: x("aivex:relative aivex:inline-flex aivex:items-center aivex:justify-center", "aivex:h-8 aivex:w-8 aivex:rounded-lg aivex:border aivex:cursor-pointer aivex:select-none aivex:transition-colors", p ? "aivex:bg-bg-brand-subtle aivex:border-border-brand-subtle" : "aivex:bg-bg-tertiary aivex:border-border-default", t && "aivex:opacity-disable aivex:pointer-events-none", e),
-		children: [/* @__PURE__ */ o("input", {
-			ref: c,
-			id: a,
-			type: "checkbox",
-			disabled: t,
-			checked: p,
-			onChange: (e) => {
-				u || f(e.target.checked), i?.(e);
-			},
-			className: "aivex:sr-only",
-			...l
-		}), /* @__PURE__ */ s("span", {
-			className: "aivex:relative aivex:inline-flex aivex:items-center aivex:justify-center aivex:w-5 aivex:h-5 aivex:shrink-0",
-			children: [/* @__PURE__ */ o("span", { className: x("aivex:w-4 aivex:h-4 aivex:rounded-xs aivex:border aivex:transition-colors", p ? "aivex:bg-bg-brand aivex:border-transparent" : "aivex:bg-bg-primary aivex:border-border-default") }), p && /* @__PURE__ */ o("span", {
-				className: "aivex:absolute aivex:inset-0 aivex:flex aivex:items-center aivex:justify-center aivex:text-white aivex:pointer-events-none",
-				children: /* @__PURE__ */ o(Me, { size: "sm" })
-			})]
-		})]
+		onClick: a,
+		className: x("aivex:relative aivex:overflow-hidden aivex:group aivex:inline-flex aivex:items-center aivex:justify-center", "aivex:h-8 aivex:w-8 aivex:shrink-0 aivex:rounded-lg aivex:border aivex:cursor-pointer aivex:select-none aivex:transition-colors", m ? "aivex:bg-bg-brand-subtle aivex:border-border-brand-subtle" : "aivex:bg-bg-tertiary aivex:border-border-default", t && "aivex:opacity-disable aivex:pointer-events-none", e),
+		children: [
+			/* @__PURE__ */ o(C, {}),
+			/* @__PURE__ */ o("input", {
+				ref: l,
+				id: c,
+				type: "checkbox",
+				disabled: t,
+				checked: m,
+				onChange: (e) => {
+					d || p(e.target.checked), i?.(e);
+				},
+				onClick: (e) => e.stopPropagation(),
+				className: "aivex:sr-only",
+				...u
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "aivex:relative aivex:inline-flex aivex:items-center aivex:justify-center aivex:w-5 aivex:h-5 aivex:shrink-0",
+				children: [/* @__PURE__ */ o("span", { className: x("aivex:w-4 aivex:h-4 aivex:rounded-xs aivex:border aivex:transition-colors", m ? "aivex:bg-bg-brand aivex:border-transparent" : "aivex:bg-bg-primary aivex:border-border-default") }), m && /* @__PURE__ */ o("span", {
+					className: "aivex:absolute aivex:inset-0 aivex:flex aivex:items-center aivex:justify-center aivex:text-white aivex:pointer-events-none",
+					children: /* @__PURE__ */ o(Me, { size: "sm" })
+				})]
+			})
+		]
 	});
 }
 //#endregion