@chekinapp/ui 0.0.42 → 0.0.44

package/dist/index.cjs

@@ -1109,10 +1109,10 @@ var Button = React4.forwardRef(
         disabled: isDisabled,
         className: classNames,
         ...props,
-        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, {}),
           showLoadingLabel ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: loadingText || t("please_wait") }) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex items-center gap-2", children })
+        ] }) : children
       }
     );
   }
@@ -9270,6 +9270,16 @@ var getValueArray2 = (value) => {
   }
   return [];
 };
+function getToggleContent(label, disabled, readOnly, active) {
+  if ((0, import_react66.isValidElement)(label)) {
+    return (0, import_react66.cloneElement)(label, {
+      disabled,
+      readOnly,
+      active
+    });
+  }
+  return label;
+}
 function TogglesInternal({
   className,
   groupClassName,
@@ -9286,6 +9296,7 @@ function TogglesInternal({
   readOnly,
   minSelected = 0,
   disabledItems,
+  readonlyItems,
   label,
   multiple = true
 }, ref) {
@@ -9351,19 +9362,21 @@ function TogglesInternal({
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { ref, className, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "select-none text-base font-normal text-[var(--chekin-color-brand-navy)]", children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ToggleGroup, { className: groupClassName, ...toggleGroupProps, children: options.map((option, index) => {
-      const isSelected = getValueArray2(value).includes(option.value);
+      const isSelected = Boolean(
+        getValueArray2(value).find((selectedValue) => selectedValue === option.value)
+      );
       const isDisabled = disabled || disabledItems?.includes(option.value) || option.disabled;
       const isMinSelected = getValueArray2(value).length <= minSelected;
-      const isItemReadOnly = readOnly || isMinSelected && isSelected;
+      const isItemReadOnly = readOnly || isMinSelected && isSelected || readonlyItems?.includes(option.value);
       return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         ToggleGroupItem,
         {
           value: String(option.value),
           disabled: isDisabled || isItemReadOnly || loading,
           onClick: handleItemClick(option),
-          children: option.label
+          children: getToggleContent(option.label, isDisabled, isItemReadOnly, isSelected)
         },
-        `${option.value}-${index}`
+        index
       );
     }) })
   ] });