@chekinapp/ui 0.0.68 → 0.0.70

package/dist/index.cjs

@@ -7708,7 +7708,7 @@ var SectionGroupItem = ({
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("section", { className: cn("flex flex-col gap-5", className), children: [
     divider && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn("h-px w-full bg-[var(--section-group-divider-bg)]") }),
     (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-1 px-8", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "text-sm font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
+      title && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "text-base font-semibold leading-6 text-[var(--section-group-muted-text)]", children: title }),
       subtitle && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-sm font-medium leading-6 text-[var(--section-group-muted-text)]", children: subtitle })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn("flex flex-col gap-4 px-8", contentClassName), children })
@@ -9759,6 +9759,7 @@ var getValueArray = (value) => {
   return [];
 };
 var convertStringToValue = (stringValue, option) => {
+  console.log(stringValue, option);
   if (option) {
     return option.value;
   }
@@ -9817,6 +9818,9 @@ function TogglesInternal({
     const singleValue = Array.isArray(newValue) ? newValue[0] : newValue;
     const option = options.find((opt) => String(opt.value) === singleValue);
     const typedValue = convertStringToValue(singleValue, option);
+    {
+      console.log("typedValues", typedValue);
+    }
     onChange?.(
       typedValue,
       {}
@@ -13693,7 +13697,7 @@ function Fieldset({
         className: cn(
           "absolute box-border inline-flex max-w-full cursor-text items-center pl-[3px] pr-5 transition-all duration-100 ease-in",
           "left-[13px] text-[var(--chekin-color-gray-1)]",
-          isEmpty && !isFocused ? "top-[14px]" : "top-[-8px] !pl-1 !pr-[22px]",
+          isEmpty && !isFocused ? "top-[14px]" : "top-[-10px] !pl-1 !pr-[22px]",
           isFocused && "text-[var(--chekin-color-brand-blue)]",
           raised && invalid && "text-[var(--error-message-color)]",
           readOnly && "cursor-default",
@@ -13856,7 +13860,7 @@ var DashboardInput = React53.forwardRef(
         className: cn(
           "relative block min-h-[68px]",
           disabled && "cursor-not-allowed opacity-50",
-          loading && "cursor-progress",
+          loading && "cursor-progress opacity-50",
           wrapperClassName,
           className
         ),
@@ -13895,7 +13899,10 @@ var DashboardInput = React53.forwardRef(
                       labelId: `${inputId}-label`,
                       legend: typeof label === "string" ? label : void 0,
                       label,
-                      tooltip
+                      tooltip,
+                      labelClassName: cn({
+                        "pl-[28px]": !!leftIcon
+                      })
                     }
                   ),
                   leftIcon && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "pointer-events-none absolute left-0 top-0 flex h-full max-w-10 items-center justify-center text-[var(--chekin-color-gray-2)]", children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "flex h-full w-10 items-center justify-center", children: leftIcon }) }),
@@ -13938,7 +13945,7 @@ var DashboardInput = React53.forwardRef(
                   ),
                   sign && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center text-[18px] font-medium leading-6 text-[var(--chekin-color-brand-navy)]", children: sign }),
                   trailingAdornment && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "pointer-events-none absolute right-[14px] top-0 flex h-full items-center", children: trailingAdornment }),
-                  onReset && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+                  onReset && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                     "button",
                     {
                       type: "button",
@@ -13954,13 +13961,13 @@ var DashboardInput = React53.forwardRef(
                     {
                       type: "button",
                       onClick: togglePasswordReveal,
-                      className: "absolute right-[14px] top-[13px] flex h-[13px] w-[21px] cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:opacity-85",
+                      className: "absolute right-[14px] top-[18px] flex h-[13px] w-[21px] cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:opacity-85",
                       "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
                       children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                         import_lucide_react46.Eye,
                         {
+                          size: 20,
                           className: cn(
-                            "h-[13px] w-[21px]",
                             isPasswordRevealed ? "text-[#fc98dd]" : "text-[var(--chekin-color-gray-2)]"
                           )
                         }
@@ -13968,7 +13975,7 @@ var DashboardInput = React53.forwardRef(
                     }
                   )
                 ] }),
-                type === "number" && showNumberButtons && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "absolute right-[18px] top-[10px] inline-flex items-center text-right", children: [
+                type === "number" && showNumberButtons && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "absolute right-[18px] top-[13px] inline-flex items-center text-right", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                     "button",
                     {