@xenide-io/the-old-ui-theme 0.2.6 → 0.2.9

package/dist/index.js

@@ -1838,6 +1838,20 @@ var THEMES = [
     description: "Ros\xE9 Pine Main \u2014 moonlit base with iris and love accents.",
     colorScheme: "dark",
     group: "Ros\xE9 Pine"
+  },
+  {
+    id: "notion",
+    name: "Notion",
+    description: "Notion light \u2014 warm off-white canvas, Notion blue accent, signature dark text.",
+    colorScheme: "light",
+    group: "Productivity"
+  },
+  {
+    id: "notion-dark",
+    name: "Notion Dark",
+    description: "Notion dark mode \u2014 dark charcoal canvas with blue accent and clean typography.",
+    colorScheme: "dark",
+    group: "Productivity"
   }
 ];
 var THEME_GROUPS = Array.from(new Set(THEMES.map((theme) => theme.group)));
@@ -2958,7 +2972,35 @@ function Timeline(_a) {
 
 // src/components/charts/ph-insight-charts.tsx
 var import_react15 = require("react");
+
+// src/lib/chart/register-chartjs.ts
 var import_chart = require("chart.js");
+function synchroniseChartJsFontFamily() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const family = window.getComputedStyle(document.body).fontFamily;
+  const trimmed = family == null ? void 0 : family.trim();
+  if (trimmed) {
+    import_chart.Chart.defaults.font.family = trimmed;
+  }
+}
+import_chart.Chart.register(
+  import_chart.CategoryScale,
+  import_chart.LinearScale,
+  import_chart.RadialLinearScale,
+  import_chart.BarController,
+  import_chart.BarElement,
+  import_chart.DoughnutController,
+  import_chart.PolarAreaController,
+  import_chart.ArcElement,
+  import_chart.Title,
+  import_chart.Tooltip,
+  import_chart.Legend
+);
+synchroniseChartJsFontFamily();
+
+// src/components/charts/ph-insight-charts.tsx
 var import_react_chartjs_2 = require("react-chartjs-2");
 
 // src/lib/chart/with-alpha.ts
@@ -3701,31 +3743,9 @@ function CanvasTrendLineChart({
 // src/components/charts/ph-insight-charts.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEMO_LABELS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-var chartJsRegistered = false;
-function registerChartJs() {
-  if (chartJsRegistered) return;
-  if (typeof window === "undefined") return;
-  import_chart.Chart.register(
-    import_chart.CategoryScale,
-    import_chart.LinearScale,
-    import_chart.RadialLinearScale,
-    import_chart.BarController,
-    import_chart.BarElement,
-    import_chart.DoughnutController,
-    import_chart.PolarAreaController,
-    import_chart.ArcElement,
-    import_chart.Title,
-    import_chart.Tooltip,
-    import_chart.Legend
-  );
-  chartJsRegistered = true;
-}
 function useClientMounted() {
   const [mounted, setMounted] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
-    setMounted(true);
-    registerChartJs();
-  }, []);
+  (0, import_react15.useEffect)(() => setMounted(true), []);
   return mounted;
 }
 function ChartSkeleton({ className = "h-[280px]" }) {