@weing-dev/ui-kit-primitive 0.3.1 → 0.4.1

package/dist/chart.d.ts

@@ -0,0 +1,2 @@
+export { default as Chart } from '../components/Chart/Chart';
+export {};

package/dist/chart.js

@@ -0,0 +1,94 @@
+import { c as J, j as o } from "./compiler-runtime-BFrE5JtX.js";
+import { Chart as D, CategoryScale as M, LinearScale as T, PointElement as $, LineController as z, BubbleController as O, DoughnutController as k, PieController as q, LineElement as G, BarController as H, PolarAreaController as I, BarElement as K, RadarController as N, RadialLinearScale as Q, ScatterController as U, Title as V, Tooltip as W, Filler as X, Legend as Y, ArcElement as Z } from "chart.js";
+import F from "chartjs-plugin-datalabels";
+import { FunnelController as ee, TrapezoidElement as te, FunnelChart as le } from "chartjs-chart-funnel";
+import { Line as re, Bar as oe, Bubble as ae, Doughnut as ne, Pie as se, PolarArea as ie, Radar as ce, Scatter as fe } from "react-chartjs-2";
+import B from "react";
+D.register(M, T, $, z, O, k, q, G, H, I, K, N, Q, U, V, W, X, Y, Z, F, ee, te);
+const de = {
+  labels: ["January", "February", "March", "April", "May", "June", "July"],
+  datasets: [{
+    label: "My First Dataset",
+    data: [65, 59, 80, 81, 56, 55, 40],
+    fill: !1,
+    borderColor: "rgb(75, 192, 192)",
+    tension: 0.1
+  }]
+}, ue = {
+  responsive: !0,
+  maintainAspectRatio: !1,
+  plugins: {
+    legend: {
+      position: "top"
+    },
+    title: {
+      display: !0,
+      text: "Chart.js Chart"
+    }
+  }
+}, be = (P) => {
+  const e = J.c(54), {
+    type: v,
+    data: E,
+    options: R,
+    width: L,
+    height: w
+  } = P, t = v === void 0 ? "line" : v, l = E === void 0 ? de : E, r = R === void 0 ? ue : R, a = L === void 0 ? 800 : L, n = w === void 0 ? 400 : w, A = B.useRef(null);
+  let C, g;
+  e[0] !== l || e[1] !== r || e[2] !== t ? (C = () => {
+    const S = A.current;
+    if (S && t === "funnel") {
+      const y = S.getContext("2d");
+      if (!y)
+        return;
+      console.log("type", t), console.log("data", l);
+      const j = D.getChart(y), _ = async () => {
+        new le(y, {
+          data: l,
+          options: r,
+          plugins: [F]
+        });
+      };
+      j == null || j.destroy(), _();
+    }
+  }, g = [l, r, t], e[0] = l, e[1] = r, e[2] = t, e[3] = C, e[4] = g) : (C = e[3], g = e[4]), B.useEffect(C, g);
+  let x;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    position: "relative",
+    height: "40vh",
+    width: "80vw"
+  }, e[5] = x) : x = e[5];
+  let s;
+  e[6] !== l || e[7] !== n || e[8] !== r || e[9] !== t || e[10] !== a ? (s = t === "line" && /* @__PURE__ */ o.jsx(re, { data: l, options: r, width: a, height: n }), e[6] = l, e[7] = n, e[8] = r, e[9] = t, e[10] = a, e[11] = s) : s = e[11];
+  let i;
+  e[12] !== l || e[13] !== r || e[14] !== t ? (i = t === "bar" && /* @__PURE__ */ o.jsx(oe, { data: l, options: r }), e[12] = l, e[13] = r, e[14] = t, e[15] = i) : i = e[15];
+  let c;
+  e[16] !== l || e[17] !== r || e[18] !== t ? (c = t === "bubble" && /* @__PURE__ */ o.jsx(ae, { data: l, options: r }), e[16] = l, e[17] = r, e[18] = t, e[19] = c) : c = e[19];
+  let f;
+  e[20] !== l || e[21] !== r || e[22] !== t ? (f = t === "doughnut" && /* @__PURE__ */ o.jsx(ne, { data: l, options: r }), e[20] = l, e[21] = r, e[22] = t, e[23] = f) : f = e[23];
+  let d;
+  e[24] !== l || e[25] !== r || e[26] !== t ? (d = t === "pie" && /* @__PURE__ */ o.jsx(se, { data: l, options: r }), e[24] = l, e[25] = r, e[26] = t, e[27] = d) : d = e[27];
+  let u;
+  e[28] !== l || e[29] !== r || e[30] !== t ? (u = t === "polarArea" && /* @__PURE__ */ o.jsx(ie, { data: l, options: r }), e[28] = l, e[29] = r, e[30] = t, e[31] = u) : u = e[31];
+  let p;
+  e[32] !== l || e[33] !== r || e[34] !== t ? (p = t === "radar" && /* @__PURE__ */ o.jsx(ce, { data: l, options: r }), e[32] = l, e[33] = r, e[34] = t, e[35] = p) : p = e[35];
+  let h;
+  e[36] !== l || e[37] !== r || e[38] !== t ? (h = t === "scatter" && /* @__PURE__ */ o.jsx(fe, { data: l, options: r }), e[36] = l, e[37] = r, e[38] = t, e[39] = h) : h = e[39];
+  let m;
+  e[40] !== n || e[41] !== t || e[42] !== a ? (m = t === "funnel" && /* @__PURE__ */ o.jsx("canvas", { id: "Chart", ref: A, width: a, height: n }), e[40] = n, e[41] = t, e[42] = a, e[43] = m) : m = e[43];
+  let b;
+  return e[44] !== c || e[45] !== f || e[46] !== d || e[47] !== u || e[48] !== p || e[49] !== h || e[50] !== m || e[51] !== s || e[52] !== i ? (b = /* @__PURE__ */ o.jsxs("div", { style: x, children: [
+    s,
+    i,
+    c,
+    f,
+    d,
+    u,
+    p,
+    h,
+    m
+  ] }), e[44] = c, e[45] = f, e[46] = d, e[47] = u, e[48] = p, e[49] = h, e[50] = m, e[51] = s, e[52] = i, e[53] = b) : b = e[53], b;
+};
+export {
+  be as Chart
+};

package/dist/color-B71xRiyK.js

@@ -0,0 +1,384 @@
+const e = {
+  red: {
+    Red1: "#fff1f0",
+    Red2: "#ffdbd8",
+    Red3: "#ffbbbc",
+    Red4: "#ff8587",
+    Red5: "#ff4d56",
+    Red6: "#f5222d",
+    Red7: "#d6231d",
+    Red8: "#b71d18",
+    Red9: "#7a0916",
+    Red10: "#5c0011"
+  },
+  lightGreen: {
+    LightGreen1: "#e3ffe2",
+    LightGreen2: "#d3fcd2",
+    LightGreen3: "#a4f6a2",
+    LightGreen4: "#77ed8b",
+    LightGreen5: "#32d970",
+    LightGreen6: "#1cc95c",
+    LightGreen7: "#10a564",
+    LightGreen8: "#118d57",
+    LightGreen9: "#065e49",
+    LightGreen10: "#04503e"
+  },
+  cyanBlue: {
+    CyanBlue1: "#e2fffa",
+    CyanBlue2: "#cafdf5",
+    CyanBlue3: "#9ff6f6",
+    CyanBlue4: "#61f3f3",
+    CyanBlue5: "#3bdff2",
+    CyanBlue6: "#00b8d9",
+    CyanBlue7: "#1c87b6",
+    CyanBlue8: "#006c9c",
+    CyanBlue9: "#003768",
+    CyanBlue10: "#00284c"
+  },
+  purple: {
+    Purple1: "#f9f0ff",
+    Purple2: "#efd6ff",
+    Purple3: "#d7a8ff",
+    Purple4: "#c684ff",
+    Purple5: "#a65dff",
+    Purple6: "#8e33ff",
+    Purple7: "#642ac1",
+    Purple8: "#5119b7",
+    Purple9: "#27097a",
+    Purple10: "#120338"
+  },
+  gold: {
+    Gold1: "#fffbe6",
+    Gold2: "#fff5cc",
+    Gold3: "#ffe99e",
+    Gold4: "#ffd666",
+    Gold5: "#ffc53d",
+    Gold6: "#ffab00",
+    Gold7: "#d48806",
+    Gold8: "#b76e00",
+    Gold9: "#7a4100",
+    Gold10: "#623501"
+  },
+  blue: {
+    Blue1: "#e6f7ff",
+    Blue2: "#cde9fd",
+    Blue3: "#a1d3f7",
+    Blue4: "#6bb1f8",
+    Blue5: "#3592f0",
+    Blue6: "#0c68e9",
+    Blue7: "#075bd1",
+    Blue8: "#063ba7",
+    Blue9: "#021d6f",
+    Blue10: "#001941"
+  },
+  grey: {
+    Grey1: "#fdfeff",
+    Grey2: "#f9fafb",
+    Grey3: "#f4f6f8",
+    Grey4: "#dfe3e8",
+    Grey5: "#c4cdd5",
+    Grey6: "#919eab",
+    Grey7: "#637381",
+    Grey8: "#454f5b",
+    Grey9: "#1c252e",
+    Grey10: "#141a21"
+  },
+  deepGreen: {
+    DeepGreen1: "#ebfff0",
+    DeepGreen2: "#c8fad6",
+    DeepGreen3: "#92f1ad",
+    DeepGreen4: "#5be49b",
+    DeepGreen5: "#14c489",
+    DeepGreen6: "#00a76f",
+    DeepGreen7: "#019362",
+    DeepGreen8: "#007867",
+    DeepGreen9: "#004b50",
+    DeepGreen10: "#00373b"
+  },
+  blackBlack: "#000000",
+  whiteWhite: "#ffffff"
+}, c = {
+  red: {
+    Lighter: e.red.Red2,
+    Light: e.red.Red4,
+    Main: e.red.Red6,
+    Dark: e.red.Red8,
+    Darker: e.red.Red10
+  },
+  lightGreen: {
+    Lighter: e.lightGreen.LightGreen2,
+    Light: e.lightGreen.LightGreen4,
+    Main: e.lightGreen.LightGreen6,
+    Dark: e.lightGreen.LightGreen8,
+    Darker: e.lightGreen.LightGreen10
+  },
+  cyanBlue: {
+    Lighter: e.cyanBlue.CyanBlue2,
+    Light: e.cyanBlue.CyanBlue4,
+    Main: e.cyanBlue.CyanBlue6,
+    Dark: e.cyanBlue.CyanBlue8,
+    Darker: e.cyanBlue.CyanBlue10
+  },
+  purple: {
+    Lighter: e.purple.Purple2,
+    Light: e.purple.Purple4,
+    Main: e.purple.Purple6,
+    Dark: e.purple.Purple8,
+    Darker: e.purple.Purple10
+  },
+  gold: {
+    Lighter: e.gold.Gold2,
+    Light: e.gold.Gold4,
+    Main: e.gold.Gold6,
+    Dark: e.gold.Gold8,
+    Darker: e.gold.Gold10
+  },
+  blue: {
+    Lighter: e.blue.Blue2,
+    Light: e.blue.Blue4,
+    Main: e.blue.Blue6,
+    Dark: e.blue.Blue8,
+    Darker: e.blue.Blue10
+  },
+  deepGreen: {
+    Lighter: e.deepGreen.DeepGreen2,
+    Light: e.deepGreen.DeepGreen4,
+    Main: e.deepGreen.DeepGreen6,
+    Dark: e.deepGreen.DeepGreen8,
+    Darker: e.deepGreen.DeepGreen10
+  },
+  whiteMain: e.whiteWhite,
+  blackMain: e.blackBlack
+}, r = {
+  red4: "#f5222d0a",
+  red8: "#f5222d14",
+  red12: "#f5222d1e",
+  red16: "#f5222d28",
+  red20: "#f5222d33",
+  red24: "#f5222d3d",
+  red32: "#f5222d51",
+  red40: "#f5222d66",
+  red48: "#f5222d7a",
+  lightGreen4: "#1cc95c0a",
+  lightGreen8: "#1cc95c14",
+  lightGreen12: "#1cc95c1e",
+  lightGreen16: "#1cc95c28",
+  lightGreen20: "#1cc95c33",
+  lightGreen24: "#1cc95c3d",
+  lightGreen32: "#1cc95c51",
+  lightGreen40: "#1cc95c66",
+  lightGreen48: "#1cc95c7a",
+  cyanBlue4: "#00b8d90a",
+  cyanBlue8: "#00b8d914",
+  cyanBlue12: "#00b8d91e",
+  cyanBlue16: "#00b8d928",
+  cyanBlue20: "#00b8d933",
+  cyanBlue24: "#00b8d93d",
+  cyanBlue32: "#00b8d951",
+  cyanBlue40: "#00b8d966",
+  cyanBlue48: "#00b8d97a",
+  purple4: "#8e33ff0a",
+  purple8: "#8e33ff14",
+  purple12: "#8e33ff1e",
+  purple16: "#8e33ff28",
+  purple20: "#8e33ff33",
+  purple24: "#8e33ff3d",
+  purple32: "#8e33ff51",
+  purple40: "#8e33ff66",
+  purple48: "#8e33ff7a",
+  gold4: "#ffab000a",
+  gold8: "#ffab0014",
+  gold12: "#ffab001e",
+  gold16: "#ffab0028",
+  gold20: "#ffab0033",
+  gold24: "#ffab003d",
+  gold32: "#ffab0051",
+  gold40: "#ffab0066",
+  gold48: "#ffab007a",
+  blue4: "#0c68e90a",
+  blue8: "#0c68e914",
+  blue12: "#0c68e91e",
+  blue16: "#0c68e928",
+  blue20: "#0c68e933",
+  blue24: "#0c68e93d",
+  blue32: "#0c68e951",
+  blue40: "#0c68e966",
+  blue48: "#0c68e97a",
+  grey4: "#919eab0a",
+  grey8: "#919eab14",
+  grey12: "#919eab1e",
+  grey16: "#919eab28",
+  grey20: "#919eab33",
+  grey24: "#919eab3d",
+  grey32: "#919eab51",
+  grey40: "#919eab66",
+  grey48: "#919eab7a",
+  grey56: "#919eab8e",
+  grey64: "#919eaba3",
+  grey72: "#919eabb7",
+  grey80: "#919eabcc",
+  black8: "#00000014",
+  black12: "#0000001e",
+  black16: "#00000028",
+  black20: "#00000033",
+  black24: "#0000003d",
+  black32: "#00000051",
+  black40: "#00000066",
+  black48: "#0000007a",
+  black56: "#0000008e",
+  black64: "#000000a3",
+  black72: "#000000b7",
+  black80: "#000000cc",
+  white8: "#ffffff14",
+  white12: "#ffffff1e",
+  white16: "#ffffff28",
+  white20: "#ffffff33",
+  white24: "#ffffff3d",
+  white32: "#ffffff51",
+  white40: "#ffffff66",
+  white48: "#ffffff7a",
+  white56: "#ffffff8e",
+  white64: "#ffffffa3",
+  white72: "#ffffffb7",
+  white80: "#ffffffcc",
+  deepGreen4: "#00a76f0a",
+  deepGreen8: "#00a76f14",
+  deepGreen12: "#00a76f1e",
+  deepGreen16: "#00a76f28",
+  deepGreen20: "#00a76f33",
+  deepGreen24: "#00a76f3d",
+  deepGreen32: "#00a76f51",
+  deepGreen40: "#00a76f66",
+  deepGreen48: "#00a76f7a",
+  primary4: "#00a76f0a",
+  primary8: "#00a76f14",
+  primary12: "#00a76f1e",
+  primary16: "#00a76f28",
+  primary20: "#00a76f33",
+  primary24: "#00a76f3d",
+  primary32: "#00a76f51",
+  primary40: "#00a76f66",
+  primary48: "#00a76f7a"
+}, o = {
+  light: {
+    textPrimary: e.grey.Grey9,
+    textSecondary: e.grey.Grey7,
+    textTertiary: e.grey.Grey6,
+    textDisabled: e.grey.Grey5,
+    backgroundDefault: e.whiteWhite,
+    backgroundPaper: e.whiteWhite,
+    backgroundSecond: r.grey8,
+    backgroundNeutral: e.grey.Grey2,
+    shadow8: r.grey8,
+    shadow12: r.grey12,
+    shadow20: r.grey20,
+    componentTextfieldFilled: r.grey8,
+    componentTextfieldUnderline: r.grey40,
+    componentTextfieldOutline: r.grey24,
+    actionHover: r.grey16,
+    actionDisabled: r.grey40,
+    actionDisabledBackground: r.grey16,
+    actionSelected: r.grey16,
+    actionFocus: r.grey48,
+    textError: e.red.Red6,
+    textSuccess: e.lightGreen.LightGreen6,
+    actionAction: e.grey.Grey6,
+    textWarning: e.gold.Gold6,
+    textContrast: e.whiteWhite,
+    inheritColor: e.whiteWhite,
+    inheritBgcolor: e.grey.Grey9,
+    inheritHover: e.grey.Grey8,
+    swapDarkLightRed: e.red.Red8,
+    swapDarkLightLightGreen: e.lightGreen.LightGreen8,
+    swapDarkLightDeepGreen: e.deepGreen.DeepGreen8,
+    swapDarkLightCyanBlue: e.cyanBlue.CyanBlue8,
+    swapDarkLightPurple: e.purple.Purple8,
+    swapDarkLightGold: e.gold.Gold8,
+    swapDarkLightBlue: e.blue.Blue8,
+    swapDarkLightPrimary: e.deepGreen.DeepGreen8
+  },
+  dark: {
+    textPrimary: e.whiteWhite,
+    textSecondary: e.grey.Grey5,
+    textTertiary: e.grey.Grey6,
+    textDisabled: e.grey.Grey7,
+    backgroundDefault: e.grey.Grey10,
+    backgroundPaper: e.grey.Grey9,
+    backgroundSecond: e.grey.Grey8,
+    backgroundNeutral: r.grey12,
+    shadow8: r.black8,
+    shadow12: r.black12,
+    shadow20: r.black20,
+    componentTextfieldFilled: r.grey8,
+    componentTextfieldUnderline: r.grey40,
+    componentTextfieldOutline: r.grey24,
+    actionHover: r.grey16,
+    actionDisabled: r.grey40,
+    actionDisabledBackground: r.grey20,
+    actionSelected: r.grey16,
+    actionFocus: r.grey8,
+    textError: e.red.Red6,
+    textSuccess: e.lightGreen.LightGreen6,
+    actionAction: e.grey.Grey5,
+    textWarning: e.gold.Gold6,
+    textContrast: e.blackBlack,
+    inheritColor: e.grey.Grey9,
+    inheritBgcolor: e.whiteWhite,
+    inheritHover: e.grey.Grey5,
+    swapDarkLightRed: e.red.Red4,
+    swapDarkLightLightGreen: e.lightGreen.LightGreen4,
+    swapDarkLightDeepGreen: e.deepGreen.DeepGreen4,
+    swapDarkLightCyanBlue: e.cyanBlue.CyanBlue4,
+    swapDarkLightPurple: e.purple.Purple4,
+    swapDarkLightGold: e.gold.Gold4,
+    swapDarkLightBlue: e.blue.Blue4,
+    swapDarkLightPrimary: e.deepGreen.DeepGreen4
+  },
+  primary: {
+    pLighter: c.deepGreen.Lighter,
+    pLight: c.deepGreen.Light,
+    pMain: c.deepGreen.Main,
+    pDark: c.deepGreen.Dark,
+    pDarker: c.deepGreen.Darker,
+    p4: r.deepGreen4,
+    p8: r.deepGreen8,
+    p12: r.deepGreen12,
+    p16: r.deepGreen16,
+    p20: r.deepGreen20,
+    p24: r.deepGreen24,
+    p32: r.deepGreen32,
+    p40: r.deepGreen40,
+    p48: r.deepGreen48,
+    pContrastText: c.whiteMain
+  }
+}, g = (a) => {
+  const l = Object.keys(a), i = (d, f) => Object.keys(d).reduce((n, p) => {
+    const t = d[p];
+    return typeof t == "object" ? n.concat(i(t, `${f}${p}`)) : n.concat(`--${f}${p}: ${t};
+`);
+  }, "");
+  return l.reduce((d, f) => {
+    const n = a[f];
+    return typeof n == "object" ? d.concat(i(n, f)) : d.concat(`--${f.replace(/_/g, "-")}: ${n};
+`);
+  }, "");
+};
+g(o.light), g(o.dark), g(o.primary), g(e), g(c), g(r);
+const G = (a) => `var(--${a.replace(/_/g, "-")})`, u = (a, l) => `var(--${a}${l.replace(/_/g, "-")})`, y = (a, l) => `${a.replace(/_/g, "-")}, ${l})`.replace(/(\))(\\,)/, "$2").replace(/(\d.)/g, "-$1"), h = Object.keys(o.light);
+h.reduce((a, l) => {
+  const i = o.light[l];
+  if (typeof i != "string") {
+    const d = Object.keys(i).reduce((f, n) => {
+      const p = i[n];
+      return f[n] = Array.isArray(p) ? y(u(l, n.replace(/_/g, "-").replace(/^[a-z]/, (t) => `-${t}`).replace(/([A-Z])/g, (t) => `-${t.toLocaleLowerCase()}`).replace(/(\d.)/g, "-$1")), p[1]) : u(l, n.replace(/_/g, "-").replace(/^[a-z]/, (t) => `-${t}`).replace(/([A-Z])/g, (t) => `-${t.toLocaleLowerCase()}`).replace(/(\d.)/g, "-$1")), f;
+    }, {});
+    return a[l] = d, a;
+  }
+  return a[l] = G(l), a;
+}, {});
+export {
+  e as B,
+  c as S,
+  r as T,
+  o as c
+};