@dust-tt/sparkle 0.2.266-rc-1 → 0.2.266-rc-2

package/dist/cjs/index.js

@@ -79283,9 +79283,10 @@ Label$1.displayName = Root$4.displayName;
 
 var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-border-primary-500 s-text-foreground", "data-[state=checked]:s-text-white data-[state=checked]:s-text-foreground", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "disabled:s-cursor-not-allowed disabled:s-opacity-50"), {
     variants: {
-        isPartial: {
-            false: "data-[state=checked]:s-bg-action-500",
-            true: "data-[state=checked]:s-bg-element-700",
+        checked: {
+            true: "data-[state=checked]:s-bg-action-500",
+            partial: "data-[state=checked]:s-bg-element-700",
+            false: "",
         },
         size: {
             xs: "s-h-4 s-w-4 s-rounded",
@@ -79294,15 +79295,15 @@ var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-border-primary-500 s-t
     },
     defaultVariants: {
         size: "sm",
-        isPartial: false,
+        checked: false,
     },
 });
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.isPartial, isPartial = _c === void 0 ? false : _c, checked = _a.checked, props = __rest(_a, ["className", "size", "isPartial", "checked"]);
-    return (React.createElement(Root$5, __assign({ ref: ref, className: cn(checkboxStyles({ isPartial: isPartial, size: size }), className), checked: isPartial || checked }, props),
+    var className = _a.className, size = _a.size, checked = _a.checked, props = __rest(_a, ["className", "size", "checked"]);
+    return (React.createElement(Root$5, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: !!checked }, props),
         React.createElement(Indicator, { className: "s-flex s-items-center s-justify-center s-text-current" },
             React.createElement("span", { className: cn(size === "xs" ? "-s-mt-px" : "") },
-                React.createElement(Icon, { size: "xs", visual: isPartial ? DashIcon : CheckIcon })))));
+                React.createElement(Icon, { size: "xs", visual: checked === "partial" ? DashIcon : CheckIcon })))));
 });
 Checkbox.displayName = Root$5.displayName;
 function CheckboxWithText(_a) {