aristid-ds 15.1.0 → 15.2.0-efdeb96

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [X.Y.Z](https://www.npmjs.com/package/aristid-ds/v/X.Y.Z) (2026-MM-DD)
+
+### 🐛 Bug Fixes
+
+-   **IdCard:**
+    -   Fix avatar color from `avatarProps` being overwritten when `color` prop is not set on IdCard (@philippechevieux)
+
+## [15.2.0](https://www.npmjs.com/package/aristid-ds/v/15.2.0) (2026-0226)
+
+### ✨ Features
+
+-   **Locales:**
+    -   Add `portuguese` locale (@evoiron)
+    -   Update locale context to simplify the process of adding a locale (@evoiron)
+
+### 🐛 Bug Fixes
+
+-   **Tabs:**
+    -   Fix alignment issue causing Pill Tabs not to be centered within their parent element (@YanDevDz)
+
 ## [15.1.0](https://www.npmjs.com/package/aristid-ds/v/15.1.0) (2026-02-24)
 
 ### ✨ Features

package/README.md

@@ -22,6 +22,7 @@ ARiSTiD Design System Readme.
         -   [Component code](#component-code)
     -   [Component theming](#component-theming)
         -   [Component documentation](#component-documentation)
+    -   [Adding a locale](#add-a-locale)
 -   [Nightly build](#nightly-build)
 -   [Important](#important)
 -   [Contributing](#contributing)
@@ -456,6 +457,19 @@ Every components **style** of the design system can be **override** by tokens.
 
     After the script run, section `Design Tokens` documentation is up to date with all design tokens.
 
+#### Add a new locale
+
+1. **create a new directory for the new locale in `src/translation`**
+
+    You can duplicate src/translations/enUS and name it according to the locale code you're adding (ptPT for ortuguese, enUS for english, etc.). Then update your tranlsations in each fileinside his new directory.
+
+2. **Add the locale code to the list of known languages**
+
+    - Edit the file `src/translation/utils/localesByLang.ts`, and your locale datas. import the translations from `antd` and the translations from the directory you created in previous step. Then Update `localesByLang` and `antdLocalesByLang` objects . Be careful of the naming, it must match the locale. Refer to the existing locales in this file.
+    - Edit `src/translation/types/index.d.ts`, and add your locale code to `LanguageSupported``
+
+    That's it. The locale is now available. It is also available in th locale selector in storybook.
+
 ## Nightly build
 
 A nightly version of the package is published on daily basis on branch develop (assuming new commits have been pushed on develop branch). To use it just install the more recent next version :

package/dist/Kit/App/index.js

@@ -1,66 +1,60 @@
-import { jsx as n, jsxs as f, Fragment as h } from "react/jsx-runtime";
-import { useState as u, useLayoutEffect as L, useRef as S, useEffect as C } from "react";
-import { ConfigProvider as P } from "antd";
-import { K as b } from "../../chunks/SnackBarProvider.D44OffUd.js";
-import { toCssVariables as g, uuid as y } from "../../utils/functions/index.js";
-import a from "lodash/merge";
-import { Style as m } from "react-style-tag";
-import { K as E } from "../../chunks/useKitTheme.BdeSOGoj.js";
-import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
-import { frFR as d } from "../../translation/fr-FR/index.js";
-import { enUS as $ } from "../../translation/en-US/index.js";
-import { K as j, u as k } from "../../chunks/useKitLocale.C5F-tmnC.js";
-import { mapKitLocaleToAntdLocale as x } from "../../translation/utils/index.js";
-import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
-import '../../assets/index28.css';const A = "aristid-ds-global", F = (t, e) => {
-  const o = g(t);
+import { jsx as a, jsxs as g, Fragment as h } from "react/jsx-runtime";
+import { useState as K, useLayoutEffect as S, useRef as b, useEffect as y } from "react";
+import { ConfigProvider as C } from "antd";
+import { K as P } from "../../chunks/SnackBarProvider.D44OffUd.js";
+import { toCssVariables as L, uuid as T } from "../../utils/functions/index.js";
+import p from "lodash/merge";
+import { Style as u } from "react-style-tag";
+import { K as $ } from "../../chunks/useKitTheme.C7yw6CDw.js";
+import { KitAristidThemeGeneral as c } from "../../theme/aristid/general/index.js";
+import { antdThemeConfig as j } from "../../theme/utils/tokens-mapper/index.js";
+import { K as k, u as E } from "../../chunks/useKitLocale.DD7mnAZn.js";
+import { l as m, f, m as x } from "../../chunks/index.CKC2Gl0d.js";
+import { KitEmpty as v } from "../DataDisplay/Empty/index.js";
+import '../../assets/index28.css';const A = "aristid-ds-global", I = (o, e) => {
+  const r = L(o);
   return `
         .${e} {
-            ${Object.keys(o).map((r) => `${r}: ${o[r]}`).join(";")}
+            ${Object.keys(r).map((t) => `${t}: ${r[t]}`).join(";")}
         }
     `;
-}, I = ({ children: t, customTheme: e, id: o }) => {
-  const [r, i] = u(null), { theme: v, appId: c, spacing: K } = R(o, e);
-  return L(() => {
-    const s = g(l, "--general");
-    i(s);
-  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: A, hasSourceMap: !1, children: `
+}, _ = ({ children: o, customTheme: e, id: r }) => {
+  const [t, i] = K(null), { theme: n, appId: s, spacing: d } = B(r, e);
+  return S(() => {
+    const l = L(c, "--general");
+    i(l);
+  }, []), a($.Provider, { value: { theme: n, appId: s, spacing: d }, children: t !== null && g(h, { children: [a(u, { id: A, hasSourceMap: !1, children: `
                             :root {
-                                ${Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";")}
+                                ${Object.keys(t).map((l) => `${l}: ${t[l]}`).join(";")}
                             }
-                        ` }), e && n(m, { hasSourceMap: !1, children: F(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
-}, R = (t, e) => {
-  var o;
-  const r = S(t || "ds-" + y().substring(0, 8)), i = a(l.spacing, (o = e?.general) === null || o === void 0 ? void 0 : o.spacing);
+                        ` }), e && a(u, { hasSourceMap: !1, children: I(p({ general: { utilities: c.utilities } }, e), s) }), o] }) });
+}, B = (o, e) => {
+  var r;
+  const t = b(o || "ds-" + T().substring(0, 8)), i = p(c.spacing, (r = e?.general) === null || r === void 0 ? void 0 : r.spacing);
   return {
-    theme: l,
-    appId: r.current,
+    theme: c,
+    appId: t.current,
     spacing: i
   };
-}, _ = ({ children: t }) => {
-  const e = M();
-  return n(j.Provider, { value: e, children: t });
-}, M = () => {
-  const [t, e] = u(d);
-  return { locale: t, setKitLocale: (r) => {
-    if (r.locale === "frFR") {
-      const i = a(d, r);
-      e(i);
-    } else {
-      const i = a($, r);
-      e(i);
-    }
+}, D = ({ children: o }) => {
+  const e = F();
+  return a(k.Provider, { value: e, children: o });
+}, F = () => {
+  const [o, e] = K(m.frFR);
+  return { locale: o, setKitLocale: (t) => {
+    var i, n;
+    const s = (n = m[(i = t.locale) !== null && i !== void 0 ? i : f]) !== null && n !== void 0 ? n : m[f], d = p(s, t);
+    e(d);
   } };
-}, Z = ({ children: t, locale: e, customTheme: o, id: r }) => n(I, { customTheme: o, id: r, children: n(_, { children: n(O, { locale: e, children: t }) }) }), O = ({ children: t, locale: e }) => {
-  const { locale: o, setKitLocale: r } = k();
-  return C(() => {
-    e !== void 0 && r(e);
-  }, [e, r]), f(P, { theme: T, locale: x(e), renderEmpty: () => {
+}, X = ({ children: o, locale: e, customTheme: r, id: t }) => a(_, { customTheme: r, id: t, children: a(D, { children: a(M, { locale: e, children: o }) }) }), M = ({ children: o, locale: e }) => {
+  const { locale: r, setKitLocale: t } = E();
+  return y(() => {
+    e !== void 0 && t(e);
+  }, [e, t]), g(C, { theme: j, locale: x(e), renderEmpty: () => {
     var i;
-    return n(p, { className: "default-render", image: p.ASSET_LIST, description: (i = o.Empty) === null || i === void 0 ? void 0 : i.noData });
-  }, children: [n(b, {}), t] });
+    return a(v, { className: "default-render", image: v.ASSET_LIST, description: (i = r.Empty) === null || i === void 0 ? void 0 : i.noData });
+  }, children: [a(P, {}), o] });
 };
 export {
-  Z as KitApp
+  X as KitApp
 };

package/dist/Kit/DataDisplay/Avatar/index.js

@@ -1,7 +1,7 @@
-import { s as t, K as u } from "../../../chunks/Avatar.B2Q0k3WU.js";
+import { s as t, K as u } from "../../../chunks/Avatar.D0il2_w4.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Avatar as d } from "antd";
-import { u as c } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as c } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import K from "classnames";
 const f = ({ className: a, disabled: s, max: o, ...v }) => {
   var r;

package/dist/Kit/DataDisplay/Badge/index.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as p, useMemo as d } from "react";
 import { Badge as u } from "antd";
-import { u as n } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as n } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { isValidColor as c, getLighterColor as k, getColor as b } from "../../../utils/functions/index.js";
 import { kitBadgeCssTokens as s } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
 import B from "classnames";

package/dist/Kit/DataDisplay/Collapse/index.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { cloneElement as C, useState as y } from "react";
 import { Collapse as E } from "antd";
-import { u as H } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as H } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
 import { faChevronDown as _, faEye as T, faEllipsisVertical as A } from "@fortawesome/free-solid-svg-icons";
 import D from "classnames";
@@ -12,7 +12,7 @@ import { KitSwitch as S } from "../../DataEntry/Switch/index.js";
 import { KitTooltip as h } from "../Tooltip/index.js";
 import { KitButton as v } from "../../General/Button/index.js";
 import { KitDropDown as b } from "../../Navigation/DropDown/index.js";
-import { u as z } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as z } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import '../../../assets/index37.css';const u = {
   "kit-collapse": "_kit-collapse_djtan_2",
   "kit-collapse-header": "_kit-collapse-header_djtan_78",

package/dist/Kit/DataDisplay/Comment/index.js

@@ -1,4 +1,4 @@
-import { K as e, a as m } from "../../../chunks/Thread.DHhk0Z5U.js";
+import { K as e, a as m } from "../../../chunks/Thread.D5B5-g9M.js";
 export {
   e as KitComment,
   m as KitThread

package/dist/Kit/DataDisplay/Empty/index.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
-import { u as m } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as m } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTypography as C } from "../../General/Typography/index.js";
 import { KitSpace as u } from "../../Layout/Space/index.js";
 import x from "classnames";

package/dist/Kit/DataDisplay/Error/index.js

@@ -1,8 +1,8 @@
 import { jsxs as t, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";
-import { u as w } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { u as p } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as w } from "../../../chunks/useKitLocale.DD7mnAZn.js";
+import { u as p } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTypography as M } from "../../General/Typography/index.js";
 import { KitSpace as g } from "../../Layout/Space/index.js";
 import f from "classnames";

package/dist/Kit/DataDisplay/IdCard/index.js

@@ -1,19 +1,19 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import l from "classnames";
-import { t as v } from "../../../chunks/styles.module.BiErj37W.js";
-import { u as z } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { K as N } from "../../../chunks/Avatar.B2Q0k3WU.js";
-import { KitTooltip as h } from "../Tooltip/index.js";
-import { T as u } from "../../../chunks/constants.CctH0M4n.js";
-import '../../../assets/index2.css';const _ = {
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import p from "classnames";
+import { t as z } from "../../../chunks/styles.module.BiErj37W.js";
+import { u as N } from "../../../chunks/useKitTheme.C7yw6CDw.js";
+import { K as _ } from "../../../chunks/Avatar.D0il2_w4.js";
+import { KitTooltip as u } from "../Tooltip/index.js";
+import { T as g } from "../../../chunks/constants.CctH0M4n.js";
+import '../../../assets/index2.css';const E = {
   "kit-id-card": "_kit-id-card_1m63u_2"
-}, g = [
-  v["kit-typography-text"],
+}, f = [
+  z["kit-typography-text"],
   "ant-typography",
   "ant-typography-text",
   "ant-typography-ellipsis",
   "ant-typography-ellipsis-single-line"
-], E = (t) => {
+], K = (t) => {
   switch (t) {
     case "xl":
       return "kit-typography-fontSize5";
@@ -22,7 +22,7 @@ import '../../../assets/index2.css';const _ = {
     default:
       return "kit-typography-fontSize7";
   }
-}, K = (t) => {
+}, C = (t) => {
   switch (t) {
     case "xl":
       return "kit-typography-fontSize1";
@@ -37,7 +37,7 @@ import '../../../assets/index2.css';const _ = {
     case "xxs-medium":
       return "kit-typography-fontSize5";
   }
-}, C = (t) => {
+}, I = (t) => {
   switch (t) {
     case "xl":
     case "l":
@@ -50,22 +50,23 @@ import '../../../assets/index2.css';const _ = {
     default:
       return "m";
   }
-}, I = (t, e, r, i) => {
-  const a = l("kit-id-card-title", ...g, K(e), {
+}, A = (t, e, r, s) => {
+  const o = p("kit-id-card-title", ...f, C(e), {
     "ant-typography-bold": e !== "xs-medium",
     "ant-typography-disabled": r
   });
-  return s("span", { className: a, children: s(h, { title: i ? "" : t, mouseEnterDelay: u, children: s("span", { children: t }) }) });
-}, A = (t, e, r, i) => {
-  const a = l("kit-id-card-description", ...g, "ant-typography-regular", E(e), {
+  return i("span", { className: o, children: i(u, { title: s ? "" : t, mouseEnterDelay: g, children: i("span", { children: t }) }) });
+}, b = (t, e, r, s) => {
+  const o = p("kit-id-card-description", ...f, "ant-typography-regular", K(e), {
     "ant-typography-disabled": r
   });
-  return s("span", { className: a, children: s(h, { title: i ? "" : t, mouseEnterDelay: u, children: s("span", { children: t }) }) });
-}, b = ({ className: t, title: e, description: r, avatarProps: i, avatar: a, color: o, size: n = "xs-bold", disabled: c = !1, disableTooltip: p = !1, ...f }) => {
-  const { appId: x } = z(), k = l(x, _["kit-id-card"], t), S = i !== void 0 || a !== void 0, d = e !== void 0, D = o !== void 0, y = r !== void 0, T = d || y;
-  return m("div", { className: `${k} id-card-grid`, ...f, children: [D && s("div", { className: "card-color", style: { backgroundColor: o } }), S && s("div", { className: "card-avatar", children: a ?? s(N, { size: C(n), ...i, color: o, disabled: c }) }), T && m("div", { className: "card-info", children: [d && typeof e == "string" ? I(e, n, c, p) : e, y && typeof r == "string" ? A(r, n, c, p) : r] })] });
+  return i("span", { className: o, children: i(u, { title: s ? "" : t, mouseEnterDelay: g, children: i("span", { children: t }) }) });
+}, w = ({ className: t, title: e, description: r, avatarProps: s, avatar: o, color: a, size: n = "xs-bold", disabled: l = !1, disableTooltip: d = !1, ...x }) => {
+  var c;
+  const { appId: k } = N(), S = p(k, E["kit-id-card"], t), v = s !== void 0 || o !== void 0, y = e !== void 0, D = a !== void 0, m = r !== void 0, T = y || m;
+  return h("div", { className: `${S} id-card-grid`, ...x, children: [D && i("div", { className: "card-color", style: { backgroundColor: a } }), v && i("div", { className: "card-avatar", children: o ?? i(_, { size: I(n), ...s, color: (c = s?.color) !== null && c !== void 0 ? c : a, disabled: l }) }), T && h("div", { className: "card-info", children: [y && typeof e == "string" ? A(e, n, l, d) : e, m && typeof r == "string" ? b(r, n, l, d) : r] })] });
 };
-b.displayName = "KitIdCard";
+w.displayName = "KitIdCard";
 export {
-  b as KitIdCard
+  w as KitIdCard
 };

package/dist/Kit/DataDisplay/Image/index.js

@@ -3,8 +3,8 @@ import { Image as a } from "antd";
 import d from "classnames";
 import { FontAwesomeIcon as v } from "@fortawesome/react-fontawesome";
 import { faEye as I } from "@fortawesome/free-solid-svg-icons";
-import { u as _ } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { u as j } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as _ } from "../../../chunks/useKitLocale.DD7mnAZn.js";
+import { u as j } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import '../../../assets/index3.css';const m = {
   "kit-image": "_kit-image_t5juo_2",
   "mask-container": "_mask-container_t5juo_23"

package/dist/Kit/DataDisplay/ItemCard/index.js

@@ -5,14 +5,14 @@ import { KitTypography as w } from "../../General/Typography/index.js";
 import { KitCheckbox as Z } from "../../DataEntry/Checkbox/index.js";
 import { KitSwitch as G } from "../../DataEntry/Switch/index.js";
 import { KitBreadcrumb as ii } from "../../Navigation/Breadcrumb/index.js";
-import { u as ti } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as ti } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTag as ei } from "../Tag/index.js";
 import { KitButton as B } from "../../General/Button/index.js";
 import { KitTooltip as si } from "../Tooltip/index.js";
 import { FontAwesomeIcon as O } from "@fortawesome/react-fontawesome";
 import { faEllipsis as oi, faImage as ri } from "@fortawesome/free-solid-svg-icons";
 import { KitDropDown as ai } from "../../Navigation/DropDown/index.js";
-import { u as di } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as di } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { useDebouncedCallback as ci } from "use-debounce";
 import { N as ni, F as li } from "../../../chunks/constants.CctH0M4n.js";
 import '../../../assets/index29.css';const mi = {

package/dist/Kit/DataDisplay/ItemList/index.js

@@ -4,11 +4,11 @@ import { KitCheckbox as J } from "../../DataEntry/Checkbox/index.js";
 import { KitIdCard as M } from "../IdCard/index.js";
 import { KitButton as d } from "../../General/Button/index.js";
 import { KitDropDown as N } from "../../Navigation/DropDown/index.js";
-import { u as Q } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as Q } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faEllipsis as E } from "@fortawesome/free-solid-svg-icons";
 import F from "classnames";
-import { u as W } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as W } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { N as Y, F as Z } from "../../../chunks/constants.CctH0M4n.js";
 import { getStringFromReactNode as B } from "../../../utils/functions/index.js";
 import '../../../assets/index4.css';const m = {

package/dist/Kit/DataDisplay/RedirectCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as D } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as x } from "react";
-import { u as F } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as F } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
 import { faEllipsis as A, faArrowRight as E } from "@fortawesome/free-solid-svg-icons";
 import { KitIcon as C } from "../../General/Icon/index.js";
@@ -10,7 +10,7 @@ import { KitDivider as L } from "../../Layout/Divider/index.js";
 import { KitButton as k } from "../../General/Button/index.js";
 import { KitTooltip as R } from "../Tooltip/index.js";
 import { KitDropDown as g } from "../../Navigation/DropDown/index.js";
-import { u as P } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as P } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { N as O, F as S } from "../../../chunks/constants.CctH0M4n.js";
 import '../../../assets/index24.css';const j = {
   "kit-redirect-card": "_kit-redirect-card_1yxds_2"

package/dist/Kit/DataDisplay/Table/index.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as B, useMemo as y } from "react";
 import { Table as N } from "antd";
 import S from "classnames";
-import { u as F } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as F } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { F as x } from "../../../chunks/constants.CctH0M4n.js";
 import { KitIcon as R } from "../../General/Icon/index.js";
 import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";

package/dist/Kit/DataDisplay/Tabs/index.js

@@ -1,41 +1,42 @@
-import { jsxs as O, Fragment as j, jsx as r } from "react/jsx-runtime";
-import { useRef as F, useState as _, useLayoutEffect as $ } from "react";
-import { u as q } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import R from "classnames";
+import { jsxs as _, Fragment as A, jsx as l } from "react/jsx-runtime";
+import { useRef as F, useState as R, useLayoutEffect as G } from "react";
+import { u as H } from "../../../chunks/useKitTheme.C7yw6CDw.js";
+import O from "classnames";
 import { KitButton as B } from "../../General/Button/index.js";
 import { FontAwesomeIcon as D } from "@fortawesome/react-fontawesome";
-import { faPlus as G, faEllipsisVertical as H } from "@fortawesome/free-solid-svg-icons";
-import { F as J } from "../../../chunks/constants.CctH0M4n.js";
-import { KitDropDown as M } from "../../Navigation/DropDown/index.js";
-import { u as Q } from "../../../chunks/useKitLocale.C5F-tmnC.js";
-import { KitTypography as Y } from "../../General/Typography/index.js";
-import { KitBadge as Z } from "../Badge/index.js";
-import '../../../assets/index30.css';const ee = {
-  "kit-tabs": "_kit-tabs_thif5_2"
+import { faPlus as J, faEllipsisVertical as M } from "@fortawesome/free-solid-svg-icons";
+import { F as Q } from "../../../chunks/constants.CctH0M4n.js";
+import { KitDropDown as Y } from "../../Navigation/DropDown/index.js";
+import { u as Z } from "../../../chunks/useKitLocale.DD7mnAZn.js";
+import { KitTypography as tt } from "../../General/Typography/index.js";
+import { KitBadge as et } from "../Badge/index.js";
+import '../../../assets/index30.css';const I = {
+  "kit-tabs-wrapper": "_kit-tabs-wrapper_htrca_2",
+  "kit-tabs": "_kit-tabs_htrca_2"
 };
-function te({ items: t, addTab: n, disableOverflow: i }) {
-  const o = F(null), s = F({}), u = F(null), c = 16, w = 40, l = n ? 56 : 0, [d, h] = _([]), [y, f] = _(!1);
-  return $(() => {
+function ot({ items: e, addTab: n, disableOverflow: i }) {
+  const o = F(null), s = F({}), u = F(null), a = 16, v = 40, r = n ? 56 : 0, [d, w] = R([]), [h, f] = R(!1);
+  return G(() => {
     const p = () => {
       if (i) {
         f(!0);
         return;
       }
-      const g = o.current;
-      if (!g)
+      const k = o.current;
+      if (!k)
         return;
-      const m = oe(g);
-      let k = l;
-      const C = [];
-      for (let a = 0; a < t.length; a++) {
-        const K = t[a], v = s.current[K.key];
-        if (!v)
+      const m = nt(k);
+      let y = r;
+      const g = [];
+      for (let c = 0; c < e.length; c++) {
+        const K = e[c], T = s.current[K.key];
+        if (!T)
           return;
-        k += v.offsetWidth + c;
-        const E = a === t.length - 1 ? 0 : w;
-        k > m - E + c && C.push(K.key);
+        y += T.offsetWidth + a;
+        const C = c === e.length - 1 ? 0 : v;
+        y > m - C + a && g.push(K.key);
       }
-      h((a) => a.join() === C.join() ? a : C), f(!0);
+      w((c) => c.join() === g.join() ? c : g), f(!0);
     };
     let S;
     const x = () => {
@@ -44,16 +45,16 @@ function te({ items: t, addTab: n, disableOverflow: i }) {
     return p(), window.addEventListener("resize", x), () => {
       window.removeEventListener("resize", x);
     };
-  }, [t, l, o, u, i]), {
+  }, [e, r, o, u, i]), {
     containerRef: o,
     tabRefs: s,
     overflowedKeys: d,
-    overflowedItems: t.filter((p) => d.includes(p.key)),
-    overflowCalculated: y
+    overflowedItems: e.filter((p) => d.includes(p.key)),
+    overflowCalculated: h
   };
 }
-function oe(t) {
-  let n = t.parentElement;
+function nt(e) {
+  let n = e.parentElement;
   for (; n; ) {
     const i = window.getComputedStyle(n), o = i.width;
     if (o !== "auto" && o !== "fit-content" && o !== "min-content" && o !== "max-content" && n.clientWidth > 0)
@@ -65,9 +66,9 @@ function oe(t) {
   }
   return window.innerWidth;
 }
-const I = ({ icon: t, label: n, size: i, badgeCount: o, badgeOverflowCount: s }) => O(j, { children: [t && r("div", { className: "kit-tab-icon", children: t }), O("div", { className: "kit-tab-label-wrapper", children: [r(Y.Text, { className: "kit-tab-label", size: ne(i), children: n }), !!o && r(Z, { className: "kit-tab-count", count: o, overflowCount: s })] })] });
-function ne(t) {
-  switch (t) {
+const j = ({ icon: e, label: n, size: i, badgeCount: o, badgeOverflowCount: s }) => _(A, { children: [e && l("div", { className: "kit-tab-icon", children: e }), _("div", { className: "kit-tab-label-wrapper", children: [l(tt.Text, { className: "kit-tab-label", size: it(i), children: n }), !!o && l(et, { className: "kit-tab-count", count: o, overflowCount: s })] })] });
+function it(e) {
+  switch (e) {
     case "xsmall":
       return "fontSize7";
     case "small":
@@ -78,38 +79,40 @@ function ne(t) {
       return "fontSize4";
   }
 }
-const ie = ({ addTab: t, centered: n, className: i, activeKey: o, defaultKey: s, items: u, onChange: c, fullwidthTab: w, size: l = "small", variant: d = "classic" }) => {
-  var h, y, f;
-  const { appId: p } = q(), { locale: S } = Q(), [x, g] = _(s ?? ((h = u[0]) === null || h === void 0 ? void 0 : h.key)), m = o ?? x, k = (y = u.find((e) => e.key === m)) === null || y === void 0 ? void 0 : y.tabContent, C = R(p, i, ee["kit-tabs"], n ? "centered" : "", l ?? "medium", d, w ? "fullwidth" : "", k && d === "pill" ? "tabs-bottom-spacing" : ""), { containerRef: a, tabRefs: K, overflowedKeys: v, overflowedItems: E, overflowCalculated: A } = te({
+const lt = ({ addTab: e, centered: n, className: i, activeKey: o, defaultKey: s, items: u, onChange: a, fullwidthTab: v, size: r = "small", variant: d = "classic" }) => {
+  var w, h, f;
+  const { appId: p } = H(), { locale: S } = Z(), [x, k] = R(s ?? ((w = u[0]) === null || w === void 0 ? void 0 : w.key)), m = o ?? x, y = (h = u.find((t) => t.key === m)) === null || h === void 0 ? void 0 : h.tabContent, g = O(p, i, I["kit-tabs"], r ?? "medium", d, v ? "fullwidth" : "", y && d === "pill" ? "tabs-bottom-spacing" : ""), c = O(I["kit-tabs-wrapper"], {
+    centered: n
+  }), { containerRef: K, tabRefs: T, overflowedKeys: C, overflowedItems: z, overflowCalculated: U } = ot({
     items: u,
-    addTab: !!t,
-    disableOverflow: !!w
-  }), L = (e) => {
-    g(e), c?.(e);
-  }, z = (e, T) => {
-    e.code === "Enter" && (g(T), c?.(T));
+    addTab: !!e,
+    disableOverflow: !!v
+  }), L = (t) => {
+    k(t), a?.(t);
+  }, P = (t, N) => {
+    t.code === "Enter" && (k(N), a?.(N));
   };
-  return O(j, { children: [O("div", { className: C, role: "tablist", ref: a, children: [u.map(({ icon: e, label: T, badgeCount: U, badgeOverflowCount: P, key: b, disabled: N }) => {
-    const V = v.includes(b), X = m === b;
-    return r("div", { ref: (W) => K.current[b] = W, className: R("kit-tab", "kit-tab-" + l, d, {
-      visible: A && !V,
+  return _(A, { children: [l("div", { className: c, ref: K, children: _("div", { className: g, role: "tablist", children: [u.map(({ icon: t, label: N, badgeCount: V, badgeOverflowCount: X, key: b, disabled: E }) => {
+    const $ = C.includes(b), q = m === b;
+    return l("div", { ref: (W) => T.current[b] = W, className: O("kit-tab", "kit-tab-" + r, d, {
+      visible: U && !$,
       // hide tabs until overflow is calculated to avoid layout shift
-      disabled: N,
-      active: X,
-      fullwidth: w
-    }), role: "tab", tabIndex: J, onClick: N ? void 0 : () => L(b), onKeyDown: N ? void 0 : (W) => z(W, b), children: r(I, { icon: e, label: T, size: l, badgeCount: U, badgeOverflowCount: P }) }, b);
-  }), t && d === "classic" && r(B, { disableSecureClick: !0, type: "tertiary", icon: r(D, { icon: G }), onClick: t, size: l === "xsmall" ? "s" : "m" }), v.length > 0 && r(M, { menu: {
-    items: E.map((e) => ({
-      label: r("div", { className: R("kit-tab-dropdown", `kit-tab-dropdown-${l}`), children: r(I, { icon: e.icon, label: e.label, size: l, badgeCount: e.badgeCount, badgeOverflowCount: e.badgeOverflowCount }) }),
+      disabled: E,
+      active: q,
+      fullwidth: v
+    }), role: "tab", tabIndex: Q, onClick: E ? void 0 : () => L(b), onKeyDown: E ? void 0 : (W) => P(W, b), children: l(j, { icon: t, label: N, size: r, badgeCount: V, badgeOverflowCount: X }) }, b);
+  }), e && d === "classic" && l(B, { disableSecureClick: !0, type: "tertiary", icon: l(D, { icon: J }), onClick: e, size: r === "xsmall" ? "s" : "m" }), C.length > 0 && l(Y, { menu: {
+    items: z.map((t) => ({
+      label: l("div", { className: O("kit-tab-dropdown", `kit-tab-dropdown-${r}`), children: l(j, { icon: t.icon, label: t.label, size: r, badgeCount: t.badgeCount, badgeOverflowCount: t.badgeOverflowCount }) }),
       type: "item",
-      key: e.key,
-      disabled: e.disabled,
-      onClick: () => !e.disabled && L(e.key)
+      key: t.key,
+      disabled: t.disabled,
+      onClick: () => !t.disabled && L(t.key)
     })),
     selectedKeys: [m]
-  }, trigger: ["click"], children: r(B, { icon: r(D, { icon: H }), type: v.includes(m) ? "primary" : "tertiary", "aria-label": (f = S.Tabs) === null || f === void 0 ? void 0 : f.moreOptions, size: l === "xsmall" ? "s" : "m" }) })] }), k] });
+  }, trigger: ["click"], children: l(B, { icon: l(D, { icon: M }), type: C.includes(m) ? "primary" : "tertiary", "aria-label": (f = S.Tabs) === null || f === void 0 ? void 0 : f.moreOptions, size: r === "xsmall" ? "s" : "m" }) })] }) }), y] });
 };
-ie.displayName = "KitTabs";
+lt.displayName = "KitTabs";
 export {
-  ie as KitTabs
+  lt as KitTabs
 };

package/dist/Kit/DataDisplay/Tag/index.js

@@ -2,13 +2,13 @@ import { jsx as t, Fragment as C, jsxs as K } from "react/jsx-runtime";
 import { forwardRef as B, useState as G, useRef as W, useLayoutEffect as U } from "react";
 import D from "classnames";
 import { Tag as z } from "antd";
-import { u as S } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as S } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as M } from "@fortawesome/react-fontawesome";
 import { faXmark as R } from "@fortawesome/free-solid-svg-icons";
 import { KitIdCard as X } from "../IdCard/index.js";
 import { T as P, N as V, F as H } from "../../../chunks/constants.CctH0M4n.js";
 import { KitTooltip as L } from "../Tooltip/index.js";
-import { u as j } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as j } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { KitModal as Y } from "../../Feedback/Modal/index.js";
 import '../../../assets/index38.css';const N = {
   "kit-tag": "_kit-tag_2tdjx_2",

package/dist/Kit/DataDisplay/Tour/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Tour as p } from "antd";
-import { u as e } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as e } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import i from "classnames";
 const f = ({ rootClassName: o, ...r }) => {
   const { appId: t } = e(), m = i(t, o);