@sustaina/shared-ui 1.62.2 → 1.63.1

package/dist/index.d.mts

@@ -1933,6 +1933,7 @@ type ProgressBarSize = "sm" | "md" | "lg" | number;
 type PercentPosition = {
     align?: "start" | "center" | "end";
     type?: "inner" | "outer";
+    side?: "top" | "bottom" | "left" | "right";
 };
 type SuccessConfig = {
     percent: number;

package/dist/index.d.ts

@@ -1933,6 +1933,7 @@ type ProgressBarSize = "sm" | "md" | "lg" | number;
 type PercentPosition = {
     align?: "start" | "center" | "end";
     type?: "inner" | "outer";
+    side?: "top" | "bottom" | "left" | "right";
 };
 type SuccessConfig = {
     percent: number;

package/dist/index.js

@@ -5693,17 +5693,15 @@ function MonthCal({
   const minMonth = effectiveMin?.getMonth();
   const maxYear = max?.getFullYear();
   const maxMonth = max?.getMonth();
+  const selectedMonthYear = selectedMonthDate?.getFullYear();
   const [menuYear, setMenuYear] = React__namespace.useState(
     () => selectedMonthDate?.getFullYear() ?? today.getFullYear()
   );
   React__namespace.useEffect(() => {
-    if (selectedMonthDate) {
-      const year = selectedMonthDate.getFullYear();
-      if (year !== menuYear) {
-        setMenuYear(year);
-      }
+    if (typeof selectedMonthYear === "number") {
+      setMenuYear(selectedMonthYear);
     }
-  }, [selectedMonthDate]);
+  }, [selectedMonthYear]);
   React__namespace.useEffect(() => {
     if (typeof minYear === "number" && menuYear < minYear) {
       setMenuYear(minYear);
@@ -17620,6 +17618,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",
@@ -17642,7 +17645,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 = React.useMemo(() => {
     if (!showInfo) return null;
@@ -17653,11 +17660,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__ */ jsxRuntime.jsx("span", { className: cn("text-xs shrink-0 tabular-nums", outerAlignClass), children: info }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -17696,7 +17705,8 @@ var ProgressBar = ({
             ]
           }
         ),
-        !isInner && info && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs shrink-0 tabular-nums", children: info })
+        posSide === "bottom" && info && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs shrink-0 tabular-nums", outerAlignClass), children: info }),
+        !isInner && !isTopBottom && info && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs shrink-0 tabular-nums", children: info })
       ]
     }
   );