@chekinapp/ui 0.0.44 → 0.0.46

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,
@@ -6109,10 +6108,17 @@ function Loader({
     secondary: "text-[#475569]",
     ghost: "text-[#94a3b8]"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("flex flex-col items-center justify-center gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("animate-spin", sizeClasses3[size], variantClasses[variant]), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react22.Loader2, { className: "h-full w-full" }) }),
-    showText && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: cn(textSizeClasses[size], "font-medium text-[#475569]"), children: text || t("loading") })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    "div",
+    {
+      className: cn("flex flex-col items-center justify-center gap-2", className),
+      role: "progressbar",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("animate-spin", sizeClasses3[size], variantClasses[variant]), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react22.Loader2, { className: "h-full w-full" }) }),
+        showText && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: cn(textSizeClasses[size], "font-medium text-[#475569]"), children: text || t("loading") })
+      ]
+    }
+  );
 }
 
 // src/metric-card/MetricCard.tsx
@@ -8515,6 +8521,7 @@ var CircularLoader = import_react60.default.memo(
           position === "center" && "h-full",
           className
         ),
+        role: "progressbar",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
             "svg",
@@ -9657,13 +9664,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({
@@ -9709,7 +9709,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) {
@@ -9720,7 +9720,8 @@ 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: [
+        role: "progressbar",
+        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: [
@@ -13133,7 +13134,6 @@ function getNextEnabledIndex(options, startIndex, step) {
   InputOTPGroup,
   InputOTPSeparator,
   InputOTPSlot,
-  LABEL_PLACEMENT,
   Label,
   LargeModal,
   LearnMoreButton,