@sustaina/shared-ui 1.62.3 → 1.63.1

package/dist/index.mjs

@@ -17575,6 +17575,11 @@ var alignClassMap = {
   center: "justify-center",
   end: "justify-end"
 };
+var outerAlignClassMap = {
+  start: "self-start",
+  center: "self-center",
+  end: "self-end"
+};
 var ProgressBar = ({
   percent = 0,
   size = "md",
@@ -17597,7 +17602,11 @@ var ProgressBar = ({
   const linecapClass = linecapMap[strokeLinecap];
   const posType = percentPosition?.type ?? "outer";
   const posAlign = percentPosition?.align ?? "end";
+  const posSide = percentPosition?.side;
   const isInner = posType === "inner";
+  const isTopBottom = posSide === "top" || posSide === "bottom";
+  const isLeftOuter = !isInner && !isTopBottom && (posSide === "left" || !posSide && posAlign === "start");
+  const outerAlignClass = outerAlignClassMap[posAlign];
   const { className: sizeClass, style: sizeStyle } = resolveSize(size);
   const info = useMemo(() => {
     if (!showInfo) return null;
@@ -17608,11 +17617,13 @@ var ProgressBar = ({
     "div",
     {
       className: cn(
-        "flex w-full items-center gap-2 min-w-0",
-        posAlign === "start" && !isInner && "flex-row-reverse",
+        "flex w-full min-w-0",
+        isTopBottom ? "flex-col gap-1" : "items-center gap-2",
+        isLeftOuter && "flex-row-reverse",
         className
       ),
       children: [
+        posSide === "top" && info && /* @__PURE__ */ jsx("span", { className: cn("text-xs shrink-0 tabular-nums", outerAlignClass), children: info }),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -17651,7 +17662,8 @@ var ProgressBar = ({
             ]
           }
         ),
-        !isInner && info && /* @__PURE__ */ jsx("span", { className: "text-xs shrink-0 tabular-nums", children: info })
+        posSide === "bottom" && info && /* @__PURE__ */ jsx("span", { className: cn("text-xs shrink-0 tabular-nums", outerAlignClass), children: info }),
+        !isInner && !isTopBottom && info && /* @__PURE__ */ jsx("span", { className: "text-xs shrink-0 tabular-nums", children: info })
       ]
     }
   );