@wealthx/shadcn 1.1.0 → 1.2.1

package/dist/{chunk-NLLKTU4B.mjs → chunk-LLVQKSU3.mjs}

@@ -1,12 +1,12 @@
 import {
   Separator
-} from "./chunk-55CEW76V.mjs";
+} from "./chunk-FH6QVUVZ.mjs";
 import {
   Label
-} from "./chunk-ZZV5JVNW.mjs";
+} from "./chunk-NSLMILBT.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -43,9 +43,9 @@ function FieldLegend(_a) {
     "legend",
     __spreadValues({
       className: cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
+        "mb-3",
+        "data-[variant=legend]:text-label-large",
+        "data-[variant=label]:text-label-medium",
         className
       ),
       "data-slot": "field-legend",
@@ -108,7 +108,11 @@ function Field(_a) {
   );
 }
 function FieldContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
@@ -121,11 +125,7 @@ function FieldContent(_a) {
   );
 }
 function FieldLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     Label,
     __spreadValues({
@@ -145,7 +145,7 @@ function FieldTitle(_a) {
     "div",
     __spreadValues({
       className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        "flex w-fit items-center gap-2 text-label-medium leading-snug group-data-[disabled=true]/field:opacity-50",
         className
       ),
       "data-slot": "field-label"
@@ -153,12 +153,16 @@ function FieldTitle(_a) {
   );
 }
 function FieldDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "p",
     __spreadValues({
       className: cn(
-        "text-xs leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "text-caption leading-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
         "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
@@ -179,7 +183,7 @@ function FieldSeparator(_a) {
     "div",
     __spreadProps(__spreadValues({
       className: cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        "relative -my-2 h-5 text-body-small group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       "data-content": Boolean(children),
@@ -233,7 +237,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-xs font-normal text-destructive", className),
+      className: cn("text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/{chunk-KKHTJNMM.mjs → chunk-MARPPFOJ.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -15,7 +15,11 @@ function Accordion(props) {
   return /* @__PURE__ */ jsx(AccordionPrimitive.Root, __spreadValues({ "data-slot": "accordion" }, props));
 }
 function AccordionItem(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Item,
     __spreadValues({
@@ -39,7 +43,7 @@ function AccordionTrigger(_a) {
         // layout
         "flex flex-1 items-center justify-between gap-4 py-4 text-left",
         // typography
-        "text-sm font-medium",
+        "text-label-medium",
         // base
         "rounded-none outline-none transition-[color,opacity]",
         // interactive states
@@ -70,7 +74,7 @@ function AccordionContent(_a) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Panel,
     __spreadProps(__spreadValues({
-      className: "overflow-hidden text-sm h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
+      className: "overflow-hidden text-body-small h-(--accordion-panel-height) transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0",
       "data-slot": "accordion-content"
     }, props), {
       children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 text-muted-foreground", className), children })

package/dist/{chunk-6AFMNC42.mjs → chunk-N2PT566P.mjs}

@@ -1,9 +1,9 @@
 import {
   useThemeVars
-} from "./chunk-OXQQNQZI.mjs";
+} from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -84,7 +84,11 @@ function DrawerContent(_a) {
   ] });
 }
 function DrawerHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
@@ -94,7 +98,11 @@ function DrawerHeader(_a) {
   );
 }
 function DrawerFooter(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
@@ -104,15 +112,11 @@ function DrawerFooter(_a) {
   );
 }
 function DrawerTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     DrawerPrimitive.Title,
     __spreadValues({
-      className: cn("text-lg font-semibold text-foreground", className),
+      className: cn("text-h5 text-foreground", className),
       "data-slot": "drawer-title"
     }, props)
   );
@@ -126,7 +130,7 @@ function DrawerDescription(_a) {
   return /* @__PURE__ */ jsx(
     DrawerPrimitive.Description,
     __spreadValues({
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn("text-body-small text-muted-foreground", className),
       "data-slot": "drawer-description"
     }, props)
   );

package/dist/{chunk-YN5SYTOO.mjs → chunk-NQPOYKAQ.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -71,7 +71,7 @@ function EmptyTitle(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
-      className: cn("text-lg font-medium tracking-tight", className),
+      className: cn("text-h5", className),
       "data-slot": "empty-title"
     }, props)
   );
@@ -86,7 +86,7 @@ function EmptyDescription(_a) {
     "div",
     __spreadValues({
       className: cn(
-        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        "text-body-small leading-relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
       "data-slot": "empty-description"
@@ -94,12 +94,16 @@ function EmptyDescription(_a) {
   );
 }
 function EmptyContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
-        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-body-small text-balance",
         className
       ),
       "data-slot": "empty-content"

package/dist/{chunk-ZZV5JVNW.mjs → chunk-NSLMILBT.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -9,18 +9,14 @@ import {
 // src/components/ui/label.tsx
 import { jsx } from "react/jsx-runtime";
 function Label(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control -- htmlFor is passed by the consumer
     /* @__PURE__ */ jsx(
       "label",
       __spreadValues({
         className: cn(
-          "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+          "flex items-center gap-2 text-label-medium leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
           className
         ),
         "data-slot": "label"

package/dist/chunk-OGOYQ7BG.mjs

@@ -0,0 +1,150 @@
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/financial-primitives.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var NO_DATA = "\u2014";
+function FinancialSectionLabel({
+  children
+}) {
+  return /* @__PURE__ */ jsx("span", { className: "text-label-small uppercase text-muted-foreground", children });
+}
+function FinancialCardHeader({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "py-2.5", children: /* @__PURE__ */ jsx("span", { className: "text-label-small uppercase text-muted-foreground", children }) });
+}
+function FinancialSubsectionTitle({
+  children
+}) {
+  return /* @__PURE__ */ jsx("span", { className: "text-label-medium uppercase text-foreground", children });
+}
+function FinancialDetailField({
+  label,
+  value,
+  variant = "caption"
+}) {
+  if (variant === "footer") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between min-w-0", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-overline text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground mt-1 break-words", children: value != null ? value : NO_DATA })
+    ] });
+  }
+  const labelClass = variant === "caption" ? "block min-h-[2rem] text-caption text-muted-foreground" : "min-h-[1.75rem] text-overline text-muted-foreground";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-w-0",
+        variant === "overline" && "flex flex-col gap-0.5"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: labelClass, children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground break-words", children: value != null ? value : NO_DATA })
+      ]
+    }
+  );
+}
+function FinancialLineItem({
+  label,
+  value,
+  destructive
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 py-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-body-small text-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "text-label-medium whitespace-nowrap text-right",
+          destructive ? "text-destructive" : "text-foreground"
+        ),
+        children: value || NO_DATA
+      }
+    )
+  ] });
+}
+function FinancialLvrBar({
+  percent = 56,
+  label = "56% \u2014 Good"
+}) {
+  const color = percent >= 80 ? "destructive" : percent >= 70 ? "warning" : "success";
+  const textClass = {
+    success: "text-success",
+    warning: "text-warning",
+    destructive: "text-destructive"
+  }[color];
+  const trackClass = {
+    success: "bg-success/15",
+    warning: "bg-warning/15",
+    destructive: "bg-destructive/15"
+  }[color];
+  const fillClass = {
+    success: "bg-success",
+    warning: "bg-warning",
+    destructive: "bg-destructive"
+  }[color];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-small text-muted-foreground", children: "LVR" }),
+      /* @__PURE__ */ jsx("span", { className: cn("text-label-medium", textClass), children: label })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("h-2.5 w-full overflow-hidden", trackClass), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("h-full", fillClass),
+        style: { width: `${Math.min(percent, 100)}%` }
+      }
+    ) })
+  ] });
+}
+function FinancialSubtotalFrame({
+  children
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "mt-auto border-t border-primary/20 bg-primary/10 px-4 py-3", children });
+}
+function FinancialSubtotalBlock({
+  monthlyAverage,
+  totalLast12Months,
+  label
+}) {
+  const isSingle = monthlyAverage && !totalLast12Months;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-row items-center",
+        isSingle ? "justify-end" : "justify-between"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col gap-0.5",
+              isSingle ? "text-right" : "text-left"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-h-[1.75rem] text-overline text-muted-foreground", children: label != null ? label : "Monthly Average" }),
+              /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground", children: monthlyAverage != null ? monthlyAverage : NO_DATA })
+            ]
+          }
+        ),
+        !isSingle && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 text-right", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-h-[1.75rem] text-overline text-muted-foreground", children: "Total Last 12 Months" }),
+          /* @__PURE__ */ jsx("span", { className: "text-label-medium text-foreground", children: totalLast12Months != null ? totalLast12Months : NO_DATA })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  FinancialSectionLabel,
+  FinancialCardHeader,
+  FinancialSubsectionTitle,
+  FinancialDetailField,
+  FinancialLineItem,
+  FinancialLvrBar,
+  FinancialSubtotalFrame,
+  FinancialSubtotalBlock
+};

package/dist/chunk-OPNQAVVH.mjs

@@ -0,0 +1,162 @@
+import {
+  Skeleton
+} from "./chunk-D6ID6M4V.mjs";
+import {
+  DATASET_ALPHAS,
+  DoughnutLegendRow,
+  FALLBACK_PRIMARY,
+  formatAbbrev,
+  hexToRgba
+} from "./chunk-FZIXGLMV.mjs";
+import {
+  Empty,
+  EmptyDescription
+} from "./chunk-NQPOYKAQ.mjs";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-CLIN5525.mjs";
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/transactions-expense-categories-doughnut-chart.tsx
+import { useMemo } from "react";
+import {
+  Chart as ChartJS,
+  ArcElement,
+  DoughnutController,
+  Tooltip
+} from "chart.js";
+import { Chart } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(ArcElement, DoughnutController, Tooltip);
+function TransactionsExpenseCategoriesDoughnutChart({
+  segments,
+  title = "Expense Categories",
+  showLegend = true,
+  height = 200,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
+  const hasData = !!(segments == null ? void 0 : segments.length) && segments.some((s) => s.value > 0);
+  const total = useMemo(
+    () => {
+      var _a;
+      return (_a = segments == null ? void 0 : segments.reduce((sum, s) => sum + s.value, 0)) != null ? _a : 0;
+    },
+    [segments]
+  );
+  const colors = useMemo(
+    () => (segments != null ? segments : []).map(
+      (_, i) => hexToRgba(brandPrimary, DATASET_ALPHAS[i % DATASET_ALPHAS.length])
+    ),
+    [segments, brandPrimary]
+  );
+  const chartData = useMemo(
+    () => {
+      var _a, _b;
+      return {
+        labels: (_a = segments == null ? void 0 : segments.map((s) => s.label)) != null ? _a : [],
+        datasets: [
+          {
+            data: (_b = segments == null ? void 0 : segments.map((s) => s.value)) != null ? _b : [],
+            backgroundColor: colors,
+            borderWidth: 0,
+            hoverOffset: 4
+          }
+        ]
+      };
+    },
+    [segments, colors]
+  );
+  const options = useMemo(
+    () => ({
+      responsive: true,
+      maintainAspectRatio: false,
+      cutout: "68%",
+      animation: { duration: 600, easing: "easeOutQuart" },
+      plugins: {
+        legend: { display: false },
+        tooltip: {
+          padding: 10,
+          cornerRadius: 0,
+          titleFont: { size: 11, weight: 600 },
+          bodyFont: { size: 12, weight: 500 },
+          callbacks: {
+            label: (ctx) => {
+              const val = ctx.raw;
+              const pct = total > 0 ? `${(val / total * 100).toFixed(1)}%` : "0%";
+              return ` ${ctx.label}: ${formatAbbrev(val)} (${pct})`;
+            }
+          }
+        }
+      }
+    }),
+    [total]
+  );
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width, fontFamily },
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }) }),
+        /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !hasData ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { style: { height, width: "100%", position: "relative" }, children: [
+            /* @__PURE__ */ jsx(
+              Chart,
+              {
+                type: "doughnut",
+                data: chartData,
+                options,
+                "aria-label": title
+              },
+              brandPrimary
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: "50%",
+                  left: "50%",
+                  transform: "translate(-50%, -50%)",
+                  textAlign: "center",
+                  pointerEvents: "none"
+                },
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-base font-semibold leading-tight", children: formatAbbrev(total) }),
+                  /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground leading-none mt-1", children: "Total" })
+                ]
+              }
+            )
+          ] }),
+          showLegend && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: segments.map((s, i) => /* @__PURE__ */ jsx(
+            DoughnutLegendRow,
+            {
+              label: s.label,
+              color: colors[i],
+              value: s.value,
+              percent: total > 0 ? `${(s.value / total * 100).toFixed(1)}%` : "0%"
+            },
+            s.label
+          )) })
+        ] }) })
+      ]
+    }
+  );
+}
+
+export {
+  TransactionsExpenseCategoriesDoughnutChart
+};

package/dist/{chunk-3NQGYJEZ.mjs → chunk-P6AM5V7O.mjs}

@@ -1,10 +1,10 @@
 import {
   Button,
   buttonVariants
-} from "./chunk-4AJ5HWHD.mjs";
+} from "./chunk-2I5S2AMY.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -52,12 +52,7 @@ function CalendarChevron(_a) {
     return /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
   }
   if (orientation === "right") {
-    return /* @__PURE__ */ jsx(
-      ChevronRightIcon,
-      __spreadValues({
-        className: cn("size-4", className)
-      }, props)
-    );
+    return /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({ className: cn("size-4", className) }, props));
   }
   return /* @__PURE__ */ jsx(ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
 }
@@ -124,7 +119,7 @@ function Calendar(_a) {
           defaultClassNames.month_caption
         ),
         dropdowns: cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-label-small",
           defaultClassNames.dropdowns
         ),
         dropdown_root: cn(
@@ -136,14 +131,14 @@ function Calendar(_a) {
           defaultClassNames.dropdown
         ),
         caption_label: cn(
-          "font-medium select-none",
-          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          "select-none",
+          captionLayout === "label" ? "text-label-small" : "flex h-8 items-center gap-1 pr-1 pl-2 text-label-small [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),
         table: "w-full border-collapse",
         weekdays: cn("flex", defaultClassNames.weekdays),
         weekday: cn(
-          "flex-1 text-[0.8rem] font-normal text-muted-foreground select-none",
+          "flex-1 text-caption font-normal text-muted-foreground select-none",
           defaultClassNames.weekday
         ),
         week: cn("mt-2 flex w-full", defaultClassNames.week),
@@ -152,7 +147,7 @@ function Calendar(_a) {
           defaultClassNames.week_number_header
         ),
         week_number: cn(
-          "text-[0.8rem] text-muted-foreground select-none",
+          "text-caption text-muted-foreground select-none",
           defaultClassNames.week_number
         ),
         day: cn(
@@ -162,10 +157,7 @@ function Calendar(_a) {
         range_start: cn("bg-accent", defaultClassNames.range_start),
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
         range_end: cn("bg-accent", defaultClassNames.range_end),
-        today: cn(
-          "bg-accent text-accent-foreground",
-          defaultClassNames.today
-        ),
+        today: cn("bg-accent text-accent-foreground", defaultClassNames.today),
         outside: cn(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
@@ -210,7 +202,7 @@ function CalendarDayButton(_a) {
     Button,
     __spreadValues({
       className: cn(
-        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal rounded-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal rounded-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-caption [&>span]:opacity-70",
         defaultClassNames.day,
         className
       ),