@weing-dev/ui-kit-primitive 0.4.5 → 0.5.0

package/dist/navigation.js

@@ -1,8 +1,9 @@
 import { c as L, j as h } from "./compiler-runtime-BFrE5JtX.js";
 import p from "react";
 import { c as W } from "./bind-D3ZJ5k4I.js";
-import { a as w } from "./Icon-DExqF865.js";
-import { c as C, T } from "./color-B71xRiyK.js";
+import { a as w } from "./Icon-DEdvzMs-.js";
+import { c as C } from "./color-qJrSCDan.js";
+import { T } from "./baseColor-DYa5_IOB.js";
 const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15", ut = "_contained_hr4h9_20", mt = "_outlined_hr4h9_24", _t = "_adaptived_hr4h9_27", ft = "_open_hr4h9_31", ht = "_bottomLined_hr4h9_34", bt = "_sideLined_hr4h9_43", gt = "_shadow_hr4h9_52", xt = "_disabled_hr4h9_57", vt = "_unset_hr4h9_69", Ct = "_Trigger_hr4h9_77", pt = "_TriggerIcon_hr4h9_91", $t = "_Item_hr4h9_112", yt = {
   Unset: it,
   Root: at,
@@ -39,7 +40,7 @@ const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15",
   const t = L.c(13), {
     children: l,
     className: r
-  } = o, e = p.useRef(null), s = p.useContext(Z), {
+  } = o, e = p.useRef(null), s = p.use(Z), {
     open: n,
     disabled: a,
     transition: i,
@@ -49,7 +50,7 @@ const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15",
   t[0] !== c || t[1] !== n || t[2] !== i ? (u = () => {
     if (!e.current || !i)
       return;
-    const f = window.getComputedStyle(e.current).paddingBottom, v = `${Array.from(e.current.childNodes).reduce(It, +f.split("px")[0])}`, x = {
+    const f = window.getComputedStyle(e.current).paddingBottom, v = `${Array.from(e.current.childNodes).reduce(Pt, +f.split("px")[0])}`, x = {
       duration: typeof i == "boolean" ? 250 : (i == null ? void 0 : i.duration) ?? 250,
       easing: typeof i == "boolean" ? "ease-in-out" : (i == null ? void 0 : i.timingFC) ?? "ease-in-out"
     }, $ = (...y) => {
@@ -104,7 +105,7 @@ const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15",
     onClick: c,
     onChange: u,
     "#triggerRef": d
-  } = p.useContext(Z);
+  } = p.use(Z);
   let _;
   t[0] !== a || t[1] !== s || t[2] !== u || t[3] !== c || t[4] !== n ? (_ = {
     hidden: !0,
@@ -147,7 +148,7 @@ const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15",
   } = o, u = s === void 0 ? "contained" : s, d = n === void 0 ? !1 : n, _ = a === void 0 ? !0 : a, m = i === void 0 ? !0 : i, [b, g] = p.useState(!1), [f, v] = p.useState(!1), x = p.useId(), $ = p.useRef(null), y = p.useRef(null);
   let k;
   t[0] !== d || t[1] !== f || t[2] !== c || t[3] !== e ? (k = () => {
-    d || (e === void 0 && (g == null || g(Pt)), f || v == null || v(!0), c == null || c());
+    d || (e === void 0 && (g == null || g(It)), f || v == null || v(!0), c == null || c());
   }, t[0] = d, t[1] = f, t[2] = c, t[3] = e, t[4] = k) : k = t[4];
   const S = k, j = e ?? b, N = o.id ?? x;
   let R;
@@ -175,34 +176,34 @@ const it = "_Unset_hr4h9_2", at = "_Root_hr4h9_6", dt = "_transition_hr4h9_15",
       };
   }, M = [d, j, _, O], t[12] = _, t[13] = j, t[14] = d, t[15] = z, t[16] = M) : (z = t[15], M = t[16]), p.useEffect(z, M);
   const G = u === "unset" ? "Unset" : "Root", U = !!m;
-  let I;
-  t[17] !== r || t[18] !== j || t[19] !== d || t[20] !== G || t[21] !== U || t[22] !== u ? (I = J(G, r, u, {
+  let P;
+  t[17] !== r || t[18] !== j || t[19] !== d || t[20] !== G || t[21] !== U || t[22] !== u ? (P = J(G, r, u, {
     open: j,
     transition: U,
     disabled: d
-  }), t[17] = r, t[18] = j, t[19] = d, t[20] = G, t[21] = U, t[22] = u, t[23] = I) : I = t[23];
+  }), t[17] = r, t[18] = j, t[19] = d, t[20] = G, t[21] = U, t[22] = u, t[23] = P) : P = t[23];
   let D;
   t[24] !== m ? (D = typeof m != "boolean" && {
     transitionDuration: `${+((m == null ? void 0 : m.duration) ?? 250) / 1e3}s`,
     transitionTimingFunction: (m == null ? void 0 : m.timingFC) ?? "ease-in-out"
   }, t[24] = m, t[25] = D) : D = t[25];
-  let P;
-  t[26] !== D ? (P = {
+  let I;
+  t[26] !== D ? (I = {
     ...D
-  }, t[26] = D, t[27] = P) : P = t[27];
+  }, t[26] = D, t[27] = I) : I = t[27];
   let A;
-  t[28] !== l || t[29] !== I || t[30] !== P ? (A = /* @__PURE__ */ h.jsx("div", { ref: $, className: I, style: P, children: l }), t[28] = l, t[29] = I, t[30] = P, t[31] = A) : A = t[31];
+  t[28] !== l || t[29] !== P || t[30] !== I ? (A = /* @__PURE__ */ h.jsx("div", { ref: $, className: P, style: I, children: l }), t[28] = l, t[29] = P, t[30] = I, t[31] = A) : A = t[31];
   let V;
   return t[32] !== F || t[33] !== A ? (V = /* @__PURE__ */ h.jsx(kt, { ...F, children: A }), t[32] = F, t[33] = A, t[34] = V) : V = t[34], V;
-}, xo = {
+}, vo = {
   Root: jt,
   Trigger: St,
   Item: Lt
 };
-function It(o, t) {
+function Pt(o, t) {
   return o + t.scrollHeight;
 }
-function Pt(o) {
+function It(o) {
   return !o;
 }
 const Tt = "_List_oqxbn_2", Nt = "_Link_oqxbn_7", Dt = "_href_oqxbn_12", wt = "_focused_oqxbn_15", Rt = "_Separator_oqxbn_18", Bt = "_Ellipsis_oqxbn_21", zt = {
@@ -277,7 +278,7 @@ const Tt = "_List_oqxbn_2", Nt = "_Link_oqxbn_7", Dt = "_href_oqxbn_12", wt = "_
   t[3] !== r ? (a = X("List", r), t[3] = r, t[4] = a) : a = t[4];
   let i;
   return t[5] !== n || t[6] !== a ? (i = /* @__PURE__ */ h.jsx("div", { className: a, children: n }), t[5] = n, t[6] = a, t[7] = i) : i = t[7], i;
-}, vo = {
+}, Co = {
   List: Et,
   Link: qt,
   Separator: At,
@@ -294,7 +295,7 @@ const Tt = "_List_oqxbn_2", Nt = "_Link_oqxbn_7", Dt = "_href_oqxbn_12", wt = "_
   text: Vt,
   contentsHeader: Jt,
   Label: Kt
-}, q = W.bind(Qt), Co = (o) => {
+}, q = W.bind(Qt), po = (o) => {
   const t = L.c(27);
   let l, r, e, s, n, a, i, c, u, d;
   if (t[0] !== o) {
@@ -513,7 +514,7 @@ const Tt = "_List_oqxbn_2", Nt = "_Link_oqxbn_7", Dt = "_href_oqxbn_12", wt = "_
   t[1] !== r ? (n = E("Wrapper", r), t[1] = r, t[2] = n) : n = t[2];
   let a;
   return t[3] !== l || t[4] !== n ? (a = /* @__PURE__ */ h.jsx(me, { value: s, children: /* @__PURE__ */ h.jsx("div", { className: n, children: l }) }), t[3] = l, t[4] = n, t[5] = a) : a = t[5], a;
-}, po = {
+}, $o = {
   Logo: fe,
   List: be,
   Item: he,
@@ -544,7 +545,7 @@ function ve({
     };
   });
 }
-const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye = "_PageItem_hmncd_14", ke = "_square_hmncd_39", Le = "_round_hmncd_42", Se = "_active_hmncd_45", je = "_disabled_hmncd_62", Ie = "_Icon_hmncd_65", Pe = {
+const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye = "_PageItem_hmncd_14", ke = "_square_hmncd_39", Le = "_round_hmncd_42", Se = "_active_hmncd_45", je = "_disabled_hmncd_62", Pe = "_Icon_hmncd_65", Ie = {
   Root: Ce,
   medium: pe,
   small: $e,
@@ -553,7 +554,7 @@ const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye =
   round: Le,
   active: Se,
   disabled: je,
-  Icon: Ie
+  Icon: Pe
 }, Te = {
   colorType: "primary",
   variant: "soft",
@@ -639,7 +640,7 @@ const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye =
     selected: o,
     unselected: t
   };
-}, K = W.bind(Pe), De = () => {
+}, K = W.bind(Ie), De = () => {
   const o = L.c(15), {
     size: t,
     onClick: l,
@@ -661,7 +662,7 @@ const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye =
   o[5] !== c || o[6] !== t ? (_ = K("Icon", t, {
     disabled: c
   }), o[5] = c, o[6] = t, o[7] = _) : _ = o[7];
-  const m = t === "medium" ? 24 : 20, b = c ? "#C4CDD5" : "#1C252E";
+  const m = t === "medium" ? 24 : 20, b = c ? "var(--textDisabled, #C4CDD5)" : "var(--textPrimary, #1C252E)";
   let g;
   o[8] !== m || o[9] !== b ? (g = /* @__PURE__ */ h.jsx(w, { name: "GoNext", size: m, color: b }), o[8] = m, o[9] = b, o[10] = g) : g = o[10];
   let f;
@@ -688,7 +689,7 @@ const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye =
   o[5] !== c || o[6] !== t ? (_ = K("Icon", t, {
     disabled: c
   }), o[5] = c, o[6] = t, o[7] = _) : _ = o[7];
-  const m = t === "medium" ? 24 : 20, b = c ? "#C4CDD5" : "#1C252E";
+  const m = t === "medium" ? 24 : 20, b = c ? "var(--textDisabled, #C4CDD5)" : "var(--textPrimary, #1C252E)";
   let g;
   o[8] !== m || o[9] !== b ? (g = /* @__PURE__ */ h.jsx(w, { name: "GoBefore", size: m, color: b }), o[8] = m, o[9] = b, o[10] = g) : g = o[10];
   let f;
@@ -797,7 +798,7 @@ const Ce = "_Root_hmncd_2", pe = "_medium_hmncd_8", $e = "_small_hmncd_11", ye =
   t[14] !== c || t[15] !== $ ? (y = /* @__PURE__ */ h.jsx("nav", { className: $, children: c }), t[14] = c, t[15] = $, t[16] = y) : y = t[16];
   let k;
   return t[17] !== x || t[18] !== y ? (k = /* @__PURE__ */ h.jsx(Y, { value: x, children: y }), t[17] = x, t[18] = y, t[19] = k) : k = t[19], k;
-}, $o = {
+}, yo = {
   Next: De,
   Prev: we,
   PageItem: nt,
@@ -822,10 +823,10 @@ function ze(o, t, l) {
       t.forEach((f) => {
         if (!f)
           return;
-        const v = f, x = v.getBoundingClientRect(), $ = x.left + x.width / 2, y = x.top + x.height / 2, k = Math.abs(b - $), S = Math.abs(g - y), j = k / (m.width / 2), N = S / (m.height / 2), R = Math.max(x.left, m.left), F = Math.min(x.right, m.left + m.width), B = Math.max(x.top, m.top), O = Math.min(x.bottom, m.top + m.height), z = Math.max(0, F - R), M = Math.max(0, O - B), G = z * M, U = x.width * x.height, I = G / U, D = 1 - Math.min(1, (j + N) / 2), P = I * (1 + D);
-        P > _.score && I > 0.1 && (_ = {
+        const v = f, x = v.getBoundingClientRect(), $ = x.left + x.width / 2, y = x.top + x.height / 2, k = Math.abs(b - $), S = Math.abs(g - y), j = k / (m.width / 2), N = S / (m.height / 2), R = Math.max(x.left, m.left), F = Math.min(x.right, m.left + m.width), B = Math.max(x.top, m.top), O = Math.min(x.bottom, m.top + m.height), z = Math.max(0, F - R), M = Math.max(0, O - B), G = z * M, U = x.width * x.height, P = G / U, D = 1 - Math.min(1, (j + N) / 2), I = P * (1 + D);
+        I > _.score && P > 0.1 && (_ = {
           id: v.id,
-          score: P
+          score: I
         });
       }), _.score > 0 && s(_.id);
     }, u = setTimeout(c, 100), d = setInterval(c, 500);
@@ -843,7 +844,7 @@ function ze(o, t, l) {
   }
   return e;
 }
-const yo = {
+const ko = {
   useScrollSpy: ze
 }, st = {
   align: "center",
@@ -896,7 +897,7 @@ const yo = {
     index: s
   } = o, {
     active: n
-  } = p.useContext(Q);
+  } = p.use(Q);
   let a;
   t[0] !== e || t[1] !== s ? (a = e ?? s.toString(), t[0] = e, t[1] = s, t[2] = a) : a = t[2];
   const c = n === a;
@@ -924,7 +925,7 @@ const yo = {
     align: s,
     isFitted: n,
     size: a
-  } = p.useContext(Q);
+  } = p.use(Q);
   let i;
   t[0] !== s || t[1] !== l || t[2] !== e || t[3] !== n || t[4] !== a || t[5] !== r ? (i = H("List", e, s, r, l, a, {
     fitted: n
@@ -945,7 +946,7 @@ const yo = {
     size: u,
     active: d,
     isFitted: _
-  } = p.useContext(Q);
+  } = p.use(Q);
   let m;
   t[0] !== e || t[1] !== s ? (m = e ?? s.toString(), t[0] = e, t[1] = s, t[2] = m) : m = t[2];
   const g = d === m, f = a ?? g;
@@ -977,7 +978,7 @@ const yo = {
   t[3] !== l || t[4] !== s ? (n = /* @__PURE__ */ h.jsx("div", { className: s, children: l }), t[3] = l, t[4] = s, t[5] = n) : n = t[5];
   let a;
   return t[6] !== o || t[7] !== n ? (a = /* @__PURE__ */ h.jsx(Me, { ...o, children: n }), t[6] = o, t[7] = n, t[8] = a) : a = t[8], a;
-}, ko = {
+}, Lo = {
   Root: mo,
   List: ao,
   Item: uo,
@@ -985,12 +986,12 @@ const yo = {
   Panels: io
 };
 export {
-  xo as Accordion,
-  vo as Breadcrumb,
-  po as LNB,
-  Co as List,
-  $o as Pagination,
-  yo as ScrollSpy,
-  ko as Tab,
+  vo as Accordion,
+  Co as Breadcrumb,
+  $o as LNB,
+  po as List,
+  yo as Pagination,
+  ko as ScrollSpy,
+  Lo as Tab,
   ve as makeNavigation
 };

package/dist/styles/color.d.ts

@@ -35,6 +35,21 @@ export declare const colorThemes: {
         swapDarkLightGold: "#b76e00";
         swapDarkLightBlue: "#063ba7";
         swapDarkLightPrimary: "#007867";
+        chartCategorical: {
+            "0": "#00a76f";
+            "1": "#0c68e9";
+            "2": "#ffab00";
+            "3": "#8e33ff";
+            "4": "#00b8d9";
+            "5": "#f5222d";
+            "6": "#1cc95c";
+            "7": "#919eab";
+        };
+        chartGrid: string;
+        chartAxis: "#919eab";
+        chartLabel: "#637381";
+        chartTooltipBg: "#1c252e";
+        chartTooltipText: "#ffffff";
     };
     dark: {
         textPrimary: "#ffffff";
@@ -72,6 +87,21 @@ export declare const colorThemes: {
         swapDarkLightGold: "#ffd666";
         swapDarkLightBlue: "#6bb1f8";
         swapDarkLightPrimary: "#5be49b";
+        chartCategorical: {
+            "0": "#5be49b";
+            "1": "#6bb1f8";
+            "2": "#ffd666";
+            "3": "#c684ff";
+            "4": "#61f3f3";
+            "5": "#ff8587";
+            "6": "#77ed8b";
+            "7": "#c4cdd5";
+        };
+        chartGrid: string;
+        chartAxis: "#919eab";
+        chartLabel: "#c4cdd5";
+        chartTooltipBg: "#f9fafb";
+        chartTooltipText: "#1c252e";
     };
     primary: {
         pLighter: "#c8fad6";