aristid-ds 2.0.0-43af034 → 2.0.0-ae6eeaa

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2024-XX-XX)
+### ✨ Features
+* **Empty:**
+  * Add a new component `KitEmpty` (@philippechevieux)
+* **IdCard:**
+  * Add a new component `KitIdCard` (@philippechevieux)
+* **Avatar:**
+  * Add `label` property to retrieve avatar initials from (@philippechevieux)
+  * Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
+
+### 🐛 Bug Fixes
+* **Button:**
+  * Add missing property `htmlType` to `KitButton` (@philippechevieux)
+* **Build:**
+  * Build as EsModule and commonjs module (@evoiron)
+
 ## [2.0.0](https://www.npmjs.com/package/aristid-ds/v/2.0.0) (2024-03-06)
 ### ✨ Features
 * **⚠️ Breaking change - Modal:**  (@evoiron)

package/dist/Kit/App/index.js

@@ -1,80 +1,93 @@
-import "../../assets/index19.css";
-import r, { useState as p, useLayoutEffect as K, useRef as g, useEffect as v } from "react";
-import { ConfigProvider as E } from "antd";
-import { K as L } from "../../chunks/SnackBarProvider.i0xeV0xG.js";
+import "../../assets/index20.css";
+import o, { useState as d, useLayoutEffect as g, useRef as E, useEffect as K } from "react";
+import { ConfigProvider as L } from "antd";
+import { K as S } from "../../chunks/SnackBarProvider.i0xeV0xG.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 { Style as C } from "react-style-tag";
-import { K as b } from "../../chunks/useKitTheme.KSAU-Pdv.js";
+import { toCssVariables as f, uuid as C } from "../../utils/functions/index.js";
+import m from "lodash/merge";
+import { Style as b } from "react-style-tag";
+import { K as y } from "../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as l } 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.KGowspef.js";
-const y = P`
+import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
+import { frFR as c } from "../../translation/fr-FR/index.js";
+import { enUS as h } from "../../translation/en-US/index.js";
+import { a as k, u as A } from "../../chunks/index.obeyXpPl.js";
+import { mapKitLocaleToAntdLocale as F } from "../../translation/utils/index.js";
+import { d as I } from "../../chunks/notification-provider.KGowspef.js";
+import "../DataDisplay/Avatar/index.js";
+import "../DataDisplay/Badge/index.js";
+import "../../chunks/index.Y2ZBe70Q.js";
+import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
+import "../DataDisplay/IdCard/index.js";
+import "../DataDisplay/LegacyCard/index.js";
+import "../DataDisplay/Tabs/index.js";
+import "../DataDisplay/Tree/index.js";
+import "../DataDisplay/Tooltip/index.js";
+import "classnames";
+const R = P`
   .${(t) => t.id} {
-    ${(t) => d(t.customTheme)};
+    ${(t) => f(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(
-    r.Fragment,
+`, $ = "aristid-ds-global", x = ({ children: t, customTheme: e, id: n }) => {
+  const [r, i] = d(null), { theme: u, appId: s, spacing: v } = _(n, e);
+  return g(() => {
+    const a = f(l, "--general");
+    i(a);
+  }, []), o.createElement(y.Provider, { value: { theme: u, appId: s, spacing: v } }, r !== null && o.createElement(
+    o.Fragment,
     null,
-    r.createElement(C, { id: A, hasSourceMap: !1 }, `
+    o.createElement(b, { id: $, hasSourceMap: !1 }, `
                             :root{
-                                ${Object.keys(i).map((a) => `${a}: ${i[a]}`).join(";")}
+                                ${Object.keys(r).map((a) => `${a}: ${r[a]}`).join(";")}
                             }
                         `),
-    e && r.createElement(y, { id: c, customTheme: e }),
+    e && o.createElement(R, { id: s, 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 };
+}, _ = (t, e) => {
+  var n;
+  const r = E(t || "ds-" + C().substring(0, 8)), i = m(l.spacing, (n = e == null ? void 0 : e.general) === null || n === void 0 ? void 0 : n.spacing);
+  return { theme: l, appId: r.current, spacing: i };
 }, j = ({ children: t }) => {
   const e = G();
-  return r.createElement(R.Provider, { value: e }, t);
+  return o.createElement(k.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);
+  const [t, e] = d(c);
+  return { locale: t, setKitLocale: (r) => {
+    if (r.locale === "frFR") {
+      const i = m(c, r);
+      e(i);
     } else {
-      const n = s(F, i);
-      e(n);
+      const i = m(h, r);
+      e(i);
     }
   } };
-}, Z = ({ children: t, locale: e, customTheme: o, id: i }) => r.createElement(
-  I,
-  { customTheme: o, id: i },
-  r.createElement(
+}, ce = ({ children: t, locale: e, customTheme: n, id: r }) => o.createElement(
+  x,
+  { customTheme: n, id: r },
+  o.createElement(
     j,
     null,
-    r.createElement(U, { locale: e }, t)
+    o.createElement(N, { locale: e }, t)
   )
-), U = ({ children: t, locale: e }) => {
-  const { setKitLocale: o } = T();
-  return v(() => {
-    e !== void 0 && o(e);
-  }, [e, o]), r.createElement(
-    E,
-    { theme: h, locale: $(e) },
-    r.createElement(
-      k,
+), N = ({ children: t, locale: e }) => {
+  const { locale: n, setKitLocale: r } = A();
+  return K(() => {
+    e !== void 0 && r(e);
+  }, [e, r]), o.createElement(
+    L,
+    { theme: T, locale: F(e), renderEmpty: () => {
+      var i;
+      return o.createElement(p, { className: "default-render", image: p.ASSET_LIST, description: (i = n.Empty) === null || i === void 0 ? void 0 : i.noData });
+    } },
+    o.createElement(
+      I,
       null,
-      r.createElement(L, null),
+      o.createElement(S, null),
       t
     )
   );
 };
 export {
-  Z as KitApp
+  ce as KitApp
 };

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

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, PropsWithChildren } from 'react';
 import { IKitAvatar } from './types';
-declare const KitAvatar: FunctionComponent<IKitAvatar>;
+declare const KitAvatar: FunctionComponent<PropsWithChildren<IKitAvatar>>;
 export default KitAvatar;

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

@@ -1,31 +1,31 @@
-import "../../../assets/index20.css";
-import s, { useMemo as k } from "react";
-import { Avatar as m } from "antd";
+import "../../../assets/index21.css";
+import m, { useMemo as y } from "react";
+import { Avatar as n } from "antd";
 import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { isValidColor as d, getColor as A, isSecondaryColor as y, getLighterColor as C, getContrastColor as K } from "../../../utils/functions/index.js";
-import { kitAvatarCssTokens as i } from "../../../theme/aristid/components/DataDisplay/Avatar/index.js";
-import n from "classnames";
-const l = {
+import { getInitials as C, isValidColor as K, getColor as _, isSecondaryColor as x, getLighterColor as N, getContrastColor as h } from "../../../utils/functions/index.js";
+import { kitAvatarCssTokens as s } from "../../../theme/aristid/components/DataDisplay/Avatar/index.js";
+import l from "classnames";
+const c = {
   "kit-avatar": "_kit-avatar_w3aj4_2",
   "kit-avatar-group": "_kit-avatar-group_w3aj4_7"
-}, _ = (t, a) => !t || !d(t) ? null : {
-  [i.colors.background.default]: A(t, a),
-  [i.colors.typography.default]: y(t) ? C(t, a) : K(t)
-}, c = ({ color: t, className: a, style: r, secondaryColorInvert: o = !1, ...e }) => {
-  const { appId: v } = p(), g = k(() => ({ ...r, ..._(t, o) }), [t, o, r]), f = n(v, l["kit-avatar"], a);
-  return s.createElement(m, { style: g, className: f, ...e });
+}, G = (t, a) => !t || !K(t) ? null : {
+  [s.colors.background.default]: _(t, a),
+  [s.colors.typography.default]: x(t) ? N(t, a) : h(t)
+}, u = ({ label: t, initialsMaxChars: a, color: r, className: e, style: o, secondaryColorInvert: i = !1, children: g, ...f }) => {
+  const { appId: k } = p(), d = y(() => ({ ...o, ...G(r, i) }), [r, i, o]), A = l(k, c["kit-avatar"], e);
+  return m.createElement(n, { style: d, className: A, ...f }, t !== void 0 ? C(t, a) : g);
 };
-c.displayName = "KitAvatar";
-const x = ({ className: t, maxCount: a, ...r }) => {
-  const { appId: o } = p(), e = n(o, l["kit-avatar-group"], t, {
+u.displayName = "KitAvatar";
+const S = ({ className: t, maxCount: a, ...r }) => {
+  const { appId: e } = p(), o = l(e, c["kit-avatar-group"], t, {
     "override-last": a
   });
-  return s.createElement(m.Group, { ...r, maxCount: a, className: e, maxStyle: {
+  return m.createElement(n.Group, { ...r, maxCount: a, className: o, maxStyle: {
     cursor: r.maxPopoverTrigger === "click" ? "pointer" : "initial"
   } });
-}, N = x, u = c;
-u.displayName = "KitAvatar";
-u.Group = N;
+}, T = S, v = u;
+v.displayName = "KitAvatar";
+v.Group = T;
 export {
-  u as KitAvatar
+  v as KitAvatar
 };

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

@@ -8,6 +8,8 @@ type AntdAvatarTypesToOmit = '';
 type AntdAvatarGroupTypesToOmit = 'maxStyle';
 
 export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+    label?: string;
+    initialsMaxChars?: number;
     color?: KitColorProp;
     secondaryColorInvert?: boolean;
 }

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.F6xtnegv.js";
+import { K as y } from "../../../chunks/index.Y2ZBe70Q.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.F6xtnegv.js";
+import { b as e } from "../../../chunks/index.Y2ZBe70Q.js";
 export {
   e as KitCollapse
 };

package/dist/Kit/DataDisplay/Empty/Empty.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IKitEmpty } from './types';
+declare const KitEmpty: FunctionComponent<IKitEmpty>;
+export default KitEmpty;

package/dist/Kit/DataDisplay/Empty/index.d.ts

@@ -0,0 +1,2 @@
+import { KitEmptyCompoundedComponent } from './types';
+export declare const KitEmpty: KitEmptyCompoundedComponent;

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

@@ -0,0 +1,221 @@
+import "../../../assets/index30.css";
+import e from "react";
+import { Empty as d } from "antd";
+import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import E from "classnames";
+import { KitTypography as s } from "../../General/Typography/index.js";
+import { KitSpace as u } from "../../Layout/Space/index.js";
+const g = e.createElement(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "41 42 124 106" },
+  e.createElement("path", { className: "fill-100", d: "M150.941 132.426V66.624a4 4 0 0 0-4-4H99.969a4 4 0 0 1-4-4V57.1a4 4 0 0 0-4-4H44.997a4 4 0 0 0-4 4v75.325a4 4 0 0 0 4 4h101.944a4 4 0 0 0 4-4Z" }),
+  e.createElement(
+    "g",
+    { filter: "url(#filter-folder)" },
+    e.createElement("path", { className: "fill-white", d: "M71.978 144V91.68a4 4 0 0 1 4-4h35.507a3.892 3.892 0 0 0 3.892-3.891 3.891 3.891 0 0 1 3.891-3.892h35.507a4 4 0 0 1 4 4V144a4 4 0 0 1-4 4H75.978a4 4 0 0 1-4-4Z" }),
+    e.createElement("path", { className: "stroke-400", d: "M72.478 91.68V144a3.5 3.5 0 0 0 3.5 3.5h78.797a3.5 3.5 0 0 0 3.5-3.5V83.897a3.5 3.5 0 0 0-3.5-3.5h-35.507a3.391 3.391 0 0 0-3.391 3.392 4.392 4.392 0 0 1-4.392 4.392H75.978a3.5 3.5 0 0 0-3.5 3.5Z" })
+  ),
+  e.createElement("path", { className: "fill-200", d: "M55 108a4 4 0 0 1 4-4h34a4 4 0 0 1 0 8H59a4 4 0 0 1-4-4ZM55 121a4 4 0 0 1 4-4h66a4 4 0 0 1 0 8H59a4 4 0 0 1-4-4Z" }),
+  e.createElement("path", { className: "fill-400", d: "M165 82a8 8 0 1 0-16 0 8 8 0 0 0 16 0ZM71.996 54.571a2.67 2.67 0 0 0-3.777 0l-11.33 11.33a2.67 2.67 0 0 0 3.776 3.778l11.33-11.331a2.67 2.67 0 0 0 0-3.777Z" }),
+  e.createElement("path", { className: "fill-white stroke-400", "stroke-width": "2", d: "M74.113 43c-5.347 0-9.683 4.335-9.683 9.683 0 5.347 4.335 9.683 9.683 9.683s9.683-4.336 9.683-9.683c0-5.348-4.335-9.683-9.683-9.683Z" }),
+  e.createElement(
+    "defs",
+    null,
+    e.createElement(
+      "filter",
+      { id: "filter-folder", width: "102.798", height: "84.103", x: "63.978", y: "74.897", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64030" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64030", result: "shape" })
+    )
+  )
+), w = e.createElement(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "17 46 161 108" },
+  e.createElement("path", { className: "fill-100", d: "M17 110a8 8 0 0 1 8-8h72a8 8 0 0 1 8 8v30a8 8 0 0 1-8 8H25a8 8 0 0 1-8-8v-30Z" }),
+  e.createElement("path", { className: "fill-200", d: "M33 118a3 3 0 0 1 3-3h26a3 3 0 1 1 0 6H36a3 3 0 0 1-3-3ZM89 118a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z" }),
+  e.createElement("path", { className: "fill-white", d: "M33 137a3 3 0 0 1 3-3h50a3 3 0 1 1 0 6H36a3 3 0 0 1-3-3Z" }),
+  e.createElement("path", { className: "fill-100", d: "M114 61a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v44a8 8 0 0 1-8 8h-48a8 8 0 0 1-8-8V61Z" }),
+  e.createElement("path", { className: "fill-200", d: "M154 69a8 8 0 1 0-16 0 8 8 0 0 0 16 0ZM130 88a3 3 0 0 1 3-3h26a3 3 0 1 1 0 6h-26a3 3 0 0 1-3-3Z" }),
+  e.createElement("path", { className: "fill-white", d: "M130 102a3 3 0 0 1 3-3h26a3 3 0 1 1 0 6h-26a3 3 0 0 1-3-3Z" }),
+  e.createElement("path", { className: "stroke-400", "stroke-linecap": "round", "stroke-width": "2", d: "M47 140.529V149a4 4 0 0 0 4 4h8.47M140.529 153H149a4 4 0 0 0 4-4v-8.471M59.47 47H51a4 4 0 0 0-4 4v8.47M153 59.47V51a4 4 0 0 0-4-4h-8.471" }),
+  e.createElement(
+    "g",
+    { filter: "url(#filter-list)" },
+    e.createElement("path", { className: "fill-white", d: "M47 90a8 8 0 0 1 8-8h90a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H55a8 8 0 0 1-8-8V90Z" }),
+    e.createElement("path", { className: "stroke-400", d: "M47.5 90a7.5 7.5 0 0 1 7.5-7.5h90a7.5 7.5 0 0 1 7.5 7.5v20a7.5 7.5 0 0 1-7.5 7.5H55a7.5 7.5 0 0 1-7.5-7.5V90Z" }),
+    e.createElement("path", { className: "fill-400", d: "M79 98a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z" }),
+    e.createElement("path", { className: "fill-200", d: "M87 93a3 3 0 0 1 3-3h26a3 3 0 1 1 0 6H90a3 3 0 0 1-3-3Z" }),
+    e.createElement("path", { className: "fill-100", d: "M87 107a3 3 0 0 1 3-3h44a3 3 0 1 1 0 6H90a3 3 0 0 1-3-3Z" })
+  ),
+  e.createElement(
+    "defs",
+    null,
+    e.createElement(
+      "filter",
+      { id: "filter-list", width: "122", height: "52", x: "39", y: "77", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63975" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63975", result: "shape" })
+    )
+  )
+), x = e.createElement(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "16.4 44.4 167.2 105.6" },
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "16.4", y: "56.5", className: "fill-100", rx: "4.4" }),
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "49.4", y: "56.5", className: "fill-100", rx: "4.4" }),
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "82.4", y: "56.5", className: "fill-100", rx: "4.4" }),
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "86.8", y: "135.7", className: "fill-100", rx: "4.4" }),
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "119.8", y: "135.7", className: "fill-100", rx: "4.4" }),
+  e.createElement("rect", { width: "30.8", height: "14.3", x: "152.8", y: "135.7", className: "fill-100", rx: "4.4" }),
+  e.createElement(
+    "g",
+    { filter: "url(#filter-modal)" },
+    e.createElement("path", { className: "fill-white", d: "M42.8 74.1a8.8 8.8 0 0 1 8.8-8.8h96.8a8.8 8.8 0 0 1 8.8 8.8v58.3a8.8 8.8 0 0 1-8.8 8.8H51.6a8.8 8.8 0 0 1-8.8-8.8V74.1Z", "shape-rendering": "crispEdges" }),
+    e.createElement("path", { className: "stroke-400", "stroke-width": "1.1", d: "M43.35 74.1a8.25 8.25 0 0 1 8.25-8.25h96.8a8.25 8.25 0 0 1 8.25 8.25v58.3a8.25 8.25 0 0 1-8.25 8.25H51.6a8.25 8.25 0 0 1-8.25-8.25V74.1Z", "shape-rendering": "crispEdges" }),
+    e.createElement("path", { className: "fill-200", d: "M51.6 77.4a3.3 3.3 0 0 1 3.3-3.3h61.6a3.3 3.3 0 1 1 0 6.6H54.9a3.3 3.3 0 0 1-3.3-3.3Z" }),
+    e.createElement("path", { className: "fill-100", d: "M51.6 86.2a3.3 3.3 0 0 1 3.3-3.3h28.6a3.3 3.3 0 0 1 0 6.6H54.9a3.3 3.3 0 0 1-3.3-3.3Z" }),
+    e.createElement("rect", { width: "29.7", height: "13.2", x: "52.15", y: "92.25", className: "fill-white stroke-400", "stroke-width": "1.1", rx: "3.85" }),
+    e.createElement("rect", { width: "29.7", height: "13.2", x: "85.15", y: "92.25", className: "fill-white stroke-400", "stroke-width": "1.1", rx: "3.85" }),
+    e.createElement(
+      "g",
+      { filter: "url(#filter-modal-bis)" },
+      e.createElement("rect", { width: "30.8", height: "14.3", x: "117.6", y: "91.7", className: "fill-white", rx: "4.4" }),
+      e.createElement("rect", { width: "29.7", height: "13.2", x: "118.15", y: "92.25", className: "stroke-400", "stroke-width": "1.1", rx: "3.85" })
+    ),
+    e.createElement("path", { className: "stroke-400 fill-400", d: "M145.891 111.225c.275.241.343.584.24.928a.867.867 0 0 1-.79.516h-4.366l2.028 4.262c.206.413 0 .894-.412 1.1a.775.775 0 0 1-1.066-.378l-2.028-4.228-2.853 3.369a.834.834 0 0 1-.619.309.984.984 0 0 1-.309-.069c-.31-.103-.516-.412-.516-.756v-12.719c0-.343.172-.618.481-.756a.578.578 0 0 1 .344-.103c.172 0 .378.103.516.206l9.35 8.319Z" })
+  ),
+  e.createElement("path", { className: "fill-white stroke-400", "stroke-width": "2.2", d: "M148.292 47.15c1.27-2.2 4.446-2.2 5.716 0l15.718 27.225c1.27 2.2-.317 4.95-2.858 4.95h-31.436c-2.541 0-4.128-2.75-2.858-4.95l15.718-27.225Z" }),
+  e.createElement("path", { className: "fill-400", d: "M149.752 68.216v-.196c.004-.671.063-1.207.177-1.606.119-.399.29-.721.515-.967.225-.246.495-.468.812-.668.236-.153.447-.313.634-.477.187-.166.336-.348.446-.547.111-.204.166-.43.166-.68 0-.264-.063-.497-.189-.696a1.256 1.256 0 0 0-.509-.46 1.503 1.503 0 0 0-.697-.162c-.248 0-.482.056-.703.167a1.346 1.346 0 0 0-.543.484c-.141.21-.217.474-.229.788H147.3c.019-.767.202-1.4.549-1.9a3.144 3.144 0 0 1 1.377-1.122 4.683 4.683 0 0 1 1.892-.374c.759 0 1.43.127 2.013.38.583.25 1.04.612 1.372 1.088.331.476.497 1.05.497 1.721 0 .45-.074.848-.223 1.197a2.922 2.922 0 0 1-.612.921 4.744 4.744 0 0 1-.931.72c-.302.18-.549.368-.744.564a1.92 1.92 0 0 0-.428.68c-.092.257-.139.573-.143.95v.195h-2.167Zm1.132 3.684c-.381 0-.707-.134-.977-.403a1.328 1.328 0 0 1-.395-.978 1.302 1.302 0 0 1 .395-.968c.27-.268.596-.403.977-.403.362 0 .68.135.955.403a1.327 1.327 0 0 1 .217 1.664 1.492 1.492 0 0 1-.497.5 1.294 1.294 0 0 1-.675.185Z" }),
+  e.createElement(
+    "defs",
+    null,
+    e.createElement(
+      "filter",
+      { id: "filter-modal", width: "130.4", height: "91.9", x: "34.8", y: "60.3", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })
+    ),
+    e.createElement(
+      "filter",
+      { id: "filter-modal-bis", width: "46.8", height: "30.3", x: "109.6", y: "86.7", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0.592157 0 0 0 0 0.72549 0 0 0 0 0.992157 0 0 0 1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })
+    )
+  )
+), M = e.createElement(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "44 21 128 151" },
+  e.createElement("path", { className: "fill-100", d: "M60 111a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v53a8 8 0 0 1-8 8H68a8 8 0 0 1-8-8v-53Z" }),
+  e.createElement(
+    "g",
+    { filter: "url(#filter-page)" },
+    e.createElement("path", { className: "fill-white", d: "M44 52a8 8 0 0 1 8-8h96a8 8 0 0 1 8 8v96a8 8 0 0 1-8 8H52a8 8 0 0 1-8-8V52Z" }),
+    e.createElement("path", { className: "stroke-400", d: "M44.5 52a7.5 7.5 0 0 1 7.5-7.5h96a7.5 7.5 0 0 1 7.5 7.5v96a7.5 7.5 0 0 1-7.5 7.5H52a7.5 7.5 0 0 1-7.5-7.5V52Z" }),
+    e.createElement("rect", { width: "44", height: "37", x: "52", y: "52", className: "fill-100", rx: "4" }),
+    e.createElement("path", { className: "fill-200", d: "M52 96a3 3 0 0 1 3-3h18a3 3 0 1 1 0 6H55a3 3 0 0 1-3-3Z" }),
+    e.createElement("path", { className: "fill-100", d: "M52 104a3 3 0 0 1 3-3h18a3 3 0 1 1 0 6H55a3 3 0 0 1-3-3Z" }),
+    e.createElement("rect", { width: "44", height: "37", x: "52", y: "111", className: "fill-200", rx: "4" }),
+    e.createElement("path", { className: "fill-100", d: "M104 55a3 3 0 0 1 3-3h26a3 3 0 1 1 0 6h-26a3 3 0 0 1-3-3Z" }),
+    e.createElement("path", { className: "fill-200", d: "M104 63a3 3 0 0 1 3-3h38a3 3 0 1 1 0 6h-38a3 3 0 0 1-3-3Z" }),
+    e.createElement("rect", { width: "44", height: "74", x: "104", y: "74", className: "fill-200", rx: "4" })
+  ),
+  e.createElement("path", { className: "fill-white stroke-400", "stroke-width": "2", d: "M141.902 23.5c1.155-2 4.041-2 5.196 0l14.29 24.75c1.154 2-.289 4.5-2.599 4.5h-28.578c-2.31 0-3.753-2.5-2.598-4.5l14.289-24.75Z" }),
+  e.createElement("path", { className: "fill-400", d: "m145.625 35-.222 8.148h-2.079L143.097 35h2.528Zm-1.261 11.784c-.375 0-.697-.133-.966-.398a1.297 1.297 0 0 1-.398-.966c-.004-.37.129-.689.398-.954s.591-.398.966-.398c.36 0 .676.133.949.398a1.303 1.303 0 0 1 .215 1.642c-.125.205-.289.37-.494.494a1.29 1.29 0 0 1-.67.182Z" }),
+  e.createElement(
+    "defs",
+    null,
+    e.createElement(
+      "filter",
+      { id: "filter-page", width: "128", height: "128", x: "36", y: "39", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63996" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63996", result: "shape" })
+    )
+  )
+), n = e.createElement(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "45.01 39 109.78 129.06" },
+  e.createElement("path", { className: "fill-100", d: "M89.038 52.737a8 8 0 0 1 10.928-2.928l50.107 28.929a8 8 0 0 1 2.928 10.928l-42.953 74.396a8 8 0 0 1-10.928 2.929l-50.107-28.929a8.001 8.001 0 0 1-2.928-10.929l42.953-74.396Z" }),
+  e.createElement("path", { className: "fill-100", d: "M74.605 56.807a8 8 0 0 1 9.798-5.656l55.887 14.974a8 8 0 0 1 5.657 9.798l-22.234 82.979a8 8 0 0 1-9.798 5.657l-55.887-14.975a8 8 0 0 1-5.657-9.798l22.234-82.978Z" }),
+  e.createElement(
+    "g",
+    { filter: "url(#filter-result)" },
+    e.createElement("path", { className: "fill-white", d: "M62.643 64.731a8 8 0 0 1 8-8h57.894a8 8 0 0 1 8 8v85.179a8 8 0 0 1-8 8H70.643a8 8 0 0 1-8-8V64.731Z", "shape-rendering": "crispEdges" }),
+    e.createElement("path", { className: "stroke-400", d: "M63.143 64.731a7.5 7.5 0 0 1 7.5-7.5h57.894a7.5 7.5 0 0 1 7.5 7.5v85.179a7.5 7.5 0 0 1-7.5 7.5H70.643a7.5 7.5 0 0 1-7.5-7.5V64.731Z", "shape-rendering": "crispEdges" }),
+    e.createElement("path", { className: "fill-100", d: "M45.559 73.123a3 3 0 0 1 3-3h26a3 3 0 0 1 0 6h-26a3 3 0 0 1-3-3Z" }),
+    e.createElement("path", { className: "fill-200", d: "M45.559 81.123a3 3 0 0 1 3-3h34a3 3 0 0 1 0 6h-34a3 3 0 0 1-3-3Z" })
+  ),
+  e.createElement("rect", { width: "24", height: "8", x: "127", y: "123", className: "fill-400", rx: "4" }),
+  e.createElement("rect", { width: "40", height: "12", x: "111", y: "133", className: "fill-200", rx: "4" }),
+  e.createElement("path", { className: "fill-white stroke-400", "stroke-width": "2", d: "M133.902 41.5c1.155-2 4.041-2 5.196 0l14.29 24.75c1.154 2-.289 4.5-2.599 4.5h-28.578c-2.31 0-3.753-2.5-2.598-4.5l14.289-24.75Z" }),
+  e.createElement("path", { className: "fill-400", d: "M135.229 60.65v-.177c.004-.61.058-1.097.161-1.46.108-.363.264-.656.468-.88a3.62 3.62 0 0 1 .738-.606c.215-.14.407-.285.577-.435.17-.15.305-.315.405-.497.101-.185.151-.39.151-.617 0-.241-.057-.452-.171-.634a1.15 1.15 0 0 0-.463-.418 1.37 1.37 0 0 0-.634-.147c-.225 0-.438.05-.639.152a1.222 1.222 0 0 0-.494.44c-.128.191-.197.43-.208.716H133c.017-.697.184-1.273.499-1.726a2.862 2.862 0 0 1 1.252-1.02 4.255 4.255 0 0 1 1.72-.341c.69 0 1.3.115 1.83.345.53.227.945.557 1.247.99.301.432.452.954.452 1.564 0 .408-.068.771-.203 1.089a2.643 2.643 0 0 1-.556.837c-.239.24-.521.459-.847.654a3.43 3.43 0 0 0-.675.513 1.726 1.726 0 0 0-.39.617 2.67 2.67 0 0 0-.13.864v.178h-1.97Zm1.029 3.35c-.346 0-.642-.122-.888-.366a1.209 1.209 0 0 1-.359-.89 1.185 1.185 0 0 1 .359-.88c.246-.243.542-.365.888-.365.329 0 .619.122.868.366a1.205 1.205 0 0 1 .198 1.512c-.115.189-.265.34-.452.456a1.179 1.179 0 0 1-.614.167Z" }),
+  e.createElement(
+    "defs",
+    null,
+    e.createElement(
+      "filter",
+      { id: "filter-result", width: "106.978", height: "117.178", x: "37.559", y: "51.731", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse" },
+      e.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      e.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
+      e.createElement("feOffset", { dy: "3" }),
+      e.createElement("feGaussianBlur", { stdDeviation: "4" }),
+      e.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      e.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+      e.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64016" }),
+      e.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64016", result: "shape" })
+    )
+  )
+), N = {
+  "kit-empty": "_kit-empty_75edz_2"
+}, y = (t, l, r) => {
+  const c = typeof t == "string" || typeof t == "number" ? e.createElement(s.Title, { className: "empty-title", level: "h4" }, t) : t, i = typeof l == "string" || typeof t == "number" ? e.createElement(s.Text, null, l) : l;
+  return e.createElement(
+    u,
+    { direction: "vertical", size: "s" },
+    c,
+    i,
+    r
+  );
+}, v = (t) => t !== void 0 ? t : n, m = ({ className: t, image: l, title: r, description: c, button: i, ...o }) => {
+  const { appId: h } = p(), f = E(h, N["kit-empty"], t);
+  return e.createElement(d, { ...o, description: y(r, c, i), image: v(l), className: f });
+};
+m.displayName = "KitEmpty";
+const a = m;
+a.displayName = "KitEmpty";
+a.ASSET_FOLDER = g;
+a.ASSET_LIST = w;
+a.ASSET_MODAL = x;
+a.ASSET_PAGE = M;
+a.ASSET_RESULT = n;
+export {
+  a as KitEmpty
+};

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

@@ -0,0 +1,19 @@
+import {EmptyProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {FunctionComponent, ReactNode} from 'react';
+
+type AntdEmptyTypesToOmit = 'description';
+
+export interface IKitEmpty extends KitHTMLAttributes<HTMLDivElement>, Omit<EmptyProps, AntdEmptyTypesToOmit> {
+    title?: ReactNode;
+    description?: ReactNode;
+    button?: ReactNode;
+}
+
+export type KitEmptyCompoundedComponent = FunctionComponent<IKitEmpty> & {
+    ASSET_FOLDER: ReactNode;
+    ASSET_LIST: ReactNode;
+    ASSET_MODAL: ReactNode;
+    ASSET_PAGE: ReactNode;
+    ASSET_RESULT: ReactNode;
+};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+
+export interface IKitIdCard extends KitHTMLAttributes<HTMLDivElement> {
+    avatar?: ReactNode;
+    size?: 'medium' | 'large';
+    title?: string;
+    description?: string;
+}

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

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