@chekinapp/ui 0.0.133 → 0.0.135

package/dist/index.cjs

@@ -13631,13 +13631,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);
@@ -15142,7 +15150,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__ */ (0, import_jsx_runtime165.jsxs)("span", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [
@@ -15260,7 +15269,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__ */ (0, import_jsx_runtime167.jsx)("span", { className: "flex-1", children: label })
@@ -15341,13 +15351,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);
     },