laif-ds 0.1.3 → 0.1.4

package/dist/components/ui/async-select.js

@@ -2,15 +2,17 @@
 import { j as e } from "../../_virtual/jsx-runtime.js";
 import * as Y from "react";
 import { useState as o, useEffect as h, useCallback as Z } from "react";
-import { ChevronsUpDown as _, Loader2 as V, Check as ee } from "lucide-react";
-import { useDebounce as se } from "../../hooks/use-debounce.js";
-import { cva as te } from "class-variance-authority";
+import { useDebounce as _ } from "../../hooks/use-debounce.js";
+import { cva as V } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as N } from "../../lib/utils.js";
-import { Button as ne } from "./button.js";
-import { Label as oe } from "./label.js";
-import { Command as ae, CommandInput as re, CommandList as ie, CommandEmpty as le, CommandGroup as P, CommandItem as F } from "./command.js";
-import { Popover as ce, PopoverTrigger as me, PopoverContent as de } from "./popover.js";
-const fe = te(
+import { Button as ee } from "./button.js";
+import { Label as se } from "./label.js";
+import { Command as te, CommandInput as ne, CommandList as oe, CommandEmpty as re, CommandGroup as P, CommandItem as F } from "./command.js";
+import { Popover as ae, PopoverTrigger as ie, PopoverContent as le } from "./popover.js";
+import ce from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
+import me from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import de from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+const fe = V(
   "justify-between",
   {
     variants: {
@@ -25,78 +27,78 @@ const fe = te(
     }
   }
 );
-function Se({
+function Le({
   fetcher: i,
   preload: c,
   filterFn: x,
   renderOption: R,
-  getOptionValue: r,
+  getOptionValue: a,
   getDisplayValue: $,
   notFound: A,
   loadingSkeleton: B,
   label: l,
   labelClassName: G,
   placeholder: M = "Select...",
-  value: a,
-  onChange: v,
-  disabled: w = !1,
-  width: C = "200px",
+  value: r,
+  onChange: C,
+  disabled: v = !1,
+  width: w = "200px",
   className: U,
   triggerClassName: q,
   noResultsMessage: H,
   clearable: S = !0,
   size: J
 }) {
-  const [m, K] = o(!1), [b, L] = o(!1), [n, d] = o([]), [j, f] = o(!1), [g, u] = o(null), [y, E] = o(a), [z, O] = o(null), [T, Q] = o(""), p = se(T, c ? 0 : 300), [k, D] = o([]);
+  const [m, K] = o(!1), [b, L] = o(!1), [n, d] = o([]), [j, f] = o(!1), [g, p] = o(null), [y, E] = o(r), [z, O] = o(null), [T, Q] = o(""), u = _(T, c ? 0 : 300), [k, D] = o([]);
   h(() => {
-    K(!0), E(a);
-  }, [a]), h(() => {
-    if (a && n.length > 0) {
-      const t = n.find((s) => r(s) === a);
+    K(!0), E(r);
+  }, [r]), h(() => {
+    if (r && n.length > 0) {
+      const t = n.find((s) => a(s) === r);
       t && O(t);
     }
-  }, [a, n, r]), h(() => {
+  }, [r, n, a]), h(() => {
     m || (async () => {
       try {
-        f(!0), u(null);
-        const s = await i(a);
+        f(!0), p(null);
+        const s = await i(r);
         D(s), d(s);
       } catch (s) {
-        u(s instanceof Error ? s.message : "Failed to fetch options");
+        p(s instanceof Error ? s.message : "Failed to fetch options");
       } finally {
         f(!1);
       }
     })();
-  }, [m, i, a]), h(() => {
+  }, [m, i, r]), h(() => {
     const t = async () => {
       try {
-        f(!0), u(null);
-        const s = await i(p);
+        f(!0), p(null);
+        const s = await i(u);
         D(s), d(s);
       } catch (s) {
-        u(s instanceof Error ? s.message : "Failed to fetch options");
+        p(s instanceof Error ? s.message : "Failed to fetch options");
       } finally {
         f(!1);
       }
     };
-    m && c ? c && d(p ? k.filter((s) => x ? x(s, p) : !0) : k) : t();
-  }, [i, p, m, c, x]);
+    m && c ? c && d(u ? k.filter((s) => x ? x(s, u) : !0) : k) : t();
+  }, [i, u, m, c, x]);
   const W = Z((t) => {
     const s = S && t === y ? "" : t;
-    E(s), O(n.find((X) => r(X) === s) || null), v(s), L(!1);
-  }, [y, v, S, n, r]), I = Y.useId();
+    E(s), O(n.find((X) => a(X) === s) || null), C(s), L(!1);
+  }, [y, C, S, n, a]), I = Y.useId();
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
     l && /* @__PURE__ */ e.jsx(
-      oe,
+      se,
       {
         htmlFor: I,
         className: G,
         children: l
       }
     ),
-    /* @__PURE__ */ e.jsxs(ce, { open: b, onOpenChange: L, children: [
-      /* @__PURE__ */ e.jsx(me, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-        ne,
+    /* @__PURE__ */ e.jsxs(ae, { open: b, onOpenChange: L, children: [
+      /* @__PURE__ */ e.jsx(ie, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        ee,
         {
           id: I,
           variant: "outline",
@@ -104,21 +106,21 @@ function Se({
           "aria-expanded": b,
           className: N(
             fe({ size: J }),
-            w && "opacity-50 cursor-not-allowed",
+            v && "opacity-50 cursor-not-allowed",
             q
           ),
-          style: { width: C },
-          disabled: w,
+          style: { width: w },
+          disabled: v,
           children: [
             z ? $(z) : /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground hover:text-foreground", children: M }),
-            /* @__PURE__ */ e.jsx(_, { className: "opacity-50", size: 10 })
+            /* @__PURE__ */ e.jsx(ce, { className: "opacity-50", size: 10 })
           ]
         }
       ) }),
-      /* @__PURE__ */ e.jsx(de, { style: { width: C }, className: N("p-0", U), children: /* @__PURE__ */ e.jsxs(ae, { shouldFilter: !1, children: [
+      /* @__PURE__ */ e.jsx(le, { style: { width: w }, className: N("p-0", U), children: /* @__PURE__ */ e.jsxs(te, { shouldFilter: !1, children: [
         /* @__PURE__ */ e.jsxs("div", { className: "relative border-b w-full", children: [
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
               placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
               value: T,
@@ -127,38 +129,38 @@ function Se({
               }
             }
           ),
-          j && n.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ e.jsx(V, { className: "h-4 w-4 animate-spin" }) })
+          j && n.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ e.jsx(me, { className: "h-4 w-4 animate-spin" }) })
         ] }),
-        /* @__PURE__ */ e.jsxs(ie, { children: [
+        /* @__PURE__ */ e.jsxs(oe, { children: [
           g && /* @__PURE__ */ e.jsx("div", { className: "p-4 text-destructive text-center", children: g }),
-          j && n.length === 0 && (B || /* @__PURE__ */ e.jsx(ue, {})),
-          !j && !g && n.length === 0 && (A || /* @__PURE__ */ e.jsx(le, { children: H ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
+          j && n.length === 0 && (B || /* @__PURE__ */ e.jsx(pe, {})),
+          !j && !g && n.length === 0 && (A || /* @__PURE__ */ e.jsx(re, { children: H ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
           /* @__PURE__ */ e.jsx(P, { children: n.map((t) => /* @__PURE__ */ e.jsxs(
             F,
             {
-              value: r(t),
+              value: a(t),
               onSelect: W,
               children: [
                 R(t),
                 /* @__PURE__ */ e.jsx(
-                  ee,
+                  de,
                   {
                     className: N(
                       "ml-auto h-3 w-3",
-                      y === r(t) ? "opacity-100" : "opacity-0"
+                      y === a(t) ? "opacity-100" : "opacity-0"
                     )
                   }
                 )
               ]
             },
-            r(t)
+            a(t)
           )) })
         ] })
       ] }) })
     ] })
   ] });
 }
-function ue() {
+function pe() {
   return /* @__PURE__ */ e.jsx(P, { children: [1, 2, 3].map((i) => /* @__PURE__ */ e.jsx(F, { disabled: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
     /* @__PURE__ */ e.jsx("div", { className: "h-6 w-6 rounded-full animate-pulse bg-muted" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col flex-1 gap-1", children: [
@@ -168,5 +170,5 @@ function ue() {
   ] }) }, i)) });
 }
 export {
-  Se as AsyncSelect
+  Le as AsyncSelect
 };

package/dist/components/ui/avatar.js

@@ -1,16 +1,16 @@
 "use client";
 import { j as e } from "../../_virtual/jsx-runtime.js";
-import * as r from "@radix-ui/react-avatar";
-import { cn as l } from "../../lib/utils.js";
-function o({
+import { Root as l, Image as s, Fallback as o } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
+import { cn as r } from "../../lib/utils.js";
+function f({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    r.Root,
+    l,
     {
       "data-slot": "avatar",
-      className: l(
+      className: r(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         a
       ),
@@ -18,28 +18,28 @@ function o({
     }
   );
 }
-function n({
+function m({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    r.Image,
+    s,
     {
       "data-slot": "avatar-image",
-      className: l("aspect-square size-full", a),
+      className: r("aspect-square size-full", a),
       ...t
     }
   );
 }
-function u({
+function c({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    r.Fallback,
+    o,
     {
       "data-slot": "avatar-fallback",
-      className: l(
+      className: r(
         "bg-muted flex size-full items-center justify-center rounded-full",
         a
       ),
@@ -48,7 +48,7 @@ function u({
   );
 }
 export {
-  o as Avatar,
-  u as AvatarFallback,
-  n as AvatarImage
+  f as Avatar,
+  c as AvatarFallback,
+  m as AvatarImage
 };

package/dist/components/ui/badge.js

@@ -1,7 +1,7 @@
 "use client";
-import { j as n } from "../../_virtual/jsx-runtime.js";
-import { Slot as o } from "@radix-ui/react-slot";
-import { cva as s } from "class-variance-authority";
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import { Root as n } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as d } from "../../lib/utils.js";
 const c = s(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
@@ -25,8 +25,8 @@ function b({
   asChild: t = !1,
   ...i
 }) {
-  const a = t ? o : "span";
-  return /* @__PURE__ */ n.jsx(
+  const a = t ? n : "span";
+  return /* @__PURE__ */ o.jsx(
     a,
     {
       "data-slot": "badge",

package/dist/components/ui/button.js

@@ -1,7 +1,7 @@
 "use client";
 import { j as r } from "../../_virtual/jsx-runtime.js";
-import { Slot as g } from "@radix-ui/react-slot";
-import { cva as l } from "class-variance-authority";
+import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as l } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as u } from "../../lib/utils.js";
 import { Icon as c } from "./icon.js";
 const v = l(

package/dist/components/ui/calendar.js

@@ -1,17 +1,18 @@
 "use client";
 import { j as r } from "../../_virtual/jsx-runtime.js";
-import { ChevronRight as l, ChevronLeft as c } from "lucide-react";
-import { DayPicker as m } from "react-day-picker";
+import { DayPicker as l } from "../../node_modules/react-day-picker/dist/index.esm.js";
 import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as d } from "./button.js";
-function y({
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+function h({
   className: n,
   classNames: s,
   showOutsideDays: i = !0,
   ...o
 }) {
   return /* @__PURE__ */ r.jsx(
-    m,
+    l,
     {
       showOutsideDays: i,
       className: e("p-3", n),
@@ -50,13 +51,13 @@ function y({
         ...s
       },
       components: {
-        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r.jsx(c, { className: e("size-4", a), ...t }),
-        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r.jsx(l, { className: e("size-4", a), ...t })
+        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r.jsx(m, { className: e("size-4", a), ...t }),
+        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r.jsx(c, { className: e("size-4", a), ...t })
       },
       ...o
     }
   );
 }
 export {
-  y as Calendar
+  h as Calendar
 };

package/dist/components/ui/carousel.js

@@ -1,10 +1,11 @@
 "use client";
 import { j as l } from "../../_virtual/jsx-runtime.js";
 import * as s from "react";
-import P from "embla-carousel-react";
-import { ArrowLeft as k, ArrowRight as z } from "lucide-react";
+import P from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
 import { cn as x } from "../../lib/utils.js";
 import { Button as h } from "./button.js";
+import k from "../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import z from "../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
 const v = s.createContext(null);
 function d() {
   const o = s.useContext(v);
@@ -12,7 +13,7 @@ function d() {
     throw new Error("useCarousel must be used within a <Carousel />");
   return o;
 }
-function A({
+function I({
   orientation: o = "horizontal",
   opts: r,
   setApi: t,
@@ -74,7 +75,7 @@ function A({
     }
   );
 }
-function I({ className: o, ...r }) {
+function K({ className: o, ...r }) {
   const { carouselRef: t, orientation: a } = d();
   return /* @__PURE__ */ l.jsx(
     "div",
@@ -96,7 +97,7 @@ function I({ className: o, ...r }) {
     }
   );
 }
-function K({ className: o, ...r }) {
+function L({ className: o, ...r }) {
   const { orientation: t } = d();
   return /* @__PURE__ */ l.jsx(
     "div",
@@ -113,7 +114,7 @@ function K({ className: o, ...r }) {
     }
   );
 }
-function L({
+function B({
   className: o,
   variant: r = "outline",
   size: t = "icon",
@@ -141,7 +142,7 @@ function L({
     }
   );
 }
-function B({
+function q({
   className: o,
   variant: r = "outline",
   size: t = "icon",
@@ -170,9 +171,9 @@ function B({
   );
 }
 export {
-  A as Carousel,
-  I as CarouselContent,
-  K as CarouselItem,
-  B as CarouselNext,
-  L as CarouselPrevious
+  I as Carousel,
+  K as CarouselContent,
+  L as CarouselItem,
+  q as CarouselNext,
+  B as CarouselPrevious
 };

package/dist/components/ui/chart.js

@@ -1,49 +1,51 @@
 "use client";
 import { j as t } from "../../_virtual/jsx-runtime.js";
 import * as j from "react";
-import * as _ from "recharts";
 import { cn as u } from "../../lib/utils.js";
-const P = { light: "", dark: ".dark" }, C = j.createContext(null);
-function N() {
-  const c = j.useContext(C);
+import { Tooltip as L } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { Legend as T } from "../../node_modules/recharts/es6/component/Legend.js";
+import { ResponsiveContainer as E } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+const I = { light: "", dark: ".dark" }, w = j.createContext(null);
+function C() {
+  const c = j.useContext(w);
   if (!c)
     throw new Error("useChart must be used within a <ChartContainer />");
   return c;
 }
-function R({
+function O({
   id: c,
-  className: e,
+  className: r,
   children: s,
   config: n,
   ...a
 }) {
   const h = j.useId(), o = `chart-${c || h.replace(/:/g, "")}`;
-  return /* @__PURE__ */ t.jsx(C.Provider, { value: { config: n }, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(w.Provider, { value: { config: n }, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-slot": "chart",
       "data-chart": o,
       className: u(
         "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-        e
+        r
       ),
       ...a,
       children: [
-        /* @__PURE__ */ t.jsx(T, { id: o, config: n }),
-        /* @__PURE__ */ t.jsx(_.ResponsiveContainer, { children: s })
+        /* @__PURE__ */ t.jsx(P, { id: o, config: n }),
+        /* @__PURE__ */ t.jsx(E, { children: s })
       ]
     }
   ) });
 }
-const T = ({ id: c, config: e }) => {
-  const s = Object.entries(e).filter(
+const P = ({ id: c, config: r }) => {
+  const s = Object.entries(r).filter(
     ([, n]) => n.theme || n.color
   );
   return s.length ? /* @__PURE__ */ t.jsx(
     "style",
     {
       dangerouslySetInnerHTML: {
-        __html: Object.entries(P).map(
+        __html: Object.entries(I).map(
           ([n, a]) => `
 ${a} [data-chart=${c}] {
 ${s.map(([h, o]) => {
@@ -59,10 +61,10 @@ ${s.map(([h, o]) => {
       }
     }
   ) : null;
-}, S = _.Tooltip;
-function K({
+}, q = L;
+function z({
   active: c,
-  payload: e,
+  payload: r,
   className: s,
   indicator: n = "dot",
   hideLabel: a = !1,
@@ -70,29 +72,29 @@ function K({
   label: o,
   labelFormatter: i,
   labelClassName: l,
-  formatter: k,
-  color: $,
-  nameKey: L,
+  formatter: _,
+  color: N,
+  nameKey: $,
   labelKey: m
 }) {
-  const { config: g } = N(), w = j.useMemo(() => {
+  const { config: g } = C(), k = j.useMemo(() => {
     var x;
-    if (a || !(e != null && e.length))
+    if (a || !(r != null && r.length))
       return null;
-    const [r] = e, b = `${m || (r == null ? void 0 : r.dataKey) || (r == null ? void 0 : r.name) || "value"}`, f = p(g, r, b), d = !m && typeof o == "string" ? ((x = g[o]) == null ? void 0 : x.label) || o : f == null ? void 0 : f.label;
-    return i ? /* @__PURE__ */ t.jsx("div", { className: u("font-medium", l), children: i(d, e) }) : d ? /* @__PURE__ */ t.jsx("div", { className: u("font-medium", l), children: d }) : null;
+    const [e] = r, b = `${m || (e == null ? void 0 : e.dataKey) || (e == null ? void 0 : e.name) || "value"}`, f = p(g, e, b), d = !m && typeof o == "string" ? ((x = g[o]) == null ? void 0 : x.label) || o : f == null ? void 0 : f.label;
+    return i ? /* @__PURE__ */ t.jsx("div", { className: u("font-medium", l), children: i(d, r) }) : d ? /* @__PURE__ */ t.jsx("div", { className: u("font-medium", l), children: d }) : null;
   }, [
     o,
     i,
-    e,
+    r,
     a,
     l,
     g,
     m
   ]);
-  if (!c || !(e != null && e.length))
+  if (!c || !(r != null && r.length))
     return null;
-  const v = e.length === 1 && n !== "dot";
+  const v = r.length === 1 && n !== "dot";
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -101,9 +103,9 @@ function K({
         s
       ),
       children: [
-        v ? null : w,
-        /* @__PURE__ */ t.jsx("div", { className: "grid gap-1.5", children: e.map((r, b) => {
-          const f = `${L || r.name || r.dataKey || "value"}`, d = p(g, r, f), x = $ || r.payload.fill || r.color;
+        v ? null : k,
+        /* @__PURE__ */ t.jsx("div", { className: "grid gap-1.5", children: r.map((e, b) => {
+          const f = `${$ || e.name || e.dataKey || "value"}`, d = p(g, e, f), x = N || e.payload.fill || e.color;
           return /* @__PURE__ */ t.jsx(
             "div",
             {
@@ -111,7 +113,7 @@ function K({
                 "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
                 n === "dot" && "items-center"
               ),
-              children: k && (r == null ? void 0 : r.value) !== void 0 && r.name ? k(r.value, r.name, r, b, r.payload) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              children: _ && (e == null ? void 0 : e.value) !== void 0 && e.name ? _(e.value, e.name, e, b, e.payload) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 d != null && d.icon ? /* @__PURE__ */ t.jsx(d.icon, {}) : !h && /* @__PURE__ */ t.jsx(
                   "div",
                   {
@@ -139,31 +141,31 @@ function K({
                     ),
                     children: [
                       /* @__PURE__ */ t.jsxs("div", { className: "grid gap-1.5", children: [
-                        v ? w : null,
-                        /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || r.name })
+                        v ? k : null,
+                        /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || e.name })
                       ] }),
-                      r.value && /* @__PURE__ */ t.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: r.value.toLocaleString() })
+                      e.value && /* @__PURE__ */ t.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: e.value.toLocaleString() })
                     ]
                   }
                 )
               ] })
             },
-            r.dataKey
+            e.dataKey
           );
         }) })
       ]
     }
   );
 }
-const M = _.Legend;
-function H({
+const A = T;
+function B({
   className: c,
-  hideIcon: e = !1,
+  hideIcon: r = !1,
   payload: s,
   verticalAlign: n = "bottom",
   nameKey: a
 }) {
-  const { config: h } = N();
+  const { config: h } = C();
   return s != null && s.length ? /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -181,7 +183,7 @@ function H({
               "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
             ),
             children: [
-              l != null && l.icon && !e ? /* @__PURE__ */ t.jsx(l.icon, {}) : /* @__PURE__ */ t.jsx(
+              l != null && l.icon && !r ? /* @__PURE__ */ t.jsx(l.icon, {}) : /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -199,18 +201,18 @@ function H({
     }
   ) : null;
 }
-function p(c, e, s) {
-  if (typeof e != "object" || e === null)
+function p(c, r, s) {
+  if (typeof r != "object" || r === null)
     return;
-  const n = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  const n = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
   let a = s;
-  return s in e && typeof e[s] == "string" ? a = e[s] : n && s in n && typeof n[s] == "string" && (a = n[s]), a in c ? c[a] : c[s];
+  return s in r && typeof r[s] == "string" ? a = r[s] : n && s in n && typeof n[s] == "string" && (a = n[s]), a in c ? c[a] : c[s];
 }
 export {
-  R as ChartContainer,
-  M as ChartLegend,
-  H as ChartLegendContent,
-  T as ChartStyle,
-  S as ChartTooltip,
-  K as ChartTooltipContent
+  O as ChartContainer,
+  A as ChartLegend,
+  B as ChartLegendContent,
+  P as ChartStyle,
+  q as ChartTooltip,
+  z as ChartTooltipContent
 };