aristid-ds 0.13.0 → 1.0.0

package/CHANGELOG.md

@@ -1,6 +1,27 @@
 # Changelog
 
-## [0.13.0](https://www.npmjs.com/package/aristid-ds/v/0.13.0) (2024-02-19)
+## [1.0.0](https://www.npmjs.com/package/aristid-ds/v/1.0.0) (2024-02-02)
+* **⚠️ Breaking change - Button:**  (@evoiron)
+    * update color Management
+    * remove design tokens
+    * remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
+    * rename props:
+      * `segmentedColor` is now `color`
+      * `segmentedactived` is now `active`
+      * `segmentedChecked` is now `checked`
+    * modify button types:
+      * add `tertiary` type
+      * remove `link` type
+
+### ✨ Features
+* **Typography:**
+    * Add `color` prop to set color on each typography elements (@evoiron)
+
+* **Breadcrumb:**
+    * change `breadcrumb` design (@Delmotte-Vincent)
+    * add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
+
+## [0.13.0](https://www.npmjs.com/package/aristid-ds/v/0.13.0) (2024-02-16)
 
 ### 🐛 Bug Fixes
 * remove styled-components for improved performances. All Components impacted (@evoiron)

package/dist/Kit/App/index.js

@@ -1,74 +1,74 @@
 import "../../assets/index19.css";
-import r, { useState as p, useLayoutEffect as K, useRef as g, useEffect as v } from "react";
+import r, { useState as p, useLayoutEffect as g, useRef as v, useEffect as K } from "react";
 import { ConfigProvider as E } from "antd";
-import { K as L } from "../../chunks/SnackBarProvider.i0xeV0xG.js";
+import { I as L } from "../../chunks/SnackBarProvider.v49b6mkx.js";
 import { createGlobalStyle as P } from "styled-components";
 import { toCssVariables as d, uuid as S } from "../../utils/functions/index.js";
-import s from "lodash/merge";
+import l from "lodash/merge";
 import { Style as C } from "react-style-tag";
 import { K as b } from "../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
+import { KitAristidThemeGeneral as s } from "../../theme/aristid/general/index.js";
 import { antdThemeConfig as h } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as m } from "../../translation/fr-FR/index.js";
-import { enUS as F } from "../../translation/en-US/index.js";
-import { K as R, u as T } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as $ } from "../../translation/utils/index.js";
-import { d as k } from "../../chunks/notification-provider.kV-P-2Jh.js";
-const y = P`
+import { enUS as I } from "../../translation/en-US/index.js";
+import { K as F, u as R } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as T } from "../../translation/utils/index.js";
+import { d as $ } from "../../chunks/notification-provider.kV-P-2Jh.js";
+const k = P`
   .${(t) => t.id} {
     ${(t) => d(t.customTheme)};
   }
-`, A = "aristid-ds-global", I = ({ children: t, customTheme: e, id: o }) => {
-  const [i, n] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
-  return K(() => {
-    const a = d(l, "--general");
-    n(a);
-  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, i !== null && r.createElement(
+`, y = "aristid-ds-global", A = ({ children: t, customTheme: e, id: o }) => {
+  const [n, i] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
+  return g(() => {
+    const a = d(s, "--general");
+    i(a);
+  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, n !== null && r.createElement(
     r.Fragment,
     null,
-    r.createElement(C, { id: A, hasSourceMap: !1 }, `
+    r.createElement(C, { id: y, hasSourceMap: !1 }, `
                             :root{
-                                ${Object.keys(i).map((a) => `${a}: ${i[a]}`).join(";")}
+                                ${Object.keys(n).map((a) => `${a}: ${n[a]}`).join(";")}
                             }
                         `),
-    e && r.createElement(y, { id: c, customTheme: e }),
+    e && r.createElement(k, { id: c, customTheme: e }),
     t
   ));
 }, x = (t, e) => {
   var o;
-  const i = g(t || "ds-" + S().substring(0, 8)), n = s(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
-  return { theme: l, appId: i.current, spacing: n };
+  const n = v(t || "ds-" + S().substring(0, 8)), i = l(s.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
+  return { theme: s, appId: n.current, spacing: i };
 }, j = ({ children: t }) => {
   const e = G();
-  return r.createElement(R.Provider, { value: e }, t);
+  return r.createElement(F.Provider, { value: e }, t);
 }, G = () => {
   const [t, e] = p(m);
-  return { locale: t, setKitLocale: (i) => {
-    if (i.locale === "frFR") {
-      const n = s(m, i);
-      e(n);
+  return { locale: t, setKitLocale: (n) => {
+    if (n.locale === "frFR") {
+      const i = l(m, n);
+      e(i);
     } else {
-      const n = s(F, i);
-      e(n);
+      const i = l(I, n);
+      e(i);
     }
   } };
-}, Z = ({ children: t, locale: e, customTheme: o, id: i }) => r.createElement(
-  I,
-  { customTheme: o, id: i },
+}, Z = ({ children: t, locale: e, customTheme: o, id: n }) => r.createElement(
+  A,
+  { customTheme: o, id: n },
   r.createElement(
     j,
     null,
     r.createElement(U, { locale: e }, t)
   )
 ), U = ({ children: t, locale: e }) => {
-  const { setKitLocale: o } = T();
-  return v(() => {
+  const { setKitLocale: o } = R();
+  return K(() => {
     e !== void 0 && o(e);
   }, [e, o]), r.createElement(
     E,
-    { theme: h, locale: $(e) },
+    { theme: h, locale: T(e) },
     r.createElement(
-      k,
+      $,
       null,
       r.createElement(L, null),
       t

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

@@ -8,7 +8,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { K as y } from "../../../chunks/index.8Ha0pWt_.js";
+import { K as y } from "../../../chunks/index.kVWdzwin.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.8Ha0pWt_.js";
+import { b as e } from "../../../chunks/index.kVWdzwin.js";
 export {
   e as KitCollapse
 };

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

@@ -1,6 +1,6 @@
 import "react";
 import "classnames";
-import { a as q } from "../../../chunks/index.8Ha0pWt_.js";
+import { a as q } from "../../../chunks/index.kVWdzwin.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

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

@@ -4,7 +4,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { c as u } from "../../../chunks/index.8Ha0pWt_.js";
+import { c as u } from "../../../chunks/index.kVWdzwin.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.8Ha0pWt_.js";
+import { d as r } from "../../../chunks/index.kVWdzwin.js";
 export {
   r as KitTag
 };

package/dist/Kit/DataDisplay/index.js

@@ -1,7 +1,7 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as e } from "./Badge/index.js";
 import { KitLegacyCard as K } from "./LegacyCard/index.js";
-import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.8Ha0pWt_.js";
+import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.kVWdzwin.js";
 import { KitImage as g } from "./Image/index.js";
 import { KitTooltip as l } from "./Tooltip/index.js";
 import { KitTree as b } from "./Tree/index.js";

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

@@ -5,7 +5,7 @@ import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../../chunks/InputWrapper.sHItZx7l.js";
-import { e as b } from "../../../chunks/index.8Ha0pWt_.js";
+import { e as b } from "../../../chunks/index.kVWdzwin.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-regular-svg-icons";

package/dist/Kit/DataEntry/index.js

@@ -4,7 +4,7 @@ import { KitInputNumber as m } from "./InputNumber/index.js";
 import { K } from "../../chunks/InputWrapper.sHItZx7l.js";
 import { KitRadio as a } from "./Radio/index.js";
 import { KitRate as l } from "./Rate/index.js";
-import { e as d } from "../../chunks/index.8Ha0pWt_.js";
+import { e as d } from "../../chunks/index.kVWdzwin.js";
 import { KitSwitch as n } from "./Switch/index.js";
 import { KitDatePicker as I } from "./DatePicker/index.js";
 import { KitAutoComplete as b } from "./AutoComplete/index.js";

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

@@ -1,5 +1,5 @@
 import "../../../assets/index24.css";
-import { K as v } from "../../../chunks/SnackBarProvider.i0xeV0xG.js";
+import { I as v } from "../../../chunks/SnackBarProvider.v49b6mkx.js";
 import t from "react";
 import { toast as m } from "react-hot-toast";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -8,7 +8,7 @@ import { faXmark as N } from "@fortawesome/free-solid-svg-icons";
 import f from "classnames";
 const B = {
   "kit-snackbar": "_kit-snackbar_1k0m4_2"
-}, K = ({ message: r, className: c, ctaText: a, ctaOnClick: e, closable: o, style: k }) => {
+}, S = ({ message: r, className: c, ctaText: a, ctaOnClick: e, closable: o, style: k }) => {
   const { appId: l } = b(), i = a !== void 0 && e !== void 0, s = o !== void 0, d = `auto ${i ? "min-content" : ""} ${s ? "12px" : ""}`, p = f(l, B["kit-snackbar"], c, {
     "with-close-container": s,
     "with-cta-container": i
@@ -42,11 +42,11 @@ const B = {
       )
     )
   );
-}, S = K, g = 4e3, h = ({ message: r, closable: c, ctaText: a, ctaOnClick: e, duration: o = g }) => (n(), m(t.createElement(S, { message: r, ctaText: a, ctaOnClick: e, closable: c }), {
+}, g = S, h = 4e3, u = ({ message: r, closable: c, ctaText: a, ctaOnClick: e, duration: o = h }) => (n(), m(t.createElement(g, { message: r, ctaText: a, ctaOnClick: e, closable: c }), {
   duration: o
 })), n = () => {
   m.remove();
-}, x = h, y = n, D = v;
+}, x = u, y = n, D = v;
 export {
   D as KitSnackBarProvider,
   y as closeKitSnackBar,

package/dist/Kit/General/Button/index.js

@@ -1,51 +1,62 @@
 import "../../../assets/index14.css";
-import s, { forwardRef as _ } from "react";
-import { Button as E } from "antd";
-import { u as K } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
-import { faCircleCheck as x } from "@fortawesome/free-solid-svg-icons";
-import A from "../../../hooks/useSecureClick/index.js";
-import I from "classnames";
-const N = {
-  "kit-btn": "_kit-btn_169t9_2"
-}, R = ({ iconSize: e, primaryModal: l, type: t, segmentedChecked: u, segmentedActived: r, segmentedColor: i, textColor: o, className: d, wrapperClassName: c, wrapperStyle: f, onClick: m, disableSecureClick: k, children: a, ...n }, b) => {
-  const { appId: v } = K(), g = A(m), B = () => {
-    if (l)
-      return "primary";
-    switch (t) {
-      case "segmented":
-      default:
-        return "default";
-      case "primary":
-      case "link":
-      case "text":
-      case "default":
-        return t;
-    }
-  }, $ = I(v, N["kit-btn"], d, `kit-btn-${t ?? "default"}`, {
-    // 'kit-btn-segmented': type === 'segmented',
-    [`kit-btn-${o ?? "default"}`]: t === "text",
-    [`kit-btn-${i ?? "default"}`]: t === "segmented" && !n.danger,
-    "ant-btn-icon-only": !a && a !== 0 && !n.loading && n.icon,
-    [`icon-${e ?? "m"}`]: e,
-    "kit-btn-segmented-actived": r
+import i, { forwardRef as O, useState as $, useMemo as w, useEffect as x, cloneElement as R } from "react";
+import h from "@ant-design/icons/LoadingOutlined";
+import { u as j } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { FontAwesomeIcon as A } from "@fortawesome/react-fontawesome";
+import { faCircleCheck as D } from "@fortawesome/free-solid-svg-icons";
+import F from "../../../hooks/useSecureClick/index.js";
+import L from "classnames";
+const M = {
+  "kit-btn": "_kit-btn_1l8t6_2"
+}, q = (t) => {
+  var e;
+  if (!t)
+    return null;
+  const n = t.props;
+  return R(t, {
+    className: ((e = n == null ? void 0 : n.className) !== null && e !== void 0 ? e : "") + " kit-btn-icon"
   });
-  return s.createElement(
-    "div",
-    { className: c ?? "", style: {
-      position: "relative",
-      display: "inline-block",
-      ...f
-    } },
-    s.createElement(
-      E,
-      { ...n, className: $, ghost: l, type: B(), onClick: k ? m : g, ref: b },
-      a,
-      t === "segmented" && u && s.createElement(h, { icon: x, className: "kit-btn-segmented-actived-icon" })
-    )
+}, G = (t) => {
+  if (typeof t == "object" && t) {
+    let e = t == null ? void 0 : t.delay;
+    return e = !Number.isNaN(e) && typeof e == "number" ? e : 0, {
+      loading: e <= 0,
+      delay: e
+    };
+  }
+  return {
+    loading: !!t,
+    delay: 0
+  };
+}, H = ({ iconSize: t, primaryModal: e, type: n = "secondary", checked: d, active: f, loading: s = !1, icon: r, danger: b, color: c, block: k, className: p, onClick: a, disableSecureClick: y, children: m, disabled: g, ...v }, N) => {
+  const { appId: E } = j(), [_, u] = $(!1), l = w(() => G(s), [s]), C = F(a), T = !m && r, B = L(E, M["kit-btn"], p, {
+    [`kit-btn-${n}`]: !e && n,
+    "kit-btn-primaryModal": e,
+    "kit-btn-danger": b,
+    "kit-btn-block": k,
+    "kit-btn-segmented-active": f,
+    [`icon-${t ?? "m"}`]: t,
+    "kit-btn-icon-only": T,
+    [`kit-btn-color-${c}`]: c
+  }), I = q(r);
+  return x(() => {
+    let o = null;
+    l.delay > 0 ? o = setTimeout(() => {
+      o = null, u(!0);
+    }, l.delay) : u(l.loading);
+    function K() {
+      o && (clearTimeout(o), o = null);
+    }
+    return K;
+  }, [s, l]), i.createElement(
+    "button",
+    { onClick: y ? a : C, disabled: g, ref: N, ...v, className: B },
+    _ ? i.createElement(h, { className: "kit-btn-icon" }) : I,
+    m,
+    n === "segmented" && d && i.createElement(A, { icon: D, className: "kit-btn-segmented-actived-icon" })
   );
-}, T = _(R);
-T.displayName = "KitButton";
+}, J = O(H);
+J.displayName = "KitButton";
 export {
-  T as KitButton
+  J as KitButton
 };

package/dist/Kit/General/Typography/commons.d.ts

@@ -1,7 +1,9 @@
 import { TitleLevel, TypographyWeight, TypographyWeightKeys } from './types';
+import { CSSProperties } from 'react';
 export declare const getWeightClassname: ({ className, weight }: {
     className?: string | undefined;
     weight?: TypographyWeightKeys | undefined;
 }) => string;
 export declare const TYPOGRAPHY_WEIGHT: TypographyWeight;
 export declare const TITLE_LEVEL: TitleLevel;
+export declare const getCustomColor: (color: string | undefined | null) => CSSProperties | null;

package/dist/Kit/General/Typography/index.js

@@ -1,65 +1,93 @@
 import "../../../assets/index28.css";
-import o, { forwardRef as l } from "react";
-import T from "antd/lib/typography/Base";
-import m from "classnames";
-import { Typography as y } from "antd";
-import { u as g } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-const h = ({ className: t = "", weight: a = "regular" }) => m(t, {
-  "ant-typography-regular": a === n.regular,
-  "ant-typography-medium": a === n.medium,
-  "ant-typography-bold": a === n.bold
-}), n = {
+import n, { forwardRef as c, useMemo as m } from "react";
+import K from "antd/lib/typography/Base";
+import i from "classnames";
+import { isValidColor as _, getColor as N } from "../../../utils/functions/index.js";
+import { u as s } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { Typography as k } from "antd";
+const u = ({ className: a = "", weight: t = "regular" }) => i(a, {
+  "ant-typography-regular": t === h.regular,
+  "ant-typography-medium": t === h.medium,
+  "ant-typography-bold": t === h.bold
+}), h = {
   regular: "regular",
   medium: "medium",
   bold: "bold"
-}, c = {
+}, d = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
   h4: "h4"
-}, k = l(({ level: t = c.h1, ...a }, r) => {
-  const p = c[t], e = T;
-  return o.createElement(e, { ref: r, ...a, component: p });
+}, E = (a) => ["primary", "grey", "black", "black60", "white"].includes(a), g = (a) => {
+  if (!a || !(_(a) || E(a)))
+    return null;
+  let t = "";
+  switch (a) {
+    case "primary":
+      t = "var(--general-colors-primary-primary400)";
+      break;
+    case "grey":
+      t = "var(--general-colors-neutral-grey-grey400)";
+      break;
+    case "black":
+      t = "var(--general-colors-neutral-typography-black)";
+      break;
+    case "black60":
+      t = "var(--general-colors-neutral-typography-black60)";
+      break;
+    case "white":
+      t = "var(--general-colors-neutral-typography-white)";
+      break;
+    default:
+      t = N(a);
+      break;
+  }
+  return {
+    "--kit-typography-color": t
+  };
+}, p = {
+  "kit-typography-link": "_kit-typography-link_7fb2b_2",
+  "kit-typography-paragraph": "_kit-typography-paragraph_7fb2b_17",
+  "kit-typography-text": "_kit-typography-text_7fb2b_32"
+}, b = c(({ level: a = d.h1, ...t }, e) => {
+  const { appId: r } = s(), l = d[a], o = K, y = m(() => ({ ...t.style, ...g(t.color) }), [t.color, t.style]), I = i(r, p["kit-typography-title"], t.className);
+  return n.createElement(o, { ref: e, ...t, component: l, className: I, style: y });
 });
-k.displayName = "KitTitle";
-const K = k, s = {
-  "kit-typography-link": "_kit-typography-link_yx5ix_2",
-  "kit-typography-paragraph": "_kit-typography-paragraph_yx5ix_16",
-  "kit-typography-text": "_kit-typography-text_yx5ix_30"
-}, d = l(({ size: t = "medium", className: a, ...r }, p) => {
-  const { appId: e } = g(), i = m(s["kit-typography-text"], {
-    "kit-typography-text-small": t === "small",
-    "kit-typography-text-medium": t === "medium",
-    "kit-typography-text-large": t === "large"
-  }, a);
-  return o.createElement(y.Text, { ...r, ref: p, className: `${e} ${i} ${h(r)}` });
+b.displayName = "KitTitle";
+const L = b, T = c(({ size: a = "medium", className: t, ...e }, r) => {
+  const { appId: l } = s(), o = i(l, p["kit-typography-text"], {
+    "kit-typography-text-small": a === "small",
+    "kit-typography-text-medium": a === "medium",
+    "kit-typography-text-large": a === "large"
+  }, t), y = m(() => ({ ...e.style, ...g(e.color) }), [e.color, e.style]);
+  return n.createElement(k.Text, { ...e, ref: r, className: `${o} ${u(e)}`, style: y });
 });
-d.displayName = "KitText";
-const _ = d, u = l(({ size: t = "medium", className: a, ...r }, p) => {
-  const { appId: e } = g(), i = m(s["kit-typography-link"], {
-    "kit-typography-link-small": t === "small",
-    "kit-typography-link-medium": t === "medium",
-    "kit-typography-link-large": t === "large"
-  }, a);
-  return o.createElement(y.Link, { ...r, ref: p, className: `${e} ${i} ${h(r)}` });
+T.displayName = "KitText";
+const P = T, x = c(({ size: a = "medium", className: t, ...e }, r) => {
+  const { appId: l } = s(), o = i(l, p["kit-typography-link"], {
+    "kit-typography-link-small": a === "small",
+    "kit-typography-link-medium": a === "medium",
+    "kit-typography-link-large": a === "large"
+  }, t), y = m(() => ({ ...e.style, ...g(e.color) }), [e.color, e.style]);
+  return n.createElement(k.Link, { ...e, ref: r, className: `${o} ${u(e)}`, style: y });
 });
-u.displayName = "KitLink";
-const I = u, x = l(({ size: t = "medium", className: a, ...r }, p) => {
-  const { appId: e } = g(), i = m(s["kit-typography-paragraph"], {
-    "kit-typography-paragraph-small": t === "small",
-    "kit-typography-paragraph-medium": t === "medium",
-    "kit-typography-paragraph-large": t === "large"
-  }, a);
-  return o.createElement(y.Paragraph, { ...r, ref: p, className: `${e} ${i} ${h(r)}` });
+x.displayName = "KitLink";
+const C = x, f = c(({ size: a = "medium", className: t, ...e }, r) => {
+  const { appId: l } = s(), o = i(l, p["kit-typography-paragraph"], {
+    "kit-typography-paragraph-small": a === "small",
+    "kit-typography-paragraph-medium": a === "medium",
+    "kit-typography-paragraph-large": a === "large"
+  }, t), y = m(() => ({ ...e.style, ...g(e.color) }), [e.color, e.style]);
+  return n.createElement(k.Paragraph, { ...e, ref: r, className: `${o} ${u(e)}`, style: y });
 });
-x.displayName = "KitParagraph";
-const $ = x, E = {
-  Title: K,
-  Text: _,
-  Link: I,
+f.displayName = "KitParagraph";
+const $ = f, v = {
+  Title: L,
+  Text: P,
+  Link: C,
   Paragraph: $
 };
-E.displayName = "KitTypography";
+v.displayName = "KitTypography";
 export {
-  E as KitTypography
+  v as KitTypography
 };

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

@@ -1,15 +1,29 @@
 import "../../../assets/index17.css";
-import c from "react";
-import { Breadcrumb as a } from "antd";
-import { u as o } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import i from "classnames";
-const s = {
-  "kit-breadcrumb": "_kit-breadcrumb_1nurc_2"
-}, u = ({ className: r, ...t }) => {
-  const { appId: e } = o(), m = i(e, s["kit-breadcrumb"], r);
-  return c.createElement(a, { ...t, className: m });
+import n, { useMemo as c } from "react";
+import { Breadcrumb as i } from "antd";
+import { u as s } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import u from "classnames";
+const l = {
+  "kit-breadcrumb": "_kit-breadcrumb_1fivb_2"
+}, d = (e) => {
+  if (e !== void 0)
+    return e.map((r) => {
+      const { icon: m, ...t } = r;
+      return m ? {
+        ...t,
+        title: n.createElement(
+          n.Fragment,
+          null,
+          m,
+          t.title && n.createElement("span", { style: { marginLeft: "4px" } }, t.title)
+        )
+      } : t;
+    });
+}, p = ({ className: e, items: r, ...m }) => {
+  const { appId: t } = s(), o = u(t, l["kit-breadcrumb"], e), a = c(() => d(r), [r]);
+  return n.createElement(i, { ...m, className: o, items: a });
 };
-u.displayName = "KitBreadcrumb";
+p.displayName = "KitBreadcrumb";
 export {
-  u as KitBreadcrumb
+  p as KitBreadcrumb
 };

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

@@ -10,7 +10,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { f as v } from "../../../chunks/index.8Ha0pWt_.js";
+import { f as v } from "../../../chunks/index.kVWdzwin.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,4 +1,4 @@
-import { g as r } from "../../../chunks/index.8Ha0pWt_.js";
+import { g as r } from "../../../chunks/index.kVWdzwin.js";
 export {
   r as KitMenu
 };

package/dist/Kit/Navigation/index.js

@@ -1,6 +1,6 @@
 import { KitBreadcrumb as t } from "./Breadcrumb/index.js";
 import { KitDropDown as i } from "./DropDown/index.js";
-import { f as a, g as f } from "../../chunks/index.8Ha0pWt_.js";
+import { f as a, g as f } from "../../chunks/index.kVWdzwin.js";
 import { KitSteps as K } from "./Steps/index.js";
 import { KitPagination as n } from "./Pagination/index.js";
 export {

package/dist/Kit/index.js

@@ -1,7 +1,7 @@
 import { KitAvatar as o } from "./DataDisplay/Avatar/index.js";
 import { KitBadge as e } from "./DataDisplay/Badge/index.js";
 import { KitLegacyCard as i } from "./DataDisplay/LegacyCard/index.js";
-import { K as p, b as A, f as m, a as l, c as f, g as K, e as c, d } from "../chunks/index.8Ha0pWt_.js";
+import { K as p, b as A, f as m, a as l, c as f, g as K, e as c, d } from "../chunks/index.kVWdzwin.js";
 import { KitImage as u } from "./DataDisplay/Image/index.js";
 import { KitTooltip as C } from "./DataDisplay/Tooltip/index.js";
 import { KitTree as g } from "./DataDisplay/Tree/index.js";