aristid-ds 13.0.0-4e097fb → 13.0.0-caa1de8

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2025-XX-XX)
+
+### ✨ Features
+
+-   **⚠️ Breaking change - Upload**:
+    -   Remove the following properties: (@philippechevieux)
+        -   `listType`
+        -   `itemRender`
+        -   `openFileDialogOnClick`
+        -   `loading`
+        -   `isImageUrl`
+        -   `imageUrl`
+        -   `progress`
+        -   `previewFile`
+        -   `showUploadList`
+    -   Update component render (@philippechevieux)
+-   **RichText**:
+    -   Add `mini` property to display a minified version of the component (@renaudamsellem)
+-   **SidePanel**:
+    -   Add opening and closing animations (@philippechevieux)
+
+### 📚 Documentation
+
+-   **Tree**:
+    -   Add exemple of a long title with ellipsis (@philippechevieux)
+
 ## [13.0.0](https://www.npmjs.com/package/aristid-ds/v/13.0.0) (2025-02-17)
 
 ### ✨ CI
@@ -60,10 +86,6 @@ The following points are the impact of this version upgrade:
 
 ### ✨ Features
 
--   **Snackbar**:
-    -   Add `snackbarId` property to allow to update a snackbar (@evoiron)
--   **Button**:
-    -   Add `action` type button (@evoiron)
 -   **⚠️ Breaking change - Tree**:
     -   Remove `showLine` and `switcherIcon` properties (@philippechevieux)
     -   Update component render (@philippechevieux)
@@ -72,12 +94,17 @@ The following points are the impact of this version upgrade:
     -   Complete rewriting of the `Progress` component without Ant (@philippechevieux)
     -   Remove all Ant props (@philippechevieux)
     -   `circle` and `dashboard` type are no longer available (@philippechevieux)
+-   **Snackbar**:
+    -   Add `snackbarId` property to allow to update a snackbar (@evoiron)
+-   **Button**:
+    -   Add `action` type button (@evoiron)
 -   **Tabs**:
     -   Add controlled state to handle navigation within tabs (@renaudamsellem)
 -   **SidePanel**:
     -   Add `headerExtra` prop to display extra content above header title (@philippechevieux)
 
 ### 🐛 Bug Fixes
+
 -   **SidePanel**
     -   Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
 -   **ColorPicker**

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

@@ -66,3 +66,4 @@ export { TreeSelect as AntTreeSelect } from 'antd';
 export { Typography as AntTypography } from 'antd';
 export { Upload as AntUpload } from 'antd';
 export { Watermark as AntWatermark } from 'antd';
+export type { UploadFile } from 'antd/lib';

package/dist/Kit/App/index.js

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

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

@@ -1,4 +1,4 @@
-import "../../../assets/index37.css";
+import "../../../assets/index36.css";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { cloneElement as C, useState as N } from "react";
 import { Collapse as E } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index25.css";
+import "../../../assets/index24.css";
 import { jsx as i, jsxs as d, Fragment as x } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as _ } from "react";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index45.css";
+import "../../../assets/index44.css";
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as z, useMemo as k } from "react";
 import { Table as w } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index38.css";
+import "../../../assets/index37.css";
 import { jsx as i, Fragment as C, jsxs as x } from "react/jsx-runtime";
 import { forwardRef as D, useState as W, useRef as N, useLayoutEffect as E } from "react";
 import O from "classnames";

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

@@ -1,19 +1,19 @@
 import "../../../assets/index6.css";
 import { jsx as o } from "react/jsx-runtime";
-import { Tree as s } from "antd";
+import { Tree as c } from "antd";
 import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import v from "classnames";
 import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
 import { faCircleNotch as u, faCaretRight as f } from "@fortawesome/free-solid-svg-icons";
 import { u as g } from "../../../chunks/useKitLocale.96CdK3og.js";
 const D = {
-  "kit-tree": "_kit-tree_1hac1_2"
+  "kit-tree": "_kit-tree_gh8v4_2"
 }, h = ({ className: l, switcherLoadingIcon: e, ...d }) => {
-  const { appId: m } = p(), { locale: i } = g(), c = v(m, D["kit-tree"], l);
-  return o(s, { ...d, switcherLoadingIcon: e ?? o(n, { icon: u, spin: !0 }), switcherIcon: (a) => {
+  const { appId: m } = p(), { locale: i } = g(), s = v(m, D["kit-tree"], l);
+  return o(c, { ...d, switcherLoadingIcon: e ?? o(n, { icon: u, spin: !0 }), switcherIcon: (a) => {
     var r, t;
     return o("span", { role: "img", "aria-label": a.expanded ? (r = i.General) === null || r === void 0 ? void 0 : r.close : (t = i.General) === null || t === void 0 ? void 0 : t.open, children: o(n, { icon: f, rotation: a.expanded ? 90 : void 0 }) });
-  }, className: c, blockNode: !0, draggable: !1, onDragEnd: void 0, onDragEnter: void 0, onDragLeave: void 0, onDragOver: void 0, onDragStart: void 0, onDrop: void 0 });
+  }, className: s, blockNode: !0, draggable: !1, onDragEnd: void 0, onDragEnter: void 0, onDragLeave: void 0, onDragOver: void 0, onDragStart: void 0, onDrop: void 0 });
 };
 h.displayName = "KitTree";
 export {

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

@@ -1,4 +1,4 @@
-import "../../../assets/index26.css";
+import "../../../assets/index25.css";
 import { forwardRef as Y, useRef as q, useState as m, useEffect as b, useImperativeHandle as z, createElement as J } from "react";
 import { jsxs as Q, jsx as s } from "react/jsx-runtime";
 import { K as Z } from "../../../chunks/InputWrapper.DPygx2dQ.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index46.css";
+import "../../../assets/index45.css";
 import { jsxs as R, jsx as e } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
 import { DatePicker as K } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index39.css";
+import "../../../assets/index38.css";
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { Input as w } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index40.css";
+import "../../../assets/index39.css";
 import { jsx as i } from "react/jsx-runtime";
 import k from "classnames";
 import J from "rc-util/es/hooks/useMergedState";

package/dist/Kit/DataEntry/RichText/EditorContentCharacterCount/index.js

@@ -1,4 +1,4 @@
-import "../../../../assets/index23.css";
+import "../../../../assets/index22.css";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import h from "classnames";
 import { u as s } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataEntry/RichText/MenuBar/ButtonTooltip/index.js

@@ -1,6 +1,6 @@
-import { jsx as p } from "react/jsx-runtime";
-import { KitTooltip as e } from "../../../../DataDisplay/Tooltip/index.js";
-const r = ({ title: o, children: t }) => p(e, { title: o, placement: "top", mouseEnterDelay: 0.8, children: t });
+import { jsx as e } from "react/jsx-runtime";
+import { KitTooltip as i } from "../../../../DataDisplay/Tooltip/index.js";
+const l = ({ title: o, open: t, children: p }) => e(i, { title: o, placement: "top", mouseEnterDelay: 0.8, open: t, children: p });
 export {
-  r as KitButtonTooltip
+  l as KitButtonTooltip
 };

package/dist/Kit/DataEntry/RichText/MenuBar/ButtonTooltip/types.d.ts

@@ -1,3 +1,4 @@
 export type IKitButtonTooltip = {
     title?: string;
+    open?: boolean;
 };

package/dist/Kit/DataEntry/RichText/MenuBar/FontSizeSelect/index.js

@@ -1,4 +1,4 @@
-import "../../../../../assets/index24.css";
+import "../../../../../assets/index23.css";
 import { jsx as i, Fragment as z, jsxs as _ } from "react/jsx-runtime";
 import { KitTypography as m } from "../../../../General/Typography/index.js";
 import { KitDropDown as w } from "../../../../Navigation/DropDown/index.js";

package/dist/Kit/DataEntry/RichText/MenuBar/LinkButton/index.js

@@ -1,4 +1,4 @@
-import "../../../../../assets/index36.css";
+import "../../../../../assets/index35.css";
 import { jsx as t, jsxs as y, Fragment as S } from "react/jsx-runtime";
 import { faClose as q, faCheck as w, faLink as N } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as _ } from "@fortawesome/react-fontawesome";

package/dist/Kit/DataEntry/RichText/MenuBar/MenuActionList/index.d.ts

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

package/dist/Kit/DataEntry/RichText/MenuBar/MenuActionList/index.js

@@ -0,0 +1,11 @@
+import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { KitFontStylesButtons as n } from "../FontStylesButtons/index.js";
+import { KitDivider as o } from "../../../../Layout/Divider/index.js";
+import { KitTextAlignButtons as e } from "../TextAlignButtons/index.js";
+import { KitLinkButton as p } from "../LinkButton/index.js";
+import { KitListButtons as s } from "../ListButtons/index.js";
+import { KitIndentListButtons as c } from "../IndentListButtons/index.js";
+const B = ({ editor: i }) => r(m, { children: [t(n, { editor: i }), t(o, { type: "vertical" }), t(e, { editor: i }), t(o, { type: "vertical" }), t(p, { editor: i }), t(o, { type: "vertical" }), t(s, { editor: i }), t(o, { type: "vertical" }), t(c, { editor: i })] });
+export {
+  B as KitMenuActionList
+};

package/dist/Kit/DataEntry/RichText/MenuBar/MenuActionList/types.d.ts

@@ -0,0 +1,5 @@
+import {type Editor} from '@tiptap/core';
+
+export type IKitMenuActionList = {
+    editor: Editor;
+};

package/dist/Kit/DataEntry/RichText/MenuBar/index.js

@@ -1,21 +1,41 @@
-import "../../../../assets/index22.css";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import n from "classnames";
-import { u as p } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitDivider as r } from "../../../Layout/Divider/index.js";
-import { KitUndoRedoButtons as s } from "./UndoRedoButtons/index.js";
-import { KitFontSizeSelect as c } from "./FontSizeSelect/index.js";
-import { KitFontStylesButtons as a } from "./FontStylesButtons/index.js";
-import { KitTextAlignButtons as u } from "./TextAlignButtons/index.js";
-import { KitLinkButton as l } from "./LinkButton/index.js";
-import { KitListButtons as f } from "./ListButtons/index.js";
-import { KitIndentListButtons as K } from "./IndentListButtons/index.js";
-const v = {
-  "kit-rich-text-menu-bar": "_kit-rich-text-menu-bar_tb1dq_2"
-}, I = ({ editor: i }) => {
-  const { appId: o } = p(), e = n(o, v["kit-rich-text-menu-bar"], "menu-bar");
-  return m("div", { className: e, children: [t(s, { editor: i }), t(r, { type: "vertical" }), t(c, { editor: i }), t(r, { type: "vertical" }), t(a, { editor: i }), t(r, { type: "vertical" }), t(u, { editor: i }), t(r, { type: "vertical" }), t(l, { editor: i }), t(r, { type: "vertical" }), t(f, { editor: i }), t(r, { type: "vertical" }), t(K, { editor: i })] });
+import "../../../../assets/index27.css";
+import { jsxs as f, Fragment as _, jsx as t } from "react/jsx-runtime";
+import a from "classnames";
+import { u as b } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { KitDivider as d } from "../../../Layout/Divider/index.js";
+import { KitUndoRedoButtons as K } from "./UndoRedoButtons/index.js";
+import { KitFontSizeSelect as O } from "./FontSizeSelect/index.js";
+import { faEllipsisVertical as M } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
+import { useState as L, useRef as R, useEffect as v } from "react";
+import { u as S } from "../../../../chunks/useKitLocale.96CdK3og.js";
+import { KitButtonTooltip as w } from "./ButtonTooltip/index.js";
+import { Popover as B } from "antd";
+import { KitMenuActionList as h } from "./MenuActionList/index.js";
+const x = {
+  "kit-rich-text-menu-bar": "_kit-rich-text-menu-bar_1xmym_2",
+  "kit-rich-text-menu-popover": "_kit-rich-text-menu-popover_1xmym_3"
+}, E = ({ editor: o, blurMenu: e }) => {
+  var i, r;
+  const { locale: c } = S(), [p, s] = L(!1), u = R(null);
+  return v(() => {
+    e && s(!1);
+  }, [e]), v(() => {
+    const m = (k) => {
+      var l;
+      const n = k.target, y = n.closest(".ant-popover") || n.contains(document.querySelector(".ant-popover"));
+      !(n.closest(".link-modal") || n.contains(document.querySelector(".link-modal"))) && !y && !(!((l = u.current) === null || l === void 0) && l.contains(n)) && s(!1);
+    };
+    return document.addEventListener("mousedown", m), () => {
+      document.removeEventListener("mousedown", m);
+    };
+  }, []), f(_, { children: [t(w, { title: (i = c.RichText) === null || i === void 0 ? void 0 : i.moreOptions, children: t("button", { ref: u, onClick: () => s((m) => !m), className: a({ "is-active": p }), "aria-label": (r = c.RichText) === null || r === void 0 ? void 0 : r.bold, children: t(g, { icon: M }) }) }), t(B, { trigger: "click", placement: "bottom", arrow: !1, open: p, overlayClassName: a(x["kit-rich-text-menu-popover"]), content: t("div", { className: "kit-rich-text-menu-popover-options", children: t(h, { editor: o }) }) })] });
+}, J = ({ editor: o, mini: e, blurMenu: i }) => {
+  const { appId: r } = b(), c = a(r, x["kit-rich-text-menu-bar"], "menu-bar", {
+    "kit-rich-text-mini-layout": e
+  });
+  return f("div", { className: c, children: [t(K, { editor: o }), t(d, { type: "vertical" }), t(O, { editor: o }), t(d, { type: "vertical" }), e ? t(E, { editor: o, blurMenu: i }) : t(h, { editor: o })] });
 };
 export {
-  I as KitMenuBar
+  J as KitMenuBar
 };

package/dist/Kit/DataEntry/RichText/MenuBar/miniLayout.d.ts

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

package/dist/Kit/DataEntry/RichText/MenuBar/types.d.ts

@@ -2,4 +2,11 @@ import {type Editor} from '@tiptap/core';
 
 export type IKitMenuBar = {
     editor: Editor;
+    mini: boolean;
+    blurMenu: boolean;
+};
+
+export type IKitMiniLayout = {
+    editor: Editor;
+    blurMenu: boolean;
 };

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

@@ -1,78 +1,83 @@
 import "../../../assets/index9.css";
-import { jsxs as v, jsx as d } from "react/jsx-runtime";
-import { forwardRef as A, useRef as D, useState as G, useEffect as w } from "react";
-import { K as J } from "../../../chunks/InputWrapper.DPygx2dQ.js";
-import { u as Q } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import C from "classnames";
-import { useEditor as V, EditorContent as X } from "@tiptap/react";
-import Y from "@tiptap/starter-kit";
-import Z from "@tiptap/extension-underline";
-import $ from "@tiptap/extension-text-align";
-import B from "@tiptap/extension-placeholder";
-import tt from "@tiptap/extension-link";
-import et from "@tiptap/extension-character-count";
-import { KitMenuBar as rt } from "./MenuBar/index.js";
-import { KitEditorContentCharacterCount as ot } from "./EditorContentCharacterCount/index.js";
-import { uuid as it } from "../../../utils/functions/index.js";
-const E = {
-  "kit-rich-text-wrapper": "_kit-rich-text-wrapper_1j8h5_2",
-  "kit-rich-text": "_kit-rich-text_1j8h5_2"
-}, nt = A(({ label: _, helper: K, htmlFor: T, wrapperClassName: y, className: L, required: R, actions: M, extra: n, placeholder: N, disabled: c, readonly: f, status: o, defaultValue: W, value: i, onChange: u, onFocus: h, onBlur: s, maxLength: x, autoFocus: b = !1, showCount: j = !1, ...H }, S) => {
-  const { appId: F } = Q(), k = D(null), [a, g] = G(b), O = C(F, L, E["kit-rich-text"], {
-    "kit-rich-text-disabled": c,
-    "kit-rich-text-readonly": f,
+import { jsxs as E, jsx as u } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as V, useState as _, useEffect as f } from "react";
+import { K as X } from "../../../chunks/InputWrapper.DPygx2dQ.js";
+import { u as Y } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import K from "classnames";
+import { useEditor as Z, EditorContent as $ } from "@tiptap/react";
+import tt from "@tiptap/starter-kit";
+import et from "@tiptap/extension-underline";
+import rt from "@tiptap/extension-text-align";
+import ot from "@tiptap/extension-placeholder";
+import it from "@tiptap/extension-link";
+import nt from "@tiptap/extension-character-count";
+import { KitMenuBar as st } from "./MenuBar/index.js";
+import { KitEditorContentCharacterCount as ct } from "./EditorContentCharacterCount/index.js";
+import { uuid as at } from "../../../utils/functions/index.js";
+const M = {
+  "kit-rich-text-wrapper": "_kit-rich-text-wrapper_1kq7z_2",
+  "kit-rich-text": "_kit-rich-text_1kq7z_2"
+}, lt = Q(({ label: T, helper: L, htmlFor: R, wrapperClassName: b, className: q, required: N, actions: S, extra: n, placeholder: W, disabled: s, readonly: h, status: o, mini: x = !1, defaultValue: z, value: i, onChange: k, onFocus: v, onBlur: c, maxLength: g, autoFocus: H = !1, showCount: F = !1, ...O }, P) => {
+  const { appId: U } = Y(), w = V(null), [a, y] = _(H), [l, C] = _(!1), j = K(U, q, M["kit-rich-text"], {
+    "kit-rich-text-disabled": s,
+    "kit-rich-text-readonly": h,
     "kit-rich-text-error": o === "error",
     "kit-rich-text-warning": o === "warning",
-    "kit-rich-text-focused": a
-  }), t = V({
-    editable: !c && !f,
-    content: W,
+    "kit-rich-text-focused": a,
+    "kit-rich-text-mini-layout": x
+  }), t = Z({
+    editable: !s && !h,
+    content: z,
     editorProps: {
       attributes: {
         role: "textbox"
       }
     },
     extensions: [
-      Y.configure({
+      tt.configure({
         heading: {
           levels: [1, 2, 3, 4]
         }
       }),
-      Z,
-      $.configure({
+      et,
+      rt.configure({
         types: ["heading", "paragraph"]
       }),
-      tt.extend({ inclusive: !1 }).configure({
+      it.extend({ inclusive: !1 }).configure({
         openOnClick: !1
       }),
-      B.configure({
-        placeholder: N,
+      ot.configure({
+        placeholder: W,
         showOnlyWhenEditable: !1
       }),
-      et.configure({
-        limit: x
+      nt.configure({
+        limit: g
       })
     ],
     onUpdate: ({ editor: e }) => {
-      u && u(e.getHTML());
+      k && k(e.getHTML());
     }
-  }), l = "kit-rich-text-wrapper-" + it(), U = C(y, l, E["kit-rich-text-wrapper"]);
-  return w(() => {
-    const e = (q) => {
-      var m, p;
-      const r = q.target, z = r.closest("." + l), I = r.closest(".select-font-size"), P = r.closest(".link-modal") || r.contains(document.querySelector(".link-modal"));
-      a && !(!((m = k.current) === null || m === void 0) && m.contains(r)) && !z && !I && !P && (s && s((p = t == null ? void 0 : t.getHTML()) !== null && p !== void 0 ? p : ""), g(!1));
+  });
+  f(() => {
+    l && C(!1);
+  }, [l]);
+  const p = "kit-rich-text-wrapper-" + at(), I = K(b, p, M["kit-rich-text-wrapper"]);
+  return f(() => {
+    const e = (A) => {
+      var m, d;
+      const r = A.target, D = r.closest("." + p), B = r.closest(".select-font-size"), G = r.closest(".link-modal") || r.contains(document.querySelector(".link-modal")), J = r.closest(".ant-popover") || r.contains(document.querySelector(".ant-popover"));
+      a && !(!((m = w.current) === null || m === void 0) && m.contains(r)) && !D && !B && !G && !J && (c && c((d = t == null ? void 0 : t.getHTML()) !== null && d !== void 0 ? d : ""), C(!0), y(!1));
     };
     return document.addEventListener("mousedown", e), document.addEventListener("focusin", e), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("focusin", e);
     };
-  }, [l, s, t, a]), w(() => {
+  }, [p, c, t, a]), f(() => {
     t !== null && i !== void 0 && i !== t.getHTML() && t.commands.setContent(i);
-  }, [i, t]), t ? v(J, { className: U, label: _, helper: K, htmlFor: T, disabled: c, status: o, required: R, extra: n ?? M, children: [v("div", { ref: k, className: O, ...H, children: [d(rt, { editor: t }), d(X, { ref: S, editor: t, className: "ant-typography", onFocus: (e) => {
-    h && h(e), g(!0);
-  } })] }), j && d(ot, { editor: t, status: o, maxLength: x })] }) : null;
+  }, [i, t]), t ? E(X, { className: I, label: T, helper: L, htmlFor: R, disabled: s, status: o, required: N, extra: n ?? S, children: [E("div", { ref: w, className: j, ...O, children: [u(st, { editor: t, mini: x, blurMenu: l }), u($, { ref: P, editor: t, className: "ant-typography", onFocus: (e) => {
+    v && v(e), y(!0);
+  } })] }), F && u(ct, { editor: t, status: o, maxLength: g })] }) : null;
 });
-nt.displayName = "KitRichText";
+lt.displayName = "KitRichText";
 export {
-  nt as KitRichText
+  lt as KitRichText
 };

package/dist/Kit/DataEntry/RichText/types.d.ts

@@ -11,6 +11,7 @@ export interface KitRichTextProps extends KitHTMLAttributes<HTMLSpanElement | HT
     disabled?: boolean;
     readonly?: boolean;
     status?: KitRichTextStatus;
+    mini?: boolean;
     showCount?: boolean;
     maxLength?: number;
     defaultValue?: string;

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

@@ -1,4 +1,4 @@
-import "../../../assets/index41.css";
+import "../../../assets/index40.css";
 import { jsx as s, jsxs as pe } from "react/jsx-runtime";
 import { forwardRef as ve, useState as j, useRef as q, useEffect as fe, useMemo as me } from "react";
 import { Select as Ce } from "antd";

package/dist/Kit/DataEntry/Upload/UploadedItem.d.ts

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

package/dist/Kit/DataEntry/Upload/convertBytes.d.ts

@@ -0,0 +1,2 @@
+import { IKitLocale } from '../../../translation/types';
+export declare const convertBytes: (value?: number, locale?: IKitLocale['locale']) => string;

package/dist/Kit/DataEntry/Upload/getBase64.d.ts

@@ -0,0 +1,2 @@
+import { FileType } from './types';
+export declare const getBase64: (file: FileType) => Promise<string>;

package/dist/Kit/DataEntry/Upload/index.d.ts

@@ -1,8 +1,2 @@
-import { IKitDragger, IKitUpload } from './types';
-import { FunctionComponent } from 'react';
-type UploadCompoundedComponent = FunctionComponent<IKitUpload> & {
-    KitDragger: FunctionComponent<IKitDragger>;
-    LIST_IGNORE: string;
-};
-export declare const KitUpload: UploadCompoundedComponent;
-export {};
+import { KitUploadCompoundedComponent } from './types';
+export declare const KitUpload: KitUploadCompoundedComponent;