@chekinapp/ui 0.0.135 → 0.0.137

package/dist/index.js

@@ -14745,6 +14745,7 @@ import * as React59 from "react";
 import { useTranslation as useTranslation36 } from "react-i18next";
 
 // src/dashboard/select-checkboxes/SelectCheckboxOption.tsx
+import { Check as Check7 } from "lucide-react";
 import { jsx as jsx163, jsxs as jsxs102 } from "react/jsx-runtime";
 function SelectCheckboxOption(props) {
   const {
@@ -14780,14 +14781,16 @@ function SelectCheckboxOption(props) {
       ),
       children: [
         /* @__PURE__ */ jsx163(
-          BaseCheckbox,
+          "span",
           {
-            checked: isSelected,
-            disabled: isDisabled,
-            size: "s",
-            tabIndex: -1,
-            className: "pointer-events-none shrink-0",
-            onClick: (event) => event.stopPropagation()
+            "aria-hidden": "true",
+            "data-state": isSelected ? "checked" : "unchecked",
+            className: cn(
+              "checkbox__control pointer-events-none flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-solid",
+              isSelected ? "border-[var(--checkbox-checked-border)] bg-[var(--checkbox-checked-bg)] text-[var(--checkbox-check-color)]" : "border-[var(--checkbox-border)] bg-[var(--checkbox-bg)]",
+              isDisabled && "opacity-50"
+            ),
+            children: isSelected && /* @__PURE__ */ jsx163(Check7, { className: "checkbox__icon h-3 w-3" })
           }
         ),
         /* @__PURE__ */ jsxs102("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
@@ -14885,6 +14888,7 @@ function createCountTrigger(opts) {
 }
 
 // src/dashboard/select-checkboxes/SelectAllRow.tsx
+import { Check as Check8 } from "lucide-react";
 import { jsx as jsx165, jsxs as jsxs104 } from "react/jsx-runtime";
 function SelectAllRow({ label, checked, disabled, onToggle }) {
   return /* @__PURE__ */ jsxs104(
@@ -14899,14 +14903,16 @@ function SelectAllRow({ label, checked, disabled, onToggle }) {
       ),
       children: [
         /* @__PURE__ */ jsx165(
-          BaseCheckbox,
+          "span",
           {
-            checked,
-            disabled,
-            size: "s",
-            tabIndex: -1,
-            className: "pointer-events-none shrink-0",
-            onClick: (event) => event.stopPropagation()
+            "aria-hidden": "true",
+            "data-state": checked ? "checked" : "unchecked",
+            className: cn(
+              "checkbox__control pointer-events-none flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-solid",
+              checked ? "border-[var(--checkbox-checked-border)] bg-[var(--checkbox-checked-bg)] text-[var(--checkbox-check-color)]" : "border-[var(--checkbox-border)] bg-[var(--checkbox-bg)]",
+              disabled && "opacity-50"
+            ),
+            children: checked && /* @__PURE__ */ jsx165(Check8, { className: "checkbox__icon h-3 w-3" })
           }
         ),
         /* @__PURE__ */ jsx165("span", { className: "flex-1", children: label })
@@ -20262,7 +20268,7 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
 // src/airbnb-fields/switch/Switch.tsx
 import * as React83 from "react";
 import * as SwitchPrimitives2 from "@radix-ui/react-switch";
-import { Check as Check7 } from "lucide-react";
+import { Check as Check9 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx192, jsxs as jsxs126 } from "react/jsx-runtime";
 var AirbnbSwitch = React83.forwardRef(
   ({
@@ -20308,7 +20314,7 @@ var AirbnbSwitch = React83.forwardRef(
               "data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0"
             ),
             children: /* @__PURE__ */ jsx192(
-              Check7,
+              Check9,
               {
                 "aria-hidden": "true",
                 className: "h-3 w-3 text-[#222222] opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100",