@marcoschwartz/lite-ui 0.26.1 → 0.26.3

package/dist/index.js

@@ -6144,11 +6144,7 @@ function useResponsiveChart({
     height = providedHeight || defaultHeight;
     effectiveAspectRatio = width / height;
   }
-  const containerStyle = responsive ? {
-    width: "100%",
-    aspectRatio: `${effectiveAspectRatio}`,
-    ...maxHeight !== void 0 && { maxHeight, overflow: "hidden" }
-  } : { width, height: "auto" };
+  const containerStyle = responsive ? maxHeight !== void 0 ? { width: "100%", height: maxHeight } : { width: "100%", aspectRatio: `${effectiveAspectRatio}` } : { width, height: "auto" };
   const svgStyle = responsive ? { width: "100%", height: "100%", display: "block" } : {};
   const svgWidth = responsive ? "100%" : width;
   const svgHeight = responsive ? "100%" : height;
@@ -6358,47 +6354,38 @@ function formatPercent(value, options = {}) {
   const percent = multiply ? value * 100 : value;
   return `${percent.toFixed(precision)}%`;
 }
+var MONTHS4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function formatTimeUTC(date, showSeconds = false) {
+  const hours = date.getUTCHours();
+  const minutes = date.getUTCMinutes().toString().padStart(2, "0");
+  const seconds = date.getUTCSeconds().toString().padStart(2, "0");
+  const ampm = hours >= 12 ? "PM" : "AM";
+  const hour12 = hours % 12 || 12;
+  const hourStr = hour12.toString().padStart(2, "0");
+  return showSeconds ? `${hourStr}:${minutes}:${seconds} ${ampm}` : `${hourStr}:${minutes} ${ampm}`;
+}
 function formatDate(date, rangeMs) {
   const minute = 60 * 1e3;
   const hour = 60 * minute;
   const day = 24 * hour;
   const month = 30 * day;
   const year = 365 * day;
+  const monthName = MONTHS4[date.getUTCMonth()];
+  const dayNum = date.getUTCDate();
+  const yearNum = date.getUTCFullYear();
   if (!rangeMs) {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    });
+    return `${monthName} ${dayNum}, ${yearNum}`;
   }
   if (rangeMs < hour) {
-    return date.toLocaleTimeString("en-US", {
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    });
+    return formatTimeUTC(date, true);
   } else if (rangeMs < day) {
-    return date.toLocaleTimeString("en-US", {
-      hour: "2-digit",
-      minute: "2-digit"
-    });
+    return formatTimeUTC(date, false);
   } else if (rangeMs < month) {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
+    return `${monthName} ${dayNum}, ${formatTimeUTC(date, false)}`;
   } else if (rangeMs < year) {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric"
-    });
+    return `${monthName} ${dayNum}`;
   } else {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      year: "numeric"
-    });
+    return `${monthName} ${yearNum}`;
   }
 }
 function createTickFormatter(domain) {