@ztwoint/z-ui 0.1.115 → 0.1.116

package/dist/components/chart/chart.d.ts

@@ -0,0 +1,4 @@
+import { EChartsReactProps } from 'echarts-for-react';
+import * as React from 'react';
+export type ChartProps = EChartsReactProps;
+export declare const Chart: React.ForwardRefExoticComponent<EChartsReactProps & React.RefAttributes<any>>;

package/dist/components/chart/chart.js

@@ -0,0 +1,25 @@
+import { jsx as f } from "react/jsx-runtime";
+import * as t from "react";
+import n from "echarts-for-react";
+const p = t.forwardRef(
+  ({ notMerge: e = !0, lazyUpdate: a = !0, opts: r, ...o }, s) => {
+    const m = t.useMemo(
+      () => ({ renderer: "canvas", ...r ?? {} }),
+      [r]
+    );
+    return /* @__PURE__ */ f(
+      n,
+      {
+        ref: s,
+        ...o,
+        notMerge: e,
+        lazyUpdate: a,
+        opts: m
+      }
+    );
+  }
+);
+p.displayName = "Chart";
+export {
+  p as Chart
+};

package/dist/components/chart/index.d.ts

@@ -0,0 +1,2 @@
+export { Chart } from './chart';
+export type { ChartProps } from './chart';

package/dist/components/chart-card/builders/bar-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import { EChartsOption } from 'echarts';
+import { BarChartConfig, ChartData } from '../chart-card.config.types';
+export declare function buildBarChartOptions(config: BarChartConfig, data: ChartData): EChartsOption;

package/dist/components/chart-card/builders/bar-chart-builder.js

@@ -0,0 +1,43 @@
+import { buildYAxisConfig as A, buildXAxisConfig as g, buildGridConfig as k, buildLegendConfig as v, buildTooltipConfig as T, buildTitleConfig as B } from "../config/defaults.js";
+import { getThemePalette as L } from "../config/colors.js";
+function D(e, t) {
+  var n, o, i, p, l, u, b, c, h, x, S, y;
+  const m = L("bar", e.theme), r = t.series.map((C) => C.name), s = !!e.name, a = r.length > 1, d = ((o = (n = e.options) == null ? void 0 : n.legend) == null ? void 0 : o.position) ?? "top";
+  return {
+    color: m,
+    title: s ? B(e.name, (i = e.options) == null ? void 0 : i.title) : void 0,
+    tooltip: T((p = e.options) == null ? void 0 : p.tooltip),
+    legend: a ? v(r, s, (l = e.options) == null ? void 0 : l.legend) : void 0,
+    grid: k(s, a, d, (u = e.options) == null ? void 0 : u.grid),
+    xAxis: g(t.labels, !0, (b = e.options) == null ? void 0 : b.xAxis),
+    yAxis: A((c = e.options) == null ? void 0 : c.yAxis),
+    series: P(e, t),
+    animation: ((x = (h = e.options) == null ? void 0 : h.animation) == null ? void 0 : x.enabled) ?? !0,
+    animationDuration: ((y = (S = e.options) == null ? void 0 : S.animation) == null ? void 0 : y.duration) ?? 1e3
+  };
+}
+function P(e, t) {
+  var d, n;
+  const r = e.theme === "stacked" && t.series.length > 1 ? "total" : void 0, s = ((d = e.options) == null ? void 0 : d.seriesStyles) ?? {}, a = ((n = e.options) == null ? void 0 : n.defaultSeriesStyle) ?? {};
+  return t.series.map((o) => {
+    const i = {
+      ...a,
+      ...s[o.name] ?? {}
+    }, p = i.barWidth ?? 40, l = {
+      name: o.name,
+      type: "bar",
+      stack: r,
+      emphasis: {
+        focus: "series"
+      },
+      barMaxWidth: p,
+      data: o.values
+    };
+    return i.color && (l.itemStyle = {
+      color: i.color
+    }), l;
+  });
+}
+export {
+  D as buildBarChartOptions
+};

package/dist/components/chart-card/builders/chart-builder-factory.d.ts

@@ -0,0 +1,5 @@
+import { EChartsOption } from 'echarts';
+import { ChartConfig, ChartData, ChartType } from '../chart-card.config.types';
+export declare function buildChartOptions(config: ChartConfig, data: ChartData): EChartsOption;
+export declare function isChartTypeSupported(type: string): type is ChartType;
+export declare const registeredChartTypes: readonly ChartType[];

package/dist/components/chart-card/builders/chart-builder-factory.js

@@ -0,0 +1,23 @@
+import { buildBarChartOptions as e } from "./bar-chart-builder.js";
+import { buildLineChartOptions as o } from "./line-chart-builder.js";
+import { buildPieChartOptions as p } from "./pie-chart-builder.js";
+const n = {
+  line: o,
+  bar: e,
+  pie: p
+};
+function b(r, i) {
+  const t = n[r.type];
+  if (!t)
+    throw new Error(`Unsupported chart type: ${r.type}`);
+  return t(r, i);
+}
+function d(r) {
+  return r === "line" || r === "bar" || r === "pie";
+}
+const h = ["line", "bar", "pie"];
+export {
+  b as buildChartOptions,
+  d as isChartTypeSupported,
+  h as registeredChartTypes
+};

package/dist/components/chart-card/builders/line-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import { EChartsOption } from 'echarts';
+import { ChartData, LineChartConfig } from '../chart-card.config.types';
+export declare function buildLineChartOptions(config: LineChartConfig, data: ChartData): EChartsOption;

package/dist/components/chart-card/builders/line-chart-builder.js

@@ -0,0 +1,53 @@
+import { buildYAxisConfig as g, buildXAxisConfig as f, buildGridConfig as T, buildLegendConfig as v, buildTooltipConfig as w, buildTitleConfig as L } from "../config/defaults.js";
+import { getThemePalette as z } from "../config/colors.js";
+function B(e, i) {
+  var o, p, m, d, u, y, t, c, S, b, x, C;
+  const h = z("line", e.theme), l = i.series.map((A) => A.name), s = !!e.name, n = l.length > 1, r = ((p = (o = e.options) == null ? void 0 : o.legend) == null ? void 0 : p.position) ?? "top";
+  return {
+    color: h,
+    title: s ? L(e.name, (m = e.options) == null ? void 0 : m.title) : void 0,
+    tooltip: w((d = e.options) == null ? void 0 : d.tooltip),
+    legend: n ? v(l, s, (u = e.options) == null ? void 0 : u.legend) : void 0,
+    grid: T(s, n, r, (y = e.options) == null ? void 0 : y.grid),
+    xAxis: f(i.labels, !1, (t = e.options) == null ? void 0 : t.xAxis),
+    yAxis: g((c = e.options) == null ? void 0 : c.yAxis),
+    series: O(e, i),
+    animation: ((b = (S = e.options) == null ? void 0 : S.animation) == null ? void 0 : b.enabled) ?? !0,
+    animationDuration: ((C = (x = e.options) == null ? void 0 : x.animation) == null ? void 0 : C.duration) ?? 1e3
+  };
+}
+function O(e, i) {
+  var n, r;
+  const h = e.theme === "smooth", l = ((n = e.options) == null ? void 0 : n.seriesStyles) ?? {}, s = ((r = e.options) == null ? void 0 : r.defaultSeriesStyle) ?? {};
+  return i.series.map((a) => {
+    const o = {
+      ...s,
+      ...l[a.name] ?? {}
+    }, p = o.smooth ?? h, m = o.lineWidth ?? 2, d = o.pointSize ?? (i.labels.length <= 12 ? 4 : 0), u = o.areaStyle ?? !1, y = o.opacity ?? 0.15, t = {
+      name: a.name,
+      type: "line",
+      smooth: p,
+      symbol: "circle",
+      symbolSize: d,
+      showSymbol: i.labels.length <= 12,
+      emphasis: {
+        focus: "series"
+      },
+      lineStyle: {
+        width: m
+      },
+      data: a.values
+    };
+    return o.color && (t.itemStyle = {
+      color: o.color
+    }, t.lineStyle = {
+      ...t.lineStyle,
+      color: o.color
+    }), u && (t.areaStyle = {
+      opacity: y
+    }), t;
+  });
+}
+export {
+  B as buildLineChartOptions
+};

package/dist/components/chart-card/builders/pie-chart-builder.d.ts

@@ -0,0 +1,3 @@
+import { EChartsOption } from 'echarts';
+import { ChartData, PieChartConfig } from '../chart-card.config.types';
+export declare function buildPieChartOptions(config: PieChartConfig, data: ChartData): EChartsOption;

package/dist/components/chart-card/builders/pie-chart-builder.js

@@ -0,0 +1,71 @@
+import { buildLegendConfig as O, buildTooltipConfig as P, buildTitleConfig as T } from "../config/defaults.js";
+import { getThemePalette as D } from "../config/colors.js";
+function j(e, o) {
+  var r, u, d, a, m, p, c;
+  const b = D("pie", e.theme), n = o.series.map((s) => s.name), l = !!e.name, t = n.length > 1;
+  return {
+    color: b,
+    title: l ? T(e.name, (r = e.options) == null ? void 0 : r.title) : void 0,
+    tooltip: P({ ...(u = e.options) == null ? void 0 : u.tooltip, trigger: "item" }),
+    legend: t ? O(n, l, (d = e.options) == null ? void 0 : d.legend) : void 0,
+    series: v(e, o),
+    animation: ((m = (a = e.options) == null ? void 0 : a.animation) == null ? void 0 : m.enabled) ?? !0,
+    animationDuration: ((c = (p = e.options) == null ? void 0 : p.animation) == null ? void 0 : c.duration) ?? 1e3
+  };
+}
+function v(e, o) {
+  var C, w, L, g, R;
+  const b = e.theme === "donut", n = ((C = e.options) == null ? void 0 : C.seriesStyles) ?? {}, l = ((w = e.options) == null ? void 0 : w.defaultSeriesStyle) ?? {}, t = ((L = e.options) == null ? void 0 : L.pie) ?? {}, f = ((g = o.series[0]) == null ? void 0 : g.values.map((h, i) => ({
+    name: o.labels[i],
+    value: h
+  }))) ?? [], r = b ? ["40%", "70%"] : ["0%", "70%"], u = t.radius ?? r, d = t.center ?? ["50%", "50%"], a = t.labelPosition ?? "outside", m = t.labelRotate ?? !1, p = t.showLabel ?? !0, c = t.showLabelLine ?? !0, s = {
+    name: ((R = o.series[0]) == null ? void 0 : R.name) ?? "Data",
+    type: "pie",
+    radius: u,
+    center: d,
+    data: f,
+    emphasis: {
+      focus: "self",
+      itemStyle: {
+        shadowBlur: 10,
+        shadowOffsetX: 0,
+        shadowColor: "rgba(0, 0, 0, 0.5)"
+      }
+    },
+    label: {
+      show: p,
+      position: a,
+      rotate: m,
+      formatter: "{b}: {c} ({d}%)",
+      fontSize: 12,
+      fontFamily: "Inter Variable, sans-serif"
+    },
+    labelLine: {
+      show: c && a === "outside",
+      length: 10,
+      length2: 5
+    },
+    itemStyle: {
+      borderColor: "#fff",
+      borderWidth: 2
+    }
+  };
+  if (Object.keys(n).length > 0) {
+    const h = f.map((i) => ({
+      ...l,
+      ...n[i.name] ?? {}
+    }).color).filter(Boolean);
+    if (h.length > 0) {
+      const i = D("pie", e.theme);
+      s.itemStyle = {
+        ...s.itemStyle,
+        color: (y) => h[y.dataIndex] || i[y.dataIndex % i.length]
+      };
+    }
+  }
+  const S = l.pieRadius;
+  return S && (s.radius = S), [s];
+}
+export {
+  j as buildPieChartOptions
+};

package/dist/components/chart-card/chart-card-states.d.ts

@@ -0,0 +1,10 @@
+export declare function LoadingState({ height }: {
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ height }: {
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ height, message }: {
+    height: number;
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/chart-card/chart-card-states.js

@@ -0,0 +1,93 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+function n({ height: r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center bg-background-neutral-light animate-pulse",
+      style: { height: r },
+      role: "status",
+      "aria-label": "Loading chart",
+      children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "size-8 border-4 border-surface-accent-default border-t-transparent rounded-full animate-spin" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-neutral-secondary font-medium", children: "Loading chart..." })
+      ] })
+    }
+  );
+}
+function i({ height: r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center bg-background-neutral-light border border-neutral-200 rounded-lg",
+      style: { height: r },
+      role: "status",
+      "aria-label": "No chart data available",
+      children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2 text-center px-4", children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "size-12 text-neutral-300",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-neutral-primary", children: "No data available" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-neutral-secondary mt-1", children: "Chart will display when data is provided" })
+        ] })
+      ] })
+    }
+  );
+}
+function s({ height: r, message: a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center bg-surface-danger-light border border-red-200 rounded-lg",
+      style: { height: r },
+      role: "alert",
+      "aria-label": `Chart error: ${a}`,
+      children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2 text-center px-4", children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "size-12 text-red-500",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-red-950", children: "Chart Error" }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-red-600 mt-1", children: a })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  i as EmptyState,
+  s as ErrorState,
+  n as LoadingState
+};

package/dist/components/chart-card/chart-card.config.types.d.ts

@@ -0,0 +1,99 @@
+export type ChartType = 'line' | 'bar' | 'pie';
+export type LineChartTheme = 'basic' | 'smooth';
+export type BarChartTheme = 'basic' | 'stacked';
+export type PieChartTheme = 'basic' | 'donut';
+export type ChartTheme = LineChartTheme | BarChartTheme | PieChartTheme;
+export interface SeriesStyleConfig {
+    color?: string;
+    lineWidth?: number;
+    pointSize?: number;
+    smooth?: boolean;
+    barWidth?: number;
+    areaStyle?: boolean;
+    opacity?: number;
+    pieRadius?: [string | number, string | number];
+    pieLabelPosition?: 'inside' | 'outside';
+    pieLabelRotate?: boolean;
+}
+export interface ChartOptions {
+    seriesStyles?: Record<string, SeriesStyleConfig>;
+    defaultSeriesStyle?: SeriesStyleConfig;
+    title?: {
+        show?: boolean;
+        position?: 'left' | 'center' | 'right';
+        fontSize?: number;
+        color?: string;
+    };
+    legend?: {
+        show?: boolean;
+        position?: 'top' | 'bottom' | 'left' | 'right';
+        align?: 'left' | 'center' | 'right';
+        orient?: 'horizontal' | 'vertical';
+    };
+    tooltip?: {
+        show?: boolean;
+        trigger?: 'axis' | 'item';
+    };
+    xAxis?: {
+        show?: boolean;
+        name?: string;
+        nameLocation?: 'start' | 'middle' | 'end';
+        gridLines?: boolean;
+        labelRotate?: number;
+    };
+    yAxis?: {
+        show?: boolean;
+        name?: string;
+        nameLocation?: 'start' | 'middle' | 'end';
+        min?: number | 'auto';
+        max?: number | 'auto';
+        gridLines?: boolean;
+    };
+    grid?: {
+        top?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+        right?: number | string;
+    };
+    animation?: {
+        enabled?: boolean;
+        duration?: number;
+    };
+    pie?: {
+        center?: [string | number, string | number];
+        radius?: [string | number, string | number];
+        labelPosition?: 'inside' | 'outside';
+        labelRotate?: boolean;
+        showLabel?: boolean;
+        showLabelLine?: boolean;
+    };
+}
+interface BaseChartConfig {
+    name: string;
+    height?: number;
+    width?: string | number;
+    ariaLabel?: string;
+    options?: ChartOptions;
+}
+export interface LineChartConfig extends BaseChartConfig {
+    type: 'line';
+    theme: LineChartTheme;
+}
+export interface BarChartConfig extends BaseChartConfig {
+    type: 'bar';
+    theme: BarChartTheme;
+}
+export interface PieChartConfig extends BaseChartConfig {
+    type: 'pie';
+    theme: PieChartTheme;
+}
+export type ChartConfig = LineChartConfig | BarChartConfig | PieChartConfig;
+export interface ChartSeries {
+    name: string;
+    values: number[];
+}
+export interface ChartData {
+    labels: string[];
+    series: ChartSeries[];
+}
+export {};

package/dist/components/chart-card/chart-card.d.ts

@@ -0,0 +1,2 @@
+import { ChartCardProps } from './chart-card.types';
+export declare function ChartCard({ config, data, loading, error, className, style, chartProps, }: ChartCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chart-card/chart-card.js

@@ -0,0 +1,72 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as N from "react";
+import { cn as v } from "../../lib/utils.js";
+import { validateChartConfig as p, validateChartData as w } from "./validators/config-validator.js";
+import { buildChartOptions as S } from "./builders/chart-builder-factory.js";
+import { Chart as E } from "../chart/chart.js";
+import { LoadingState as O, ErrorState as l, EmptyState as R } from "./chart-card-states.js";
+function j({
+  config: t,
+  data: n,
+  loading: u = !1,
+  error: m,
+  className: f,
+  style: g,
+  chartProps: e
+}) {
+  const r = t.height ?? 400, b = N.useMemo(() => {
+    if (!e)
+      return {};
+    const { className: s, style: i, ...C } = e;
+    return C;
+  }, [e]), c = e == null ? void 0 : e.className, y = e == null ? void 0 : e.style;
+  if (u)
+    return /* @__PURE__ */ a(O, { height: r });
+  if (m)
+    return /* @__PURE__ */ a(l, { height: r, message: m });
+  const o = p(t);
+  if (!o.valid)
+    return /* @__PURE__ */ a(l, { height: r, message: o.error || "Invalid configuration" });
+  const d = w(n);
+  if (!d.valid)
+    return /* @__PURE__ */ a(l, { height: r, message: d.error ?? "Invalid data" });
+  if (!n.series.some(
+    (s) => s.values.some((i) => typeof i == "number" && !Number.isNaN(i) && i !== 0)
+  ))
+    return /* @__PURE__ */ a(R, { height: r });
+  let h;
+  try {
+    h = S(t, n);
+  } catch (s) {
+    const i = s instanceof Error ? s.message : "Failed to build chart";
+    return /* @__PURE__ */ a(l, { height: r, message: i });
+  }
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: v(
+        "w-full rounded-lg bg-background-neutral-default border border-neutral-150 p-4",
+        f
+      ),
+      style: g,
+      role: "img",
+      "aria-label": t.ariaLabel || `${t.type} chart${t.name ? `: ${t.name}` : ""}`,
+      children: /* @__PURE__ */ a(
+        E,
+        {
+          option: h,
+          className: c,
+          style: {
+            height: r,
+            width: t.width || "100%",
+            ...y
+          },
+          ...b
+        }
+      )
+    }
+  );
+}
+export {
+  j as ChartCard
+};

package/dist/components/chart-card/chart-card.types.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { EChartsReactProps } from 'echarts-for-react';
+import { ChartConfig, ChartData } from './chart-card.config.types';
+export interface ChartCardProps {
+    config: ChartConfig;
+    data: ChartData;
+    loading?: boolean;
+    error?: string;
+    className?: string;
+    style?: CSSProperties;
+    chartProps?: Omit<EChartsReactProps, 'option'>;
+}

package/dist/components/chart-card/config/colors.d.ts

@@ -0,0 +1,29 @@
+import { ChartType } from '../chart-card.config.types';
+export declare const COLOR_PALETTES: {
+    readonly default: readonly ["#2563eb", "#7c3aed", "#d97706", "#16a34a", "#dc2626", "#0284c7"];
+    readonly brand: readonly ["#2563eb", "#3b82f6", "#1d4ed8", "#60a5fa"];
+    readonly success: readonly ["#16a34a", "#22c55e", "#15803d", "#4ade80"];
+    readonly warning: readonly ["#d97706", "#f59e0b", "#b45309", "#fbbf24"];
+    readonly danger: readonly ["#dc2626", "#ef4444", "#b91c1c", "#f87171"];
+    readonly purple: readonly ["#7c3aed", "#8b5cf6", "#6d28d9", "#a78bfa"];
+    readonly neutral: readonly ["#5d5d5d", "#6d6d6d", "#4f4f4f", "#888888"];
+};
+export declare const CHART_THEME_PALETTES: Record<ChartType, Record<string, ReadonlyArray<string>>>;
+export declare const UI_COLORS: {
+    readonly text: {
+        readonly primary: "#000000";
+        readonly secondary: "#5d5d5d";
+        readonly muted: "#888888";
+    };
+    readonly border: {
+        readonly light: "#e7e7e7";
+        readonly default: "#d1d1d1";
+        readonly medium: "#b0b0b0";
+    };
+    readonly background: {
+        readonly default: "#ffffff";
+        readonly light: "#fafafa";
+        readonly medium: "#f6f6f6";
+    };
+};
+export declare function getThemePalette(type: ChartType, theme: string): string[];

package/dist/components/chart-card/config/colors.js

@@ -0,0 +1,49 @@
+const d = {
+  default: ["#2563eb", "#7c3aed", "#d97706", "#16a34a", "#dc2626", "#0284c7"],
+  brand: ["#2563eb", "#3b82f6", "#1d4ed8", "#60a5fa"],
+  success: ["#16a34a", "#22c55e", "#15803d", "#4ade80"],
+  warning: ["#d97706", "#f59e0b", "#b45309", "#fbbf24"],
+  danger: ["#dc2626", "#ef4444", "#b91c1c", "#f87171"],
+  purple: ["#7c3aed", "#8b5cf6", "#6d28d9", "#a78bfa"],
+  neutral: ["#5d5d5d", "#6d6d6d", "#4f4f4f", "#888888"]
+}, t = {
+  basic: d.default,
+  smooth: ["#1d4ed8", "#38bdf8", "#22d3ee", "#6366f1"]
+}, b = {
+  basic: d.default,
+  stacked: ["#0284c7", "#38bdf8", "#60a5fa", "#93c5fd"]
+}, E = {
+  basic: d.default,
+  donut: ["#2563eb", "#7c3aed", "#d97706", "#16a34a", "#dc2626", "#0284c7", "#8b5cf6", "#f59e0b"]
+}, n = {
+  line: t,
+  bar: b,
+  pie: E
+}, r = {
+  text: {
+    primary: "#000000",
+    secondary: "#5d5d5d",
+    muted: "#888888"
+  },
+  border: {
+    light: "#e7e7e7",
+    default: "#d1d1d1",
+    medium: "#b0b0b0"
+  },
+  background: {
+    default: "#ffffff",
+    light: "#fafafa",
+    medium: "#f6f6f6"
+  }
+};
+function u(a, f) {
+  var e;
+  const c = ((e = n[a]) == null ? void 0 : e[f]) ?? d.default;
+  return Array.from(c);
+}
+export {
+  n as CHART_THEME_PALETTES,
+  d as COLOR_PALETTES,
+  r as UI_COLORS,
+  u as getThemePalette
+};