aristid-ds 10.0.0 → 10.1.0

package/CHANGELOG.md

@@ -1,13 +1,38 @@
 # Changelog
 
+## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
+
+### ✨ Features
+
+-   **ItemList**:
+    -   Add a third right action (@fatb38)
+    -   Add new state `onError` (@fatb38)
+    -   Add the possibility to hide actions and display it on hover with `showActionOnHover` prop (@fatb38)
+    -   Box shadow is now only present on hover (@fatb38)
+-   **RichText:**
+    -   Add `onFocus` and `onBlur` properties (@philippechevieux)
+
+### 🐛 Bug Fixes
+
+
+-   **Select:**
+    - Correctly display custom values in tags mode (@evoiron)
+-   **RichText**:
+    -   Fix component and menu bar width. (@philippechevieux)
+-   **Alert**:
+    -   Set default type to warning when none is specified. (@evoiron)
+    -   Fix wrong max width when displaying toasted alert. (@evoiron)
+
+### 📚 Documentation
+
+-   Remove `maxLength` control for `richText` (@philippechevieux)
+
 ## [10.0.0](https://www.npmjs.com/package/aristid-ds/v/10.0.0) (2024-10-03)
 
 ### ✨ Features
 
 -   **⚠️ Breaking change - Alert:**
-    - Update Alert component to make it toastable. Does not rely on Ant anymore. Props remains the same except `afterClose` and `banner` which are removed. (@evoiron)
--   **⚠️ Breaking change - Grid:**
-    - Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
+    -   Update Alert component to make it toastable. Does not rely on Ant anymore. Props remains the same except `afterClose` and `banner` which are removed. (@evoiron)
 -   **⚠️ Breaking change - Grid:**
     -   Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
 -   **New - PageLayout:**
@@ -20,6 +45,7 @@
     -   Make `idCardProps` property optional (@philippechevieux)
     -   Add `idCardSubstitute` to display a custom component (@philippechevieux)
     -   Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
+    -   Add `title` attribute to action buttons (@Delmotte-Vincent)
 -   **InputWrapper:**
     -   Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
     -   Add `onFocus` to trigger a given function when content is focused. Also if `bordered` is set to `true` it will change the border render (@philippechevieux)

package/dist/Kit/App/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "antd";
-import "../../chunks/SnackBarProvider.xMKXdZ88.js";
-import { K as l } from "../../chunks/index._m3_6N04.js";
+import "../../chunks/SnackBarProvider.4VQW3qoO.js";
+import { K as l } from "../../chunks/index.cabAtyai.js";
 import "../../theme/utils/tokens-mapper/index.js";
 import "../../translation/utils/index.js";
 import "../../chunks/useKitLocale.96CdK3og.js";

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

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

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

@@ -13,11 +13,10 @@ import "color-string";
 import "lodash/isEmpty";
 import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-import { c as n } from "../../../chunks/index._m3_6N04.js";
+import { c as l } from "../../../chunks/index.cabAtyai.js";
 import "../../Feedback/Alert/index.js";
 import "../../Feedback/Progress/index.js";
 import "../../Feedback/Loader/index.js";
-import "react-hot-toast";
 export {
-  n as KitError
+  l as KitError
 };

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

@@ -9,7 +9,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { a as y } from "../../../chunks/index._m3_6N04.js";
+import { a as y } from "../../../chunks/index.cabAtyai.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -5,7 +5,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { d as H } from "../../../chunks/index._m3_6N04.js";
+import { d as J } from "../../../chunks/index.cabAtyai.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
@@ -33,6 +33,7 @@ import "../../Navigation/Steps/index.js";
 import "../../../chunks/styles.module.taPo3VoP.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
+import "../../../chunks/useKitLocale.96CdK3og.js";
 export {
-  H as KitItemList
+  J as KitItemList
 };

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { e as g } from "../../../chunks/index._m3_6N04.js";
+import { e as g } from "../../../chunks/index.cabAtyai.js";
 import "react";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "@fortawesome/react-fontawesome";

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

@@ -1,4 +1,4 @@
-import { f as o } from "../../../chunks/index._m3_6N04.js";
+import { f as o } from "../../../chunks/index.cabAtyai.js";
 export {
   o as KitTag
 };

package/dist/Kit/DataDisplay/index.js

@@ -1,6 +1,6 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as i } from "./Badge/index.js";
-import { b as K, c as m, a as p, d as f, e as x, f as s } from "../../chunks/index._m3_6N04.js";
+import { b as K, c as m, a as p, d as f, e as x, f as s } from "../../chunks/index.cabAtyai.js";
 import { KitEmpty as T } from "./Empty/index.js";
 import { KitIdCard as C } from "./IdCard/index.js";
 import { KitImage as b } from "./Image/index.js";

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

@@ -4,6 +4,7 @@ export interface IKitActionButton {
     key: string;
     label: string;
     icon: ReactNode;
-    disabled?: boolean;
     onClick: (e: unknown) => void;
+    disabled?: boolean;
+    title?: string;
 }

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

@@ -3,13 +3,13 @@ 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";
 const d = {
-  "kit-rich-text-editor-content-character-count": "_kit-rich-text-editor-content-character-count_1206r_2"
+  "kit-rich-text-editor-content-character-count": "_kit-rich-text-editor-content-character-count_yj27e_2"
 }, k = ({ editor: c, status: t, maxLength: r }) => {
-  const { appId: o } = s(), e = h(o, d["kit-rich-text-editor-content-character-count"], {
+  const { appId: e } = s(), o = h(e, d["kit-rich-text-editor-content-character-count"], {
     "kit-rich-text-editor-content-character-count-error": t === "error",
     "kit-rich-text-editor-content-character-count-warning": t === "warning"
   }), n = c.storage.characterCount.characters();
-  return i("div", { className: e, children: a("span", { children: [n, r !== void 0 && " / " + r] }) });
+  return i("div", { className: o, children: a("span", { children: [n, r !== void 0 && " / " + r] }) });
 };
 export {
   k as KitEditorContentCharacterCount

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../DataDisplay/Avatar/index.js";
 import "../../../../DataDisplay/Badge/index.js";
-import { t as K } from "../../../../../chunks/index._m3_6N04.js";
+import { t as K } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../DataDisplay/Empty/index.js";
 import "../../../../DataDisplay/IdCard/index.js";
 import "../../../../DataDisplay/Image/index.js";

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

@@ -4,7 +4,7 @@ import "../../../../General/Typography/index.js";
 import "../../../../General/Icon/index.js";
 import "../../../../Navigation/Breadcrumb/index.js";
 import "../../../../Navigation/DropDown/index.js";
-import { v as F } from "../../../../../chunks/index._m3_6N04.js";
+import { v as F } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../Navigation/Steps/index.js";
 import "antd";
 import "../../../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { w as s } from "../../../../../chunks/index._m3_6N04.js";
+import { w as s } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   s as KitFontStylesButtons

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { A as n } from "../../../../../chunks/index._m3_6N04.js";
+import { A as n } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   n as KitIndentListButtons

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
 import "react";
-import { y as a } from "../../../../../chunks/index._m3_6N04.js";
+import { y as a } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   a as KitLinkButton

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { z as s } from "../../../../../chunks/index._m3_6N04.js";
+import { z as s } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   s as KitListButtons

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { x } from "../../../../../chunks/index._m3_6N04.js";
+import { x } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   x as KitTextAlignButtons

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { u as d } from "../../../../../chunks/index._m3_6N04.js";
+import { u as d } from "../../../../../chunks/index.cabAtyai.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   d as KitUndoRedoButtons

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { B as s } from "../../../../chunks/index._m3_6N04.js";
+import { B as s } from "../../../../chunks/index.cabAtyai.js";
 import "../../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../../Layout/Divider/index.js";
 import "../../../Layout/Space/index.js";

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

@@ -3,23 +3,16 @@ import "react";
 import "../../../chunks/InputWrapper.RBqyXNPY.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
-import { m as q } from "../../../chunks/index._m3_6N04.js";
+import { g as T } from "../../../chunks/index.cabAtyai.js";
 import "@tiptap/react";
 import "@tiptap/starter-kit";
-import "@tiptap/extension-document";
-import "@tiptap/extension-heading";
-import "@tiptap/extension-paragraph";
-import "@tiptap/extension-text";
 import "@tiptap/extension-underline";
 import "@tiptap/extension-text-align";
-import "@tiptap/extension-bullet-list";
-import "@tiptap/extension-ordered-list";
-import "@tiptap/extension-list-item";
 import "@tiptap/extension-placeholder";
 import "@tiptap/extension-link";
 import "@tiptap/extension-character-count";
 import "./EditorContentCharacterCount/index.js";
 import "../../../utils/functions/index.js";
 export {
-  q as KitRichText
+  T as KitRichText
 };

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

@@ -1,5 +1,5 @@
 import {KitHTMLAttributes} from '../../../types';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {ReactNode, ReactElement, MouseEvent, FocusEvent} from 'react';
 
 export type KitRichTextStatus = 'warning' | 'error';
 
@@ -21,4 +21,6 @@ export interface KitRichTextProps extends KitHTMLAttributes<HTMLSpanElement | HT
     defaultValue?: string;
     value?: string;
     onChange?: (value: string) => void;
+    onFocus?: (e: FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (value: string) => void;
 }

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

@@ -6,7 +6,7 @@ import "classnames";
 import "react";
 import "short-unique-id";
 import "use-debounce";
-import { g } from "../../../chunks/index._m3_6N04.js";
+import { h } from "../../../chunks/index.cabAtyai.js";
 export {
-  g as KitSelect
+  h as KitSelect
 };

package/dist/Kit/DataEntry/Select/renders.d.ts

@@ -2,7 +2,12 @@ import { ReactElement, ReactNode } from 'react';
 import { IKitInternalOption, IKitOption, IKitSelect } from './types';
 import { LabelInValueType } from 'rc-select/es/Select';
 import type { CustomTagProps } from 'rc-select/es/BaseSelect';
-export declare const getLabelRender: ({ value }: LabelInValueType | CustomTagProps, options: IKitInternalOption[]) => (import("./types").OptionCommons & {
+export declare const getLabelRender: ({ value }: LabelInValueType | CustomTagProps, options: IKitInternalOption[]) => ({
+    label?: string | undefined;
+    value?: string | number | null | undefined;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+} & {
     idCard?: import("../../DataDisplay/IdCard/types").IKitIdCard | undefined;
 } & {
     icon?: ReactNode;

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

@@ -2,6 +2,7 @@ import {SelectProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
 import {ReactNode, ReactElement, MouseEvent} from 'react';
 import {IKitIdCard} from '../../DataDisplay/IdCard/types';
+export type {RefSelectProps} from 'antd';
 
 type AntdSelectTypesToOmit =
     | 'dropdownMatchSelectWidth'
@@ -73,3 +74,5 @@ export interface IKitSelect extends Omit<SelectProps, AntdSelectTypesToOmit>, Ki
     onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     readonly?: boolean;
 }
+
+export type IkitSelectRef = RefSelectProps;

package/dist/Kit/DataEntry/index.js

@@ -4,7 +4,7 @@ import { KitInputNumber as m } from "./InputNumber/index.js";
 import { K } from "../../chunks/InputWrapper.RBqyXNPY.js";
 import { KitRadio as a } from "./Radio/index.js";
 import { KitRate as l } from "./Rate/index.js";
-import { m as d, g as h } from "../../chunks/index._m3_6N04.js";
+import { g as h, h as d } from "../../chunks/index.cabAtyai.js";
 import { KitSwitch as n } from "./Switch/index.js";
 import { KitDatePicker as C } from "./DatePicker/index.js";
 import { KitAutoComplete as R } from "./AutoComplete/index.js";
@@ -21,8 +21,8 @@ export {
   K as KitInputWrapper,
   a as KitRadio,
   l as KitRate,
-  d as KitRichText,
-  h as KitSelect,
+  h as KitRichText,
+  d as KitSelect,
   g as KitSlider,
   n as KitSwitch,
   b as KitUpload

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

@@ -1,56 +1,63 @@
 import "../../../assets/index24.css";
-import { jsxs as n, Fragment as I, jsx as e } from "react/jsx-runtime";
-import p from "react-hot-toast";
-import _ from "classnames";
-import { FontAwesomeIcon as t } from "@fortawesome/react-fontawesome";
-import { faCaretDown as y, faCaretRight as K, faXmark as S, faCircleXmark as b, faCircleExclamation as T, faCircleCheck as D, faCircleInfo as j } from "@fortawesome/free-solid-svg-icons";
-import { useState as F } from "react";
-import { u as P } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { jsxs as n, Fragment as K, jsx as s } from "react/jsx-runtime";
+import v from "react-hot-toast";
+import b from "classnames";
+import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+import { faCaretRight as S, faXmark as T, faCircleExclamation as j, faCircleXmark as D, faCircleCheck as F, faCircleInfo as P } from "@fortawesome/free-solid-svg-icons";
+import { useState as X } from "react";
+import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Button/index.js";
 import { KitTypography as f } from "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
-import { u as X } from "../../../chunks/useKitLocale.96CdK3og.js";
-import { uuid as $ } from "../../../utils/functions/index.js";
-const E = {
-  "kit-alert": "_kit-alert_ru41m_2"
-}, L = ({ content: r }) => {
-  var i;
-  const { locale: a } = X();
-  return n(I, { children: [e("div", { className: "divider" }), n("details", { className: "actions", children: [n("summary", { children: [e(t, { icon: y, className: "alert-details-caret-down", "aria-hidden": !0 }), e(t, { icon: K, className: "alert-details-caret-right", "aria-hidden": !0 }), e(f.Text, { size: "fontSize5", children: (i = a.Alert) === null || i === void 0 ? void 0 : i.showDetails })] }), e("div", { className: "content", children: e(f.Text, { size: "fontSize5", children: r }) })] })] });
-}, N = ({ type: r, className: i, onClose: a, showIcon: h, message: s, description: o, closable: l, details: m, customContent: d, ...g }) => {
-  const [C, w] = F(!1), { appId: v } = P(), x = () => {
-    switch (r) {
+import { u as g } from "../../../chunks/useKitLocale.96CdK3og.js";
+import { uuid as E } from "../../../utils/functions/index.js";
+const G = {
+  "kit-alert": "_kit-alert_d4axw_2"
+}, L = ({ content: e }) => {
+  var r;
+  const { locale: t } = g();
+  return n(K, { children: [s("div", { className: "divider" }), n("details", { className: "actions", children: [n("summary", { children: [s(a, { icon: S, className: "alert-details-caret", "aria-hidden": !0 }), s(f.Text, { size: "fontSize5", children: (r = t.Alert) === null || r === void 0 ? void 0 : r.showDetails })] }), s("div", { className: "content", children: s(f.Text, { size: "fontSize5", children: e }) })] })] });
+}, x = ({ type: e, className: r, onClose: t, showIcon: h, message: i, description: o, closable: l, details: m, customContent: d, ...C }) => {
+  var p;
+  const [w, z] = X(!1), { appId: k } = $(), { locale: N } = g(), _ = () => {
+    switch (e) {
       case "info":
-        return e(t, { className: "icon", icon: j });
+        return s(a, { className: "icon", icon: P });
       case "success":
-        return e(t, { className: "icon", icon: D });
-      case "warning":
-        return e(t, { className: "icon", icon: T });
+        return s(a, { className: "icon", icon: F });
       case "error":
-        return e(t, { className: "icon", icon: b });
+        return s(a, { className: "icon", icon: D });
+      case "warning":
+      default:
+        return s(a, { className: "icon", icon: j });
     }
-  }, z = (A) => {
-    w(!0), a && a(A);
-  }, k = _(v, E["kit-alert"], {
-    info: r === "info",
-    success: r === "success",
-    warning: r === "warning",
-    error: r === "error"
-  }, i);
-  return C ? null : n("div", { className: k, ...g, children: [n("div", { className: "kit-alert-main-content", children: [h && x(), s && e(f.Paragraph, { weight: "bold", size: "fontSize5", ellipsis: !0, className: "message", children: s }), l && e("button", { className: "close", onClick: z, children: e(t, { icon: S }) }), o && e("div", { className: "description", children: e(f.Paragraph, { size: "fontSize7", ellipsis: { rows: 3, expandable: !1, tooltip: { zIndex: 9999 } }, children: o }) })] }), m && e(L, { content: m }), d && e("div", { className: "custom-placeholder", children: d })] });
-}, u = ({ duration: r = 1 / 0, position: i = "top-center", type: a, toastId: h, ...s }) => {
+  }, y = (I) => {
+    z(!0), t && t(I);
+  }, A = b(k, G["kit-alert"], {
+    info: e === "info",
+    success: e === "success",
+    warning: e === "warning",
+    error: e === "error"
+  }, r);
+  return w ? null : n("div", { className: A, ...C, children: [n("div", { className: "kit-alert-main-content", children: [h && _(), i && s(f.Paragraph, { weight: "bold", size: "fontSize5", ellipsis: !0, className: "message", children: i }), l && s("button", { className: "close", onClick: y, "aria-label": (p = N == null ? void 0 : N.General) === null || p === void 0 ? void 0 : p.close, children: s(a, { icon: T }) }), o && s("div", { className: "description", children: s(f.Paragraph, { size: "fontSize7", ellipsis: { rows: 3, expandable: !1, tooltip: { zIndex: 9999 } }, children: o }) })] }), m && s(L, { content: m }), d && s("div", { className: "custom-placeholder", children: d })] });
+}, u = ({ duration: e = 1 / 0, position: r = "top-center", type: t, toastId: h, ...i }) => {
   const o = {
-    className: `${s.className} toast-alert`
-  }, l = h || $(), m = (d) => {
-    p.dismiss(l), s.onClose && s.onClose(d);
+    className: `${i.className} toast-alert`
+  }, l = h || E(), m = (d) => {
+    v.dismiss(l), i.onClose && i.onClose(d);
   };
-  return s.closable && (o.onClose = m), p(e(N, { ...s, type: a, ...o }), { duration: r, position: i, id: l });
-}, c = N;
+  return i.closable && (o.onClose = m), v(s(x, { ...i, type: t, ...o }), {
+    duration: e,
+    position: r,
+    id: l,
+    style: { maxWidth: "500px" }
+  });
+}, c = x;
 c.displayName = "KitAlert";
-c.info = (r) => u({ ...r, type: "info" });
-c.success = (r) => u({ ...r, type: "success" });
-c.warning = (r) => u({ ...r, type: "warning" });
-c.error = (r) => u({ ...r, type: "error" });
+c.info = (e) => u({ ...e, type: "info" });
+c.success = (e) => u({ ...e, type: "success" });
+c.warning = (e) => u({ ...e, type: "warning" });
+c.error = (e) => u({ ...e, type: "error" });
 export {
   c as KitAlert
 };

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

@@ -1,4 +1,4 @@
-import { h as r } from "../../../chunks/index._m3_6N04.js";
+import { i } from "../../../chunks/index.cabAtyai.js";
 export {
-  r as KitModal
+  i as KitModal
 };

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

@@ -1,4 +1,4 @@
-import { K as o, u as a } from "../../../chunks/KitNotification.Upa9d8P8.js";
+import { K as o, u as a } from "../../../chunks/KitNotification.jLNrzkIj.js";
 export {
   o as KitNotification,
   a as useKitNotification

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

@@ -1,5 +1,5 @@
 import "../../../assets/index25.css";
-import { K as h } from "../../../chunks/SnackBarProvider.xMKXdZ88.js";
+import { K as h } from "../../../chunks/SnackBarProvider.4VQW3qoO.js";
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import { toast as k } from "react-hot-toast";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Feedback/index.js

@@ -1,9 +1,9 @@
 import { KitAlert as t } from "./Alert/index.js";
-import { h as e } from "../../chunks/index._m3_6N04.js";
+import { i as e } from "../../chunks/index.cabAtyai.js";
 import { KitProgress as K } from "./Progress/index.js";
 import { KitLoader as p } from "./Loader/index.js";
 import { KitSnackBarProvider as n, closeKitSnackBar as s, openKitSnackBar as x } from "./SnackBar/index.js";
-import { K as k, u as l } from "../../chunks/KitNotification.Upa9d8P8.js";
+import { K as k, u as l } from "../../chunks/KitNotification.jLNrzkIj.js";
 import { KitSkeleton as d } from "./Skeleton/index.js";
 export {
   t as KitAlert,

package/dist/Kit/Layout/PageLayout/index.js

@@ -1,4 +1,4 @@
-import { n as t } from "../../../chunks/index._m3_6N04.js";
+import { n as t } from "../../../chunks/index.cabAtyai.js";
 export {
   t as KitPageLayout
 };

package/dist/Kit/Layout/index.js

@@ -2,7 +2,7 @@ import { KitDivider as t } from "./Divider/index.js";
 import { KitSpace as i } from "./Space/index.js";
 import { KitSection as f } from "./Section/index.js";
 import { KitGrid as x } from "./Grid/index.js";
-import { n as a } from "../../chunks/index._m3_6N04.js";
+import { n as a } from "../../chunks/index.cabAtyai.js";
 export {
   t as KitDivider,
   x as KitGrid,

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

@@ -1,4 +1,4 @@
-import { j as a } from "../../../chunks/index._m3_6N04.js";
+import { k as a } from "../../../chunks/index.cabAtyai.js";
 export {
   a as KitHeader
 };

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

@@ -1,4 +1,4 @@
-import { k as r } from "../../../chunks/index._m3_6N04.js";
+import { l as r } from "../../../chunks/index.cabAtyai.js";
 export {
   r as KitMenu
 };

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

@@ -10,7 +10,7 @@ import "color-string";
 import "lodash/isEmpty";
 import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-import { i as z } from "../../../chunks/index._m3_6N04.js";
+import { j as z } from "../../../chunks/index.cabAtyai.js";
 import "../../DataEntry/Checkbox/index.js";
 import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";

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

@@ -1,4 +1,4 @@
-import { l as o } from "../../../chunks/index._m3_6N04.js";
+import { m } from "../../../chunks/index.cabAtyai.js";
 export {
-  o as KitSideMenu
+  m as KitSideMenu
 };

package/dist/Kit/Navigation/index.js

@@ -1,14 +1,14 @@
 import { KitBreadcrumb as t } from "./Breadcrumb/index.js";
 import { KitDropDown as i } from "./DropDown/index.js";
-import { j as K, k as p, i as m, l as f } from "../../chunks/index._m3_6N04.js";
+import { k as K, l as m, j as p, m as f } from "../../chunks/index.cabAtyai.js";
 import { KitSteps as s } from "./Steps/index.js";
 import { KitPagination as d } from "./Pagination/index.js";
 export {
   t as KitBreadcrumb,
   i as KitDropDown,
   K as KitHeader,
-  p as KitMenu,
-  m as KitPageHeader,
+  m as KitMenu,
+  p as KitPageHeader,
   d as KitPagination,
   f as KitSideMenu,
   s as KitSteps

package/dist/Kit/index.d.ts

@@ -1,5 +1,5 @@
 export { KitAvatar, KitBadge, KitItemCard, KitCollapse, KitEmpty, KitError, KitIdCard, KitImage, KitItemList, KitRedirectCard, KitTable, KitTooltip, KitTree, KitTabs, KitTag, KitTour } from './DataDisplay';
-export { KitCheckbox, KitInputWrapper, KitInput, KitInputNumber, KitRadio, KitRate, KitSelect, KitSwitch, KitDatePicker, KitAutoComplete, KitUpload, KitSlider, KitColorPicker } from './DataEntry';
+export { KitCheckbox, KitInputWrapper, KitInput, KitInputNumber, KitRadio, KitRate, KitRichText, KitSelect, KitSwitch, KitDatePicker, KitAutoComplete, KitUpload, KitSlider, KitColorPicker } from './DataEntry';
 export { KitAlert, KitModal, KitProgress, KitSnackBarProvider, openKitSnackBar, closeKitSnackBar, useKitNotification, KitNotification, KitLoader } from './Feedback';
 export { KitButton, KitTypography, KitIcon } from './General';
 export { KitDivider, KitGrid, KitSpace, KitSection } from './Layout';