@chekinapp/ui 0.0.43 → 0.0.45

package/dist/index.cjs

@@ -156,7 +156,6 @@ __export(index_exports, {
   InputOTPGroup: () => InputOTPGroup,
   InputOTPSeparator: () => InputOTPSeparator,
   InputOTPSlot: () => InputOTPSlot,
-  LABEL_PLACEMENT: () => LABEL_PLACEMENT,
   Label: () => Label,
   LargeModal: () => LargeModal,
   LearnMoreButton: () => LearnMoreButton,
@@ -1109,10 +1108,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 +9269,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 +9295,7 @@ function TogglesInternal({
   readOnly,
   minSelected = 0,
   disabledItems,
+  readonlyItems,
   label,
   multiple = true
 }, ref) {
@@ -9351,19 +9361,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
       );
     }) })
   ] });
@@ -9644,13 +9656,6 @@ var Textarea = (0, import_react67.forwardRef)(
 );
 Textarea.displayName = "Textarea";
 
-// src/three-dots-loader/constants.ts
-var LABEL_PLACEMENT = /* @__PURE__ */ ((LABEL_PLACEMENT2) => {
-  LABEL_PLACEMENT2[LABEL_PLACEMENT2["right"] = 0] = "right";
-  LABEL_PLACEMENT2[LABEL_PLACEMENT2["left"] = 1] = "left";
-  return LABEL_PLACEMENT2;
-})(LABEL_PLACEMENT || {});
-
 // src/three-dots-loader/ThreeDotsLoader.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
 function Dots({
@@ -9696,7 +9701,7 @@ function ThreeDotsLoader({
   color = "#E3E3E3FF",
   label = "",
   className,
-  labelPlacement = 0 /* right */
+  labelPlacement = "right"
 }) {
   const dots = /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dots, { color, height, width });
   if (label) {
@@ -9707,7 +9712,7 @@ function ThreeDotsLoader({
           "flex items-center justify-center gap-x-[13px] [&>div]:text-sm [&>div]:font-bold [&>div]:uppercase [&>div]:text-[#9696b9] [&>div]:opacity-50",
           className
         ),
-        children: labelPlacement === 0 /* right */ ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+        children: labelPlacement === "right" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
           dots,
           /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: label })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
@@ -13120,7 +13125,6 @@ function getNextEnabledIndex(options, startIndex, step) {
   InputOTPGroup,
   InputOTPSeparator,
   InputOTPSlot,
-  LABEL_PLACEMENT,
   Label,
   LargeModal,
   LearnMoreButton,