@orion-ds/react 4.6.5 → 4.7.0

package/dist/index30 2.mjs

@@ -0,0 +1,339 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as T, useState as M, useCallback as pe, useMemo as me } from "react";
+import { Search as be, ChevronUp as E, ChevronDown as Ne, MoreHorizontal as ge, Inbox as ye, ChevronLeft as ke, ChevronRight as ue } from "lucide-react";
+import e from "./index129.mjs";
+const K = T(
+  ({ left: i, right: c, children: p, className: N, ...v }, d) => /* @__PURE__ */ n("div", { ref: d, className: `${e.toolbar} ${N || ""}`, ...v, children: [
+    i && /* @__PURE__ */ t("div", { className: e.toolbarLeft, children: i }),
+    p,
+    c && /* @__PURE__ */ t("div", { className: e.toolbarRight, children: c })
+  ] })
+);
+K.displayName = "DataTable.Toolbar";
+const z = T(({ pagination: i, onChange: c, className: p, ...N }, v) => {
+  const {
+    page: d,
+    pageSize: m,
+    total: u,
+    pageSizeOptions: D = [10, 25, 50, 100]
+  } = i, g = Math.ceil(u / m), I = (d - 1) * m + 1, f = Math.min(d * m, u), $ = (h) => {
+    h >= 1 && h <= g && c({ page: h, pageSize: m });
+  }, k = (h) => {
+    c({ page: 1, pageSize: Number(h.target.value) });
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: v,
+      className: `${e.pagination} ${p || ""}`,
+      ...N,
+      children: [
+        /* @__PURE__ */ n("div", { className: e.paginationInfo, children: [
+          /* @__PURE__ */ n("span", { className: e.paginationText, children: [
+            I,
+            "-",
+            f,
+            " of ",
+            u
+          ] }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              className: e.pageSizeSelect,
+              value: m,
+              onChange: k,
+              children: D.map((h) => /* @__PURE__ */ n("option", { value: h, children: [
+                h,
+                " / page"
+              ] }, h))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.paginationControls, children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: e.paginationButton,
+              onClick: () => $(d - 1),
+              disabled: d <= 1,
+              "aria-label": "Previous page",
+              children: /* @__PURE__ */ t(ke, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: e.paginationPages, children: [
+            d,
+            " / ",
+            g
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: e.paginationButton,
+              onClick: () => $(d + 1),
+              disabled: d >= g,
+              "aria-label": "Next page",
+              children: /* @__PURE__ */ t(ue, { size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+z.displayName = "DataTable.Pagination";
+const O = T(({ state: i, className: c, ...p }, N) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: N,
+    className: `${e.emptyState} ${c || ""}`,
+    ...p,
+    children: [
+      i.icon && /* @__PURE__ */ t("div", { className: e.emptyIcon, children: i.icon }),
+      /* @__PURE__ */ t("h3", { className: e.emptyTitle, children: i.title }),
+      i.description && /* @__PURE__ */ t("p", { className: e.emptyDescription, children: i.description }),
+      i.action && /* @__PURE__ */ t("div", { className: e.emptyAction, children: i.action })
+    ]
+  }
+));
+O.displayName = "DataTable.EmptyState";
+function fe({
+  columns: i,
+  data: c,
+  rowKey: p = "id",
+  searchable: N = !1,
+  searchPlaceholder: v = "Search...",
+  searchValue: d,
+  onSearchChange: m,
+  pagination: u,
+  onPaginationChange: D,
+  selectable: g = !1,
+  selectedKeys: I,
+  onSelectionChange: f,
+  bulkActions: $,
+  rowActions: k,
+  sort: h,
+  onSortChange: S,
+  emptyState: W,
+  loading: H = !1,
+  striped: U = !1,
+  hoverable: q = !0,
+  compact: F = !1,
+  stickyHeader: G = !1,
+  maxHeight: J,
+  onRowClick: Q,
+  toolbar: R,
+  className: X,
+  ...Y
+}, Z) {
+  const [_, w] = M(""), [ee, V] = M([]), [ae, te] = M(), [j, A] = M(null), C = d ?? _, o = I ?? ee, b = h ?? ae, L = pe(
+    (a, l) => typeof p == "function" ? p(a, l) : a[p] ?? l,
+    [p]
+  ), le = (a) => {
+    const l = a.target.value;
+    m ? m(l) : w(l);
+  }, se = (a) => {
+    if (!a.sortable) return;
+    let l;
+    b?.key === a.key ? b.direction === "asc" ? l = { key: a.key, direction: "desc" } : l = void 0 : l = { key: a.key, direction: "asc" }, S ? S(l) : te(l);
+  }, ne = () => {
+    const a = c.map((r, y) => L(r, y)), l = o.length === c.length ? [] : a;
+    f ? f(l) : V(l);
+  }, ie = (a) => {
+    const l = o.includes(a) ? o.filter((r) => r !== a) : [...o, a];
+    f ? f(l) : V(l);
+  }, x = me(() => {
+    let a = [...c];
+    if (!m && C) {
+      const l = C.toLowerCase();
+      a = a.filter(
+        (r) => Object.values(r).some(
+          (y) => String(y).toLowerCase().includes(l)
+        )
+      );
+    }
+    return !S && b && a.sort((l, r) => {
+      const y = l[b.key], s = r[b.key], B = String(y).localeCompare(String(s));
+      return b.direction === "asc" ? B : -B;
+    }), a;
+  }, [c, C, b, m, S]), ce = [e.dataTable, F && e.compact, X].filter(Boolean).join(" "), re = [
+    e.table,
+    U && e.striped,
+    q && e.hoverable,
+    G && e.stickyHeader
+  ].filter(Boolean).join(" "), oe = c.length > 0 && o.length === c.length, de = o.length > 0 && o.length < c.length, he = {
+    icon: /* @__PURE__ */ t(ye, { size: 48 }),
+    title: "No data",
+    description: "There are no items to display."
+  };
+  return /* @__PURE__ */ n("div", { ref: Z, className: ce, ...Y, children: [
+    (N || R || g && o.length > 0) && /* @__PURE__ */ n("div", { className: e.toolbar, children: [
+      /* @__PURE__ */ n("div", { className: e.toolbarLeft, children: [
+        g && o.length > 0 && $ && /* @__PURE__ */ n("div", { className: e.bulkActions, children: [
+          /* @__PURE__ */ n("span", { className: e.selectedCount, children: [
+            o.length,
+            " selected"
+          ] }),
+          $.map((a) => /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: `${e.bulkAction} ${a.variant === "danger" ? e.bulkActionDanger : ""}`,
+              onClick: () => a.onClick(o),
+              children: [
+                a.icon,
+                /* @__PURE__ */ t("span", { children: a.label })
+              ]
+            },
+            a.key
+          ))
+        ] }),
+        R
+      ] }),
+      /* @__PURE__ */ t("div", { className: e.toolbarRight, children: N && /* @__PURE__ */ n("div", { className: e.searchWrapper, children: [
+        /* @__PURE__ */ t(be, { size: 16, className: e.searchIcon }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            className: e.searchInput,
+            placeholder: v,
+            value: C,
+            onChange: le
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.tableContainer, style: { maxHeight: J }, children: H ? /* @__PURE__ */ t("div", { className: e.loadingOverlay, children: /* @__PURE__ */ t("div", { className: e.spinner }) }) : x.length === 0 ? /* @__PURE__ */ t(
+      O,
+      {
+        state: W || he
+      }
+    ) : /* @__PURE__ */ n("table", { className: re, children: [
+      /* @__PURE__ */ t("thead", { className: e.thead, children: /* @__PURE__ */ n("tr", { children: [
+        g && /* @__PURE__ */ t("th", { className: `${e.th} ${e.checkboxCell}`, children: /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            className: e.checkbox,
+            checked: oe,
+            ref: (a) => {
+              a && (a.indeterminate = de);
+            },
+            onChange: ne,
+            "aria-label": "Select all rows"
+          }
+        ) }),
+        i.map((a) => /* @__PURE__ */ t(
+          "th",
+          {
+            className: `${e.th} ${a.sortable ? e.sortable : ""} ${a.sticky ? e[`sticky-${a.sticky}`] : ""} ${a.hideOnMobile ? e.hideOnMobile : ""}`,
+            style: {
+              width: a.width,
+              minWidth: a.minWidth,
+              textAlign: a.align
+            },
+            onClick: () => se(a),
+            children: /* @__PURE__ */ n("span", { className: e.thContent, children: [
+              a.header,
+              a.sortable && /* @__PURE__ */ t("span", { className: e.sortIcon, children: b?.key === a.key ? b.direction === "asc" ? /* @__PURE__ */ t(E, { size: 14 }) : /* @__PURE__ */ t(Ne, { size: 14 }) : /* @__PURE__ */ t(
+                E,
+                {
+                  size: 14,
+                  className: e.sortIconInactive
+                }
+              ) })
+            ] })
+          },
+          a.key
+        )),
+        k && k.length > 0 && /* @__PURE__ */ t("th", { className: `${e.th} ${e.actionsCell}`, children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { className: e.tbody, children: x.map((a, l) => {
+        const r = L(a, l), y = o.includes(r);
+        return /* @__PURE__ */ n(
+          "tr",
+          {
+            className: `${e.tr} ${y ? e.trSelected : ""}`,
+            onClick: (s) => {
+              s.target.closest(
+                `.${e.checkbox}`
+              ) || s.target.closest(
+                `.${e.actionMenu}`
+              ) || Q?.(a, l);
+            },
+            children: [
+              g && /* @__PURE__ */ t("td", { className: `${e.td} ${e.checkboxCell}`, children: /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  className: e.checkbox,
+                  checked: y,
+                  onChange: () => ie(r),
+                  "aria-label": `Select row ${l + 1}`
+                }
+              ) }),
+              i.map((s) => /* @__PURE__ */ t(
+                "td",
+                {
+                  className: `${e.td} ${s.sticky ? e[`sticky-${s.sticky}`] : ""} ${s.hideOnMobile ? e.hideOnMobile : ""}`,
+                  style: { textAlign: s.align },
+                  children: s.render ? s.render(a[s.key], a, l) : String(a[s.key] ?? "")
+                },
+                s.key
+              )),
+              k && k.length > 0 && /* @__PURE__ */ t("td", { className: `${e.td} ${e.actionsCell}`, children: /* @__PURE__ */ n("div", { className: e.actionMenu, children: [
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.actionMenuTrigger,
+                    onClick: () => A(
+                      j === r ? null : r
+                    ),
+                    "aria-label": "Row actions",
+                    children: /* @__PURE__ */ t(ge, { size: 16 })
+                  }
+                ),
+                j === r && /* @__PURE__ */ t("div", { className: e.actionMenuDropdown, children: k.filter(
+                  (s) => !s.show || s.show(a)
+                ).map((s) => /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${e.actionMenuItem} ${s.variant === "danger" ? e.actionMenuItemDanger : ""}`,
+                    onClick: () => {
+                      s.onClick(a), A(null);
+                    },
+                    children: [
+                      s.icon,
+                      /* @__PURE__ */ t("span", { children: s.label })
+                    ]
+                  },
+                  s.key
+                )) })
+              ] }) })
+            ]
+          },
+          r
+        );
+      }) })
+    ] }) }),
+    u && x.length > 0 && /* @__PURE__ */ t(
+      z,
+      {
+        pagination: u,
+        onChange: D || (() => {
+        })
+      }
+    )
+  ] });
+}
+const P = T(fe);
+P.Toolbar = K;
+P.Pagination = z;
+P.EmptyState = O;
+export {
+  P as DataTable
+};

package/dist/index30.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./index166.cjs"),d=({item:i,aspectRatio:c="16/9",variant:n="editorial",className:o,style:u,...m})=>{const{image:f,eyebrow:l,title:j,description:s,action:r,overlay:t="gradient"}=i,p=[e.default.card,e.default[`variant-${n}`],e.default[`aspect-${c.replace("/","-")}`],o].filter(Boolean).join(" ");return a.jsxs("article",{className:p,style:u,...m,children:[a.jsx("div",{className:e.default.imageWrapper,children:f}),t!=="none"&&a.jsx("div",{className:`${e.default.overlay} ${e.default[`overlay-${t}`]}`}),a.jsxs("div",{className:e.default.content,children:[l&&a.jsx("span",{className:e.default.eyebrow,children:l}),a.jsx("h3",{className:e.default.cardTitle,children:j}),s&&a.jsx("p",{className:e.default.cardDescription,children:s}),r&&a.jsx("div",{className:e.default.action,children:r})]})]})};d.displayName="CarouselCard";exports.CarouselCard=d;

package/dist/index30.mjs

@@ -0,0 +1,38 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import e from "./index166.mjs";
+const y = ({
+  item: o,
+  aspectRatio: n = "16/9",
+  variant: t = "editorial",
+  className: d,
+  style: m,
+  ...p
+}) => {
+  const {
+    image: N,
+    eyebrow: r,
+    title: h,
+    description: s,
+    action: i,
+    overlay: c = "gradient"
+  } = o, v = [
+    e.card,
+    e[`variant-${t}`],
+    e[`aspect-${n.replace("/", "-")}`],
+    d
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("article", { className: v, style: m, ...p, children: [
+    /* @__PURE__ */ a("div", { className: e.imageWrapper, children: N }),
+    c !== "none" && /* @__PURE__ */ a("div", { className: `${e.overlay} ${e[`overlay-${c}`]}` }),
+    /* @__PURE__ */ l("div", { className: e.content, children: [
+      r && /* @__PURE__ */ a("span", { className: e.eyebrow, children: r }),
+      /* @__PURE__ */ a("h3", { className: e.cardTitle, children: h }),
+      s && /* @__PURE__ */ a("p", { className: e.cardDescription, children: s }),
+      i && /* @__PURE__ */ a("div", { className: e.action, children: i })
+    ] })
+  ] });
+};
+y.displayName = "CarouselCard";
+export {
+  y as CarouselCard
+};

package/dist/index31 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),d=require("date-fns"),O=require("lucide-react"),l=require("./index107.cjs"),h=require("./index15.cjs"),R=require("./index58.cjs"),F=require("./index14.cjs"),x=e=>{const{mode:a="single",min:S,max:b,disabledDates:v,placeholder:m="Pick a date",presets:i,format:c="PPP",disabled:C=!1,triggerClassName:P,className:N}=e,[k,o]=r.useState(!1),f=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?d.format(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${d.format(e.selected.from,c)} - ${d.format(e.selected.to,c)}`:d.format(e.selected.from,c):null,[a,e,c]),g=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n),o(!1)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect,u=n;s?.(u),u?.from&&u?.to&&o(!1)}},[a,e]),q=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n.value)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect;s?.(n.value)}o(!1)},[a,e]),y=[l.default.trigger,P].filter(Boolean).join(" "),B=[l.default.wrapper,N].filter(Boolean).join(" "),j={min:S,max:b,disabled:v},D=t.jsxs("div",{className:l.default.popoverContent,children:[i&&i.length>0&&t.jsx("div",{className:l.default.presets,children:i.map(n=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>q(n),children:n.label},n.label))}),a==="single"?t.jsx(h.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:g,...j}):t.jsx(h.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:g,...j})]}),w=t.jsx(F.Button,{variant:"secondary",className:y,disabled:C,"aria-label":m,icon:t.jsx(O.Calendar,{size:16,className:l.default.triggerIcon}),children:f?t.jsx("span",{children:f}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:B,children:t.jsx(R.Popover,{trigger:w,content:D,placement:"bottom-start",open:k,onOpenChange:o,showArrow:!1,offset:4,className:l.default.popover})})};x.displayName="DatePicker";exports.DatePicker=x;

package/dist/index31 4.mjs

@@ -0,0 +1,104 @@
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
+import { useState as O, useMemo as z, useCallback as h } from "react";
+import { format as c } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import a from "./index107.mjs";
+import { Calendar as S } from "./index15.mjs";
+import { Popover as F } from "./index58.mjs";
+import { Button as I } from "./index14.mjs";
+const M = (e) => {
+  const {
+    mode: t = "single",
+    min: v,
+    max: C,
+    disabledDates: N,
+    placeholder: m = "Pick a date",
+    presets: i,
+    format: r = "PPP",
+    disabled: b = !1,
+    triggerClassName: P,
+    className: k
+  } = e, [x, s] = O(!1), f = z(() => t === "single" && e.mode !== "range" ? e.selected ? c(e.selected, r) : null : t === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${c(e.selected.from, r)} - ${c(e.selected.to, r)}` : c(e.selected.from, r) : null, [t, e, r]), g = h(
+    (l) => {
+      if (t === "single" && e.mode !== "range") {
+        const o = e.onSelect;
+        o?.(l), s(!1);
+      } else if (t === "range" && e.mode === "range") {
+        const o = e.onSelect, d = l;
+        o?.(d), d?.from && d?.to && s(!1);
+      }
+    },
+    [t, e]
+  ), y = h(
+    (l) => {
+      if (t === "single" && e.mode !== "range") {
+        const o = e.onSelect;
+        o?.(l.value);
+      } else if (t === "range" && e.mode === "range") {
+        const o = e.onSelect;
+        o?.(l.value);
+      }
+      s(!1);
+    },
+    [t, e]
+  ), j = [a.trigger, P].filter(Boolean).join(" "), w = [a.wrapper, k].filter(Boolean).join(" "), u = {
+    min: v,
+    max: C,
+    disabled: N
+  }, B = /* @__PURE__ */ $("div", { className: a.popoverContent, children: [
+    i && i.length > 0 && /* @__PURE__ */ n("div", { className: a.presets, children: i.map((l) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: a.presetButton,
+        onClick: () => y(l),
+        children: l.label
+      },
+      l.label
+    )) }),
+    t === "single" ? /* @__PURE__ */ n(
+      S,
+      {
+        mode: "single",
+        selected: e.mode !== "range" ? e.selected : void 0,
+        onSelect: g,
+        ...u
+      }
+    ) : /* @__PURE__ */ n(
+      S,
+      {
+        mode: "range",
+        selected: e.mode === "range" ? e.selected : void 0,
+        onSelect: g,
+        ...u
+      }
+    )
+  ] }), D = /* @__PURE__ */ n(
+    I,
+    {
+      variant: "secondary",
+      className: j,
+      disabled: b,
+      "aria-label": m,
+      icon: /* @__PURE__ */ n(A, { size: 16, className: a.triggerIcon }),
+      children: f ? /* @__PURE__ */ n("span", { children: f }) : /* @__PURE__ */ n("span", { className: a.placeholder, children: m })
+    }
+  );
+  return /* @__PURE__ */ n("div", { className: w, children: /* @__PURE__ */ n(
+    F,
+    {
+      trigger: D,
+      content: B,
+      placement: "bottom-start",
+      open: x,
+      onOpenChange: s,
+      showArrow: !1,
+      offset: 4,
+      className: a.popover
+    }
+  ) });
+};
+M.displayName = "DatePicker";
+export {
+  M as DatePicker
+};

package/dist/index31.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),p=require("recharts"),R=require("./index203.cjs"),t=require("./index204.cjs"),f=h.createContext({}),j=({config:s,children:o,className:a,style:n,...l})=>{const{resolvedConfig:r,resolvedColorVars:i}=R.useResolvedChartColors(s),d=[t.default.container,a].filter(Boolean).join(" ");return e.jsx(f.Provider,{value:r,children:e.jsx("div",{role:"figure",className:d,style:{...i,...n},...l,children:e.jsx(p.ResponsiveContainer,{width:"100%",height:"100%",children:o})})})};j.displayName="ChartContainer";const v=({active:s,payload:o,label:a,indicator:n="dot",hideLabel:l=!1,hideIndicator:r=!1,labelFormatter:i,formatter:d,className:u})=>{const L=h.useContext(f);if(!s||!o?.length)return null;const b=[t.default.tooltip,u].filter(Boolean).join(" "),g=i?i(String(a)):a,T={dot:t.default.tooltipDot,line:t.default.tooltipLine,dashed:t.default.tooltipDashed}[n];return e.jsxs("div",{className:b,children:[!l&&g&&e.jsx("div",{className:t.default.tooltipLabel,children:g}),e.jsx("div",{className:t.default.tooltipItems,children:o.map(c=>{const C=String(c.dataKey||c.name),m=L[C],q=m?.label||C,I=d?d(c.value,C):String(c.value),x=c.color||m?.color;return e.jsxs("div",{className:t.default.tooltipItem,children:[!r&&e.jsx("span",{className:T,style:{backgroundColor:x,borderColor:x}}),e.jsx("span",{className:t.default.tooltipName,children:q}),e.jsx("span",{className:t.default.tooltipValue,children:I})]},C)})})]})};v.displayName="ChartTooltipContent";const N=({payload:s,className:o})=>{const a=h.useContext(f);if(!s?.length)return null;const n=[t.default.legend,o].filter(Boolean).join(" ");return e.jsx("div",{className:n,children:s.map(l=>{const r=l.dataKey||l.value,i=a[r],d=i?.label||r,u=l.color||i?.color;return e.jsxs("div",{className:t.default.legendItem,children:[e.jsx("span",{className:t.default.legendDot,style:{backgroundColor:u}}),e.jsx("span",{children:d})]},r)})})};N.displayName="ChartLegendContent";const y=({id:s,color:o,startOpacity:a=.4,endOpacity:n=.05})=>e.jsxs("linearGradient",{id:s,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:o,stopOpacity:a}),e.jsx("stop",{offset:"95%",stopColor:o,stopOpacity:n})]});y.displayName="ChartGradient";const S=p.Tooltip,G=p.Legend;exports.ChartContainer=j;exports.ChartGradient=y;exports.ChartLegend=G;exports.ChartLegendContent=N;exports.ChartTooltip=S;exports.ChartTooltipContent=v;

package/dist/index31.mjs

@@ -0,0 +1,103 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useContext as v, createContext as j } from "react";
+import { Legend as I, Tooltip as K, ResponsiveContainer as T } from "recharts";
+import { useResolvedChartColors as B } from "./index203.mjs";
+import o from "./index204.mjs";
+const h = j({}), D = ({
+  config: n,
+  children: e,
+  className: s,
+  style: l,
+  ...a
+}) => {
+  const { resolvedConfig: i, resolvedColorVars: r } = B(n), c = [o.container, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(h.Provider, { value: i, children: /* @__PURE__ */ t(
+    "div",
+    {
+      role: "figure",
+      className: c,
+      style: { ...r, ...l },
+      ...a,
+      children: /* @__PURE__ */ t(T, { width: "100%", height: "100%", children: e })
+    }
+  ) });
+};
+D.displayName = "ChartContainer";
+const G = ({
+  active: n,
+  payload: e,
+  label: s,
+  indicator: l = "dot",
+  hideLabel: a = !1,
+  hideIndicator: i = !1,
+  labelFormatter: r,
+  formatter: c,
+  className: m
+}) => {
+  const N = v(h);
+  if (!n || !e?.length) return null;
+  const y = [o.tooltip, m].filter(Boolean).join(" "), f = r ? r(String(s)) : s, L = {
+    dot: o.tooltipDot,
+    line: o.tooltipLine,
+    dashed: o.tooltipDashed
+  }[l];
+  return /* @__PURE__ */ C("div", { className: y, children: [
+    !a && f && /* @__PURE__ */ t("div", { className: o.tooltipLabel, children: f }),
+    /* @__PURE__ */ t("div", { className: o.tooltipItems, children: e.map((d) => {
+      const p = String(d.dataKey || d.name), g = N[p], x = g?.label || p, b = c ? c(d.value, p) : String(d.value), u = d.color || g?.color;
+      return /* @__PURE__ */ C("div", { className: o.tooltipItem, children: [
+        !i && /* @__PURE__ */ t(
+          "span",
+          {
+            className: L,
+            style: { backgroundColor: u, borderColor: u }
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: o.tooltipName, children: x }),
+        /* @__PURE__ */ t("span", { className: o.tooltipValue, children: b })
+      ] }, p);
+    }) })
+  ] });
+};
+G.displayName = "ChartTooltipContent";
+const S = ({
+  payload: n,
+  className: e
+}) => {
+  const s = v(h);
+  if (!n?.length) return null;
+  const l = [o.legend, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { className: l, children: n.map((a) => {
+    const i = a.dataKey || a.value, r = s[i], c = r?.label || i, m = a.color || r?.color;
+    return /* @__PURE__ */ C("div", { className: o.legendItem, children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: o.legendDot,
+          style: { backgroundColor: m }
+        }
+      ),
+      /* @__PURE__ */ t("span", { children: c })
+    ] }, i);
+  }) });
+};
+S.displayName = "ChartLegendContent";
+const V = ({
+  id: n,
+  color: e,
+  startOpacity: s = 0.4,
+  endOpacity: l = 0.05
+}) => /* @__PURE__ */ C("linearGradient", { id: n, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+  /* @__PURE__ */ t("stop", { offset: "5%", stopColor: e, stopOpacity: s }),
+  /* @__PURE__ */ t("stop", { offset: "95%", stopColor: e, stopOpacity: l })
+] });
+V.displayName = "ChartGradient";
+const q = K, z = I;
+export {
+  D as ChartContainer,
+  V as ChartGradient,
+  z as ChartLegend,
+  S as ChartLegendContent,
+  q as ChartTooltip,
+  G as ChartTooltipContent
+};