mada-design-system 0.9.1 → 1.0.0

package/index.es54.js

@@ -1,45 +1,92 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es111.js";
-import * as f from "react";
-import { cn as t } from "./index.es89.js";
-const m = g(
-  "inline-flex items-center rounded-full gap-space-02 [&>svg]:size-space-05 font-medium text-body-02 justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled",
-  {
-    variants: {
-      size: {
-        default: "p-[20px] ",
-        sm: "p-space-04"
-      },
-      colors: {
-        primary: "bg-button-background-primary text-icon-oncolor hover:bg-button-background-primary-hovered active:bg-button-background-primary-pressed focus:bg-button-background-primary-focused ",
-        neutral: "bg-button-background-black text-icon-oncolor hover:bg-button-background-black-hovered active:bg-button-background-black-pressed focus:bg-button-background-black-focused",
-        oncolor: "bg-button-background-oncolor text-icon-default hover:bg-button-background-oncolor-hovered active:bg-button-background-oncolor-pressed focus:bg-button-background-oncolor-focused disabled:text-disabled-icon-default-oncolor-disabled disabled:bg-button-background-disabled-oncolor",
-        "Secondary-Solid": "bg-button-background-neutral text-icon-default hover:bg-button-background-neutral-pressed active:bg-button-background-neutral-selected focus:bg-button-background-neutral-focused"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      colors: "primary"
+import { jsxs as c, jsx as t, Fragment as u } from "react/jsx-runtime";
+import * as l from "react";
+import C from "./index.es128.js";
+import E from "./index.es127.js";
+import { Button as h } from "./index.es27.js";
+import { cn as g } from "./index.es94.js";
+function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {
+  const [d, S] = l.useState(!1), [f, w] = l.useState(!1), o = l.useRef(null), r = l.useCallback(() => {
+    const e = o.current, n = document.dir;
+    if (e) {
+      const s = (n === "ltr" ? 1 : -1) * e.scrollLeft, x = s > 0, k = s < e.scrollWidth - e.clientWidth - a;
+      S(x), w(k);
     }
-  }
-), p = f.forwardRef(
-  ({ className: e, size: n, colors: a, children: r, asChild: b = !1, position: d, ...c }, u) => {
-    const s = b ? l : "button", i = "floating-button";
-    return /* @__PURE__ */ o(
+  }, [a]), m = (e) => {
+    if (o.current) {
+      const n = document.dir, s = n === "ltr" && e === "start" || n === "rtl" && e === "end" ? -1 : 1;
+      o.current.scrollBy({
+        left: p * s,
+        behavior: "smooth"
+      });
+    }
+  };
+  return l.useEffect(() => {
+    const e = o.current;
+    if (e)
+      return r(), e.addEventListener("scroll", r), window.addEventListener("resize", r), () => {
+        e.removeEventListener("scroll", r), window.removeEventListener("resize", r);
+      };
+  }, [r]), l.useEffect(() => {
+    const e = document.createElement("style");
+    return e.textContent = z, document.head.appendChild(e), () => {
+      document.head.removeChild(e);
+    };
+  }, []), /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
+    d && /* @__PURE__ */ c(u, { children: [
+      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute start-0 top-0 z-[5] h-full  w-[120px] bg-gradient-to-r from-transparent via-background-white via-60% to-background-white" }),
+      /* @__PURE__ */ t(
+        h,
+        {
+          variant: "text",
+          size: "icon",
+          colors: "neutral",
+          onClick: () => m("start"),
+          "aria-label": "Scroll left",
+          className: `absolute start-0 z-10 flex-shrink-0 ${i}`,
+          children: /* @__PURE__ */ t(C, { className: "size-space-04 rtl:rotate-180" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
       "div",
       {
-        className: t(
-          "fixed m-space-03 duration-300 animate-in slide-in-from-bottom-10",
-          d === "bottomRight" ? "bottom-0 end-0" : "bottom-0 start-0"
+        ref: o,
+        className: g(
+          "no-scrollbar flex-1 ",
+          {
+            "overflow-x-auto ": f || d
+          },
+          b
         ),
-        children: /* @__PURE__ */ o(s, { className: t(m({ size: n, colors: a, className: e })), ref: u, "aria-label": i, ...c, children: r })
+        children: /* @__PURE__ */ t("div", { className: "flex", children: v })
       }
-    );
+    ),
+    f && /* @__PURE__ */ c(u, { children: [
+      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute end-0 top-0 z-[5] h-full w-[120px] bg-gradient-to-l from-transparent via-background-white via-60% to-background-white" }),
+      /* @__PURE__ */ t(
+        h,
+        {
+          variant: "text",
+          size: "icon",
+          colors: "neutral",
+          onClick: () => m("end"),
+          "aria-label": "Scroll right",
+          className: `absolute end-0 z-10 flex-shrink-0  ${i}`,
+          children: /* @__PURE__ */ t(E, { className: "size-space-04 rtl:rotate-180" })
+        }
+      )
+    ] })
+  ] });
+}
+const z = `
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
   }
-);
-p.displayName = "FloatingButton";
+`;
 export {
-  p as FloatingButton,
-  m as floatingButtonVariants
+  B as ResponsiveScroll
 };

package/index.es55.js

@@ -1,41 +1,178 @@
-import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es111.js";
-import { forwardRef as g } from "react";
-import { cn as c } from "./index.es89.js";
-import "./index.es2.js";
-import { ShouldRender as p } from "./index.es15.js";
-const u = y("text-body-02", {
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { cva as N } from "./index.es118.js";
+import { useEffect as b, useMemo as C, createContext as T, useContext as z, useState as k } from "react";
+import { useMediaQuery as D } from "./index.es113.js";
+import { THEME as l } from "./index.es96.js";
+/* empty css          */
+import { useThemeStore as I } from "./index.es103.js";
+import H from "./index.es170.js";
+import A from "./index.es171.js";
+import w from "./index.es6.js";
+import M from "./index.es166.js";
+import V from "./index.es167.js";
+import R from "./index.es168.js";
+import G from "./index.es169.js";
+import { useLanguage as L } from "./index.es9.js";
+import { cn as p, formatterTime as u } from "./index.es94.js";
+import B from "./index.es172.js";
+import E from "./index.es149.js";
+import { Badge as F } from "./index.es25.js";
+import j from "./index.es173.js";
+import { Button as c } from "./index.es27.js";
+import { strings as s } from "./index.es95.js";
+import { ShouldRender as g } from "./index.es19.js";
+const K = N("md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02  [&>svg]:size-[20px] ", {
   variants: {
-    variant: {
-      ordered: "list-decimal rtl:[&>ol]:list-[arabic-letters] [&>ol]:list-[lower-alpha] [&>ol]:list-inside ",
-      unordered: "list-disc [&>ul]:list-[circle] [&>ul]:list-inside ",
-      "with-icon": "list-none [&>li>svg]:size-space-04  [&>li]:gap-space-02 [&>ul]:list-inside [&>li]:flex [&>li]:items-center"
-    },
     colors: {
-      primary: "text-text-primary",
-      neutral: "text-text-default",
-      onColor: "text-text-oncolor-primary"
+      primary: "bg-background-primary text-text-oncolor-primary",
+      gray: "bg-background-neutral-100 text-text-paragraph-primary"
+    },
+    hideDivider: {
+      true: "",
+      false: "border-b"
     }
   },
-  compoundVariants: [],
+  compoundVariants: [
+    {
+      colors: "primary",
+      hideDivider: !1,
+      className: "border-b-border-white-40"
+    },
+    {
+      colors: "gray",
+      hideDivider: !1,
+      className: "border-b-border-neutral-primary"
+    }
+  ],
   defaultVariants: {
-    variant: "ordered",
-    colors: "primary"
+    colors: "primary",
+    hideDivider: !1
   }
-}), L = ({ children: o, variant: l, colors: e, items: r, icon: i, className: n, ...a }) => {
-  const d = l === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ t(p, { shouldRender: !!(r != null && r.length), children: /* @__PURE__ */ t(d, { className: c(u({ variant: l, colors: e, className: n })), ...a, children: r == null ? void 0 : r.map((m, x) => /* @__PURE__ */ s(h, { children: [
-      !!i && l === "with-icon" && i,
-      m
-    ] }, x)) }) }),
-    /* @__PURE__ */ t(p, { shouldRender: !(r != null && r.length), children: /* @__PURE__ */ t(d, { className: c(u({ variant: l, colors: e, className: n })), ...a, children: o }) })
+}), x = T({
+  colors: "primary",
+  hideDivider: !1
+}), fe = ({ colors: o, hideDivider: a, className: r, children: t, ...n }) => {
+  const i = C(() => ({ colors: o, hideDivider: a }), [o, a]);
+  return /* @__PURE__ */ e(x.Provider, { value: i, children: /* @__PURE__ */ e(
+    "header",
+    {
+      className: p(K({ colors: o, hideDivider: a }), r),
+      ...n,
+      "aria-label": "a secondary navigation navbar ",
+      children: /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-container flex-col md:flex-row md:items-center md:justify-between ", children: t })
+    }
+  ) });
+}, he = ({ className: o, ...a }) => {
+  const { dir: r } = L(), [t, n] = k(u(r).format());
+  return b(() => {
+    const i = setInterval(() => n(u(r).format()), 1e3);
+    return () => {
+      clearInterval(i);
+    };
+  }, [r]), /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-04 text-body-02", o), ...a, children: [
+    /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current date: ${Intl.DateTimeFormat("en-GB").format()}`, children: [
+      /* @__PURE__ */ e(B, { size: 20 }),
+      /* @__PURE__ */ e("span", { children: Intl.DateTimeFormat("en-GB").format() })
+    ] }),
+    /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current time: ${t}`, children: [
+      /* @__PURE__ */ e(E, { size: 20 }),
+      /* @__PURE__ */ e("span", { children: t })
+    ] }),
+    a.children
   ] });
-};
-L.displayName = "List";
-const h = g(({ children: o, ...l }, e) => /* @__PURE__ */ t("li", { ref: e, ...l, className: "", children: o }));
-h.displayName = "ListItem";
+}, ue = ({ className: o, hideTrail: a, hideSwitchTheme: r, ...t }) => {
+  const { toggleColors: n, increaseSize: i, decreaseSize: y } = w((S) => S), h = z(x), m = h.colors === "gray" ? "neutral" : "oncolor", f = p({ "mix-blend-multiply  dark:mix-blend-normal": h.colors === "gray" }), v = D("max-width:768px");
+  return /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-02 text-body-02", o), ...t, children: [
+    /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(O, { colors: m }) }),
+    /* @__PURE__ */ e(
+      c,
+      {
+        size: "icon-sm",
+        tooltip: s.Accessibility.ColorContrast,
+        variant: "text",
+        colors: m,
+        onClick: n,
+        type: "button",
+        className: f,
+        children: /* @__PURE__ */ e(M, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        size: "icon-sm",
+        tooltip: s.Accessibility.DecreaseFontSize,
+        variant: "text",
+        colors: m,
+        type: "button",
+        onClick: y,
+        className: f,
+        children: /* @__PURE__ */ e(V, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        size: "icon-sm",
+        tooltip: s.Accessibility.IncreaseFontSize,
+        variant: "text",
+        type: "button",
+        colors: m,
+        onClick: i,
+        className: f,
+        children: /* @__PURE__ */ e(R, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        size: "icon-sm",
+        tooltip: s.Accessibility.VoiceCommands,
+        variant: "text",
+        colors: m,
+        type: "button",
+        className: f,
+        onClick: () => {
+          window.open("https://deaf.dga.gov.sa", "_blank", "noopener,noreferrer");
+        },
+        children: /* @__PURE__ */ e(G, { size: 20 })
+      }
+    ),
+    t.children,
+    /* @__PURE__ */ e(g, { shouldRender: !a, children: /* @__PURE__ */ e(Z, { size: v ? "sm" : "default" }) })
+  ] });
+}, O = ({ colors: o, size: a = "icon-sm" }) => {
+  const { theme: r, setTheme: t } = I(), n = () => {
+    const i = r === String(l.LIGHT) ? String(l.DARK) : String(l.LIGHT);
+    t(i);
+  };
+  return b(() => {
+    const i = localStorage.getItem("defaultTheme");
+    if (i) {
+      t(i);
+      return;
+    }
+    localStorage.setItem("defaultTheme", String(l.LIGHT));
+  }, [t]), /* @__PURE__ */ e(
+    c,
+    {
+      size: a,
+      tooltip: r === String(l.DARK) ? s.Shared.lightMode : s.Shared.darkMode,
+      variant: "text",
+      colors: o,
+      className: p({ "mix-blend-multiply dark:mix-blend-normal": o === "gray" }),
+      onClick: n,
+      children: r === String(l.DARK) ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(A, {})
+    }
+  );
+}, Z = ({ variant: o = "ghost", colors: a = "gray", size: r = "default", ...t }) => /* @__PURE__ */ d(F, { variant: o, colors: a, size: r, ...t, children: [
+  /* @__PURE__ */ e(j, {}),
+  s.Shared.trialVersion
+] });
 export {
-  L as List,
-  h as ListItem
+  O as NavigationSwitchTheme,
+  fe as SecondNavHeader,
+  ue as SecondNavHeaderAction,
+  he as SecondNavHeaderContent,
+  Z as TrialVersion
 };

package/index.es56.js

@@ -1,62 +1,166 @@
-import { jsx as c, jsxs as p } from "react/jsx-runtime";
-import { useState as n } from "react";
-import "./index.es2.js";
-import d from "./index.es173.js";
-import y from "./index.es174.js";
-import { Stack as x } from "./index.es42.js";
-import { cn as m } from "./index.es89.js";
-function B({ max: e = 5, onChange: a, value: l = 0, className: t, ...r }) {
-  const [s, i] = n(0);
-  return /* @__PURE__ */ c(x, { gap: "none", className: m(t), children: Array.from({ length: e }, (u, o) => /* @__PURE__ */ c(
-    g,
-    {
-      star: o + 1,
-      rating: l,
-      hoverRating: s,
-      onHover: (f) => !r.readOnly && i(f),
-      onClick: (f) => !r.readOnly && (a == null ? void 0 : a(f)),
-      ...r
-    },
-    o
-  )) });
+import { jsx as o, jsxs as v, Fragment as P } from "react/jsx-runtime";
+import * as f from "react";
+import * as C from "recharts";
+import { cn as h } from "./index.es94.js";
+const I = { light: "", dark: ".dark" }, j = f.createContext(null);
+function $() {
+  const s = f.useContext(j);
+  if (!s)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return s;
 }
-function g({ star: e, rating: a, hoverRating: l, onHover: t, onClick: r, readOnly: s, variant: i = "default", size: u = "default" }) {
-  return /* @__PURE__ */ p(
-    "button",
+const M = f.forwardRef(({ id: s, className: e, children: n, config: t, ...l }, g) => {
+  const a = f.useId(), c = `chart-${s || a.replaceAll(/:/g, "")}`, u = f.useMemo(() => ({ config: t }), [t]);
+  return /* @__PURE__ */ o(j.Provider, { value: u, children: /* @__PURE__ */ v(
+    "div",
     {
-      onMouseEnter: () => t == null ? void 0 : t(e),
-      onMouseLeave: () => t == null ? void 0 : t(0),
-      onClick: () => r == null ? void 0 : r(e),
-      className: m("group relative flex   items-center justify-center", {
-        "size-space-08": u === "default",
-        "size-space-06": u === "sm",
-        "size-space-05": u === "xs",
-        "cursor-default": s
-      }),
+      "data-chart": c,
+      ref: g,
+      className: h(
+        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.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 [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        e
+      ),
+      ...l,
       children: [
-        /* @__PURE__ */ c(
-          d,
-          {
-            className: m("absolute size-full   shrink-0 ", {
-              "group-hover:opacity-0": !s
-            })
-          }
-        ),
-        /* @__PURE__ */ c(
-          y,
-          {
-            className: m("absolute   size-full   shrink-0   opacity-0 transition-all", {
-              "opacity-100": e <= (l || a),
-              "group-hover:opacity-100": !s,
-              "text-secondary": i === "default",
-              "text-primary": i === "brand"
-            })
-          }
-        )
+        /* @__PURE__ */ o(S, { id: c, config: t }),
+        /* @__PURE__ */ o(C.ResponsiveContainer, { children: n })
       ]
     }
-  );
+  ) });
+});
+M.displayName = "Chart";
+const S = ({ id: s, config: e }) => {
+  const n = Object.entries(e).filter(([, t]) => t.theme || t.color);
+  return n.length ? /* @__PURE__ */ o(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(I).map(
+          ([t, l]) => `
+${l} [data-chart=${s}] {
+${n.map(([g, a]) => {
+            var u;
+            const c = ((u = a.theme) == null ? void 0 : u[t]) || a.color;
+            return c ? `  --color-${g}: ${c};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, q = C.Tooltip, E = f.forwardRef(
+  ({
+    active: s,
+    payload: e,
+    className: n,
+    indicator: t = "dot",
+    hideLabel: l = !1,
+    hideIndicator: g = !1,
+    label: a,
+    labelFormatter: c,
+    labelClassName: u,
+    formatter: i,
+    color: L,
+    nameKey: R,
+    labelKey: _
+  }, T) => {
+    const { config: p } = $(), N = f.useMemo(() => {
+      var x;
+      if (l || !(e != null && e.length))
+        return null;
+      const [r] = e, w = `${_ || (r == null ? void 0 : r.dataKey) || (r == null ? void 0 : r.name) || "value"}`, m = k(p, r, w), d = !_ && typeof a == "string" ? ((x = p[a]) == null ? void 0 : x.label) || a : m == null ? void 0 : m.label;
+      return c ? /* @__PURE__ */ o("div", { className: h("font-medium", u), children: c(d, e) }) : d ? /* @__PURE__ */ o("div", { className: h("font-medium", u), children: d }) : null;
+    }, [a, c, e, l, u, p, _]);
+    if (!s || !(e != null && e.length))
+      return null;
+    const b = e.length === 1 && t !== "dot";
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: T,
+        className: h(
+          "border-border/50 grid min-w-[8rem] items-start gap-1.5 rounded-lg border bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          n
+        ),
+        children: [
+          b ? null : N,
+          /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: e.map((r, w) => {
+            const m = `${R || r.name || r.dataKey || "value"}`, d = k(p, r, m), x = L || r.payload.fill || r.color;
+            return /* @__PURE__ */ o(
+              "div",
+              {
+                className: h(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  t === "dot" && "items-center"
+                ),
+                children: i && (r == null ? void 0 : r.value) !== void 0 && r.name ? i(r.value, r.name, r, w, r.payload) : /* @__PURE__ */ v(P, { children: [
+                  d != null && d.icon ? /* @__PURE__ */ o(d.icon, {}) : !g && /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: h("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+                        "h-2.5 w-2.5": t === "dot",
+                        "w-1": t === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
+                        "my-0.5": b && t === "dashed"
+                      }),
+                      style: {
+                        "--color-bg": x,
+                        "--color-border": x
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ v("div", { className: h("flex flex-1 justify-between leading-none", b ? "items-end" : "items-center"), children: [
+                    /* @__PURE__ */ v("div", { className: "grid gap-1.5", children: [
+                      b ? N : null,
+                      /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || r.name })
+                    ] }),
+                    r.value && /* @__PURE__ */ o("span", { className: "font-mono font-medium tabular-nums text-foreground", children: r.value.toLocaleString() })
+                  ] })
+                ] })
+              },
+              r.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+E.displayName = "ChartTooltip";
+const y = C.Legend, K = f.forwardRef(({ className: s, hideIcon: e = !1, payload: n, verticalAlign: t = "bottom", nameKey: l }, g) => {
+  const { config: a } = $();
+  return n != null && n.length ? /* @__PURE__ */ o("div", { ref: g, className: h("flex items-center justify-center gap-4", t === "top" ? "pb-3" : "pt-3", s), children: n.map((c) => {
+    const u = `${l || c.dataKey || "value"}`, i = k(a, c, u);
+    return /* @__PURE__ */ v("div", { className: h("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [
+      i != null && i.icon && !e ? /* @__PURE__ */ o(i.icon, {}) : /* @__PURE__ */ o(
+        "div",
+        {
+          className: "h-2 w-2 shrink-0 rounded-[2px]",
+          style: {
+            backgroundColor: c.color
+          }
+        }
+      ),
+      i == null ? void 0 : i.label
+    ] }, c.value);
+  }) }) : null;
+});
+K.displayName = "ChartLegend";
+function k(s, e, n) {
+  if (typeof e != "object" || e === null)
+    return;
+  const t = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  let l = n;
+  return n in e && typeof e[n] == "string" ? l = e[n] : t && n in t && typeof t[n] == "string" && (l = t[n]), l in s ? s[l] : s[n];
 }
 export {
-  B as Rating
+  M as ChartContainer,
+  y as ChartLegend,
+  K as ChartLegendContent,
+  S as ChartStyle,
+  q as ChartTooltip,
+  E as ChartTooltipContent
 };