@devalok/shilp-sutra 0.8.4 → 0.9.0

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

@@ -1,163 +0,0 @@
-"use client";
-import { jsxs as p, jsx as n, Fragment as q } from "react/jsx-runtime";
-import { line as E, curveMonotoneX as J, curveLinear as O } from "d3-shape";
-import { scaleLinear as N, scalePoint as Q } from "d3-scale";
-import { cn as U } from "../lib/utils.js";
-import { ChartContainer as Z } from "./chart-container.js";
-import { Axis as M } from "./_internal/axes.js";
-import { GridLines as _ } from "./_internal/grid-lines.js";
-import { Legend as w } from "./_internal/legend.js";
-import { useChartTooltip as I, ChartTooltip as H } from "./_internal/tooltip.js";
-import { resolveColor as K } from "./_internal/colors.js";
-import { useReducedMotion as ee } from "./_internal/animation.js";
-function te({
-  data: c,
-  xKey: d,
-  series: s,
-  curved: k = !1,
-  showDots: L = !1,
-  dotSize: C = 4,
-  strokeWidth: S = 2,
-  height: X = 300,
-  showGrid: G = !0,
-  showTooltip: b = !0,
-  showLegend: $ = !1,
-  animate: oe = !0,
-  xLabel: j,
-  yLabel: T,
-  className: V
-}) {
-  const { tooltip: A, show: R, hide: z } = I();
-  ee();
-  const f = s.map((r, a) => K(r.color, a));
-  return /* @__PURE__ */ p("div", { className: U("relative", V), children: [
-    /* @__PURE__ */ n(Z, { height: X, children: ({ width: r, height: a, margin: ne }) => {
-      const x = c.map((e) => e[d]), B = x.every((e) => typeof e == "number");
-      let y, u;
-      if (B) {
-        const e = x, o = Math.min(...e), m = Math.max(...e), i = N().domain([o, m]).range([0, r]);
-        y = i, u = (t) => i(Number(t[d]));
-      } else {
-        const e = x.map(String), o = Q().domain(e).range([0, r]).padding(0.5);
-        y = o, u = (m) => o(String(m[d])) ?? 0;
-      }
-      const D = c.flatMap(
-        (e) => s.map((o) => Number(e[o.key]) || 0)
-      ), F = Math.max(...D), g = N().domain([0, F * 1.1]).range([a, 0]).nice(), P = k ? J : O, W = E().curve(P).defined((e) => e != null);
-      return /* @__PURE__ */ p(q, { children: [
-        G && /* @__PURE__ */ n(
-          _,
-          {
-            width: r,
-            height: a,
-            yScale: g,
-            horizontal: !0
-          }
-        ),
-        s.map((e, o) => {
-          const i = W.x((t) => u(t)).y((t) => g(Number(t[e.key]) || 0))(c) ?? "";
-          return /* @__PURE__ */ p("g", { children: [
-            /* @__PURE__ */ n(
-              "path",
-              {
-                d: i,
-                fill: "none",
-                stroke: f[o],
-                strokeWidth: S,
-                strokeLinejoin: "round",
-                strokeLinecap: "round"
-              }
-            ),
-            L && c.map((t, l) => {
-              const v = u(t), h = g(Number(t[e.key]) || 0);
-              return /* @__PURE__ */ n(
-                "circle",
-                {
-                  cx: v,
-                  cy: h,
-                  r: C,
-                  fill: f[o],
-                  className: "transition-opacity hover:opacity-[0.8]"
-                },
-                `${e.key}-dot-${l}`
-              );
-            })
-          ] }, e.key);
-        }),
-        b && c.map((e, o) => {
-          const m = u(e), i = r / Math.max(c.length - 1, 1);
-          return /* @__PURE__ */ n(
-            "rect",
-            {
-              x: m - i / 2,
-              y: 0,
-              width: i,
-              height: a,
-              fill: "transparent",
-              onMouseMove: (t) => {
-                var v;
-                const l = (v = t.currentTarget.closest("div")) == null ? void 0 : v.getBoundingClientRect();
-                R(
-                  t.clientX - ((l == null ? void 0 : l.left) ?? 0),
-                  t.clientY - ((l == null ? void 0 : l.top) ?? 0),
-                  /* @__PURE__ */ p("div", { children: [
-                    /* @__PURE__ */ n("div", { className: "font-medium", children: String(e[d]) }),
-                    s.map((h, Y) => /* @__PURE__ */ p(
-                      "div",
-                      {
-                        className: "flex items-center gap-ds-02",
-                        children: [
-                          /* @__PURE__ */ n(
-                            "span",
-                            {
-                              className: "inline-block h-2 w-2 rounded-ds-full",
-                              style: { backgroundColor: f[Y] }
-                            }
-                          ),
-                          /* @__PURE__ */ p("span", { className: "text-text-secondary", children: [
-                            h.label,
-                            ":"
-                          ] }),
-                          " ",
-                          Number(e[h.key]).toLocaleString()
-                        ]
-                      },
-                      h.key
-                    ))
-                  ] })
-                );
-              },
-              onMouseLeave: z
-            },
-            `hover-${o}`
-          );
-        }),
-        /* @__PURE__ */ n(
-          M,
-          {
-            scale: y,
-            orientation: "bottom",
-            transform: `translate(0,${a})`,
-            label: j
-          }
-        ),
-        /* @__PURE__ */ n(M, { scale: g, orientation: "left", label: T })
-      ] });
-    } }),
-    b && /* @__PURE__ */ n(H, { state: A }),
-    $ && s.length > 1 && /* @__PURE__ */ n(
-      w,
-      {
-        items: s.map((r, a) => ({
-          label: r.label,
-          color: f[a]
-        })),
-        className: "mt-ds-04"
-      }
-    )
-  ] });
-}
-te.displayName = "LineChart";
-export {
-  te as LineChart
-};

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

@@ -1,132 +0,0 @@
-"use client";
-import { jsxs as i, Fragment as k, jsx as r } from "react/jsx-runtime";
-import { useRef as q, useState as w, useEffect as D } from "react";
-import { pie as J, arc as j } from "d3-shape";
-import { cn as K } from "../lib/utils.js";
-import { Legend as Q } from "./_internal/legend.js";
-import { useChartTooltip as U, ChartTooltip as V } from "./_internal/tooltip.js";
-import { resolveColor as Z } from "./_internal/colors.js";
-import { useReducedMotion as _ } from "./_internal/animation.js";
-function ee({
-  data: c,
-  variant: v = "pie",
-  innerRadius: L = 0.6,
-  padAngle: z = 0,
-  cornerRadius: A = 0,
-  height: u = 300,
-  showTooltip: x = !0,
-  showLegend: F = !1,
-  showLabels: P = !1,
-  animate: te = !0,
-  className: B,
-  centerLabel: R
-}) {
-  const d = q(null), [l, E] = w(0), [H, b] = w(null), { tooltip: I, show: O, hide: S } = U();
-  _(), D(() => {
-    if (!d.current) return;
-    const e = new ResizeObserver((t) => {
-      const o = t[0];
-      o && E(o.contentRect.width);
-    });
-    return e.observe(d.current), () => e.disconnect();
-  }, []);
-  const m = (l > 0 ? Math.min(l, u) : u) / 2, n = v === "donut" ? m * L : 0, y = c.map((e, t) => Z(e.color, t)), s = c.reduce((e, t) => e + t.value, 0), g = J().value((e) => e.value).padAngle(z).sort(null)(c), M = j().innerRadius(n).outerRadius(m - 2).cornerRadius(A), $ = n + (m - 2 - n) * 0.7, T = j().innerRadius($).outerRadius($);
-  return /* @__PURE__ */ i("div", { ref: d, className: K("relative w-full", B), children: [
-    l > 0 && /* @__PURE__ */ i(k, { children: [
-      /* @__PURE__ */ r(
-        "svg",
-        {
-          width: l,
-          height: u,
-          role: "img",
-          "aria-label": "Pie chart",
-          children: /* @__PURE__ */ i("g", { transform: `translate(${l / 2},${u / 2})`, children: [
-            g.map((e, t) => {
-              const o = M(e);
-              if (!o) return null;
-              const [f, p] = M.centroid(e), C = Math.atan2(p, f), W = Math.cos(C) * 4, X = Math.sin(C) * 4, Y = H === t;
-              return /* @__PURE__ */ r(
-                "path",
-                {
-                  d: o,
-                  fill: y[t],
-                  className: "cursor-pointer transition-transform",
-                  style: {
-                    transform: Y ? `translate(${W}px, ${X}px)` : void 0
-                  },
-                  onMouseEnter: () => b(t),
-                  onMouseMove: (h) => {
-                    var N;
-                    if (x) {
-                      const a = (N = h.currentTarget.closest("div")) == null ? void 0 : N.getBoundingClientRect(), G = s > 0 ? (e.data.value / s * 100).toFixed(1) : "0";
-                      O(
-                        h.clientX - ((a == null ? void 0 : a.left) ?? 0),
-                        h.clientY - ((a == null ? void 0 : a.top) ?? 0),
-                        /* @__PURE__ */ i("div", { children: [
-                          /* @__PURE__ */ r("div", { className: "font-medium", children: e.data.label }),
-                          /* @__PURE__ */ i("div", { children: [
-                            e.data.value.toLocaleString(),
-                            " (",
-                            G,
-                            "%)"
-                          ] })
-                        ] })
-                      );
-                    }
-                  },
-                  onMouseLeave: () => {
-                    b(null), S();
-                  }
-                },
-                `slice-${e.data.label}-${t}`
-              );
-            }),
-            P && g.map((e, t) => {
-              const [o, f] = T.centroid(e), p = s > 0 ? (e.data.value / s * 100).toFixed(0) : "0";
-              return s > 0 && e.data.value / s < 0.03 ? null : /* @__PURE__ */ i(
-                "text",
-                {
-                  x: o,
-                  y: f,
-                  textAnchor: "middle",
-                  dominantBaseline: "central",
-                  className: "pointer-events-none fill-text-on-color text-ds-xs font-medium",
-                  children: [
-                    p,
-                    "%"
-                  ]
-                },
-                `label-${e.data.label}-${t}`
-              );
-            }),
-            v === "donut" && R && n > 0 && /* @__PURE__ */ r(
-              "foreignObject",
-              {
-                x: -n * 0.7,
-                y: -n * 0.7,
-                width: n * 1.4,
-                height: n * 1.4,
-                children: /* @__PURE__ */ r("div", { className: "flex h-full w-full items-center justify-center text-center text-text-primary", children: R })
-              }
-            )
-          ] })
-        }
-      ),
-      x && /* @__PURE__ */ r(V, { state: I })
-    ] }),
-    F && /* @__PURE__ */ r(
-      Q,
-      {
-        items: c.map((e, t) => ({
-          label: e.label,
-          color: y[t]
-        })),
-        className: "mt-ds-04"
-      }
-    )
-  ] });
-}
-ee.displayName = "PieChart";
-export {
-  ee as PieChart
-};

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

@@ -1,223 +0,0 @@
-"use client";
-import { jsxs as i, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { useRef as T, useState as X, useEffect as Y } from "react";
-import { lineRadial as D, curveLinearClosed as E } from "d3-shape";
-import { cn as F } from "../lib/utils.js";
-import { Legend as O } from "./_internal/legend.js";
-import { useChartTooltip as q, ChartTooltip as G } from "./_internal/tooltip.js";
-import { resolveColor as H } from "./_internal/colors.js";
-import { useReducedMotion as J } from "./_internal/animation.js";
-function K({
-  data: g,
-  axes: d,
-  series: u,
-  maxValue: R,
-  levels: h = 5,
-  fillOpacity: $ = 0.25,
-  showDots: C = !1,
-  height: M = 300,
-  showTooltip: k = !0,
-  showLegend: P = !1,
-  animate: Q = !0,
-  className: L
-}) {
-  const v = T(null), [p, S] = X(0), { tooltip: W, show: _, hide: w } = q();
-  J(), Y(() => {
-    if (!v.current) return;
-    const e = new ResizeObserver((t) => {
-      const r = t[0];
-      r && S(r.contentRect.width);
-    });
-    return e.observe(v.current), () => e.disconnect();
-  }, []);
-  const c = (p > 0 ? Math.min(p, M) : M) / 2 - 40, f = u.map((e, t) => H(e.color, t)), x = R ?? Math.max(
-    ...g.flatMap((e) => u.map((t) => Number(e[t.key]) || 0)),
-    1
-  ), m = 2 * Math.PI / d.length, I = D().radius((e) => c * e / x).angle((e, t) => t * m).curve(E), j = (e) => d.map((t, r) => {
-    var n;
-    return Number((n = g[r]) == null ? void 0 : n[e]) || 0;
-  }), A = (e, t) => {
-    const r = m * e - Math.PI / 2, n = c * t / x;
-    return {
-      x: n * Math.cos(r),
-      y: n * Math.sin(r)
-    };
-  };
-  return /* @__PURE__ */ i("div", { ref: v, className: F("relative w-full", L), children: [
-    p > 0 && /* @__PURE__ */ i(B, { children: [
-      /* @__PURE__ */ s(
-        "svg",
-        {
-          width: p,
-          height: M,
-          role: "img",
-          "aria-label": "Radar chart",
-          children: /* @__PURE__ */ i("g", { transform: `translate(${p / 2},${M / 2})`, children: [
-            Array.from({ length: h }, (e, t) => {
-              const r = c / h * (t + 1), n = d.map((l, o) => {
-                const a = m * o - Math.PI / 2;
-                return `${r * Math.cos(a)},${r * Math.sin(a)}`;
-              }).join(" ");
-              return /* @__PURE__ */ s(
-                "polygon",
-                {
-                  points: n,
-                  fill: "none",
-                  stroke: "var(--color-border-subtle)",
-                  strokeDasharray: "3,3",
-                  strokeWidth: 1
-                },
-                `grid-${t}`
-              );
-            }),
-            d.map((e, t) => {
-              const r = m * t - Math.PI / 2, n = c * Math.cos(r), l = c * Math.sin(r);
-              return /* @__PURE__ */ s(
-                "line",
-                {
-                  x1: 0,
-                  y1: 0,
-                  x2: n,
-                  y2: l,
-                  stroke: "var(--color-border-subtle)",
-                  strokeWidth: 1
-                },
-                `axis-${t}`
-              );
-            }),
-            d.map((e, t) => {
-              const r = m * t - Math.PI / 2, n = c + 18, l = n * Math.cos(r), o = n * Math.sin(r);
-              let a = "middle";
-              return Math.abs(Math.cos(r)) > 0.1 && (a = Math.cos(r) > 0 ? "start" : "end"), /* @__PURE__ */ s(
-                "text",
-                {
-                  x: l,
-                  y: o,
-                  textAnchor: a,
-                  dominantBaseline: "central",
-                  className: "fill-text-secondary text-ds-xs",
-                  children: e
-                },
-                `label-${t}`
-              );
-            }),
-            Array.from({ length: h }, (e, t) => {
-              const r = Math.round(x / h * (t + 1)), n = c / h * (t + 1), l = -Math.PI / 2, o = n * Math.cos(l) + 4, a = n * Math.sin(l);
-              return /* @__PURE__ */ s(
-                "text",
-                {
-                  x: o,
-                  y: a,
-                  textAnchor: "start",
-                  dominantBaseline: "auto",
-                  className: "fill-text-tertiary text-ds-xs",
-                  children: r
-                },
-                `level-label-${t}`
-              );
-            }),
-            u.map((e, t) => {
-              const r = j(e.key), n = I(r);
-              return n ? /* @__PURE__ */ i("g", { children: [
-                /* @__PURE__ */ s(
-                  "path",
-                  {
-                    d: n,
-                    fill: f[t],
-                    fillOpacity: $,
-                    stroke: f[t],
-                    strokeWidth: 2,
-                    strokeLinejoin: "round"
-                  }
-                ),
-                C && r.map((l, o) => {
-                  const { x: a, y } = A(o, l);
-                  return /* @__PURE__ */ s(
-                    "circle",
-                    {
-                      cx: a,
-                      cy: y,
-                      r: 4,
-                      fill: f[t],
-                      stroke: "var(--color-layer-01)",
-                      strokeWidth: 2,
-                      className: "transition-opacity"
-                    },
-                    `dot-${e.key}-${o}`
-                  );
-                })
-              ] }, e.key) : null;
-            }),
-            k && d.map((e, t) => {
-              const r = m * t - Math.PI / 2, n = c * Math.cos(r), l = c * Math.sin(r);
-              return /* @__PURE__ */ s(
-                "circle",
-                {
-                  cx: n,
-                  cy: l,
-                  r: 16,
-                  fill: "transparent",
-                  className: "cursor-pointer",
-                  onMouseMove: (o) => {
-                    var y;
-                    const a = (y = o.currentTarget.closest("div")) == null ? void 0 : y.getBoundingClientRect();
-                    _(
-                      o.clientX - ((a == null ? void 0 : a.left) ?? 0),
-                      o.clientY - ((a == null ? void 0 : a.top) ?? 0),
-                      /* @__PURE__ */ i("div", { children: [
-                        /* @__PURE__ */ s("div", { className: "font-medium", children: e }),
-                        u.map((b, V) => {
-                          var N;
-                          const z = Number((N = g[t]) == null ? void 0 : N[b.key]) || 0;
-                          return /* @__PURE__ */ i(
-                            "div",
-                            {
-                              className: "flex items-center gap-ds-02",
-                              children: [
-                                /* @__PURE__ */ s(
-                                  "span",
-                                  {
-                                    className: "inline-block h-2 w-2 rounded-ds-full",
-                                    style: { backgroundColor: f[V] }
-                                  }
-                                ),
-                                /* @__PURE__ */ i("span", { className: "text-text-secondary", children: [
-                                  b.label,
-                                  ":"
-                                ] }),
-                                " ",
-                                z.toLocaleString()
-                              ]
-                            },
-                            b.key
-                          );
-                        })
-                      ] })
-                    );
-                  },
-                  onMouseLeave: w
-                },
-                `hover-${t}`
-              );
-            })
-          ] })
-        }
-      ),
-      k && /* @__PURE__ */ s(G, { state: W })
-    ] }),
-    P && /* @__PURE__ */ s(
-      O,
-      {
-        items: u.map((e, t) => ({
-          label: e.label,
-          color: f[t]
-        })),
-        className: "mt-ds-04"
-      }
-    )
-  ] });
-}
-K.displayName = "RadarChart";
-export {
-  K as RadarChart
-};

package/dist/ui/charts/sparkline.js

@@ -1,124 +0,0 @@
-"use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { area as q, curveMonotoneX as G, line as D } from "d3-shape";
-import { scaleLinear as X } from "d3-scale";
-import { cn as S } from "../lib/utils.js";
-import { resolveColor as z } from "./_internal/colors.js";
-function A({
-  data: n,
-  variant: f = "line",
-  width: p = 120,
-  height: g = 32,
-  color: Y,
-  showLastDot: j = !1,
-  strokeWidth: a = 1.5,
-  className: x
-}) {
-  const i = z(Y, 0);
-  if (!n.length) return null;
-  const e = f === "bar" ? 1 : a, L = p - e * 2, b = g - e * 2, t = X().domain([0, Math.max(n.length - 1, 1)]).range([e, e + L]), u = Math.min(...n), y = Math.max(...n), _ = u === y ? [u - 1, y + 1] : [u, y], c = X().domain(_).range([e + b, e]);
-  if (f === "bar") {
-    const r = Math.max(
-      1,
-      (L - 1 * (n.length - 1)) / n.length
-    ), k = e + b;
-    return /* @__PURE__ */ o(
-      "svg",
-      {
-        width: p,
-        height: g,
-        role: "img",
-        "aria-label": "Sparkline bar chart",
-        className: S("inline-block align-middle", x),
-        children: n.map((M, h) => {
-          const v = e + h * (r + 1), l = c(M), m = Math.max(1, k - l);
-          return /* @__PURE__ */ o(
-            "rect",
-            {
-              x: v,
-              y: l,
-              width: r,
-              height: m,
-              rx: Math.min(1, r / 2),
-              fill: i
-            },
-            h
-          );
-        })
-      }
-    );
-  }
-  if (f === "area") {
-    const s = q().curve(G).x((l, m) => t(m)).y0(e + b).y1((l) => c(l)), r = D().curve(G).x((l, m) => t(m)).y((l) => c(l)), k = s(n) ?? "", M = r(n) ?? "", h = t(n.length - 1), v = c(n[n.length - 1]);
-    return /* @__PURE__ */ d(
-      "svg",
-      {
-        width: p,
-        height: g,
-        role: "img",
-        "aria-label": "Sparkline area chart",
-        className: S("inline-block align-middle", x),
-        children: [
-          /* @__PURE__ */ o("path", { d: k, fill: i, opacity: 0.2 }),
-          /* @__PURE__ */ o(
-            "path",
-            {
-              d: M,
-              fill: "none",
-              stroke: i,
-              strokeWidth: a,
-              strokeLinejoin: "round",
-              strokeLinecap: "round"
-            }
-          ),
-          j && /* @__PURE__ */ o(
-            "circle",
-            {
-              cx: h,
-              cy: v,
-              r: a + 1,
-              fill: i
-            }
-          )
-        ]
-      }
-    );
-  }
-  const C = D().curve(G).x((s, r) => t(r)).y((s) => c(s))(n) ?? "", H = t(n.length - 1), N = c(n[n.length - 1]);
-  return /* @__PURE__ */ d(
-    "svg",
-    {
-      width: p,
-      height: g,
-      role: "img",
-      "aria-label": "Sparkline chart",
-      className: S("inline-block align-middle", x),
-      children: [
-        /* @__PURE__ */ o(
-          "path",
-          {
-            d: C,
-            fill: "none",
-            stroke: i,
-            strokeWidth: a,
-            strokeLinejoin: "round",
-            strokeLinecap: "round"
-          }
-        ),
-        j && /* @__PURE__ */ o(
-          "circle",
-          {
-            cx: H,
-            cy: N,
-            r: a + 1,
-            fill: i
-          }
-        )
-      ]
-    }
-  );
-}
-A.displayName = "Sparkline";
-export {
-  A as Sparkline
-};

package/dist/ui/lib/motion.js

@@ -1,32 +0,0 @@
-const t = {
-  productive: {
-    standard: "cubic-bezier(0.2, 0, 0.38, 0.9)",
-    entrance: "cubic-bezier(0, 0, 0.38, 0.9)",
-    exit: "cubic-bezier(0.2, 0, 1, 0.9)"
-  },
-  expressive: {
-    standard: "cubic-bezier(0.4, 0.14, 0.3, 1)",
-    entrance: "cubic-bezier(0, 0, 0.3, 1)",
-    exit: "cubic-bezier(0.4, 0.14, 1, 1)"
-  }
-}, r = {
-  instant: "0ms",
-  "fast-01": "70ms",
-  "fast-02": "110ms",
-  "moderate-01": "150ms",
-  "moderate-02": "240ms",
-  "slow-01": "400ms",
-  "slow-02": "700ms"
-};
-function s(e, i) {
-  return t[i][e];
-}
-function n(e) {
-  return r[e];
-}
-export {
-  n as duration,
-  r as durations,
-  t as easings,
-  s as motion
-};

package/dist/ui/lib/use-reduced-motion.js

@@ -1,15 +0,0 @@
-"use client";
-import { useState as r, useEffect as c } from "react";
-function u() {
-  const [d, t] = r(!1);
-  return c(() => {
-    if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const e = window.matchMedia("(prefers-reduced-motion: reduce)");
-    t(e.matches);
-    const n = (o) => t(o.matches);
-    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
-  }, []), d;
-}
-export {
-  u as useReducedMotion
-};