@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/ui/charts/_internal/tooltip.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import { useState as d, useCallback as r } from "react";
-import { cn as a } from "../../lib/utils.js";
-function u({ state: t, className: o }) {
-  return t.visible ? /* @__PURE__ */ p(
-    "div",
-    {
-      className: a(
-        "pointer-events-none absolute z-tooltip",
-        "rounded-ds-md border border-border",
-        "bg-layer-01 px-ds-03 py-ds-02",
-        "shadow-02",
-        "text-ds-sm text-text-primary",
-        o
-      ),
-      style: { left: t.x + 12, top: t.y - 12 },
-      children: t.content
-    }
-  ) : null;
-}
-u.displayName = "ChartTooltip";
-function f() {
-  const [t, o] = d({
-    visible: !1,
-    x: 0,
-    y: 0,
-    content: null
-  }), i = r((e, s, n) => {
-    o({ visible: !0, x: e, y: s, content: n });
-  }, []), l = r(() => {
-    o((e) => ({ ...e, visible: !1 }));
-  }, []);
-  return { tooltip: t, show: i, hide: l };
-}
-export {
-  u as ChartTooltip,
-  f as useChartTooltip
-};

package/dist/ui/charts/_internal/types.js

@@ -1,10 +0,0 @@
-"use client";
-const t = {
-  top: 20,
-  right: 20,
-  bottom: 40,
-  left: 50
-};
-export {
-  t as DEFAULT_MARGIN
-};

package/dist/ui/charts/area-chart.js

@@ -1,245 +0,0 @@
-"use client";
-import { jsxs as f, jsx as r, Fragment as S } from "react/jsx-runtime";
-import * as oe from "react";
-import { stack as ne, stackOrderNone as re, stackOffsetNone as ae, area as _, curveMonotoneX as le, curveLinear as ce, line as z } from "d3-shape";
-import { scaleLinear as B, scalePoint as se } from "d3-scale";
-import { cn as ie } from "../lib/utils.js";
-import { ChartContainer as me } from "./chart-container.js";
-import { Axis as I } from "./_internal/axes.js";
-import { GridLines as O } from "./_internal/grid-lines.js";
-import { Legend as ue } from "./_internal/legend.js";
-import { useChartTooltip as pe, ChartTooltip as fe } from "./_internal/tooltip.js";
-import { resolveColor as de } from "./_internal/colors.js";
-import { useReducedMotion as he } from "./_internal/animation.js";
-function ye({
-  data: m,
-  xKey: h,
-  series: c,
-  curved: V = !1,
-  stacked: G = !1,
-  fillOpacity: b = 0.3,
-  gradient: k = !1,
-  strokeWidth: X = 2,
-  height: F = 300,
-  showGrid: A = !0,
-  showTooltip: M = !0,
-  showLegend: Y = !1,
-  animate: ge = !0,
-  xLabel: Z,
-  yLabel: q,
-  className: E
-}) {
-  const { tooltip: J, show: Q, hide: U } = pe();
-  he();
-  const y = c.map((d, u) => de(d.color, u)), C = oe.useId();
-  return /* @__PURE__ */ f("div", { className: ie("relative", E), children: [
-    /* @__PURE__ */ r(me, { height: F, children: ({ width: d, height: u, margin: ke }) => {
-      const L = m.map((e) => e[h]), W = L.every((e) => typeof e == "number");
-      let $, v, x;
-      if (W) {
-        const e = L, t = Math.min(...e), a = Math.max(...e), s = B().domain([t, a]).range([0, d]);
-        $ = s, v = (i) => s(Number(i[h])), x = (i) => s(Number(m[i][h]));
-      } else {
-        const e = L.map(String), t = se().domain(e).range([0, d]).padding(0.5);
-        $ = t, v = (a) => t(String(a[h])) ?? 0, x = (a) => t(String(m[a][h])) ?? 0;
-      }
-      let D;
-      G ? D = Math.max(
-        ...m.map(
-          (e) => c.reduce((t, a) => t + (Number(e[a.key]) || 0), 0)
-        )
-      ) : D = Math.max(
-        ...m.flatMap(
-          (e) => c.map((t) => Number(e[t.key]) || 0)
-        )
-      );
-      const g = B().domain([0, D * 1.1]).range([u, 0]).nice(), N = V ? le : ce, j = () => m.map((e, t) => {
-        const a = v(e), s = d / Math.max(m.length - 1, 1);
-        return /* @__PURE__ */ r(
-          "rect",
-          {
-            x: a - s / 2,
-            y: 0,
-            width: s,
-            height: u,
-            fill: "transparent",
-            onMouseMove: (i) => {
-              var o;
-              const p = (o = i.currentTarget.closest("div")) == null ? void 0 : o.getBoundingClientRect();
-              Q(
-                i.clientX - ((p == null ? void 0 : p.left) ?? 0),
-                i.clientY - ((p == null ? void 0 : p.top) ?? 0),
-                /* @__PURE__ */ f("div", { children: [
-                  /* @__PURE__ */ r("div", { className: "font-medium", children: String(e[h]) }),
-                  c.map((l, n) => /* @__PURE__ */ f(
-                    "div",
-                    {
-                      className: "flex items-center gap-ds-02",
-                      children: [
-                        /* @__PURE__ */ r(
-                          "span",
-                          {
-                            className: "inline-block h-2 w-2 rounded-ds-full",
-                            style: { backgroundColor: y[n] }
-                          }
-                        ),
-                        /* @__PURE__ */ f("span", { className: "text-text-secondary", children: [
-                          l.label,
-                          ":"
-                        ] }),
-                        " ",
-                        Number(e[l.key]).toLocaleString()
-                      ]
-                    },
-                    l.key
-                  ))
-                ] })
-              );
-            },
-            onMouseLeave: U
-          },
-          `hover-${t}`
-        );
-      }), P = () => k ? /* @__PURE__ */ r("defs", { children: c.map((e, t) => /* @__PURE__ */ f(
-        "linearGradient",
-        {
-          id: `${C}-gradient-${t}`,
-          x1: "0",
-          y1: "0",
-          x2: "0",
-          y2: "1",
-          children: [
-            /* @__PURE__ */ r(
-              "stop",
-              {
-                offset: "0%",
-                stopColor: y[t],
-                stopOpacity: b
-              }
-            ),
-            /* @__PURE__ */ r(
-              "stop",
-              {
-                offset: "100%",
-                stopColor: y[t],
-                stopOpacity: 0.05
-              }
-            )
-          ]
-        },
-        `grad-${t}`
-      )) }) : null, R = () => /* @__PURE__ */ f(S, { children: [
-        /* @__PURE__ */ r(
-          I,
-          {
-            scale: $,
-            orientation: "bottom",
-            transform: `translate(0,${u})`,
-            label: Z
-          }
-        ),
-        /* @__PURE__ */ r(I, { scale: g, orientation: "left", label: q })
-      ] });
-      if (G) {
-        const e = c.map((o) => o.key), t = ne().keys(e).order(re).offset(ae), a = m.map((o) => {
-          const l = { [h]: String(o[h]) };
-          for (const n of c)
-            l[n.key] = Number(o[n.key]) || 0;
-          return l;
-        }), s = t(a), i = _().curve(N).x((o, l) => x(l)).y0((o) => g(o[0])).y1((o) => g(o[1])), p = z().curve(N).x((o, l) => x(l)).y((o) => g(o[1]));
-        return /* @__PURE__ */ f(S, { children: [
-          P(),
-          A && /* @__PURE__ */ r(
-            O,
-            {
-              width: d,
-              height: u,
-              yScale: g,
-              horizontal: !0
-            }
-          ),
-          [...s].reverse().map((o, l) => {
-            const n = s.length - 1 - l, T = o, K = i(T) ?? "", ee = p(T) ?? "", te = k ? `url(#${C}-gradient-${n})` : y[n];
-            return /* @__PURE__ */ f("g", { children: [
-              /* @__PURE__ */ r(
-                "path",
-                {
-                  d: K,
-                  fill: te,
-                  opacity: k ? 1 : b
-                }
-              ),
-              /* @__PURE__ */ r(
-                "path",
-                {
-                  d: ee,
-                  fill: "none",
-                  stroke: y[n],
-                  strokeWidth: X,
-                  strokeLinejoin: "round",
-                  strokeLinecap: "round"
-                }
-              )
-            ] }, c[n].key);
-          }),
-          M && j(),
-          R()
-        ] });
-      }
-      const w = _().curve(N).defined((e) => e != null), H = z().curve(N).defined((e) => e != null);
-      return /* @__PURE__ */ f(S, { children: [
-        P(),
-        A && /* @__PURE__ */ r(
-          O,
-          {
-            width: d,
-            height: u,
-            yScale: g,
-            horizontal: !0
-          }
-        ),
-        [...c].reverse().map((e, t) => {
-          const a = c.length - 1 - t, s = w.x((n) => v(n)).y0(u).y1((n) => g(Number(n[e.key]) || 0)), i = H.x((n) => v(n)).y((n) => g(Number(n[e.key]) || 0)), p = s(m) ?? "", o = i(m) ?? "", l = k ? `url(#${C}-gradient-${a})` : y[a];
-          return /* @__PURE__ */ f("g", { children: [
-            /* @__PURE__ */ r(
-              "path",
-              {
-                d: p,
-                fill: l,
-                opacity: k ? 1 : b
-              }
-            ),
-            /* @__PURE__ */ r(
-              "path",
-              {
-                d: o,
-                fill: "none",
-                stroke: y[a],
-                strokeWidth: X,
-                strokeLinejoin: "round",
-                strokeLinecap: "round"
-              }
-            )
-          ] }, e.key);
-        }),
-        M && j(),
-        R()
-      ] });
-    } }),
-    M && /* @__PURE__ */ r(fe, { state: J }),
-    Y && c.length > 1 && /* @__PURE__ */ r(
-      ue,
-      {
-        items: c.map((d, u) => ({
-          label: d.label,
-          color: y[u]
-        })),
-        className: "mt-ds-04"
-      }
-    )
-  ] });
-}
-ye.displayName = "AreaChart";
-export {
-  ye as AreaChart
-};

package/dist/ui/charts/bar-chart.js

@@ -1,153 +0,0 @@
-"use client";
-import { jsxs as v, jsx as r, Fragment as T } from "react/jsx-runtime";
-import { scaleBand as I, scaleLinear as H } from "d3-scale";
-import { cn as k } from "../lib/utils.js";
-import { ChartContainer as L } from "./chart-container.js";
-import { Axis as x } from "./_internal/axes.js";
-import { GridLines as tt } from "./_internal/grid-lines.js";
-import { Legend as at } from "./_internal/legend.js";
-import { useChartTooltip as rt, ChartTooltip as ot } from "./_internal/tooltip.js";
-import { resolveColor as X } from "./_internal/colors.js";
-import { useReducedMotion as nt } from "./_internal/animation.js";
-function it({
-  data: g,
-  xKey: V,
-  yKey: C,
-  orientation: Y = "vertical",
-  stacked: s = !1,
-  grouped: N = !1,
-  color: n,
-  height: _ = 300,
-  showGrid: q = !0,
-  showTooltip: z = !0,
-  showLegend: D = !1,
-  animate: et = !0,
-  barRadius: E = 4,
-  xLabel: F,
-  yLabel: G,
-  seriesLabels: f,
-  className: J
-}) {
-  const { tooltip: P, show: Q, hide: U } = rt();
-  nt();
-  const i = Y === "vertical", c = Array.isArray(C) ? C : [C], h = c.length > 1, S = h ? c.map(
-    (p, a) => X(
-      Array.isArray(n) ? n[a] : typeof n == "string" ? n : void 0,
-      a
-    )
-  ) : [
-    X(
-      typeof n == "string" ? n : Array.isArray(n) ? n[0] : void 0,
-      0
-    )
-  ];
-  return /* @__PURE__ */ v("div", { className: k("relative", J), children: [
-    /* @__PURE__ */ r(L, { height: _, children: ({ width: p, height: a, margin: lt }) => {
-      const Z = g.map((e) => String(e[V]));
-      let A;
-      s ? A = Math.max(
-        ...g.map(
-          (e) => c.reduce((l, o) => l + (Number(e[o]) || 0), 0)
-        )
-      ) : A = Math.max(
-        ...g.flatMap((e) => c.map((l) => Number(e[l]) || 0))
-      );
-      const u = I().domain(Z).range(i ? [0, p] : [0, a]).padding(0.2), t = H().domain([0, A * 1.1]).range(i ? [a, 0] : [0, p]).nice(), O = u.bandwidth(), y = h && N ? O / c.length : O;
-      return /* @__PURE__ */ v(T, { children: [
-        q && /* @__PURE__ */ r(
-          tt,
-          {
-            width: p,
-            height: a,
-            yScale: i ? t : void 0,
-            xScale: i ? void 0 : t,
-            horizontal: i,
-            vertical: !i
-          }
-        ),
-        g.map((e) => {
-          const l = String(e[V]);
-          let o = 0;
-          return c.map((B, M) => {
-            const m = Number(e[B]) || 0, K = S[M] || S[0];
-            let $, b, j, w;
-            return i ? ($ = (u(l) ?? 0) + (N && h ? M * y : 0), b = t(s ? o + m : m), j = y, w = s ? t(o) - t(o + m) : a - t(m)) : ($ = s ? t(o) : 0, b = (u(l) ?? 0) + (N && h ? M * y : 0), j = s ? t(o + m) - t(o) : t(m), w = y), s && (o += m), /* @__PURE__ */ r(
-              "rect",
-              {
-                x: $,
-                y: b,
-                width: Math.max(0, j),
-                height: Math.max(0, w),
-                rx: E,
-                fill: K,
-                className: "transition-opacity hover:opacity-[0.8]",
-                onMouseMove: (R) => {
-                  var W;
-                  if (z) {
-                    const d = (W = R.currentTarget.closest("div")) == null ? void 0 : W.getBoundingClientRect();
-                    Q(
-                      R.clientX - ((d == null ? void 0 : d.left) ?? 0),
-                      R.clientY - ((d == null ? void 0 : d.top) ?? 0),
-                      /* @__PURE__ */ v("div", { children: [
-                        /* @__PURE__ */ r("div", { className: "font-medium", children: l }),
-                        h && /* @__PURE__ */ r("div", { className: "text-text-secondary", children: (f == null ? void 0 : f[M]) ?? B }),
-                        /* @__PURE__ */ r("div", { children: m.toLocaleString() })
-                      ] })
-                    );
-                  }
-                },
-                onMouseLeave: U
-              },
-              `${l}-${B}`
-            );
-          });
-        }),
-        i ? /* @__PURE__ */ v(T, { children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              scale: u,
-              orientation: "bottom",
-              transform: `translate(0,${a})`,
-              label: F
-            }
-          ),
-          /* @__PURE__ */ r(x, { scale: t, orientation: "left", label: G })
-        ] }) : /* @__PURE__ */ v(T, { children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              scale: t,
-              orientation: "bottom",
-              transform: `translate(0,${a})`,
-              label: F
-            }
-          ),
-          /* @__PURE__ */ r(
-            x,
-            {
-              scale: u,
-              orientation: "left",
-              label: G
-            }
-          )
-        ] })
-      ] });
-    } }),
-    z && /* @__PURE__ */ r(ot, { state: P }),
-    D && h && /* @__PURE__ */ r(
-      at,
-      {
-        items: c.map((p, a) => ({
-          label: (f == null ? void 0 : f[a]) ?? p,
-          color: S[a]
-        })),
-        className: "mt-ds-04"
-      }
-    )
-  ] });
-}
-it.displayName = "BarChart";
-export {
-  it as BarChart
-};

package/dist/ui/charts/chart-container.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as u, useState as p, useEffect as g } from "react";
-import { cn as v } from "../lib/utils.js";
-import { DEFAULT_MARGIN as b } from "./_internal/types.js";
-function w({
-  height: i = 300,
-  margin: s,
-  className: c,
-  children: m
-}) {
-  const e = u(null), [r, f] = p(0), t = { ...b, ...s };
-  g(() => {
-    if (!e.current) return;
-    const o = new ResizeObserver((d) => {
-      const a = d[0];
-      a && f(a.contentRect.width);
-    });
-    return o.observe(e.current), () => o.disconnect();
-  }, []);
-  const l = Math.max(0, r - t.left - t.right), h = Math.max(0, i - t.top - t.bottom);
-  return /* @__PURE__ */ n("div", { ref: e, className: v("relative w-full", c), children: r > 0 && /* @__PURE__ */ n("svg", { width: r, height: i, role: "img", "aria-label": "Chart", children: /* @__PURE__ */ n("g", { transform: `translate(${t.left},${t.top})`, children: m({ width: l, height: h, margin: t }) }) }) });
-}
-w.displayName = "ChartContainer";
-export {
-  w as ChartContainer
-};

package/dist/ui/charts/gauge-chart.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsx as e, jsxs as w } from "react/jsx-runtime";
-import { arc as f } from "d3-shape";
-import { cn as B } from "../lib/utils.js";
-import { resolveColor as V } from "./_internal/colors.js";
-import { useReducedMotion as z, getTransitionDuration as D } from "./_internal/animation.js";
-const d = (c) => c * Math.PI / 180;
-function E({
-  value: c,
-  max: o = 100,
-  min: r = 0,
-  label: a,
-  valueLabel: n,
-  color: x,
-  trackColor: p = "var(--color-border-subtle)",
-  height: g = 200,
-  startAngle: i = -120,
-  endAngle: m = 120,
-  thickness: s = 16,
-  animate: v = !0,
-  className: y
-}) {
-  const R = z(), h = D(R, v ? 600 : 0), G = V(x, 0), u = g, t = u / 2, l = Math.min(Math.max(c, r), o), M = o === r ? 0 : (l - r) / (o - r), C = i + (m - i) * M, N = typeof n == "function" ? n(l) : typeof n == "string" ? n : String(l), A = f().innerRadius(t - s).outerRadius(t).startAngle(d(i)).endAngle(d(m)).cornerRadius(s / 2), P = f().innerRadius(t - s).outerRadius(t).startAngle(d(i)).endAngle(d(C)).cornerRadius(s / 2), $ = A(null) ?? "", j = P(null) ?? "";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: B("inline-flex flex-col items-center", y),
-      role: "meter",
-      "aria-valuenow": l,
-      "aria-valuemin": r,
-      "aria-valuemax": o,
-      "aria-label": a ?? "Gauge chart",
-      children: /* @__PURE__ */ e("svg", { width: u, height: u, role: "img", "aria-hidden": "true", children: /* @__PURE__ */ w("g", { transform: `translate(${t},${t})`, children: [
-        /* @__PURE__ */ e("path", { d: $, fill: p }),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            d: j,
-            fill: G,
-            style: h > 0 ? { transition: `d ${h}ms ease-out` } : void 0
-          }
-        ),
-        /* @__PURE__ */ e(
-          "text",
-          {
-            x: 0,
-            y: a ? -4 : 0,
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            className: "fill-text-primary text-ds-2xl font-semibold",
-            children: N
-          }
-        ),
-        a && /* @__PURE__ */ e(
-          "text",
-          {
-            x: 0,
-            y: 20,
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            className: "fill-text-secondary text-ds-xs",
-            children: a
-          }
-        )
-      ] }) })
-    }
-  );
-}
-E.displayName = "GaugeChart";
-export {
-  E as GaugeChart
-};