aristid-ds 4.0.0 → 5.0.0-6123e91

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [5.0.0](https://www.npmjs.com/package/aristid-ds/v/5.0.0) (2024-04-24)
+### ✨ Features
+* **ItemList:**
+  * Add `disabled`property (@Delmotte-Vincent)
+  * Add highlight style on component `focus` (@Delmotte-Vincent)
+* **⚠️ Breaking change - IdCard:**
+  * Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
+  * Add `disabled`property (@Delmotte-Vincent)
+* **Avatar:**
+  * Add `disabled` property (@Delmotte-Vincent)
+* **Avatar.Group:**
+  * Add `disabled` property (@Delmotte-Vincent)
+* **Header.Profile:**
+  * Add `alt` property (@philippechevieux)
+* **Error:**
+  * Add a new component `KitError` to manage error page (@P0ppoff)
+* **Table:**
+  * Add a new component `Table` to display a collection of structured data (@philippechevieux)
+
+### 🐛 Bug Fixes
+* **Select:**
+  * Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
+* **Avatar:**
+  * Fix incorrect digram when label contains accented characters (@evoiron)
+* **Empty:**
+  * Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
+
+### 📚 Documentation
+* Add an example for searching with a Select (@philippechevieux)
+
 ## [4.0.0](https://www.npmjs.com/package/aristid-ds/v/4.0.0) (2024-03-28)
 ### ✨ Features
 * **Select:**

package/dist/Kit/App/index.js

@@ -1,5 +1,5 @@
-import "../../assets/index20.css";
-import { jsx as n, jsxs as d, Fragment as K } from "react/jsx-runtime";
+import "../../assets/index21.css";
+import { jsx as n, jsxs as d, Fragment as g } 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";
@@ -10,17 +10,20 @@ import { Style as E } from "react-style-tag";
 import { K as T } 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 c } from "../../translation/fr-FR/index.js";
+import { frFR as p } from "../../translation/fr-FR/index.js";
 import { enUS as x } from "../../translation/en-US/index.js";
-import { a as A, u as F } from "../../chunks/index.91q8JHRn.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.9tbQyfg7.js";
 import "../DataDisplay/Avatar/index.js";
 import "../DataDisplay/Badge/index.js";
-import "../../chunks/index.KNNpudCD.js";
-import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
+import "../../chunks/index.gEgrFVBe.js";
+import { KitEmpty as c } from "../DataDisplay/Empty/index.js";
+import "../DataDisplay/Error/index.js";
 import "../DataDisplay/IdCard/index.js";
+import "../DataDisplay/Image/index.js";
 import "../DataDisplay/LegacyCard/index.js";
+import "../DataDisplay/Table/index.js";
 import "../DataDisplay/Tabs/index.js";
 import "../DataDisplay/Tree/index.js";
 import "../DataDisplay/Tooltip/index.js";
@@ -30,11 +33,11 @@ const j = b`
     ${(o) => u(o.customTheme)};
   }
 `, R = "aristid-ds-global", _ = ({ children: o, customTheme: r, id: i }) => {
-  const [t, e] = f(null), { theme: v, appId: l, spacing: g } = G(i, r);
+  const [t, e] = f(null), { theme: v, appId: l, spacing: K } = G(i, r);
   return h(() => {
     const s = u(m, "--general");
     e(s);
-  }, []), n(T.Provider, { value: { theme: v, appId: l, spacing: g }, children: t !== null && d(K, { children: [n(E, { id: R, hasSourceMap: !1, children: `
+  }, []), n(T.Provider, { value: { theme: v, appId: l, spacing: K }, children: t !== null && d(g, { children: [n(E, { id: R, hasSourceMap: !1, children: `
                             :root{
                                 ${Object.keys(t).map((s) => `${s}: ${t[s]}`).join(";")}
                             }
@@ -47,25 +50,25 @@ const j = b`
   const r = U();
   return n(A.Provider, { value: r, children: o });
 }, U = () => {
-  const [o, r] = f(c);
+  const [o, r] = f(p);
   return { locale: o, setKitLocale: (t) => {
     if (t.locale === "frFR") {
-      const e = a(c, t);
+      const e = a(p, t);
       r(e);
     } else {
       const e = a(x, t);
       r(e);
     }
   } };
-}, fr = ({ children: o, locale: r, customTheme: i, id: t }) => n(_, { customTheme: i, id: t, children: n(N, { children: n(V, { locale: r, children: o }) }) }), V = ({ children: o, locale: r }) => {
+}, Kr = ({ children: o, locale: r, customTheme: i, id: t }) => n(_, { customTheme: i, id: t, children: n(N, { children: n(V, { locale: r, children: o }) }) }), V = ({ children: o, locale: r }) => {
   const { locale: i, setKitLocale: t } = F();
   return S(() => {
     r !== void 0 && t(r);
   }, [r, t]), n(P, { theme: k, locale: I(r), renderEmpty: () => {
     var e;
-    return n(p, { className: "default-render", image: p.ASSET_LIST, description: (e = i.Empty) === null || e === void 0 ? void 0 : e.noData });
+    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, {}), o] }) });
 };
 export {
-  fr as KitApp
+  Kr as KitApp
 };

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

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

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

@@ -15,11 +15,14 @@ export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, Ki
     color?: KitColorProp;
     secondaryColorInvert?: boolean;
     imageFit?: KitImageFit;
+    disabled?: boolean;
 }
 
 export interface IKitAvatarGroup
     extends Omit<GroupProps, AntdAvatarGroupTypesToOmit>,
-        KitHTMLAttributes<HTMLDivElement> {}
+        KitHTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+}
 
 export type KitAvatarCompoundedComponent = FunctionComponent<IKitAvatar> & {
     Group: FunctionComponent<IKitAvatarGroup>;

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

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

@@ -1,27 +1,27 @@
-import "../../../assets/index30.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";
-import g from "classnames";
 import { KitTypography as o } from "../../General/Typography/index.js";
-import { KitSpace as w } from "../../Layout/Space/index.js";
-const x = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "41 42 124 106", children: [a("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("g", { filter: "url(#filter-folder)", children: [a("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" }), a("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" })] }), a("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" }), a("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" }), a("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" }), a("defs", { children: e("filter", { id: "filter-folder", width: "102.798", height: "84.103", x: "63.978", y: "74.897", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64030" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64030", result: "shape" })] }) })] }), M = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "17 46 161 108", children: [a("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" }), a("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" }), a("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" }), a("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" }), a("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" }), a("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" }), a("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("g", { filter: "url(#filter-list)", children: [a("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" }), a("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" }), a("path", { className: "fill-400", d: "M79 98a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z" }), a("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" }), a("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" })] }), a("defs", { children: e("filter", { id: "filter-list", width: "122", height: "52", x: "39", y: "77", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63975" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63975", result: "shape" })] }) })] }), N = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "16.4 44.4 167.2 105.6", children: [a("rect", { width: "30.8", height: "14.3", x: "16.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "49.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "82.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "86.8", y: "135.7", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "119.8", y: "135.7", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "152.8", y: "135.7", className: "fill-100", rx: "4.4" }), e("g", { filter: "url(#filter-modal)", children: [a("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" }), a("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" }), a("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" }), a("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" }), a("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" }), a("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("g", { filter: "url(#filter-modal-bis)", children: [a("rect", { width: "30.8", height: "14.3", x: "117.6", y: "91.7", className: "fill-white", rx: "4.4" }), a("rect", { width: "29.7", height: "13.2", x: "118.15", y: "92.25", className: "stroke-400", "stroke-width": "1.1", rx: "3.85" })] }), a("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" })] }), a("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" }), a("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("defs", { children: [e("filter", { id: "filter-modal", width: "130.4", height: "91.9", x: "34.8", y: "60.3", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })] }), e("filter", { id: "filter-modal-bis", width: "46.8", height: "30.3", x: "109.6", y: "86.7", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("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" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })] })] })] }), y = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "44 21 128 151", children: [a("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("g", { filter: "url(#filter-page)", children: [a("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" }), a("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" }), a("rect", { width: "44", height: "37", x: "52", y: "52", className: "fill-100", rx: "4" }), a("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" }), a("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" }), a("rect", { width: "44", height: "37", x: "52", y: "111", className: "fill-200", rx: "4" }), a("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" }), a("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" }), a("rect", { width: "44", height: "74", x: "104", y: "74", className: "fill-200", rx: "4" })] }), a("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" }), a("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" }), a("defs", { children: e("filter", { id: "filter-page", width: "128", height: "128", x: "36", y: "39", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63996" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63996", result: "shape" })] }) })] }), c = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "45.01 39 109.78 129.06", children: [a("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" }), a("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("g", { filter: "url(#filter-result)", children: [a("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" }), a("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" }), a("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" }), a("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" })] }), a("rect", { width: "24", height: "8", x: "127", y: "123", className: "fill-400", rx: "4" }), a("rect", { width: "40", height: "12", x: "111", y: "133", className: "fill-200", rx: "4" }), a("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" }), a("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" }), a("defs", { children: e("filter", { id: "filter-result", width: "106.978", height: "117.178", x: "37.559", y: "51.731", "color-interpolation-filters": "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64016" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64016", result: "shape" })] }) })] }), v = {
+import { KitSpace as g } from "../../Layout/Space/index.js";
+import x from "classnames";
+const w = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "41 42 124 106", children: [a("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("g", { filter: "url(#filter-folder)", children: [a("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" }), a("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" })] }), a("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" }), a("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" }), a("path", { className: "fill-white stroke-400", strokeWidth: "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" }), a("defs", { children: e("filter", { id: "filter-folder", width: "102.798", height: "84.103", x: "63.978", y: "74.897", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64030" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64030", result: "shape" })] }) })] }), M = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "17 46 161 108", children: [a("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" }), a("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" }), a("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" }), a("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" }), a("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" }), a("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" }), a("path", { className: "stroke-400", strokeLinecap: "round", strokeWidth: "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("g", { filter: "url(#filter-list)", children: [a("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" }), a("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" }), a("path", { className: "fill-400", d: "M79 98a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z" }), a("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" }), a("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" })] }), a("defs", { children: e("filter", { id: "filter-list", width: "122", height: "52", x: "39", y: "77", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63975" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63975", result: "shape" })] }) })] }), N = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "16.4 44.4 167.2 105.6", children: [a("rect", { width: "30.8", height: "14.3", x: "16.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "49.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "82.4", y: "56.5", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "86.8", y: "135.7", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "119.8", y: "135.7", className: "fill-100", rx: "4.4" }), a("rect", { width: "30.8", height: "14.3", x: "152.8", y: "135.7", className: "fill-100", rx: "4.4" }), e("g", { filter: "url(#filter-modal)", children: [a("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", shapeRendering: "crispEdges" }), a("path", { className: "stroke-400", strokeWidth: "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", shapeRendering: "crispEdges" }), a("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" }), a("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" }), a("rect", { width: "29.7", height: "13.2", x: "52.15", y: "92.25", className: "fill-white stroke-400", strokeWidth: "1.1", rx: "3.85" }), a("rect", { width: "29.7", height: "13.2", x: "85.15", y: "92.25", className: "fill-white stroke-400", strokeWidth: "1.1", rx: "3.85" }), e("g", { filter: "url(#filter-modal-bis)", children: [a("rect", { width: "30.8", height: "14.3", x: "117.6", y: "91.7", className: "fill-white", rx: "4.4" }), a("rect", { width: "29.7", height: "13.2", x: "118.15", y: "92.25", className: "stroke-400", strokeWidth: "1.1", rx: "3.85" })] }), a("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" })] }), a("path", { className: "fill-white stroke-400", strokeWidth: "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" }), a("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("defs", { children: [e("filter", { id: "filter-modal", width: "130.4", height: "91.9", x: "34.8", y: "60.3", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })] }), e("filter", { id: "filter-modal-bis", width: "46.8", height: "30.3", x: "109.6", y: "86.7", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("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" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5874_69211" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5874_69211", result: "shape" })] })] })] }), y = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "44 21 128 151", children: [a("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("g", { filter: "url(#filter-page)", children: [a("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" }), a("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" }), a("rect", { width: "44", height: "37", x: "52", y: "52", className: "fill-100", rx: "4" }), a("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" }), a("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" }), a("rect", { width: "44", height: "37", x: "52", y: "111", className: "fill-200", rx: "4" }), a("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" }), a("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" }), a("rect", { width: "44", height: "74", x: "104", y: "74", className: "fill-200", rx: "4" })] }), a("path", { className: "fill-white stroke-400", strokeWidth: "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" }), a("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" }), a("defs", { children: e("filter", { id: "filter-page", width: "128", height: "128", x: "36", y: "39", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_63996" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_63996", result: "shape" })] }) })] }), c = e("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "45.01 39 109.78 129.06", children: [a("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" }), a("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("g", { filter: "url(#filter-result)", children: [a("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", shapeRendering: "crispEdges" }), a("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", shapeRendering: "crispEdges" }), a("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" }), a("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" })] }), a("rect", { width: "24", height: "8", x: "127", y: "123", className: "fill-400", rx: "4" }), a("rect", { width: "40", height: "12", x: "111", y: "133", className: "fill-200", rx: "4" }), a("path", { className: "fill-white stroke-400", strokeWidth: "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" }), a("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" }), a("defs", { children: e("filter", { id: "filter-result", width: "106.978", height: "117.178", x: "37.559", y: "51.731", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [a("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), a("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" }), a("feOffset", { dy: "3" }), a("feGaussianBlur", { stdDeviation: "4" }), a("feComposite", { in2: "hardAlpha", operator: "out" }), a("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), a("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_5857_64016" }), a("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_5857_64016", result: "shape" })] }) })] }), v = {
   "kit-empty": "_kit-empty_75edz_2"
-}, Z = (l, i, s) => {
-  const r = typeof l == "string" || typeof l == "number" ? a(o.Title, { className: "empty-title", level: "h4", children: l }) : l, h = typeof i == "string" || typeof l == "number" ? a(o.Text, { children: i }) : i;
-  return e(w, { direction: "vertical", size: "s", children: [r, h, s] });
-}, _ = (l) => l !== void 0 ? l : c, d = ({ className: l, image: i, title: s, description: r, button: h, ...f }) => {
-  const { appId: n } = u(), p = g(n, v["kit-empty"], l);
-  return a(m, { ...f, description: Z(s, r, h), image: _(i), className: p });
+}, Z = (l, t, s) => {
+  const r = typeof l == "string" || typeof l == "number" ? a(o.Title, { className: "empty-title", level: "h4", children: l }) : l, h = typeof t == "string" || typeof t == "number" ? a(o.Text, { children: t }) : t;
+  return e(g, { direction: "vertical", size: "s", children: [r, h, s] });
+}, _ = (l) => l !== void 0 ? l : c, d = ({ className: l, image: t, title: s, description: r, button: h, ...f }) => {
+  const { appId: n } = u(), p = x(n, v["kit-empty"], l);
+  return a(m, { ...f, description: Z(s, r, h), image: _(t), className: p });
 };
 d.displayName = "KitEmpty";
-const t = d;
-t.displayName = "KitEmpty";
-t.ASSET_FOLDER = x;
-t.ASSET_LIST = M;
-t.ASSET_MODAL = N;
-t.ASSET_PAGE = y;
-t.ASSET_RESULT = c;
+const i = d;
+i.displayName = "KitEmpty";
+i.ASSET_FOLDER = w;
+i.ASSET_LIST = M;
+i.ASSET_MODAL = N;
+i.ASSET_PAGE = y;
+i.ASSET_RESULT = c;
 export {
-  t as KitEmpty
+  i as KitEmpty
 };

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

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

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

@@ -0,0 +1,30 @@
+import "../../../assets/index20.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 "../../General/Button/index.js";
+import { KitTypography as s } from "../../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 "color-convert";
+import "color-string";
+import "lodash/isEmpty";
+import d from "classnames";
+import "../../../chunks/styles.module.tkXR5gsa.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_w9e09_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";
+export {
+  g as KitError
+};

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

@@ -0,0 +1,10 @@
+import {EmptyProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+
+type AntdEmptyTypesToOmit = 'description';
+
+export interface IKitError extends KitHTMLAttributes<HTMLDivElement>, Omit<EmptyProps, AntdEmptyTypesToOmit> {
+    title: string;
+    description: ReactNode;
+}

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "classnames";
-import { a as u } from "../../../chunks/index.KNNpudCD.js";
+import { a as u } from "../../../chunks/index.gEgrFVBe.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
@@ -17,7 +17,7 @@ import "../../DataEntry/Upload/index.js";
 import "../../DataEntry/Slider/index.js";
 import "../../DataEntry/ColorPicker/index.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../../chunks/index.91q8JHRn.js";
+import "../../../chunks/useKitLocale.96CdK3og.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-regular-svg-icons";
 import "@fortawesome/free-solid-svg-icons";

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 { c as H } from "../../../chunks/index.KNNpudCD.js";
+import { c as M } from "../../../chunks/index.gEgrFVBe.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
@@ -15,9 +15,11 @@ 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 "../../../chunks/index.91q8JHRn.js";
+import "../Image/index.js";
 import "../LegacyCard/index.js";
+import "../Table/index.js";
 import "../Tabs/index.js";
 import "../Tree/index.js";
 import "../Tooltip/index.js";
@@ -34,5 +36,5 @@ import "../../../chunks/styles.module.x1Oajwjm.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
 export {
-  H as KitItemList
+  M as KitItemList
 };

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

@@ -10,4 +10,5 @@ export interface IKitItemList extends KitHTMLAttributes<HTMLDivElement> {
     onClick?: () => void;
     actions?: IKitActionButton[];
     content?: ReactNode;
+    disabled?: boolean;
 }

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

@@ -1,4 +1,4 @@
-import "../../../assets/index3.css";
+import "../../../assets/index4.css";
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { cloneElement as d } from "react";
 import { Card as y } from "antd";

package/dist/Kit/DataDisplay/Table/SortIcon.d.ts

@@ -0,0 +1,4 @@
+import { KitTableColumnType } from './types';
+export declare const SortIcon: ({ sortOrder }: {
+    sortOrder: KitTableColumnType<unknown>['sortOrder'];
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,62 @@
+import "../../../assets/index22.css";
+import { jsx as r } from "react/jsx-runtime";
+import { Table as C } from "antd";
+import I from "classnames";
+import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import "../../General/Button/index.js";
+import "../../General/Typography/index.js";
+import { KitIcon as _ } from "../../General/Icon/index.js";
+import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
+import { faUpDown as k, faArrowDown as y, faArrowUp as x } from "@fortawesome/free-solid-svg-icons";
+const N = {
+  "kit-table": "_kit-table_i62pb_2"
+}, m = (t) => {
+  const l = t == null ? void 0 : t.split(" "), o = l == null ? void 0 : l.filter((e) => e !== "ant-table-cell").join(" "), n = l == null ? void 0 : l.filter((e) => ["ant-table-cell", "ant-table-cell-ellipsis", "ant-table-selection-column"].includes(e)).join(" ");
+  return {
+    antCell: o,
+    internalCell: n
+  };
+}, T = (t) => ({
+  header: {
+    cell: ({ children: l, className: o, style: n, title: e, rowSpan: s, colSpan: c, ...d }) => {
+      const a = m(o);
+      return r("th", { className: a.antCell, style: n, title: e, rowSpan: s, colSpan: c, ...d, children: r("div", { className: a.internalCell, children: l }) });
+    }
+  },
+  body: {
+    cell: ({ children: l, className: o, style: n, title: e, rowSpan: s, colSpan: c, ...d }) => {
+      var a, u;
+      const v = (a = t == null ? void 0 : t.body) === null || a === void 0 ? void 0 : a.cell, i = m(o);
+      let b = "";
+      return !((u = i.antCell) === null || u === void 0) && u.includes("ant-table-cell-ellipsis") && (b = e), r("td", { className: i.antCell, style: n, title: b, rowSpan: s, colSpan: c, children: r("div", { className: i.internalCell, children: v ? r(v, { title: e, ...d, children: l }) : l }) });
+    },
+    row: ({ children: l, ...o }) => {
+      var n;
+      const e = (n = t == null ? void 0 : t.body) === null || n === void 0 ? void 0 : n.row;
+      return e ? r("tr", { ...o, tabIndex: 0, children: r(e, { children: l }) }) : r("tr", { ...o, tabIndex: 0, children: l });
+    }
+  }
+}), K = ({ sortOrder: t }) => {
+  let l, o;
+  switch (t) {
+    case "ascend":
+      l = x, o = "blue";
+      break;
+    case "descend":
+      l = y, o = "blue";
+      break;
+    default:
+      l = k;
+      break;
+  }
+  return r(_, { color: o, icon: r(h, { icon: l }) });
+}, g = ({ className: t, style: l, cellsBackgroundColor: o, columns: n, onChange: e, components: s, ...c }) => {
+  const { appId: d } = w(), a = I(d, N["kit-table"], t), u = n == null ? void 0 : n.map((i) => (i.sorter && (i.sortIcon = ({ sortOrder: b }) => r(K, { sortOrder: b })), i)), v = (i, b, p, f) => {
+    e == null || e(i, p, f);
+  };
+  return r(C, { className: a, style: { "--kit-table-cells-background-color": o, ...l }, columns: u, components: T(s), onChange: v, ...c });
+};
+g.displayName = "KitTable";
+export {
+  g as KitTable
+};