aristid-ds 12.0.0-d87eebf → 12.0.0-eaca419

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 # Changelog
 
-## [X.X.X0](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (202X-XX-XX)
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (202X-XX-XX)
+
+### ✨ CI
+
+- Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
 
 ### 📦 Upgrade
 
@@ -58,13 +62,15 @@ The following points are the impact of this version upgrade:
 
 -   **Tabs**:
     -   Add controlled state to handle navigation within tabs (@renaudamsellem)
+-   **SidePanel**:
+    -   Add `headerExtra` prop to display extra content above header title (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
+-   **ColorPicker**
+    -   Fix `onFormatChange` behavior (@philippechevieux)
 -   **Modal**
-
     -   Allow to pass className as props just like other components (@renaudamsellem)
-
 -   **Button**
     -   Fix hover and focus state color when redirect button is inside a typography text (@renaudamsellem)
 

package/dist/Kit/App/index.js

@@ -1,4 +1,4 @@
-import "../../assets/index28.css";
+import "../../assets/index29.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";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index37.css";
+import "../../../assets/index38.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/Empty/index.js

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

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

@@ -1,4 +1,4 @@
-import "../../../assets/index49.css";
+import "../../../assets/index50.css";
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index29.css";
+import "../../../assets/index30.css";
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { useState as B, useEffect as V, forwardRef as X } from "react";
 import Y from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index25.css";
+import "../../../assets/index26.css";
 import { jsx as i, jsxs as d, Fragment as x } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as _ } from "react";
@@ -8,19 +8,13 @@ import { faEllipsis as g, faArrowRight as P } from "@fortawesome/free-solid-svg-
 import { KitIcon as C } from "../../General/Icon/index.js";
 import { KitTypography as K } from "../../General/Typography/index.js";
 import { KitDivider as F } from "../../Layout/Divider/index.js";
-import "../../Layout/Space/index.js";
-import "color-convert";
-import "color-string";
-import "lodash/isEmpty";
-import "../../../chunks/styles.module.4eW8VunD.js";
-import "../../Layout/PageLayout/index.js";
 import { KitButton as k } from "../../General/Button/index.js";
 import { KitTooltip as L } from "../Tooltip/index.js";
 import { KitDropDown as A } from "../../Navigation/DropDown/index.js";
 import { u as j } from "../../../chunks/useKitLocale.96CdK3og.js";
 const G = {
   "kit-redirect-card": "_kit-redirect-card_poxps_2"
-}, w = ({ actions: r, actionsInDropdown: m = !1, disabled: t = !1 }) => {
+}, w = ({ actions: r, actionsInDropdown: m = !1, disabled: e = !1 }) => {
   var n, s;
   const { locale: l } = j();
   if (!r)
@@ -28,23 +22,23 @@ const G = {
   const o = r.length < 4;
   let c;
   if (m && r.length > 1)
-    c = i(A, { disabled: t, menu: { items: r }, children: i(k, { title: (n = l.General) === null || n === void 0 ? void 0 : n.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (e) => e.stopPropagation() }) });
+    c = i(A, { disabled: e, menu: { items: r }, children: i(k, { title: (n = l.General) === null || n === void 0 ? void 0 : n.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (t) => t.stopPropagation() }) });
   else if (o)
-    c = r.map((e) => i(N, { action: e, disabled: t }, e.key));
+    c = r.map((t) => i(N, { action: t, disabled: e }, t.key));
   else {
-    const [e, p, ...h] = r;
-    c = d(x, { children: [[e, p].map((a) => i(N, { action: a, disabled: t }, a.key)), i(A, { disabled: t, menu: { items: h }, children: i(k, { title: (s = l.General) === null || s === void 0 ? void 0 : s.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (a) => a.stopPropagation() }) })] });
+    const [t, p, ...h] = r;
+    c = d(x, { children: [[t, p].map((a) => i(N, { action: a, disabled: e }, a.key)), i(A, { disabled: e, menu: { items: h }, children: i(k, { title: (s = l.General) === null || s === void 0 ? void 0 : s.more, type: "secondary", icon: i(f, { icon: g }), disableSecureClick: !0, onClick: (a) => a.stopPropagation() }) })] });
   }
   return i("div", { className: "kit-redirect-card-actions", children: c });
-}, N = ({ action: r, disabled: m }) => i(L, { title: r.label, children: i(k, { type: "secondary", icon: r.icon, onClick: (t) => {
-  t.stopPropagation(), r.onClick(t);
-}, disabled: r.disabled || m, disableSecureClick: !0 }) }), M = _(({ className: r, style: m, title: t, description: n, icon: s, coverSrc: l, disabled: o, actions: c, actionsInDropdown: e, onClick: p, coverAlt: h = "" }, a) => {
+}, N = ({ action: r, disabled: m }) => i(L, { title: r.label, children: i(k, { type: "secondary", icon: r.icon, onClick: (e) => {
+  e.stopPropagation(), r.onClick(e);
+}, disabled: r.disabled || m, disableSecureClick: !0 }) }), M = _(({ className: r, style: m, title: e, description: n, icon: s, coverSrc: l, disabled: o, actions: c, actionsInDropdown: t, onClick: p, coverAlt: h = "" }, a) => {
   const v = s !== void 0 && l === void 0, y = l !== void 0, u = c !== void 0, D = 2, { appId: I } = B(), R = T(G["kit-redirect-card"], r, I, {
     "kit-redirect-card-disabled": o,
     "kit-redirect-card-with-cover": y,
     "kit-redirect-card-with-actions": u
   });
-  return d("div", { className: R, tabIndex: o ? -1 : 0, style: m, onClick: p, ref: a, children: [u && v && i(w, { actions: c, disabled: o, actionsInDropdown: !!e }), v && i(C, { className: "kit-redirect-card-icon", icon: s }), y && d(x, { children: [d("div", { className: "kit-redirect-card-cover", children: [i("img", { alt: h, src: l }), i("div", { className: "kit-redirect-card-actions-mask" }), u && i(w, { actions: c, actionsInDropdown: !!e, disabled: o })] }), i(F, { noMargin: !0 })] }), d("div", { className: "kit-redirect-card-content", children: [d("section", { children: [i(K.Title, { ellipsis: { tooltip: !0 }, level: "h3", disabled: o, children: t }), n && i(K.Paragraph, { ellipsis: { rows: D, tooltip: n }, disabled: o, children: n })] }), i(C, { className: "kit-redirect-card-redirect-icon", icon: i(f, { icon: P }) })] })] });
+  return d("div", { className: R, tabIndex: o ? -1 : 0, style: m, onClick: p, ref: a, children: [u && v && i(w, { actions: c, disabled: o, actionsInDropdown: !!t }), v && i(C, { className: "kit-redirect-card-icon", icon: s }), y && d(x, { children: [d("div", { className: "kit-redirect-card-cover", children: [i("img", { alt: h, src: l }), i("div", { className: "kit-redirect-card-actions-mask" }), u && i(w, { actions: c, actionsInDropdown: !!t, disabled: o })] }), i(F, { noMargin: !0 })] }), d("div", { className: "kit-redirect-card-content", children: [d("section", { children: [i(K.Title, { ellipsis: { tooltip: !0 }, level: "h3", disabled: o, children: e }), n && i(K.Paragraph, { ellipsis: { rows: D, tooltip: n }, disabled: o, children: n })] }), i(C, { className: "kit-redirect-card-redirect-icon", icon: i(f, { icon: P }) })] })] });
 });
 M.displayName = "KitRedirectCard";
 export {

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

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

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

@@ -1,41 +1,27 @@
 import "../../../assets/index5.css";
-import { jsxs as c, Fragment as j, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, Fragment as j, jsx as l } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { u as D } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import h from "classnames";
 import { KitButton as F } from "../../General/Button/index.js";
 import { KitTypography as z } from "../../General/Typography/index.js";
-import "../Avatar/index.js";
 import { KitBadge as C } from "../Badge/index.js";
-import "../ItemCard/index.js";
-import "../Collapse/index.js";
-import "../Empty/index.js";
-import "../Error/index.js";
-import "../IdCard/index.js";
-import "../Image/index.js";
-import "../ItemList/index.js";
-import "../Table/index.js";
-import "../Tag/index.js";
-import "../Tree/index.js";
-import "../Tooltip/index.js";
-import "antd";
-import "../RedirectCard/index.js";
 import { FontAwesomeIcon as E } from "@fortawesome/react-fontawesome";
 import { faPlus as O } from "@fortawesome/free-solid-svg-icons";
 const P = {
   "kit-tabs": "_kit-tabs_1i9lf_2"
-}, U = ({ addTab: v, centered: w, className: x, activeKey: e, defaultKey: n, items: o, onChange: i, fullwidthTab: u, size: b = "small", variant: l = "classic" }) => {
-  var a, p;
-  const { appId: y } = D(), [_, f] = B(n ?? ((a = o[0]) === null || a === void 0 ? void 0 : a.key)), k = e ?? _, N = (p = o.find((t) => t.key === k)) === null || p === void 0 ? void 0 : p.tabContent, T = h(y, x, P["kit-tabs"], w ? "centered" : "", b === "small" ? "small" : "medium", l, u ? "fullwidth" : "", N && l === "pill" ? "tabs-bottom-spacing" : ""), A = (t) => {
+}, U = ({ addTab: v, centered: w, className: x, activeKey: r, defaultKey: a, items: o, onChange: i, fullwidthTab: u, size: b = "small", variant: s = "classic" }) => {
+  var m, d;
+  const { appId: y } = D(), [_, f] = B(a ?? ((m = o[0]) === null || m === void 0 ? void 0 : m.key)), k = r ?? _, N = (d = o.find((t) => t.key === k)) === null || d === void 0 ? void 0 : d.tabContent, T = h(y, x, P["kit-tabs"], w ? "centered" : "", b === "small" ? "small" : "medium", s, u ? "fullwidth" : "", N && s === "pill" ? "tabs-bottom-spacing" : ""), A = (t) => {
     f(t), i == null || i(t);
-  }, I = (t, s) => {
-    t.code === "Enter" && (f(s), i == null || i(s));
+  }, I = (t, c) => {
+    t.code === "Enter" && (f(c), i == null || i(c));
   };
-  return c(j, { children: [c("div", { className: T, role: "tablist", children: [o == null ? void 0 : o.map(({ icon: t, label: s, badgeCount: K, key: m, disabled: d }) => c("div", { className: h("kit-tab", l, {
-    disabled: d,
-    active: k === m,
+  return n(j, { children: [n("div", { className: T, role: "tablist", children: [o == null ? void 0 : o.map(({ icon: t, label: c, badgeCount: K, key: e, disabled: p }) => n("div", { className: h("kit-tab", s, {
+    disabled: p,
+    active: k === e,
     fullwidth: u
-  }), role: "tab", tabIndex: 0, onClick: d ? void 0 : () => A(m), onKeyDown: d ? void 0 : (S) => I(S, m), children: [t && r("div", { className: "kit-tab-icon", children: t }), c("div", { className: "kit-tab-label-wrapper", children: [r(z.Text, { className: "kit-tab-label", size: b === "medium" ? "fontSize4" : void 0, children: s }), !!K && r(C, { className: "kit-tab-count", count: K })] })] }, m)), v && l === "classic" && r(F, { disableSecureClick: !0, type: "tertiary", icon: r(E, { icon: O }), onClick: v })] }), N] });
+  }), role: "tab", tabIndex: 0, onClick: p ? void 0 : () => A(e), onKeyDown: p ? void 0 : (S) => I(S, e), children: [t && l("div", { className: "kit-tab-icon", children: t }), n("div", { className: "kit-tab-label-wrapper", children: [l(z.Text, { className: "kit-tab-label", size: b === "medium" ? "fontSize4" : void 0, children: c }), !!K && l(C, { className: "kit-tab-count", count: K })] })] }, e)), v && s === "classic" && l(F, { disableSecureClick: !0, type: "tertiary", icon: l(E, { icon: O }), onClick: v })] }), N] });
 };
 U.displayName = "KitTabs";
 export {

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

@@ -1,4 +1,4 @@
-import "../../../assets/index38.css";
+import "../../../assets/index39.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/DataEntry/AutoComplete/index.js

@@ -3,7 +3,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as x, useState as y } from "react";
 import { AutoComplete as F } from "antd";
 import { KitInput as O } from "../Input/index.js";
-import { K as P } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as P } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import { FontAwesomeIcon as j } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass as B } from "@fortawesome/free-solid-svg-icons";
 import G from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index30.css";
+import "../../../assets/index31.css";
 import { jsx as s } from "react/jsx-runtime";
 import { createContext as P, memo as p, forwardRef as O, useContext as R, useState as w, useEffect as I, useRef as ee } from "react";
 import $ from "classnames";
@@ -7,7 +7,7 @@ import { u as ae } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import ne from "rc-util/es/omit";
 import { ConfigContext as ie } from "antd/es/config-provider/";
 import ce from "antd/es/checkbox/style";
-import { K as ue } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as ue } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 const j = P(null), te = ({ defaultValue: b, children: v, options: a = [], prefixCls: f, className: e, wrapperClassName: x, status: g, rootClassName: t, style: i, onChange: d, label: h, helper: o, required: r, actions: B, extra: k, ...n }, D) => {
   const { getPrefixCls: E, direction: T } = R(ie), [m, K] = w(n.value || b || []), [W, S] = w([]);
   I(() => {

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

@@ -1,82 +1,84 @@
-import "../../../assets/index26.css";
-import { forwardRef as G, useRef as U, useState as m, useEffect as H, useImperativeHandle as Y, createElement as q } from "react";
-import { jsxs as z, jsx as s } from "react/jsx-runtime";
-import { K as J } from "../../../chunks/InputWrapper._05UBJgS.js";
-import { u as Q } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { ColorPicker as Z } from "antd";
-import T from "classnames";
-import { FontAwesomeIcon as V } from "@fortawesome/react-fontawesome";
-import { faCircleXmark as oo } from "@fortawesome/free-solid-svg-icons";
-import { u as to } from "../../../chunks/useKitLocale.96CdK3og.js";
+import "../../../assets/index27.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";
+import { u as V } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { ColorPicker as oo } from "antd";
+import E from "classnames";
+import { FontAwesomeIcon as to } from "@fortawesome/react-fontawesome";
+import { faCircleXmark as eo } from "@fortawesome/free-solid-svg-icons";
+import { u as ro } from "../../../chunks/useKitLocale.96CdK3og.js";
 const h = {
   "kit-colorpicker": "_kit-colorpicker_1dih2_2",
   "kit-color-picker-clear": "_kit-color-picker-clear_1dih2_37",
   "kit-color-picker-placeholder": "_kit-color-picker-placeholder_1dih2_41",
   "kit-color-picker-text": "_kit-color-picker-text_1dih2_45"
-}, ro = 9, eo = 16, io = 255, co = (o) => {
-  if (o.length === ro) {
-    const r = o.slice(-2), t = Math.round(parseInt(r, eo) / io * 100);
-    return `${o.slice(0, 7)},${t}%`;
+}, io = 9, co = 16, no = 255, lo = (o) => {
+  if (o.length === io) {
+    const r = o.slice(-2), e = Math.round(parseInt(r, co) / no * 100);
+    return `${o.slice(0, 7)},${e}%`;
   }
   return o;
-}, no = (o, r) => {
+}, so = (o, r) => {
   switch (r) {
     case "hex":
-      return co(o.toHexString());
+      return lo(o.toHexString());
     case "rgb":
       return o.toRgbString();
     case "hsb":
       return o.toHsbString();
   }
-}, lo = (o, r, t, c) => c ? s("span", { className: h["kit-color-picker-placeholder"], children: t }) : s("span", { children: no(o, r) }), so = ({ color: o, format: r, showText: t, placeholder: c, isColorPickerValueEmpty: f, allowClear: _, onClear: p }) => {
+}, ao = (o, r, e, c) => c ? s("span", { className: h["kit-color-picker-placeholder"], children: e }) : s("span", { children: so(o, r) }), po = ({ color: o, format: r, showText: e, placeholder: c, isColorPickerValueEmpty: _, allowClear: f, onClear: p }) => {
   var n;
-  const { locale: l } = to(), a = t === !0, v = typeof t == "function" && t !== void 0, e = _ === !0, d = c ?? ((n = l.ColorPicker) === null || n === void 0 ? void 0 : n.selectAColor);
-  return z("div", { className: h["kit-color-picker-text"], children: [a && lo(o, r, d, f), v && s("span", { children: t(o) }), e && s(V, { className: h["kit-color-picker-clear"], "aria-label": "clear", icon: oo, onClick: (k) => {
+  const { locale: l } = ro(), a = e === !0, v = typeof e == "function" && e !== void 0, i = f === !0, d = c ?? ((n = l.ColorPicker) === null || n === void 0 ? void 0 : n.selectAColor);
+  return Q("div", { className: h["kit-color-picker-text"], children: [a && ao(o, r, d, _), v && s("span", { children: e(o) }), i && s(to, { className: h["kit-color-picker-clear"], "aria-label": "clear", icon: eo, onClick: (k) => {
     k.stopPropagation(), p();
   } })] });
-}, ao = G(({ label: o, className: r, helper: t, rootClassName: c, required: f, actions: _, extra: p, showText: n, allowClear: l, open: a = !1, placeholder: v, defaultValue: e, value: d, onChange: k, onClear: C, onOpenChange: x, format: E = "hex", ...P }, K) => {
-  const { appId: b } = Q(), N = U(null), [O, u] = m(a), [I, y] = m(e ?? d), [A, g] = m(l), [S, R] = m(E), [L, X] = m(0), w = n || A, D = T(b, "kit-colorpicker-panel", c), F = T(b, h["kit-colorpicker"], { "kit-colorpicker-with-text": !!n }, r);
-  H(() => {
-    g(l);
-  }, [l]), H(() => {
+}, ko = Y(({ label: o, className: r, helper: e, rootClassName: c, required: _, actions: f, extra: p, showText: n, allowClear: l, open: a = !1, placeholder: v, defaultValue: i, value: d, onChange: k, onClear: C, onOpenChange: x, onFormatChange: I, format: K = "hex", ...g }, N) => {
+  const { appId: S } = V(), O = q(null), [R, u] = m(a), [y, A] = m(i ?? d), [H, P] = m(l), [T, L] = m(K), [X, w] = m(0), D = n || H, j = E(S, "kit-colorpicker-panel", c), F = E(S, h["kit-colorpicker"], { "kit-colorpicker-with-text": !!n }, r);
+  b(() => {
+    P(l);
+  }, [l]), b(() => {
     u(a);
-  }, [a]), H(() => {
-    y(e ?? d);
-  }, [e, d]), Y(K, () => ({
+  }, [a]), b(() => {
+    A(i ?? d);
+  }, [i, d]), z(N, () => ({
     focus: () => {
       u(!0);
     },
     blur: () => {
       u(!1);
     },
-    value: I
+    value: y
   }));
-  const j = () => {
-    l && g(!1), y(void 0), X((i) => i + 1), C == null || C();
-  }, M = (i, B) => {
-    l && !A && g(!0), y(i), k == null || k(i, B);
-  }, W = (i) => {
-    a || u(i), x == null || x(i);
-  }, $ = I === void 0;
-  return s(J, { label: o, helper: t, disabled: P.disabled, required: f, extra: p ?? _, children: s("div", { ref: N, children: q(Z, {
-    ...P,
+  const M = () => {
+    l && P(!1), A(void 0), w((t) => t + 1), C == null || C();
+  }, W = (t, U) => {
+    l && !H && P(!0), A(t), k == null || k(t, U);
+  }, $ = (t) => {
+    a || u(t), x == null || x(t);
+  }, B = (t) => {
+    L(t), I == null || I(t);
+  }, G = y === void 0;
+  return s(Z, { label: o, helper: e, disabled: g.disabled, required: _, extra: p ?? f, children: s("div", { ref: O, children: J(oo, {
+    ...g,
     // This is a hack to force the color picker to re-render and display a clear value
     // https://react.dev/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key
-    key: L,
-    rootClassName: D,
+    key: X,
+    rootClassName: j,
     className: F,
-    format: S,
-    value: I,
-    ...w && {
-      showText: (i) => s(so, { color: i, format: S, showText: n, placeholder: v, isColorPickerValueEmpty: $, allowClear: A, onClear: j })
+    format: T,
+    value: y,
+    ...D && {
+      showText: (t) => s(po, { color: t, format: T, showText: n, placeholder: v, isColorPickerValueEmpty: G, allowClear: H, onClear: M })
     },
-    open: O,
-    onOpenChange: W,
-    onFormatChange: R,
-    onChange: M
+    open: R,
+    onOpenChange: $,
+    onFormatChange: B,
+    onChange: W
   }) }) });
 });
-ao.displayName = "KitColorPicker";
+ko.displayName = "KitColorPicker";
 export {
-  ao as KitColorPicker
+  ko as KitColorPicker
 };

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

@@ -1,11 +1,11 @@
-import "../../../assets/index46.css";
+import "../../../assets/index47.css";
 import { jsxs as R, jsx as e } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
 import { DatePicker as K } from "antd";
 import D from "classnames";
 import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
 import { faChevronLeft as p, faChevronRight as h, faClock as j, faCalendar as g, faCircleXmark as w, faArrowRight as z } from "@fortawesome/free-solid-svg-icons";
-import { K as A } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as A } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import { u as L } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 const W = {
   "kit-datepicker": "_kit-datepicker_1nfj8_2",

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

@@ -1,10 +1,10 @@
-import "../../../assets/index39.css";
+import "../../../assets/index40.css";
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { Input as w } from "antd";
 import { faCircleXmark as k, faEye as z, faEyeSlash as C } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as b } from "@fortawesome/react-fontawesome";
-import { K as h } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as h } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import { u as K } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import x from "classnames";
 import { KitTypography as y } from "../../General/Typography/index.js";

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

@@ -2,7 +2,7 @@ import "../../../assets/index7.css";
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as k, useState as x } from "react";
 import { InputNumber as _ } from "antd";
-import { K as N } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as N } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import w from "classnames";
 const y = {

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

@@ -1,4 +1,4 @@
-import { K as t } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as t } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 export {
   t as KitInputWrapper
 };

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

@@ -1,4 +1,4 @@
-import "../../../assets/index40.css";
+import "../../../assets/index41.css";
 import { jsx as i } from "react/jsx-runtime";
 import k from "classnames";
 import J from "rc-util/es/hooks/useMergedState";
@@ -8,7 +8,7 @@ import X from "antd/es/config-provider/SizeContext";
 import Y from "rc-util/es/pickAttrs";
 import { Radio as Z } from "antd";
 import { u as ee } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { K as ae } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as ae } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import te from "antd/es/radio/style";
 const K = O(null), re = K.Provider, oe = {
   "kit-radio": "_kit-radio_lmqef_2"

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

@@ -1,4 +1,4 @@
-import "../../../../assets/index23.css";
+import "../../../../assets/index24.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/FontSizeSelect/index.js

@@ -1,4 +1,4 @@
-import "../../../../../assets/index24.css";
+import "../../../../../assets/index25.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/index37.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/index.js

@@ -1,4 +1,4 @@
-import "../../../../assets/index22.css";
+import "../../../../assets/index23.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";

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

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

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

@@ -1,11 +1,11 @@
-import "../../../assets/index41.css";
+import "../../../assets/index42.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";
 import W from "classnames";
 import _e from "short-unique-id";
 import { useDebouncedCallback as be } from "use-debounce";
-import { K as we } from "../../../chunks/InputWrapper._05UBJgS.js";
+import { K as we } from "../../../chunks/InputWrapper.DPygx2dQ.js";
 import { u as Ie } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as I } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as ge, faCircleNotch as ke, faChevronDown as he, faCheck as De } from "@fortawesome/free-solid-svg-icons";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index31.css";
+import "../../../assets/index32.css";
 import { Upload as s } from "antd";
 import { jsxs as n, jsx as r, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as K } from "react";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index32.css";
+import "../../../assets/index33.css";
 import { jsxs as n, Fragment as K, jsx as s } from "react/jsx-runtime";
 import v from "react-hot-toast";
 import b from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index42.css";
+import "../../../assets/index43.css";
 import { jsx as o, jsxs as y, Fragment as z } from "react/jsx-runtime";
 import B from "react-modal";
 import { KitSpace as D } from "../../Layout/Space/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index33.css";
+import "../../../assets/index34.css";
 import { K as _ } from "../../../chunks/SnackBarProvider.T-xLQpTN.js";
 import { jsxs as l, jsx as a, Fragment as x } from "react/jsx-runtime";
 import { toast as p } from "react-hot-toast";