@wealthx/shadcn 1.1.0 → 1.2.1

package/dist/{chunk-BGP2N52Z.mjs → chunk-66MI7Q4B.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -18,7 +18,7 @@ function Table(_a) {
       children: /* @__PURE__ */ jsx(
         "table",
         __spreadValues({
-          className: cn("w-full caption-bottom text-sm", className),
+          className: cn("w-full caption-bottom text-body-small", className),
           "data-slot": "table"
         }, props)
       )
@@ -51,7 +51,7 @@ function TableFooter(_a) {
     "tfoot",
     __spreadValues({
       className: cn(
-        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        "border-t bg-muted/50 text-label-medium [&>tr]:last:border-b-0",
         className
       ),
       "data-slot": "table-footer"
@@ -77,7 +77,7 @@ function TableHead(_a) {
     "th",
     __spreadValues({
       className: cn(
-        "h-10 px-4 text-left align-middle font-medium whitespace-nowrap text-muted-foreground",
+        "h-10 px-4 text-left align-middle text-label-medium whitespace-nowrap text-muted-foreground",
         "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -108,7 +108,7 @@ function TableCaption(_a) {
   return /* @__PURE__ */ jsx(
     "caption",
     __spreadValues({
-      className: cn("mt-4 text-sm text-muted-foreground", className),
+      className: cn("mt-4 text-body-small text-muted-foreground", className),
       "data-slot": "table-caption"
     }, props)
   );

package/dist/{chunk-CGOKTPXU.mjs → chunk-6JQFUE5I.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,
@@ -39,36 +39,33 @@ function TooltipContent(_a) {
   var _b = _a, {
     className,
     sideOffset = 8,
+    side,
     children,
     style
   } = _b, props = __objRest(_b, [
     "className",
     "sideOffset",
+    "side",
     "children",
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Positioner, { sideOffset, children: [
-    /* @__PURE__ */ jsx(
-      TooltipPrimitive.Popup,
-      __spreadProps(__spreadValues({
-        className: cn(
-          "z-50 w-fit animate-in bg-brand-secondary px-3 py-1.5 text-xs text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
-          className
-        ),
-        "data-slot": "tooltip-content",
-        style: __spreadValues(__spreadValues({}, themeVars), style)
-      }, props), {
-        children
-      })
-    ),
-    /* @__PURE__ */ jsx(
-      TooltipPrimitive.Arrow,
-      {
-        className: "z-50 size-2.5 rotate-45 bg-brand-secondary"
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { sideOffset, side, children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+      ]
+    })
+  ) }) });
 }
 
 export {

package/dist/{chunk-Z3MK2KKZ.mjs → chunk-7DHU4VGG.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -33,7 +33,11 @@ function InputOTP(_a) {
   );
 }
 function InputOTPGroup(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
@@ -57,7 +61,7 @@ function InputOTPSlot(_a) {
     "div",
     __spreadProps(__spreadValues({
       className: cn(
-        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:border-l aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-body-small shadow-xs transition-all outline-none first:border-l aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
         className
       ),
       "data-active": isActive,

package/dist/chunk-7MMXNK3C.mjs

@@ -0,0 +1,317 @@
+import {
+  Skeleton
+} from "./chunk-D6ID6M4V.mjs";
+import {
+  ChartPeriodButton,
+  FALLBACK_BG,
+  FALLBACK_NEUTRAL,
+  FALLBACK_PRIMARY,
+  FALLBACK_SECONDARY,
+  FALLBACK_TICK,
+  formatAbbrev,
+  formatMonthLabel,
+  formatTooltipDate
+} from "./chunk-FZIXGLMV.mjs";
+import {
+  Empty,
+  EmptyDescription
+} from "./chunk-NQPOYKAQ.mjs";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-CLIN5525.mjs";
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/property-mobile-estimate-line-chart.tsx
+import { useMemo, useState } from "react";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  LineController,
+  LineElement,
+  PointElement,
+  Tooltip
+} from "chart.js";
+import { Chart } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  LineController,
+  LineElement,
+  PointElement,
+  Tooltip
+);
+var PROPERTY_PERIODS = [1, 3, 5, 10];
+var PROPERTY_SLICE_COUNT = {
+  1: 12,
+  3: 36,
+  5: 60,
+  10: 120
+};
+function LegendItem({
+  label,
+  color,
+  lineWidth,
+  dashed = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: __spreadValues({
+          width: 24,
+          height: lineWidth,
+          flexShrink: 0
+        }, dashed ? {
+          backgroundImage: `repeating-linear-gradient(90deg, ${color} 0px, ${color} 5px, transparent 5px, transparent 9px)`
+        } : { backgroundColor: color })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground leading-none", children: label })
+  ] });
+}
+function ChartLegend({
+  primaryColor,
+  secondaryColor,
+  showDebt
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: [
+    /* @__PURE__ */ jsx(LegendItem, { label: "Estimate Value", color: primaryColor, lineWidth: 2.5 }),
+    /* @__PURE__ */ jsx(
+      LegendItem,
+      {
+        label: "Suburb Average",
+        color: FALLBACK_NEUTRAL,
+        lineWidth: 1.5,
+        dashed: showDebt
+      }
+    ),
+    showDebt && /* @__PURE__ */ jsx(LegendItem, { label: "Debt", color: secondaryColor, lineWidth: 2 })
+  ] });
+}
+function PropertyMobileEstimateLineChart({
+  chartData,
+  title = "Property Estimate",
+  showLegend = true,
+  legendPosition = "top",
+  showXAxis = true,
+  showYAxis = false,
+  defaultPeriod = 1,
+  showPeriodSelector = true,
+  height = 200,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const [period, setPeriod] = useState(defaultPeriod);
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const brandSecondary = themeVars["--theme-secondary"] || FALLBACK_SECONDARY;
+  const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
+  const sliced = useMemo(() => {
+    if (!(chartData == null ? void 0 : chartData.length)) return null;
+    const count = Math.min(PROPERTY_SLICE_COUNT[period], chartData.length);
+    const start = chartData.length - count;
+    return chartData.slice(start);
+  }, [chartData, period]);
+  const showDebt = useMemo(
+    () => !!(sliced == null ? void 0 : sliced.some((p) => p.debt != null && p.debt > 0)),
+    [sliced]
+  );
+  const labels = useMemo(
+    () => {
+      var _a;
+      return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
+    },
+    [sliced]
+  );
+  const data = useMemo(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels,
+      datasets: [
+        {
+          label: "Estimate Value",
+          data: sliced.map((p) => p.estimateValue),
+          borderColor: brandPrimary,
+          backgroundColor: "transparent",
+          borderWidth: 2.5,
+          tension: 0.4,
+          pointRadius: 0,
+          pointHoverRadius: 6,
+          pointHoverBackgroundColor: FALLBACK_BG,
+          pointHoverBorderColor: brandPrimary,
+          pointHoverBorderWidth: 3,
+          pointHitRadius: 10,
+          fill: false
+        },
+        __spreadProps(__spreadValues({
+          label: "Suburb Average",
+          data: sliced.map((p) => p.suburbAverage),
+          borderColor: FALLBACK_NEUTRAL,
+          backgroundColor: "transparent"
+        }, showDebt ? { borderDash: [4, 4] } : {}), {
+          borderWidth: 1.5,
+          tension: 0.4,
+          pointRadius: 0,
+          pointHoverRadius: 5,
+          pointHoverBackgroundColor: FALLBACK_BG,
+          pointHoverBorderColor: FALLBACK_NEUTRAL,
+          pointHoverBorderWidth: 2,
+          pointHitRadius: 10,
+          fill: false
+        }),
+        ...showDebt ? [
+          {
+            label: "Debt",
+            data: sliced.map((p) => {
+              var _a;
+              return (_a = p.debt) != null ? _a : 0;
+            }),
+            borderColor: brandSecondary,
+            backgroundColor: "transparent",
+            borderWidth: 2,
+            tension: 0.4,
+            pointRadius: 0,
+            pointHoverRadius: 5,
+            pointHoverBackgroundColor: FALLBACK_BG,
+            pointHoverBorderColor: brandSecondary,
+            pointHoverBorderWidth: 2,
+            pointHitRadius: 10,
+            fill: false
+          }
+        ] : []
+      ]
+    };
+  }, [sliced, labels, brandPrimary, brandSecondary, showDebt]);
+  const options = useMemo(
+    () => ({
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: { duration: 800, easing: "easeOutQuart" },
+      layout: { padding: 0 },
+      plugins: {
+        legend: { display: false },
+        tooltip: {
+          mode: "index",
+          intersect: false,
+          padding: 12,
+          cornerRadius: 0,
+          titleFont: { size: 11, weight: 600 },
+          bodyFont: { size: 12, weight: 500 },
+          callbacks: {
+            title: (tooltipItems) => {
+              var _a, _b, _c, _d;
+              const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+              if (idx != null && ((_b = sliced == null ? void 0 : sliced[idx]) == null ? void 0 : _b.date)) {
+                return formatTooltipDate(sliced[idx].date, "monthly");
+              }
+              return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+            },
+            label: (ctx) => {
+              const val = ctx.raw;
+              if (val === 0) return;
+              return ` ${ctx.dataset.label}: ${formatAbbrev(val)}`;
+            }
+          }
+        }
+      },
+      scales: {
+        x: {
+          display: showXAxis,
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            maxRotation: 0,
+            minRotation: 0,
+            color: FALLBACK_TICK,
+            font: { size: 10 },
+            maxTicksLimit: 12
+          }
+        },
+        y: {
+          display: showYAxis,
+          position: "left",
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            padding: 8,
+            maxTicksLimit: 5,
+            color: FALLBACK_TICK,
+            font: { size: 10 },
+            callback: (v) => formatAbbrev(Number(v))
+          }
+        }
+      }
+    }),
+    [showXAxis, showYAxis, sliced]
+  );
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width, fontFamily },
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          showPeriodSelector && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: PROPERTY_PERIODS.map((p) => /* @__PURE__ */ jsx(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p),
+              unit: "Y"
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__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-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              primaryColor: brandPrimary,
+              secondaryColor: brandSecondary,
+              showDebt
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
+            Chart,
+            {
+              type: "line",
+              data,
+              options,
+              "aria-label": title
+            },
+            `${brandPrimary}__${brandSecondary}`
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              primaryColor: brandPrimary,
+              secondaryColor: brandSecondary,
+              showDebt
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+export {
+  PropertyMobileEstimateLineChart
+};

package/dist/{chunk-VZ2NR7L3.mjs → chunk-7PYJD5JI.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,
@@ -40,7 +40,7 @@ function SelectTrigger(_a) {
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       className: cn(
-        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-medium whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:font-normal data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       "data-size": size,
@@ -64,34 +64,42 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { align: "start", alignItemWithTrigger: false, sideOffset: 4, children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Popup,
-    __spreadProps(__spreadValues({
-      className: cn(
-        "relative z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
-        className
-      ),
-      "data-slot": "select-content",
-      style: __spreadValues(__spreadValues({}, themeVars), style)
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        children,
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    })
-  ) }) });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    SelectPrimitive.Positioner,
+    {
+      className: "z-[200]",
+      align: "start",
+      alignItemWithTrigger: false,
+      sideOffset: 4,
+      children: /* @__PURE__ */ jsxs(
+        SelectPrimitive.Popup,
+        __spreadProps(__spreadValues({
+          className: cn(
+            "relative max-h-[var(--available-height)] min-w-[var(--anchor-width,8rem)] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "select-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props), {
+          children: [
+            /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+            children,
+            /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
 }
 function SelectLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     SelectPrimitive.GroupLabel,
     __spreadValues({
-      className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
+      className: cn(
+        "px-2 py-1.5 text-label-small text-muted-foreground",
+        className
+      ),
       "data-slot": "select-label"
     }, props)
   );
@@ -108,7 +116,7 @@ function SelectItem(_a) {
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       "data-slot": "select-item"

package/dist/{chunk-JU2RUWHF.mjs → chunk-7XJHLGUV.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-BMFN37JH.mjs → chunk-7YAU5CY6.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues