@marcoschwartz/lite-ui 0.26.2 → 0.26.4

package/dist/index.js

@@ -6354,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) {
@@ -7975,6 +7966,7 @@ var AreaChart = ({
   ariaLabel
 }) => {
   const containerRef = (0, import_react33.useRef)(null);
+  const chartId = (0, import_react33.useId)();
   const [hoveredPoint, setHoveredPoint] = (0, import_react33.useState)(null);
   const { tooltipData, showTooltip: showTooltipFn, hideTooltip } = useTooltip();
   const {
@@ -8217,7 +8209,7 @@ var AreaChart = ({
                   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                     "linearGradient",
                     {
-                      id: `area-gradient-${i}`,
+                      id: `area-gradient-${chartId}-${i}`,
                       x1: "0",
                       y1: "0",
                       x2: "0",
@@ -8260,7 +8252,7 @@ var AreaChart = ({
                       "path",
                       {
                         d: areaPath,
-                        fill: `url(#area-gradient-${seriesIndex})`,
+                        fill: `url(#area-gradient-${chartId}-${seriesIndex})`,
                         style: animate ? {
                           opacity: 0,
                           animation: `fadeIn ${animationDuration}ms ease-out forwards`