aristid-ds 8.0.0-e14b2c4 → 9.0.0-0c111e0

package/CHANGELOG.md

@@ -1,6 +1,33 @@
 # Changelog
 
-## [x.x.x](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2024-07-31)
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (202X-XX-XX)
+
+### ✨ Features
+
+-   **New - PageLayout:**
+    -   Add PageLayout component (@Delmotte-Vincent)
+
+-   **SideMenu:**
+    -   Add `customContent` property to display a custom component depending on `open` side menu state (@philippechevieux)
+-   **ItemList:**
+    -   Make `idCardProps` property optional (@philippechevieux)
+    -   Add `idCardSubstitute` to display a custom component (@philippechevieux)
+    -   Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
+-   **InputWrapper:**
+    -   Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
+    -   Add `onFocus` to trigger a given function when content is focused. Also if `bordered` is set to `true` it will change the border render (@philippechevieux)
+    -   Add `htmlFor` property to link the label to the wrapped content. This property is also available for: (@philippechevieux)
+        -   `AutoComplete`
+        -   `DatePicker` and `RangePicker`
+        -   `Input`, `Password` and `TextArea`
+        -   `InputNumber`
+        -   `Select`
+
+### 📚 Documentation
+
+-   Fix design tokens page that crashed every time it was consulted (@philippechevieux)
+
+## [9.0.0](https://www.npmjs.com/package/aristid-ds/v/9.0.0) (2024-08-28)
 
 ### 🎨 Theming
 
@@ -22,9 +49,21 @@
 ### ✨ Features
 
 -   **⚠️ Breaking change - Header Component:**
-    - Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
-    - Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
-    - Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
+    -   Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
+    -   Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
+    -   Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
+-   **⚠️ Breaking change - Typography:**
+    -   Change expected value of `size` prop. `small`, `medium` and `large` are replaced by fontSize from `fontSize1` to `fontSize7` (@philippechevieux)
+    -   Remove `type` prop because it is not used anymore and has been replaced by `color` (@philippechevieux)
+-   **⚠️ Breaking change - RedirectCard:**
+
+    -   Rename `imageSrc` as `coverSrc` and `imageAlt` as `coverAlt` (@philippechevieux)
+    -   Add `actions` prop to display between 1 and 3 buttons (@philippechevieux)
+    -   Fix cover divider render on hover (@philippechevieux)
+
+-   **⚠️ Breaking change - Grid Component:**
+
+    -   Update `Grid` internal code. We have moved from the Antd Grid component to a home-made component. Please refer to the documentation for use.
 
 -   **Dropdown:**
     -   Update border, active & selected styles (@renaudAmsellem)
@@ -37,6 +76,11 @@
 -   **Menu (Deprecated):**
     -   Deprecate Menu component
     -   Move Menu documentation to deprecated folder
+-   **Button**
+    -   Add `link` and `redirect` Button types (@evoiron)
+    -   Deprecate `text' Button type (@evoiron)
+-   **Skeleton:**
+    -   Add a new component `KitSkeleton` (@Delmotte-Vincent)
 
 ## [8.0.0](https://www.npmjs.com/package/aristid-ds/v/8.0.0) (2024-07-25)
 

package/README.md

@@ -59,7 +59,7 @@ mkdir DESIGN-SYSTEM
 2. Clone the repo
 
 ```sh dark
-git clone https://gitlab.aristid.com/dev/design-system.git
+git clone git@github.com:aristid-dev/design-system.git
 ```
 
 3. Install requiered packages

package/dist/Kit/App/index.d.ts

@@ -6,4 +6,5 @@ export declare const KitApp: FunctionComponent<{
     locale?: IKitLocale;
     children?: ReactNode;
     id?: string;
+    useMediaQueries?: boolean;
 }>;

package/dist/Kit/App/index.js

@@ -1,75 +1,136 @@
-import "../../assets/index22.css";
-import { jsx as n, jsxs as d, Fragment as K } from "react/jsx-runtime";
-import { useState as f, useLayoutEffect as h, useRef as L, useEffect as S } from "react";
-import { ConfigProvider as P } from "antd";
-import { K as C } from "../../chunks/SnackBarProvider.xMKXdZ88.js";
-import { createGlobalStyle as T } from "styled-components";
-import { toCssVariables as u, uuid as b } from "../../utils/functions/index.js";
-import a from "lodash/merge";
-import { Style as y } from "react-style-tag";
-import { K as E } from "../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitAristidThemeGeneral as m } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as k } from "../../theme/utils/tokens-mapper/index.js";
-import { frFR as p } from "../../translation/fr-FR/index.js";
-import { enUS as x } from "../../translation/en-US/index.js";
-import { K as A, u as F } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as I } from "../../translation/utils/index.js";
-import { d as $ } from "../../chunks/notification-provider.5EFnJe91.js";
+import "../../assets/index25.css";
+import { jsx as n, jsxs as v, Fragment as x } from "react/jsx-runtime";
+import { useMemo as K, useState as k, useLayoutEffect as b, useRef as S, useEffect as P } from "react";
+import { ConfigProvider as L } from "antd";
+import { K as y } from "../../chunks/SnackBarProvider.xMKXdZ88.js";
+import { createGlobalStyle as R } from "styled-components";
+import { toCssVariables as h, uuid as C } from "../../utils/functions/index.js";
+import s from "lodash/merge";
+import { Style as w } from "react-style-tag";
+import { K as G } from "../../chunks/useKitTheme.KSAU-Pdv.js";
+import { KitAristidThemeGeneral as a } from "../../theme/aristid/general/index.js";
+import { antdThemeConfig as E } from "../../theme/utils/tokens-mapper/index.js";
+import { frFR as f } from "../../translation/fr-FR/index.js";
+import { enUS as _ } from "../../translation/en-US/index.js";
+import { a as I, u as j } from "../../chunks/index.qBmLATvd.js";
+import { mapKitLocaleToAntdLocale as A } from "../../translation/utils/index.js";
+import { d as F } from "../../chunks/notification-provider.5EFnJe91.js";
 import "../DataDisplay/Avatar/index.js";
 import "../DataDisplay/Badge/index.js";
-import "../../chunks/index.8ubgPqV2.js";
-import { KitEmpty as c } from "../DataDisplay/Empty/index.js";
-import "../DataDisplay/Error/index.js";
+import { m as z } from "../../chunks/index.e61-Ll-P.js";
+import { KitEmpty as $ } from "../DataDisplay/Empty/index.js";
 import "../DataDisplay/IdCard/index.js";
-import "../DataDisplay/Image/index.js";
 import "../DataDisplay/Table/index.js";
 import "../DataDisplay/Tabs/index.js";
 import "../DataDisplay/Tree/index.js";
 import "../DataDisplay/Tooltip/index.js";
 import "classnames";
-import "../DataDisplay/RedirectCard/index.js";
-const j = T`
-  .${(t) => t.id} {
-      ${(t) => u(t.customTheme)};
+const M = "aristid-ds-grid", m = (i, o) => !i && !o ? "" : i ? o ? `@media screen and (min-width: ${i}px) and (max-width: ${o}px)` : `@media screen and (min-width: ${i}px)` : `@media screen and (max-width: ${o}px)`, g = (i) => {
+  var o, t;
+  const e = (o = i.closed.colWidth) !== null && o !== void 0 ? o : "auto", r = (t = i.open.colWidth) !== null && t !== void 0 ? t : "auto";
+  return `
+        .kit-row-inner {
+            grid-template-columns: repeat(${i.columns}, ${e === "auto" ? "1fr" : `${e}px`});
+            column-gap: ${i.closed.colGap}px;
+            width: ${e === "auto" ? "100%" : "auto"};
+            ${i.closed.marginRight ? `margin-right: ${i.closed.marginRight}px;` : ""}
+            ${i.horizontalPadding ? `padding: 0 ${i.horizontalPadding}px` : ""}
+        }
+        &.kit-row-menu-open {
+            .kit-row-inner {
+                grid-template-columns: repeat(${i.columns}, ${r === "auto" ? "1fr" : `${r}px`});
+                column-gap: ${i.open.colGap}px;
+                width: ${r === "auto" ? "100%" : "auto"};
+                ${i.open.marginRight ? `margin-right: ${i.open.marginRight}px;` : ""}
+                ${i.horizontalPadding ? `padding: 0 ${i.horizontalPadding}px` : ""}
+            }
+        }
+    `;
+}, B = ({ theme: i, customTheme: o, id: t }) => {
+  const r = K(() => s(i, o == null ? void 0 : o.general), [i, o]).breakpoints.reverse(), c = [
+    // add css rules for fixed rows breakpoints (non mediaQueries)
+    ...r.map((d) => `
+            .${t}.kit-row.kit-row-fixed.${d} {
+                ${g(i.grid[d])}
+            }
+        `),
+    // add css rules for non  width > larger breakpoints
+    `
+            ${m(i.grid[r[0]].width + 1, void 0)} {
+                /* breakpoint: ${r[0]}*/
+                .${t}.kit-row:not(.kit-row-fixed) {
+                    ${g(i.grid[r[0]])}
+                }
+            }
+        `,
+    // add css rules for intermediate breakpoints breakpoints
+    ...r.slice(0, -1).map((d, l) => `
+                ${m(i.grid[r[l + 1]].width + 1, i.grid[d].width)} {
+                    /* breakpoint: ${d}*/
+                    .${t}.kit-row:not(.kit-row-fixed) {
+                        ${g(i.grid[d])}
+                    }
+                }
+                `),
+    // css rules for width < smallest breakpoint
+    `
+            ${m(void 0, i.grid[r[r.length - 1]].width)} {
+                /* breakpoint: ${r[r.length - 1]}*/
+                .${t}.kit-row:not(.kit-row-fixed) {
+                    ${g(i.grid[r[r.length - 1]])}
+                }
+            }
+        `
+  ];
+  return n(w, { id: M, hasSourceMap: !1, children: c.join("") });
+}, N = R`
+  .${(i) => i.id} {
+      ${(i) => h(i.customTheme)};
 
   }
-`, R = "aristid-ds-global", _ = ({ children: t, customTheme: r, id: i }) => {
-  const [o, e] = f(null), { theme: g, appId: l, spacing: v } = G(i, r);
-  return h(() => {
-    const s = u(m, "--general");
-    e(s);
-  }, []), n(E.Provider, { value: { theme: g, appId: l, spacing: v }, children: o !== null && d(K, { children: [n(y, { id: R, hasSourceMap: !1, children: `
+`, U = "aristid-ds-global", V = ({ children: i, customTheme: o, id: t, useMediaQueries: e = !0 }) => {
+  const [r, c] = k(null), { theme: d, appId: l, spacing: u } = D(t, o);
+  return b(() => {
+    const p = h(a, "--general");
+    c(p);
+  }, []), n(G.Provider, { value: { theme: d, appId: l, spacing: u }, children: r !== null && v(x, { children: [n(w, { id: U, hasSourceMap: !1, children: `
                             :root{
-                                ${Object.keys(o).map((s) => `${s}: ${o[s]}`).join(";")}
+                                ${Object.keys(r).map((p) => `${p}: ${r[p]}`).join(";")}
                             }
-                        ` }), r && n(j, { id: l, customTheme: a({ general: { utilities: m.utilities } }, r) }), t] }) });
-}, G = (t, r) => {
-  var i;
-  const o = L(t || "ds-" + b().substring(0, 8)), e = a(m.spacing, (i = r == null ? void 0 : r.general) === null || i === void 0 ? void 0 : i.spacing);
-  return { theme: m, appId: o.current, spacing: e };
-}, N = ({ children: t }) => {
-  const r = U();
-  return n(A.Provider, { value: r, children: t });
-}, U = () => {
-  const [t, r] = f(p);
-  return { locale: t, setKitLocale: (o) => {
-    if (o.locale === "frFR") {
-      const e = a(p, o);
-      r(e);
+                        ` }), o && n(N, { id: l, customTheme: s({ general: { utilities: a.utilities } }, o) }), e && n(B, { theme: a, customTheme: o, id: l }), i] }) });
+}, D = (i, o) => {
+  var t, e, r;
+  const c = S(i || "ds-" + C().substring(0, 8)), d = s(a.spacing, (t = o == null ? void 0 : o.general) === null || t === void 0 ? void 0 : t.spacing), l = s(a.breakpoints, (e = o == null ? void 0 : o.general) === null || e === void 0 ? void 0 : e.breakpoints), u = s(a.grid, (r = o == null ? void 0 : o.general) === null || r === void 0 ? void 0 : r.grid);
+  return {
+    theme: a,
+    appId: c.current,
+    spacing: d,
+    breakpoints: l,
+    grid: u
+  };
+}, O = ({ children: i }) => {
+  const o = Q();
+  return n(I.Provider, { value: o, children: i });
+}, Q = () => {
+  const [i, o] = k(f);
+  return { locale: i, setKitLocale: (e) => {
+    if (e.locale === "frFR") {
+      const r = s(f, e);
+      o(r);
     } else {
-      const e = a(x, o);
-      r(e);
+      const r = s(_, e);
+      o(r);
     }
   } };
-}, vr = ({ children: t, locale: r, customTheme: i, id: o }) => n(_, { customTheme: i, id: o, children: n(N, { children: n(V, { locale: r, children: t }) }) }), V = ({ children: t, locale: r }) => {
-  const { locale: i, setKitLocale: o } = F();
-  return S(() => {
-    r !== void 0 && o(r);
-  }, [r, o]), n(P, { theme: k, locale: I(r), renderEmpty: () => {
-    var e;
-    return n(c, { className: "default-render", image: c.ASSET_LIST, description: (e = i.Empty) === null || e === void 0 ? void 0 : e.noData });
-  }, children: d($, { children: [n(C, {}), t] }) });
+}, wi = ({ children: i, locale: o, customTheme: t, id: e, useMediaQueries: r }) => n(V, { customTheme: t, id: e, useMediaQueries: r, children: n(O, { children: n(q, { locale: o, children: n(z, { children: i }) }) }) }), q = ({ children: i, locale: o }) => {
+  const { locale: t, setKitLocale: e } = j();
+  return P(() => {
+    o !== void 0 && e(o);
+  }, [o, e]), n(L, { theme: E, locale: A(o), renderEmpty: () => {
+    var r;
+    return n($, { className: "default-render", image: $.ASSET_LIST, description: (r = t.Empty) === null || r === void 0 ? void 0 : r.noData });
+  }, children: v(F, { children: [n(y, {}), i] }) });
 };
 export {
-  vr as KitApp
+  wi as KitApp
 };

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

@@ -1,4 +1,4 @@
-import { a as e } from "../../../chunks/index.8ubgPqV2.js";
+import { a as e } from "../../../chunks/index.e61-Ll-P.js";
 export {
   e as KitCollapse
 };

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

@@ -1,4 +1,4 @@
-import "../../../assets/index32.css";
+import "../../../assets/index31.css";
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { Empty as m } from "antd";
 import { u } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,30 +1,18 @@
-import "../../../assets/index21.css";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { Empty as p } from "antd";
-import { u as h } from "../../../chunks/useKitLocale.96CdK3og.js";
-import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "react/jsx-runtime";
+import "antd";
+import "../../../chunks/index.qBmLATvd.js";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Button/index.js";
-import { KitTypography as s } from "../../General/Typography/index.js";
+import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../Layout/Divider/index.js";
-import "../../Layout/Grid/index.js";
-import { KitSpace as v } from "../../Layout/Space/index.js";
+import "../../Layout/Space/index.js";
 import "color-convert";
 import "color-string";
 import "lodash/isEmpty";
-import d from "classnames";
+import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-const f = l("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 602 301", width: "602", height: "301", fill: "none", "aria-hidden": !0, children: [t("path", { className: "fill-100", d: "M0 222.443v-41.122L89.3821 40.483h36.5409v55.8238h-21.2L52.4148 179.19v1.705H181.854v41.548H0Zm105.362 36.222v-48.793l1.066-18.004V40.483h49.325v218.182h-50.391ZM299.734 263.991c-19.034 0-35.441-4.509-49.219-13.529-13.778-9.091-24.396-22.124-31.854-39.098-7.457-17.046-11.15-37.536-11.079-61.471.071-23.934 3.799-44.247 11.186-60.937 7.457-16.7614 18.04-29.51 31.747-38.2458C264.293 41.9034 280.7 37.5 299.734 37.5c19.034 0 35.44 4.4034 49.218 13.2102 13.85 8.7358 24.503 21.4844 31.961 38.2458 7.457 16.761 11.15 37.074 11.079 60.937 0 24.006-3.729 44.532-11.186 61.577-7.457 17.046-18.075 30.078-31.854 39.098-13.707 8.949-30.113 13.423-49.218 13.423Zm0-43.146c11.363 0 20.561-5.788 27.592-17.365 7.031-11.648 10.511-29.51 10.44-53.587 0-15.767-1.598-28.764-4.794-38.991-3.196-10.298-7.635-17.9688-13.316-23.0114-5.682-5.0426-12.323-7.5639-19.922-7.5639-11.293 0-20.419 5.7173-27.38 17.152-6.96 11.3633-10.475 28.8353-10.546 52.4143-.071 15.981 1.455 29.226 4.58 39.738 3.197 10.511 7.671 18.359 13.424 23.544 5.753 5.113 12.393 7.67 19.922 7.67ZM419.531 222.443v-41.122l89.382-140.838h36.542v55.8238h-21.201L471.946 179.19v1.705h129.439v41.548H419.531Zm105.362 36.222v-48.793l1.066-18.004V40.483h49.325v218.182h-50.391Z" }), t("path", { className: "fill-200", d: "M252.023 171.594c1.758-2.93 5.86-2.93 7.618 0 7.617 9.961 24.023 33.398 24.023 45.117 0 15.234-12.305 27.539-28.125 27.539-15.234 0-28.125-12.305-28.125-27.539 0-11.719 16.992-35.156 24.609-45.117Zm116.602 32.226c5.273 5.274 5.859 14.063.586 19.922-4.688 5.86-14.063 6.446-19.922 1.172-12.305-11.133-28.711-18.164-46.289-18.164-8.203 0-14.062-5.859-14.062-14.062 0-7.618 5.859-14.063 14.062-14.063 25.195 0 48.047 9.961 65.625 25.195Zm-19.336-100.195c10.547 0 18.75 8.789 18.75 18.75 0 10.547-8.203 18.75-18.75 18.75s-18.75-8.203-18.75-18.75c0-9.961 8.203-18.75 18.75-18.75Zm-93.75 37.5c-10.547 0-18.75-8.203-18.75-18.75 0-9.961 8.203-18.75 18.75-18.75s18.75 8.789 18.75 18.75c0 10.547-8.203 18.75-18.75 18.75ZM303 .5c82.617 0 150 67.3828 150 150 0 83.203-67.383 150-150 150-83.203 0-150-66.797-150-150 0-82.6172 66.797-150 150-150ZM255.539 263c14.649 6.445 30.469 9.375 47.461 9.375 66.797 0 121.875-54.492 121.875-121.875 0-66.7969-55.078-121.875-121.875-121.875-67.383 0-121.875 55.0781-121.875 121.875 0 31.055 11.133 59.18 29.883 80.859 6.445 18.75 24.023 31.641 44.531 31.641Z" })] }), Z = {
-  "kit-error": "_kit-error_1ivt5_2"
-}, u = ({ title: i, description: r }, e) => {
-  var o;
-  const m = typeof r == "string" || typeof r == "number" ? t(s.Paragraph, { children: r }) : r, c = t(s.Paragraph, { children: (o = e.Error) === null || o === void 0 ? void 0 : o.error404 });
-  return l(v, { direction: "vertical", size: "l", children: [t(s.Title, { className: "error-title", level: "h1", children: i }), m, c] });
-}, g = ({ className: i, title: r, description: e, ...o }) => {
-  const { appId: m } = n(), { locale: c } = h(), a = d(m, Z["kit-error"], i);
-  return t(p, { ...o, description: u({ title: r, description: e }, c), image: f, className: a });
-};
-g.displayName = "KitError";
+import { b as g } from "../../../chunks/index.e61-Ll-P.js";
 export {
   g as KitError
 };

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

@@ -1,22 +1,22 @@
 import "../../../assets/index2.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import m from "classnames";
-import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import n from "classnames";
+import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Button/index.js";
-import { KitTypography as n } from "../../General/Typography/index.js";
+import { KitTypography as m } from "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import { K as x } from "../../../chunks/Avatar.N2w2jq_C.js";
-const y = {
+import { K as y } from "../../../chunks/Avatar.N2w2jq_C.js";
+const g = {
   "kit-id-card": "_kit-id-card_mmcks_2"
-}, D = (s, i, t) => {
-  const r = m({ "kit-id-card-title-large": i === "large" });
-  return o(n.Text, { className: r, size: "large", weight: "bold", ellipsis: { tooltip: !0 }, disabled: t, children: s });
-}, K = (s, i, t) => {
-  const r = i === "medium" ? "small" : "large";
-  return o(n.Text, { size: r, ellipsis: { tooltip: !0 }, disabled: t, children: s });
-}, T = ({ className: s, title: i, description: t, avatarProps: r, size: a = "medium", disabled: e = !1, ...p }) => {
-  const { appId: u } = v(), h = m(u, y["kit-id-card"], s), g = r !== void 0, l = i !== void 0, c = t !== void 0, f = l || c;
-  return d("div", { className: `${h} id-card-grid`, ...p, children: [g && o("div", { className: "card-avatar", children: o(x, { ...r, disabled: e }) }), f && d("div", { className: "card-info", children: [l && D(i, a, e), c && K(t, a, e)] })] });
+}, D = (r, i, t) => {
+  const o = n({ "kit-id-card-title-large": i === "large" });
+  return s(m.Text, { className: o, size: "fontSize5", weight: "bold", ellipsis: { tooltip: !0 }, disabled: t, children: r });
+}, K = (r, i, t) => {
+  const o = i === "medium" ? "fontSize7" : "fontSize5";
+  return s(m.Text, { size: o, ellipsis: { tooltip: !0 }, disabled: t, children: r });
+}, T = ({ className: r, title: i, description: t, avatarProps: o, size: c = "medium", disabled: e = !1, ...p }) => {
+  const { appId: u } = x(), h = n(u, g["kit-id-card"], r), f = o !== void 0, a = i !== void 0, d = t !== void 0, v = a || d;
+  return l("div", { className: `${h} id-card-grid`, ...p, children: [f && s("div", { className: "card-avatar", children: s(y, { ...o, disabled: e }) }), v && l("div", { className: "card-info", children: [a && D(i, c, e), d && K(t, c, e)] })] });
 };
 T.displayName = "KitIdCard";
 export {

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

@@ -1,24 +1,10 @@
-import "../../../assets/index3.css";
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-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.96CdK3og.js";
-import { u as j } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-const m = {
-  "kit-image": "_kit-image_t5juo_2",
-  "mask-container": "_mask-container_t5juo_23"
-}, x = ({ rounded: n, bordered: c, preview: o, className: t, ...p }) => {
-  var e;
-  const { locale: u } = _(), { appId: f } = j(), i = k("div", { className: m["mask-container"], children: [r(v, { icon: I }), (e = u.Image) === null || e === void 0 ? void 0 : e.preview] }), l = () => typeof o == "object" ? { mask: i, ...o } : o === void 0 ? { mask: i } : o, g = d(f, m["kit-image"], t ?? "", {
-    rounded: n,
-    bordered: c
-  });
-  return r(a, { className: g, preview: l(), ...p });
-}, s = x;
-s.PreviewGroup = a.PreviewGroup;
-s.displayName = "KitImage";
+import "react/jsx-runtime";
+import "antd";
+import "classnames";
+import "@fortawesome/react-fontawesome";
+import "@fortawesome/free-solid-svg-icons";
+import { K } from "../../../chunks/index.qBmLATvd.js";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 export {
-  s as KitImage
+  K as KitImage
 };

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

@@ -9,7 +9,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.8ubgPqV2.js";
+import { K as y } from "../../../chunks/index.e61-Ll-P.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -5,7 +5,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { b as M } from "../../../chunks/index.8ubgPqV2.js";
+import { c as H } from "../../../chunks/index.e61-Ll-P.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
@@ -15,9 +15,8 @@ import "../../DataEntry/ColorPicker/index.js";
 import "../Avatar/index.js";
 import "../Badge/index.js";
 import "../Empty/index.js";
-import "../Error/index.js";
 import "../IdCard/index.js";
-import "../Image/index.js";
+import "../../../chunks/index.qBmLATvd.js";
 import "../Table/index.js";
 import "../Tabs/index.js";
 import "../Tree/index.js";
@@ -25,7 +24,6 @@ import "../Tooltip/index.js";
 import "antd";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
-import "../RedirectCard/index.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
@@ -36,5 +34,5 @@ import "../../../chunks/styles.module.taPo3VoP.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
 export {
-  M as KitItemList
+  H as KitItemList
 };

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

@@ -4,9 +4,11 @@ import {IKitActionButton} from '../../DataDisplay/types';
 import {KitHTMLAttributes} from '../../../types';
 
 export interface IKitItemList extends KitHTMLAttributes<HTMLDivElement> {
-    idCardProps: IKitIdCard;
+    idCardProps?: IKitIdCard;
+    idCardSubstitute?: ReactNode;
     draggableHandler?: ReactNode;
     onSelect?: (isChecked: boolean) => void;
+    checkboxAriaLabel?: string;
     onClick?: () => void;
     actions?: IKitActionButton[];
     content?: ReactNode;

package/dist/Kit/DataDisplay/RedirectCard/RedirectCardActions.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IKitRedirectCardActions } from './types';
+export declare const RedirectCardActions: FunctionComponent<IKitRedirectCardActions>;

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

@@ -1,30 +1,19 @@
-import "../../../assets/index6.css";
-import { jsxs as o, jsx as r, Fragment as y } from "react/jsx-runtime";
-import I from "classnames";
-import { forwardRef as K } from "react";
-import { u as g } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
-import { faArrowRight as v } from "@fortawesome/free-solid-svg-icons";
+import "react/jsx-runtime";
+import "classnames";
+import { d as g } from "../../../chunks/index.e61-Ll-P.js";
+import "react";
+import "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "@fortawesome/react-fontawesome";
+import "@fortawesome/free-solid-svg-icons";
 import "../../General/Button/index.js";
-import { KitTypography as s } from "../../General/Typography/index.js";
-import { KitIcon as m } from "../../General/Icon/index.js";
-import { KitDivider as w } from "../../Layout/Divider/index.js";
-import "../../Layout/Grid/index.js";
+import "../../General/Typography/index.js";
+import "../../General/Icon/index.js";
+import "../../Layout/Divider/index.js";
 import "../../Layout/Space/index.js";
 import "color-convert";
 import "color-string";
 import "lodash/isEmpty";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-const R = {
-  "kit-redirect-card": "_kit-redirect-card_19ref_2"
-}, D = K(({ className: a, style: d, title: n, description: e, icon: c, imageAlt: p = "", imageSrc: i, disabled: t, onClick: l }, f) => {
-  const { appId: h } = g(), k = I(R["kit-redirect-card"], a, h, {
-    "kit-redirect-card-disabled": t,
-    "kit-redirect-card-image": i
-  }), u = c && !i, x = i;
-  return o("div", { className: k, tabIndex: t ? -1 : 0, style: d, onClick: l, ref: f, children: [u && r(m, { className: "kit-redirect-card-icon", icon: c }), x && o(y, { children: [r("img", { alt: p, src: i }), r(w, { noMargin: !0 })] }), o("div", { className: "kit-redirect-card-content", children: [o("section", { children: [r(s.Title, { ellipsis: { tooltip: !0 }, level: "h3", disabled: t, children: n }), e && r(s.Paragraph, { ellipsis: { rows: 2, tooltip: e }, disabled: t, children: e })] }), r(m, { className: "kit-redirect-card-redirect-icon", icon: r(N, { icon: v }) })] })] });
-});
-D.displayName = "KitRedirectCard";
 export {
-  D as KitRedirectCard
+  g as KitRedirectCard
 };

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

@@ -1,4 +1,5 @@
 import {CSSProperties, ReactNode} from 'react';
+import {IKitActionButton} from '../types';
 
 export interface IKitRedirectCard {
     title: string;
@@ -6,8 +7,17 @@ export interface IKitRedirectCard {
     style?: CSSProperties;
     description?: string;
     icon?: ReactNode;
-    imageAlt?: string;
-    imageSrc?: string;
+    coverAlt?: string;
+    coverSrc?: string;
     disabled?: boolean;
     onClick?: (e: MouseEvent<HTMLElement>) => void;
+    actions?:
+        | [IKitActionButton]
+        | [IKitActionButton, IKitActionButton]
+        | [IKitActionButton, IKitActionButton, IKitActionButton];
 }
+
+export type IKitRedirectCardActions = {
+    disabled: IKitRedirectCard['disabled'];
+    actions: IKitRedirectCard['actions'];
+};

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

@@ -1,4 +1,4 @@
-import "../../../assets/index23.css";
+import "../../../assets/index20.css";
 import { jsx as a } from "react/jsx-runtime";
 import { Table as I } from "antd";
 import k from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index4.css";
+import "../../../assets/index3.css";
 import { jsx as m } from "react/jsx-runtime";
 import { Tabs as c } from "antd";
 import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import { c as r } from "../../../chunks/index.8ubgPqV2.js";
+import { e as o } from "../../../chunks/index.e61-Ll-P.js";
 export {
-  r as KitTag
+  o as KitTag
 };

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

@@ -1,4 +1,4 @@
-import "../../../assets/index5.css";
+import "../../../assets/index4.css";
 import { jsx as i } from "react/jsx-runtime";
 import { Tree as a } from "antd";
 import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataDisplay/index.js

@@ -1,30 +1,28 @@
 import { KitAvatar as o } from "./Avatar/index.js";
-import { KitBadge as i } from "./Badge/index.js";
-import { a as K, K as a, b as p, c as f } from "../../chunks/index.8ubgPqV2.js";
-import { KitEmpty as s } from "./Empty/index.js";
-import { KitError as T } from "./Error/index.js";
+import { KitBadge as a } from "./Badge/index.js";
+import { a as K, b as m, K as p, c as f, d as x, e as s } from "../../chunks/index.e61-Ll-P.js";
+import { KitEmpty as T } from "./Empty/index.js";
 import { KitIdCard as C } from "./IdCard/index.js";
-import { KitImage as b } from "./Image/index.js";
+import { K as b } from "../../chunks/index.qBmLATvd.js";
 import { KitTable as c } from "./Table/index.js";
 import { KitTabs as u } from "./Tabs/index.js";
 import { KitTree as y } from "./Tree/index.js";
 import { KitTooltip as B } from "./Tooltip/index.js";
 import { KitTour as R } from "./Tour/index.js";
-import { KitRedirectCard as j } from "./RedirectCard/index.js";
 export {
   o as KitAvatar,
-  i as KitBadge,
+  a as KitBadge,
   K as KitCollapse,
-  s as KitEmpty,
-  T as KitError,
+  T as KitEmpty,
+  m as KitError,
   C as KitIdCard,
   b as KitImage,
-  a as KitItemCard,
-  p as KitItemList,
-  j as KitRedirectCard,
+  p as KitItemCard,
+  f as KitItemList,
+  x as KitRedirectCard,
   c as KitTable,
   u as KitTabs,
-  f as KitTag,
+  s as KitTag,
   B as KitTooltip,
   R as KitTour,
   y as KitTree