@chekinapp/ui 0.0.133 → 0.0.135

package/dist/index.js

@@ -13267,13 +13267,21 @@ function useSelectState(params) {
     (option) => isOptionSelected2(option, selectedOptions),
     [isOptionSelected2, selectedOptions]
   );
+  const sssDebugSelectOptionCount = React48.useRef(0);
   const selectOption = React48.useCallback(
     (option) => {
-      console.log("[SC-debug] selectOption called", {
-        value: option.value,
-        isMulti,
-        currentSelectedCount: selectedOptions.length
-      });
+      sssDebugSelectOptionCount.current += 1;
+      console.log(
+        `[SC-debug] selectOption #${sssDebugSelectOptionCount.current}`,
+        { value: option.value, isMulti, currentSelectedCount: selectedOptions.length }
+      );
+      console.trace("[SC-debug] selectOption caller stack");
+      if (sssDebugSelectOptionCount.current === 5) {
+        console.warn(
+          "[SC-debug] selectOption fired 5x \u2014 pausing. Step out to see the caller."
+        );
+        debugger;
+      }
       if (!isOptionEnabled(option, isOptionDisabled)) return;
       if (isMulti) {
         const exists = isValueSelected(option);
@@ -14778,7 +14786,8 @@ function SelectCheckboxOption(props) {
             disabled: isDisabled,
             size: "s",
             tabIndex: -1,
-            className: "pointer-events-none shrink-0"
+            className: "pointer-events-none shrink-0",
+            onClick: (event) => event.stopPropagation()
           }
         ),
         /* @__PURE__ */ jsxs102("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
@@ -14896,7 +14905,8 @@ function SelectAllRow({ label, checked, disabled, onToggle }) {
             disabled,
             size: "s",
             tabIndex: -1,
-            className: "pointer-events-none shrink-0"
+            className: "pointer-events-none shrink-0",
+            onClick: (event) => event.stopPropagation()
           }
         ),
         /* @__PURE__ */ jsx165("span", { className: "flex-1", children: label })
@@ -14977,13 +14987,15 @@ function SelectCheckboxesInternal(props, ref) {
   );
   const currentValue = isControlled ? value : internalValue;
   const selected = React59.useMemo(() => currentValue ?? [], [currentValue]);
+  const scDebugHandleChangeCount = React59.useRef(0);
   const handleChange = React59.useCallback(
     (next, meta) => {
-      console.log("[SC-debug] handleChange", {
-        action: meta?.action,
-        nextLength: next.length,
-        isControlled
-      });
+      scDebugHandleChangeCount.current += 1;
+      console.log(
+        `[SC-debug] handleChange #${scDebugHandleChangeCount.current}`,
+        { action: meta?.action, nextLength: next.length, isControlled }
+      );
+      console.trace("[SC-debug] handleChange caller stack");
       if (!isControlled) setInternalValue(next);
       onChange?.(next, meta);
     },