myshell-react-lib 0.2.35 → 0.2.37

package/dist/index.cjs

@@ -9706,9 +9706,6 @@ function getPercent(value1, total) {
     if (total === 0) return 0;
     return value1 / total * 100;
 }
-function clamp2(value1, min3, max2) {
-    return Math.min(Math.max(value1, min3), max2);
-}
 function isClient() {
     return typeof window !== "undefined" && typeof document !== "undefined";
 }
@@ -13859,26 +13856,23 @@ var import_jsx_runtime46 = require("react/jsx-runtime");
 var ProgressRoot = ProgressPrimitive.Root;
 var ProgressIndicator = ProgressPrimitive.Indicator;
 var Progress = function(param) {
-    var value1 = param.value, max2 = param.max, className = param.className, indicatorClassName = param.indicatorClassName, labelClassName = param.labelClassName, label = param.label, _param_height = param.height, height = _param_height === void 0 ? 20 : _param_height, _param_width = param.width, width = _param_width === void 0 ? 75 : _param_width, _param_minWidth = param.minWidth, minWidth = _param_minWidth === void 0 ? 60 : _param_minWidth, _param_maxWidth = param.maxWidth, maxWidth = _param_maxWidth === void 0 ? 220 : _param_maxWidth;
-    var widthValue = "".concat(clamp2(width + (Math.max(max2, value1).toString().length - 3) * 12, minWidth, maxWidth), "px");
+    var value1 = param.value, max2 = param.max, className = param.className, indicatorClassName = param.indicatorClassName, children = param.children;
+    var maxValue = Math.max(value1, max2);
+    var percentage = Math.min(value1 / maxValue * 100, 100);
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(ProgressPrimitive.Root, {
         value: value1,
-        max: Math.max(value1, max2),
-        className: cn("relative overflow-hidden", className),
-        style: {
-            height: "".concat(height, "px"),
-            width: widthValue
-        },
+        max: maxValue,
+        className: cn("relative overflow-hidden w-auto", className),
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ProgressPrimitive.Indicator, {
-                className: cn("h-full transition-all", indicatorClassName),
+                className: cn("h-full transition-all absolute inset-0", indicatorClassName),
                 style: {
-                    width: "".concat(value1 / max2 * 100, "%")
+                    width: "".concat(percentage, "%")
                 }
             }),
-            label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
-                className: cn("absolute inset-0 flex items-center justify-center", labelClassName),
-                children: label
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
+                className: "z-10 h-full w-full",
+                children: children
             })
         ]
     });