aristid-ds 14.0.0-d129b0e → 14.0.0-e6e2929

package/CHANGELOG.md

@@ -6,6 +6,9 @@
 -   **AutoComplete**:
     -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
     
+-   **Avatar**:
+    -   Add new `size` options : `xs`, `s`, `m`, `l`, `xl` (@fatb38)
+    
 -   **ColorPicker**:
     -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
 
@@ -23,6 +26,7 @@
     
 -   **SidePanel**:
     -   Add opening and closing animations (@philippechevieux)
+    -   Add `l` size (@7Remy)
     
 -   **SidePanel:**
     -   Add `useChildrenOnly` property to display the side panel as a container for other components or not. Also export two new components `KitSidePanelHeader` and `KitSidePanelContent` for layout purpose (@philippechevieux)
@@ -37,6 +41,11 @@
 -   **All components with a DropDown:**
     -   All components using a dropdown inside a `SidePanel` component, will render the dropdown inside the `SidePanel`, to avoid issues with the `closeOnOutsideClick` property of `SidePanel` (@evoiron)
 
+-   **⚠️ Breaking change - IdCard**:
+    - Replacing `size` options (@fatb38)
+        - removing `medium` and `large`  
+        - adding `xs-medium`, `xs-bold`, `s`, `m`, `l`, `xl`
+
 ### 🐛 Bug Fixes
 
 -   **Modal:**

package/dist/Kit/App/index.js

@@ -2,20 +2,20 @@ import "../../assets/index29.css";
 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 P } from "react";
 import { ConfigProvider as C } from "antd";
-import { I as b } from "../../chunks/SnackBarProvider.nqDzpFo3.js";
+import { K as b } from "../../chunks/SnackBarProvider.T-xLQpTN.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.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as I } from "../../theme/utils/tokens-mapper/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 T } from "../../translation/en-US/index.js";
-import { K as $, u as j } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as k } from "../../translation/utils/index.js";
-import { d as x } from "../../chunks/notification-provider.9msrEKBe.js";
+import { enUS as $ } from "../../translation/en-US/index.js";
+import { K as j, u as k } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as x } from "../../translation/utils/index.js";
+import { d as A } from "../../chunks/notification-provider.9msrEKBe.js";
 import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
-const A = "aristid-ds-global", F = (t, e) => {
+const F = "aristid-ds-global", I = (t, e) => {
   const o = g(t);
   return `
         .${e} {
@@ -27,11 +27,11 @@ const A = "aristid-ds-global", F = (t, 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: `
+  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: F, hasSourceMap: !1, children: `
                             :root {
                                 ${Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";")}
                             }
-                        ` }), e && n(m, { hasSourceMap: !1, children: F(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
+                        ` }), e && n(m, { hasSourceMap: !1, children: I(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
 }, _ = (t, e) => {
   var o;
   const r = S(t || "ds-" + y().substring(0, 8)), i = a(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
@@ -42,7 +42,7 @@ const A = "aristid-ds-global", F = (t, e) => {
   };
 }, M = ({ children: t }) => {
   const e = N();
-  return n($.Provider, { value: e, children: t });
+  return n(j.Provider, { value: e, children: t });
 }, N = () => {
   const [t, e] = u(d);
   return { locale: t, setKitLocale: (r) => {
@@ -50,18 +50,18 @@ const A = "aristid-ds-global", F = (t, e) => {
       const i = a(d, r);
       e(i);
     } else {
-      const i = a(T, r);
+      const i = a($, r);
       e(i);
     }
   } };
 }, te = ({ children: t, locale: e, customTheme: o, id: r }) => n(R, { customTheme: o, id: r, children: n(M, { children: n(O, { locale: e, children: t }) }) }), O = ({ children: t, locale: e }) => {
-  const { locale: o, setKitLocale: r } = j();
+  const { locale: o, setKitLocale: r } = k();
   return P(() => {
     e !== void 0 && r(e);
-  }, [e, r]), n(C, { theme: I, locale: k(e), renderEmpty: () => {
+  }, [e, r]), n(C, { theme: T, 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: f(x, { children: [n(b, {}), t] }) });
+  }, children: f(A, { children: [n(b, {}), t] }) });
 };
 export {
   te as KitApp

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

@@ -1,4 +1,4 @@
-import { s as t, K as n } from "../../../chunks/Avatar.N2w2jq_C.js";
+import { s as t, K as n } from "../../../chunks/Avatar.BvI60jet.js";
 import { jsx as u } from "react/jsx-runtime";
 import { Avatar as c } from "antd";
 import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/Avatar/types.d.ts

@@ -16,6 +16,7 @@ export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, Ki
     secondaryColorInvert?: boolean;
     imageFit?: KitImageFit;
     disabled?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
 }
 
 export interface IKitAvatarGroup

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

@@ -1,37 +1,69 @@
 import "../../../assets/index2.css";
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as y, jsx as e } from "react/jsx-runtime";
 import n from "classnames";
-import { t as D } from "../../../chunks/styles.module.shsViPAW.js";
-import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { K as N } from "../../../chunks/Avatar.N2w2jq_C.js";
-import { KitTooltip as y } from "../Tooltip/index.js";
-import { T as m } from "../../../chunks/constants.DINGxt3I.js";
-const T = {
-  "kit-id-card": "_kit-id-card_1go5o_2"
-}, h = [
-  D["kit-typography-text"],
+import { t as S } from "../../../chunks/styles.module.shsViPAW.js";
+import { u as T } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { K as v } from "../../../chunks/Avatar.BvI60jet.js";
+import { KitTooltip as d } from "../Tooltip/index.js";
+import { T as h } from "../../../chunks/constants.DINGxt3I.js";
+const D = {
+  "kit-id-card": "_kit-id-card_1vabr_2"
+}, m = [
+  S["kit-typography-text"],
   "ant-typography",
   "ant-typography-text",
   "ant-typography-ellipsis",
   "ant-typography-ellipsis-single-line"
-], _ = (r, t, a, o) => {
-  const s = n("kit-id-card-title", ...h, "kit-typography-fontSize5", "ant-typography-bold", {
-    "kit-id-card-title-large": t === "large",
+], z = (t) => {
+  switch (t) {
+    case "xl":
+      return "kit-typography-fontSize5";
+    case "l":
+      return "kit-typography-fontSize6";
+    default:
+      return "kit-typography-fontSize7";
+  }
+}, N = (t) => {
+  switch (t) {
+    case "xl":
+      return "kit-typography-fontSize1";
+    case "l":
+      return "kit-typography-fontSize2";
+    case "m":
+      return "kit-typography-fontSize3";
+    case "s":
+      return "kit-typography-fontSize4";
+    case "xs-bold":
+    case "xs-medium":
+      return "kit-typography-fontSize5";
+  }
+}, _ = (t) => {
+  switch (t) {
+    case "xl":
+    case "l":
+      return "xl";
+    case "m":
+    case "s":
+      return "l";
+    default:
+      return "m";
+  }
+}, E = (t, r, a, i) => {
+  const s = n("kit-id-card-title", ...m, N(r), {
+    "ant-typography-bold": r !== "xs-medium",
     "ant-typography-disabled": a
   });
-  return i("span", { className: s, children: i(y, { title: o ? "" : r, mouseEnterDelay: m, children: i("span", { children: r }) }) });
-}, E = (r, t, a, o) => {
-  const s = n("kit-id-card-description", ...h, "ant-typography-regular", {
-    "kit-typography-fontSize5": t !== "medium",
-    "kit-typography-fontSize7": t === "medium",
+  return e("span", { className: s, children: e(d, { title: i ? "" : t, mouseEnterDelay: h, children: e("span", { children: t }) }) });
+}, K = (t, r, a, i) => {
+  const s = n("kit-id-card-description", ...m, "ant-typography-regular", z(r), {
     "ant-typography-disabled": a
   });
-  return i("span", { className: s, children: i(y, { title: o ? "" : r, mouseEnterDelay: m, children: i("span", { children: r }) }) });
-}, K = ({ className: r, title: t, description: a, avatarProps: o, size: s = "medium", disabled: e = !1, disableTooltip: p = !1, ...g }) => {
-  const { appId: f } = v(), u = n(f, T["kit-id-card"], r), k = o !== void 0, l = t !== void 0, d = a !== void 0, x = l || d;
-  return c("div", { className: `${u} id-card-grid`, ...g, children: [k && i("div", { className: "card-avatar", children: i(N, { ...o, disabled: e }) }), x && c("div", { className: "card-info", children: [l && typeof t == "string" ? _(t, s, e, p) : t, d && typeof a == "string" ? E(a, s, e, p) : a] })] });
+  return e("span", { className: s, children: e(d, { title: i ? "" : t, mouseEnterDelay: h, children: e("span", { children: t }) }) });
+}, I = ({ className: t, title: r, description: a, avatarProps: i, size: s = "xs-bold", disabled: o = !1, disableTooltip: p = !1, ...g }) => {
+  const { appId: u } = T(), f = n(u, D["kit-id-card"], t), x = i !== void 0, c = r !== void 0, l = a !== void 0, k = c || l;
+  return y("div", { className: `${f} id-card-grid`, ...g, children: [x && e("div", { className: "card-avatar", children: e(v, { ...i, size: _(s), disabled: o }) }), k && y("div", { className: "card-info", children: [c && typeof r == "string" ? E(r, s, o, p) : r, l && typeof a == "string" ? K(a, s, o, p) : a] })] });
 };
-K.displayName = "KitIdCard";
+I.displayName = "KitIdCard";
 export {
-  K as KitIdCard
+  I as KitIdCard
 };

package/dist/Kit/DataDisplay/IdCard/types.d.ts

@@ -4,7 +4,7 @@ import {IKitAvatar} from '../Avatar/types';
 
 export interface IKitIdCard extends KitHTMLAttributes<HTMLDivElement> {
     avatarProps?: IKitAvatar;
-    size?: 'medium' | 'large';
+    size?: 'xs-medium' | 'xs-bold' | 's' | 'm' | 'l' | 'xl';
     title?: ReactNode;
     description?: ReactNode;
     disabled?: boolean;

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

@@ -16,20 +16,20 @@ const I = {
   "kit-tag-group": "_kit-tag-group_6ocqb_111",
   "kit-tag-group-measure": "_kit-tag-group-measure_6ocqb_117",
   "kit-tag-group-container": "_kit-tag-group-container_6ocqb_124"
-}, h = D(({ className: r, closeIcon: s, type: a = "neutral", disabled: i, disableTooltip: c = !1, onClick: p, idCardProps: o, ...d }, u) => {
+}, h = D(({ className: r, closeIcon: s, type: c = "neutral", disabled: i, disableTooltip: a = !1, onClick: p, idCardProps: o, ...d }, u) => {
   const { appId: b } = x(), _ = $(b, I["kit-tag"], r, {
-    [`kit-tag-${a}`]: a,
+    [`kit-tag-${c}`]: c,
     "kit-tag-disabled": i,
     "kit-tag-clickable": p
   });
-  return t(z, { tabIndex: i ? M : R, ref: u, ...d, className: _, closeIcon: s ?? t(P, { icon: X }), onClick: p, closable: !!d.onClose, children: t(j, { disabled: i, disableTooltip: c, avatarProps: o != null && o.avatarProps ? { ...o == null ? void 0 : o.avatarProps, size: "small" } : void 0, description: o == null ? void 0 : o.description }) });
-}), H = ({ tags: r, containerRef: s, measureRef: a, handleCloseTag: i }) => {
-  var c;
+  return t(z, { tabIndex: i ? M : R, ref: u, ...d, className: _, closeIcon: s ?? t(P, { icon: X }), onClick: p, closable: !!d.onClose, children: t(j, { disabled: i, disableTooltip: a, avatarProps: o != null && o.avatarProps ? { ...o == null ? void 0 : o.avatarProps, size: "s" } : void 0, description: o == null ? void 0 : o.description }) });
+}), H = ({ tags: r, containerRef: s, measureRef: c, handleCloseTag: i }) => {
+  var a;
   const [p, o] = G([]), [d, u] = G(0), [b, _] = G(t(E, {})), v = O(null), { locale: T } = F();
   return L(() => {
     const K = () => {
       var k, g, e;
-      const l = s.current, f = a.current;
+      const l = s.current, f = c.current;
       if (!l || !f)
         return;
       _(W(E, { children: [r.map((n, y) => t(h, { type: n == null ? void 0 : n.type, disabled: n == null ? void 0 : n.disabled, idCardProps: n.idCardProps, onClose: () => {
@@ -53,20 +53,20 @@ const I = {
     return K(), v.current = new ResizeObserver(N), s.current && v.current.observe(s.current), () => {
       v.current && v.current.disconnect(), clearTimeout(m);
     };
-  }, [s, i, d, (c = T.General) === null || c === void 0 ? void 0 : c.others, a, r]), {
+  }, [s, i, d, (a = T.General) === null || a === void 0 ? void 0 : a.others, c, r]), {
     measureTags: b,
     visibleTags: p,
     hiddenCount: d
   };
-}, J = ({ tags: r, style: s, className: a, handleCloseTag: i, othersTagType: c = "neutral", othersTagDisabled: p }) => {
+}, J = ({ tags: r, style: s, className: c, handleCloseTag: i, othersTagType: a = "neutral", othersTagDisabled: p }) => {
   var o;
   const d = O(null), u = O(null), { locale: b } = F(), { appId: _ } = x(), [v, T] = G(!1), { measureTags: K, visibleTags: m, hiddenCount: N } = H({ tags: r, containerRef: d, measureRef: u, handleCloseTag: i }), k = () => r.slice(m.length).map((e, l) => {
     var f;
     return t("div", { children: (f = e.idCardProps) === null || f === void 0 ? void 0 : f.description }, l);
-  }), g = $(_, I["kit-tag-group"], a);
+  }), g = $(_, I["kit-tag-group"], c);
   return W("div", { className: I["kit-tag-group-container"], children: [W("div", { ref: d, style: s, className: g, children: [m.map((e, l) => t(h, { type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
     i(l);
-  } : void 0 }, l)), N > 0 && t(V, { overlay: k(), children: t(h, { type: c, disabled: p, disableTooltip: !0, idCardProps: { description: `+${N} ${(o = b.General) === null || o === void 0 ? void 0 : o.others}` }, onClick: () => T(!0) }) }), t(U, { isOpen: v, close: () => T(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: t("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: r.map((e, l) => t(h, { id: `tag-${l}`, type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
+  } : void 0 }, l)), N > 0 && t(V, { overlay: k(), children: t(h, { type: a, disabled: p, disableTooltip: !0, idCardProps: { description: `+${N} ${(o = b.General) === null || o === void 0 ? void 0 : o.others}` }, onClick: () => T(!0) }) }), t(U, { isOpen: v, close: () => T(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: t("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: r.map((e, l) => t(h, { id: `tag-${l}`, type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
     i(l);
   } : void 0 }, l)) }) })] }), t("div", { ref: u, className: I["kit-tag-group-measure"], "aria-hidden": "true", children: K })] });
 }, Q = J, S = h;

package/dist/Kit/DataEntry/AutoComplete/index.js

@@ -7,7 +7,7 @@ import { K as S } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { FontAwesomeIcon as W } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass as q } from "@fortawesome/free-solid-svg-icons";
 import z from "classnames";
-import { u as D } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as D } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const E = {
   "kit-autocomplete": "_kit-autocomplete_kox09_2"
 }, H = (t, r, o) => z(t, "ant-select-dropdown", "kit-select-dropdown-bottom", {

package/dist/Kit/DataEntry/ColorPicker/index.js

@@ -8,7 +8,7 @@ import N from "classnames";
 import { FontAwesomeIcon as io } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as no } from "@fortawesome/free-solid-svg-icons";
 import { u as co } from "../../../chunks/useKitLocale.96CdK3og.js";
-import { u as lo } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as lo } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const u = {
   "kit-colorpicker": "_kit-colorpicker_7zhkg_2",
   "kit-color-picker-clear": "_kit-color-picker-clear_7zhkg_37",

package/dist/Kit/DataEntry/DatePicker/index.js

@@ -7,7 +7,7 @@ import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as _, faChevronRight as k, faClock as T, faCalendar as X, faCircleXmark as $, faArrowRight as Q } from "@fortawesome/free-solid-svg-icons";
 import { K as y } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as z } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { u as B } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as B } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const E = {
   "kit-datepicker": "_kit-datepicker_1a8o2_2",
   "kit-rangepicker": "_kit-rangepicker_1a8o2_154"

package/dist/Kit/DataEntry/Select/index.js

@@ -12,7 +12,7 @@ import { faCircleXmark as Ee, faCircleNotch as Pe, faChevronDown as Le, faCheck
 import { KitIcon as K } from "../../General/Icon/index.js";
 import { KitIdCard as Oe } from "../../DataDisplay/IdCard/index.js";
 import { KitTag as G } from "../../DataDisplay/Tag/index.js";
-import { u as ye } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as ye } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 function Ae({ allowClear: e = !0, loading: o = !1 }) {
   const n = e ? s(g, { "aria-label": "clear", icon: Ee }) : null, r = o ? s(g, { icon: Pe, spin: !0 }) : s(g, { icon: Le }), l = s(K, { icon: s(g, { icon: Ne }), on: !0 });
   return {

package/dist/Kit/DataEntry/TreeSelect/index.js

@@ -5,7 +5,7 @@ import B from "classnames";
 import te from "short-unique-id";
 import { K as ne } from "../../../chunks/InputWrapper.XK7lKnUm.js";
 import { u as re } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { u as se } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as se } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 import { s as le } from "../../../chunks/styles.module.iV2bcv-5.js";
 import { KitTag as ce } from "../../DataDisplay/Tag/index.js";
 import { useDebouncedCallback as ie } from "use-debounce";

package/dist/Kit/Feedback/SnackBar/index.js

@@ -1,33 +1,33 @@
 import "../../../assets/index33.css";
-import { I as _ } from "../../../chunks/SnackBarProvider.nqDzpFo3.js";
-import { jsxs as m, jsx as a, Fragment as x } from "react/jsx-runtime";
+import { K as _ } from "../../../chunks/SnackBarProvider.T-xLQpTN.js";
+import { jsxs as m, jsx as s, Fragment as x } from "react/jsx-runtime";
 import { toast as v } from "react-hot-toast";
 import { u as A } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { faXmark as C, faEllipsisV as D } from "@fortawesome/free-solid-svg-icons";
 import k from "classnames";
 import p from "../../General/DynamicActions/index.js";
-import { KitDivider as I } from "../../Layout/Divider/index.js";
-import { KitButton as T } from "../../General/Button/index.js";
-import { KitTypography as g } from "../../General/Typography/index.js";
-const w = {
+import { KitDivider as T } from "../../Layout/Divider/index.js";
+import { KitButton as g } from "../../General/Button/index.js";
+import { KitTypography as w } from "../../General/Typography/index.js";
+const j = {
   "kit-snackbar": "_kit-snackbar_1bxje_2"
-}, j = (i) => a(T, { type: "tertiary", size: "m", icon: i.icon, onClick: i.onClick, className: i.className, disabled: i.disabled, children: i.label }, i.key), E = ({ message: i, actions: s, closable: t, onClose: n, actionsInDropDown: b, className: u, style: f }) => {
-  var r;
-  const { appId: h } = A(), y = s && s.length > 0, l = t !== void 0, N = k(h, w["kit-snackbar"], u), B = () => {
-    c(), n == null || n();
-  }, K = (r = s == null ? void 0 : s.map((o, S) => {
+}, E = (i) => s(g, { type: "tertiary", size: "m", icon: i.icon, onClick: i.onClick, className: i.className, disabled: i.disabled, children: i.label }, i.key), F = ({ message: i, actions: t, closable: a, onClose: r, actionsInDropDown: b, className: u, style: f }) => {
+  var n;
+  const { appId: h } = A(), y = t && t.length > 0, l = a !== void 0, N = k(h, j["kit-snackbar"], u), B = () => {
+    c(), r == null || r();
+  }, K = (n = t == null ? void 0 : t.map((o, S) => {
     var e;
     return {
       ...o,
       key: (e = o.key) !== null && e !== void 0 ? e : S,
       className: k(o.className, "kit-snackbar-action")
     };
-  })) !== null && r !== void 0 ? r : [];
-  return m("div", { style: { ...f }, className: N, children: [l && a("div", { className: "kit-snackbar-close", children: a("div", { className: "kit-snackbar-close-button", onClick: B, children: a(d, { icon: C }) }) }), a("div", { className: "kit-snackbar-message", children: a(g.Text, { className: "kit-snackbar-title", children: i }) }), y && m(x, { children: [(i || l) && a(I, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), a("div", { className: "kit-snackbar-actions", children: a(p, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: j, ellipsisButton: a(p.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: a(d, { icon: D }) }), threshold: 3 }) })] })] });
-}, F = E, z = 4e3, P = ({ duration: i = z, snackbarId: s = null, ...t }) => (c(), v(a(F, { ...t }), {
+  })) !== null && n !== void 0 ? n : [];
+  return m("div", { style: { ...f }, className: N, children: [l && s("div", { className: "kit-snackbar-close", children: s("div", { className: "kit-snackbar-close-button", onClick: B, children: s(d, { icon: C }) }) }), s("div", { className: "kit-snackbar-message", children: s(w.Text, { className: "kit-snackbar-title", children: i }) }), y && m(x, { children: [(i || l) && s(T, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), s("div", { className: "kit-snackbar-actions", children: s(p, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: E, ellipsisButton: s(p.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: s(d, { icon: D }) }), threshold: 3 }) })] })] });
+}, I = F, z = 4e3, P = ({ duration: i = z, snackbarId: t = null, ...a }) => (c(), v(s(I, { ...a }), {
   duration: i === 0 ? 1 / 0 : i,
-  id: s ?? void 0
+  id: t ?? void 0
 })), c = (i) => {
   v.dismiss(i);
 }, Q = P, W = c, Y = _;

package/dist/Kit/Navigation/DropDown/index.js

@@ -7,7 +7,7 @@ import m from "classnames";
 import { FontAwesomeIcon as B } from "@fortawesome/react-fontawesome";
 import { faCheck as P } from "@fortawesome/free-solid-svg-icons";
 import { N as R } from "../../../chunks/constants.DINGxt3I.js";
-import { u as g } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { u as g } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 const j = {
   "kit-dropdown-hidden-input": "_kit-dropdown-hidden-input_k5jvv_1"
 }, A = (o) => o.type === "divider", F = (o) => o.type === "group", I = (o) => {

package/dist/Kit/Navigation/Header/index.js

@@ -1,7 +1,7 @@
 import "../../../assets/index34.css";
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { u } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import g from "classnames";
+import _ from "classnames";
 import { KitDropDown as x } from "../DropDown/index.js";
 import { FontAwesomeIcon as O } from "@fortawesome/react-fontawesome";
 import { faGrip as q } from "@fortawesome/free-solid-svg-icons";
@@ -9,13 +9,13 @@ import { getContrastColor as F } from "../../../utils/functions/index.js";
 import { F as I } from "../../../chunks/constants.DINGxt3I.js";
 import { useState as H } from "react";
 import { KitTag as P } from "../../DataDisplay/Tag/index.js";
-import { KitIdCard as _ } from "../../DataDisplay/IdCard/index.js";
+import { KitIdCard as g } from "../../DataDisplay/IdCard/index.js";
 const R = {
   "kit-header": "_kit-header_4hqaz_2"
 }, T = (a) => ({
   "--kit-header-invert-color": F(a)
 }), j = ({ className: a, children: l, menu: s, logo: e, langSwitcher: o, profile: m, ...i }) => {
-  const { appId: p, theme: v } = u(), d = g(p, R["kit-header"], {
+  const { appId: p, theme: v } = u(), d = _(p, R["kit-header"], {
     "with-menu": s,
     "with-logo": e,
     "with-profile": m,
@@ -24,10 +24,10 @@ const R = {
   return h("div", { style: k, ...i, className: d, children: [s && t(x, { dropdownRender: f, children: t("div", { className: "kit-header-menu", tabIndex: I, children: t(O, { icon: q }) }) }), e && t("div", { className: "kit-header-logo", children: e }), t("div", { className: "kit-header-content", children: l }), h("div", { className: "kit-header-right-items", children: [m, o && t("div", { className: "kit-header-lang", children: o })] })] });
 }, z = ({ logo: a, tagProps: l, profileCardProps: s, profileMenuCardProps: e, complement: o, className: m, menu: i = null, alt: p = "", ...v }) => {
   var d;
-  const { appId: f } = u(), [k, K] = H(!1), b = g(f, "kit-header-profile", {
+  const { appId: f } = u(), [k, K] = H(!1), b = _(f, "kit-header-profile", {
     "with-menu": i,
     open: k
-  }, m), y = g("kit-header-profile-menu-card", {
+  }, m), y = _("kit-header-profile-menu-card", {
     clickable: e == null ? void 0 : e.onClick
   }, e == null ? void 0 : e.className), n = s;
   n && n.avatarProps && (n.avatarProps.shape = "square");
@@ -35,8 +35,8 @@ const R = {
     ...e,
     className: y
   };
-  c && c.avatarProps && (c.avatarProps.shape = "square", c.avatarProps.size = "large");
-  const N = i && i.items, A = (r) => h("div", { className: "kit-header-menu-wrapper", children: [e && t(_, { ...c }), i && !N && t("div", { role: "separator", className: "ant-dropdown-menu-item-divider" }), N ? r : i] }), w = {
+  c && c.avatarProps && (c.avatarProps.shape = "square", c.avatarProps.size = "l");
+  const N = i && i.items, A = (r) => h("div", { className: "kit-header-menu-wrapper", children: [e && t(g, { ...c }), i && !N && t("div", { role: "separator", className: "ant-dropdown-menu-item-divider" }), N ? r : i] }), w = {
     disabled: !i,
     placement: "bottomRight",
     onOpenChange: (r) => {
@@ -52,7 +52,7 @@ const R = {
       ...(d = r.items) !== null && d !== void 0 ? d : []
     ]), w.menu = r;
   }
-  return t(x, { ...w, children: h("div", { className: b, tabIndex: I, ...v, children: [a && t("img", { className: "kit-header-profile-logo", src: a, alt: p }), l && t(P, { className: "kit-header-profile-tag", ...l }), n && t(_, { ...n }), o && t("div", { className: "kit-header-profile-complement", children: o })] }) });
+  return t(x, { ...w, children: h("div", { className: b, tabIndex: I, ...v, children: [a && t("img", { className: "kit-header-profile-logo", src: a, alt: p }), l && t(P, { className: "kit-header-profile-tag", ...l }), n && t(g, { ...n }), o && t("div", { className: "kit-header-profile-complement", children: o })] }) });
 }, B = z, D = j;
 D.Profile = B;
 D.displayName = "KitHeader";

package/dist/Kit/Navigation/SidePanel/index.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as m, Fragment as F } from "react/jsx-runtime";
 import { useEffect as I, forwardRef as _, useState as B, useRef as T, useImperativeHandle as W } from "react";
 import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import k from "classnames";
-import { s as l } from "../../../chunks/useGetPopupContainer.1ha3p9Qd.js";
+import { s as l } from "../../../chunks/useGetPopupContainer.efPkxYe1.js";
 import { KitButton as N } from "../../General/Button/index.js";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as q, faClose as z } from "@fortawesome/free-solid-svg-icons";

package/dist/Kit/Navigation/SidePanel/types.d.ts

@@ -21,7 +21,7 @@ export interface IKitSidePanel extends KitHTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     onOpenChanged?: (open: boolean) => void;
     children?: ReactNode;
-    size?: 's' | 'm';
+    size?: 's' | 'm' | 'l';
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
     showSeparator?: boolean;

package/dist/assets/Avatar.css

@@ -1 +1 @@
-/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-avatar_1c262_2{background:var(--general-utilities-main-light)}._kit-avatar_1c262_2:not(.ant-avatar-image){background:var(--components-Avatar-colors-background-default, var(--general-utilities-main-light));color:var(--components-Avatar-colors-typography-default, var(--general-utilities-main-medium))}._kit-avatar_1c262_2.kit-avatar-image-fit-cover img{object-fit:cover}._kit-avatar_1c262_2.kit-avatar-image-fit-contain img{object-fit:contain}._kit-avatar_1c262_2.kit-avatar-image-fit-fill img{object-fit:fill}._kit-avatar_1c262_2.ant-avatar-square{border-radius:calc(var(--general-border-radius-s) * 1px)}._kit-avatar-disabled_1c262_22{--mask-color: #8db1c880}._kit-avatar-disabled_1c262_22.ant-avatar-icon,._kit-avatar-disabled_1c262_22.kit-avatar-image-fit-cover,._kit-avatar-disabled_1c262_22{color:var(--general-utilities-disabled);background-color:var(--general-utilities-neutral-medium)}._kit-avatar-disabled_1c262_22.ant-avatar-image:after{content:"";z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mask-color)}._kit-avatar-group_1c262_44.override-last>span:last-child{background:var(--components-AvatarGroup-colors-background-default, var(--general-utilities-main-light));color:var(--components-AvatarGroup-colors-typography-default, var(--components-AvatarGroup-colors-background-default, var(--general-utilities-main-medium)))}._kit-avatar-group_1c262_44 .ant-avatar{box-shadow:var(--general-utilities-shadow-light)}._kit-avatar-group-disabled_1c262_52.override-last>span:last-child{color:var(--general-utilities-disabled);background-color:var(--general-utilities-neutral-medium)}
+/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-avatar_22tfj_2{background:var(--general-utilities-main-light)}._kit-avatar_22tfj_2:not(.ant-avatar-image){background:var(--components-Avatar-colors-background-default, var(--general-utilities-main-light));color:var(--components-Avatar-colors-typography-default, var(--general-utilities-main-medium))}._kit-avatar_22tfj_2.kit-avatar-image-fit-cover img{object-fit:cover}._kit-avatar_22tfj_2.kit-avatar-image-fit-contain img{object-fit:contain}._kit-avatar_22tfj_2.kit-avatar-image-fit-fill img{object-fit:fill}._kit-avatar_22tfj_2.ant-avatar-square:not(.kit-avatar-size-xs){border-radius:calc(var(--general-border-radius-s) * 1px)}._kit-avatar-disabled_22tfj_22{--mask-color: #8db1c880}._kit-avatar-disabled_22tfj_22.ant-avatar-icon,._kit-avatar-disabled_22tfj_22.kit-avatar-image-fit-cover,._kit-avatar-disabled_22tfj_22{color:var(--general-utilities-disabled);background-color:var(--general-utilities-neutral-medium)}._kit-avatar-disabled_22tfj_22.ant-avatar-image:after{content:"";z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mask-color)}._kit-avatar-group_22tfj_44.override-last>span:last-child{background:var(--components-AvatarGroup-colors-background-default, var(--general-utilities-main-light));color:var(--components-AvatarGroup-colors-typography-default, var(--components-AvatarGroup-colors-background-default, var(--general-utilities-main-medium)))}._kit-avatar-group_22tfj_44 .ant-avatar{box-shadow:var(--general-utilities-shadow-light)}._kit-avatar-group-disabled_22tfj_52.override-last>span:last-child{color:var(--general-utilities-disabled);background-color:var(--general-utilities-neutral-medium)}

package/dist/assets/index2.css

@@ -1 +1 @@
-/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-id-card_1go5o_2.id-card-grid{display:grid;grid-template-columns:min-content auto;grid-template-areas:"avatar info"}._kit-id-card_1go5o_2.id-card-grid:has(.card-avatar):has(.card-info){column-gap:calc(var(--general-spacing-xs) * 1px)}._kit-id-card_1go5o_2.id-card-grid .card-avatar{grid-area:avatar;align-self:center}._kit-id-card_1go5o_2.id-card-grid .card-info{grid-area:info;gap:2px;display:flex;flex-direction:column;align-self:center;overflow:hidden}._kit-id-card_1go5o_2.id-card-grid .card-info .kit-id-card-title,._kit-id-card_1go5o_2.id-card-grid .card-info .kit-id-card-description,._kit-id-card_1go5o_2.id-card-grid .card-info .kit-id-card-title span,._kit-id-card_1go5o_2.id-card-grid .card-info .kit-id-card-description span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._kit-id-card_1go5o_2.id-card-grid .card-info .kit-id-card-title-large{font-size:calc(var(--general-typography-fontSize1) * 1px)}
+/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-id-card_1vabr_2.id-card-grid{display:grid;grid-template-columns:min-content auto;grid-template-areas:"avatar info"}._kit-id-card_1vabr_2.id-card-grid:has(.card-avatar):has(.card-info){column-gap:calc(var(--general-spacing-xs) * 1px)}._kit-id-card_1vabr_2.id-card-grid .card-avatar{grid-area:avatar;align-self:center}._kit-id-card_1vabr_2.id-card-grid .card-info{grid-area:info;gap:2px;display:flex;flex-direction:column;align-self:center;overflow:hidden}._kit-id-card_1vabr_2.id-card-grid .card-info .kit-id-card-title,._kit-id-card_1vabr_2.id-card-grid .card-info .kit-id-card-description,._kit-id-card_1vabr_2.id-card-grid .card-info .kit-id-card-title span,._kit-id-card_1vabr_2.id-card-grid .card-info .kit-id-card-description span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/dist/assets/useGetPopupContainer.css

@@ -1 +1 @@
-/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-side-panel-wrapper_1fqd1_2{--sidePanel-colors-text: var(--components-SidePanel-colors-text, var(--general-utilities-text-primary));--sidePanel-shadow: var(--components-SidePanel-shadow, -5px 8px 14px -5px rgba(0, 0, 0, .3));--sidePanel-default-width-open-s: 352;--sidePanel-default-width-open-m: 456;--sidePanel-default-right-close-s: -352;--sidePanel-default-right-close-m: -456;--sidePanel-transition: .3s ease-in}._kit-side-panel-wrapper_1fqd1_2:not(.floating){position:relative;height:100%;width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:width var(--sidePanel-transition)}._kit-side-panel-wrapper_1fqd1_2:not(.floating).size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_1fqd1_2:not(.floating).closed{width:0}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;z-index:1000;background:var(--components-SidePanel-colors-background, var(--general-utilities-light));width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:right var(--sidePanel-transition)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.closed{right:calc(var(--sidePanel-default-right-close-s) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.closed.size-m{right:calc(var(--sidePanel-default-right-close-m) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2.size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2:not(.closed){box-shadow:var(--sidePanel-shadow)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._header_1fqd1_48{flex:0 1 auto;display:flex;gap:calc(var(--components-SidePanel-spacing-headerItems, var(--general-spacing-xs)) * 1px);padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._header_1fqd1_48.show-separator{border-bottom:1px solid var(--general-utilities-border)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57,._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._close_1fqd1_20{flex:0 0 auto;width:calc(var(--general-spacing-l) * 1px);min-width:calc(var(--general-spacing-l) * 1px);height:calc(var(--general-spacing-l) * 1px);padding:calc(var(--general-spacing-none) * 1px)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57{color:var(--sidePanel-colors-text)}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._back_1fqd1_57 .fa-chevron-left{width:8px;height:8px}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._card_1fqd1_72{flex:1 1 auto}._kit-side-panel-wrapper_1fqd1_2 ._kit-side-panel_1fqd1_2 ._content_1fqd1_75{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px) 0 calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px);margin-bottom:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px)}
+/*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-side-panel-wrapper_uvhbg_2{--sidePanel-colors-text: var(--components-SidePanel-colors-text, var(--general-utilities-text-primary));--sidePanel-shadow: var(--components-SidePanel-shadow, -5px 8px 14px -5px rgba(0, 0, 0, .3));--sidePanel-default-width-open-s: 352;--sidePanel-default-width-open-m: 456;--sidePanel-default-width-open-l: 576;--sidePanel-default-right-close-s: -352;--sidePanel-default-right-close-m: -456;--sidePanel-default-right-close-l: -576;--sidePanel-transition: .3s ease-in}._kit-side-panel-wrapper_uvhbg_2:not(.floating){position:relative;height:100%;width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:width var(--sidePanel-transition)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).size-l{width:calc(var(--components-SidePanel-width-l, var(--sidePanel-default-width-open-l)) * 1px)}._kit-side-panel-wrapper_uvhbg_2:not(.floating).closed{width:0}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;z-index:1000;background:var(--components-SidePanel-colors-background, var(--general-utilities-light));width:calc(var(--components-SidePanel-width-s, var(--sidePanel-default-width-open-s)) * 1px);transition:right var(--sidePanel-transition)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed{right:calc(var(--sidePanel-default-right-close-s) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed.size-m{right:calc(var(--sidePanel-default-right-close-m) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.closed.size-l{right:calc(var(--sidePanel-default-right-close-l) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.size-m{width:calc(var(--components-SidePanel-width-m, var(--sidePanel-default-width-open-m)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2.size-l{width:calc(var(--components-SidePanel-width-l, var(--sidePanel-default-width-open-l)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2:not(.closed){box-shadow:var(--sidePanel-shadow)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._header_uvhbg_59{flex:0 1 auto;display:flex;gap:calc(var(--components-SidePanel-spacing-headerItems, var(--general-spacing-xs)) * 1px);padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._header_uvhbg_59.show-separator{border-bottom:1px solid var(--general-utilities-border)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68,._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._close_uvhbg_25{flex:0 0 auto;width:calc(var(--general-spacing-l) * 1px);min-width:calc(var(--general-spacing-l) * 1px);height:calc(var(--general-spacing-l) * 1px);padding:calc(var(--general-spacing-none) * 1px)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68{color:var(--sidePanel-colors-text)}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._back_uvhbg_68 .fa-chevron-left{width:8px;height:8px}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._card_uvhbg_83{flex:1 1 auto}._kit-side-panel-wrapper_uvhbg_2 ._kit-side-panel_uvhbg_2 ._content_uvhbg_86{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px) calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px) 0 calc(var(--components-SidePanel-padding-horizontal, var(--general-spacing-s)) * 1px);margin-bottom:calc(var(--components-SidePanel-padding-vertical, var(--general-spacing-s)) * 1px)}

package/dist/chunks/Avatar.BvI60jet.js

@@ -0,0 +1,47 @@
+import "../assets/Avatar.css";
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as _ } from "react";
+import { Avatar as C } from "antd";
+import { u as x } from "./useKitTheme.KSAU-Pdv.js";
+import { getInitials as y, isValidColor as b, getColor as h, isPrimaryColor as j, isSecondaryColor as A, isTertiaryColor as K, getLighterColor as S, getContrastColor as T } from "../utils/functions/index.js";
+import { kitAvatarCssTokens as n } from "../theme/aristid/components/DataDisplay/Avatar/index.js";
+import z from "classnames";
+const m = {
+  "kit-avatar": "_kit-avatar_22tfj_2",
+  "kit-avatar-disabled": "_kit-avatar-disabled_22tfj_22",
+  "kit-avatar-group": "_kit-avatar-group_22tfj_44",
+  "kit-avatar-group-disabled": "_kit-avatar-group-disabled_22tfj_52"
+}, N = (t, a) => !t || !b(t) ? null : {
+  [n.colors.background.default]: h(t, a),
+  [n.colors.typography.default]: j(t) || A(t) || K(t) ? S(t, a) : T(t)
+}, w = (t) => {
+  switch (t) {
+    case "xl":
+      return 48;
+    case "l":
+      return 40;
+    case "m":
+    case void 0:
+      return 32;
+    case "s":
+      return 24;
+    case "xs":
+      return 16;
+    default:
+      return t;
+  }
+}, L = ({ label: t, initialsMaxChars: a, color: i, className: l, style: s, secondaryColorInvert: e = !1, children: u, disabled: v, imageFit: r = "cover", size: o, ...f }) => {
+  const { appId: c } = x(), d = w(o), p = _(() => ({ ...s, ...N(i, e) }), [i, e, s]), k = z(c, m["kit-avatar"], l, {
+    "kit-avatar-size-xs": o === "xs",
+    "kit-avatar-image-fit-cover": r === "cover",
+    "kit-avatar-image-fit-contain": r === "contain",
+    "kit-avatar-image-fit-fill": r === "fill",
+    [m["kit-avatar-disabled"]]: v
+  });
+  return g(C, { style: p, className: k, ...f, size: d, children: t !== void 0 ? y(t, a) : u });
+};
+L.displayName = "KitAvatar";
+export {
+  L as K,
+  m as s
+};

package/dist/chunks/{SnackBarProvider.nqDzpFo3.js → SnackBarProvider.T-xLQpTN.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useState as a, useEffect as n } from "react";
-import { Toaster as s } from "react-hot-toast";
+import { useState as a, useEffect as s } from "react";
+import { Toaster as n } from "react-hot-toast";
 const l = {
   background: "initial",
   padding: "initial",
@@ -11,13 +11,13 @@ const l = {
   alignItems: "initial",
   borderRadius: "initial",
   maxWidth: "800px"
-}, i = "aristid-ds-toaster", d = () => {
-  const [o, r] = a(!0);
-  return n(() => {
-    const e = document.querySelector(`.${i}`);
-    r(!!e);
-  }, []), o ? t("div", {}) : t(s, { containerClassName: i, position: "bottom-center", toastOptions: { style: l } });
-}, p = d;
+}, i = "aristid-ds-toaster", p = () => {
+  const [o, e] = a(!0);
+  return s(() => {
+    const r = document.querySelector(`.${i}`);
+    e(!!r);
+  }, []), o ? t("div", {}) : t(n, { containerClassName: i, position: "bottom-center", toastOptions: { style: l } });
+};
 export {
-  p as I
+  p as K
 };

package/dist/chunks/useGetPopupContainer.efPkxYe1.js

@@ -0,0 +1,18 @@
+import "../assets/useGetPopupContainer.css";
+const o = "_header_uvhbg_59", a = "_back_uvhbg_68", r = "_close_uvhbg_25", s = "_card_uvhbg_83", _ = "_content_uvhbg_86", i = {
+  "kit-side-panel-wrapper": "_kit-side-panel-wrapper_uvhbg_2",
+  "kit-side-panel": "_kit-side-panel_uvhbg_2",
+  header: o,
+  back: a,
+  close: r,
+  card: s,
+  content: _
+}, d = (e, n) => n ?? (() => {
+  var t;
+  const c = e.current && "nativeElement" in e.current ? e.current.nativeElement : e.current;
+  return (t = c == null ? void 0 : c.closest(`.${i["kit-side-panel"]}`)) !== null && t !== void 0 ? t : document.body;
+});
+export {
+  i as s,
+  d as u
+};