aristid-ds 12.0.0-e651b01 → 12.0.0-eaca419

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/Modal/types.d.ts

@@ -17,7 +17,7 @@ type propsToOmit =
 //todo delete Omit<title role className style>
 export interface IKitModal
     extends Omit<ComponentProps<ReactModal>, propsToOmit>,
-        Omit<KitHTMLAttributes<HTMLDivElement>, 'title' | 'role' | 'className' | 'style'> {
+        Omit<KitHTMLAttributes<HTMLDivElement>, 'title' | 'role' | 'style'> {
     width?: string;
     showCloseIcon?: boolean;
     fullscreen?: boolean;

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

@@ -1,20 +1,20 @@
-import "../../../assets/index33.css";
-import { I } from "../../../chunks/SnackBarProvider.nqDzpFo3.js";
-import { jsxs as l, jsx as i, Fragment as _ } from "react/jsx-runtime";
+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";
-import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { u as A } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as m } from "@fortawesome/react-fontawesome";
-import { faXmark as A, faEllipsisV as C } from "@fortawesome/free-solid-svg-icons";
+import { faXmark as C, faEllipsisV as D } from "@fortawesome/free-solid-svg-icons";
 import k from "classnames";
 import d from "../../General/DynamicActions/index.js";
-import { KitDivider as D } from "../../Layout/Divider/index.js";
+import { KitDivider as I } from "../../Layout/Divider/index.js";
 import { KitButton as T } from "../../General/Button/index.js";
 import { KitTypography as g } from "../../General/Typography/index.js";
 const w = {
   "kit-snackbar": "_kit-snackbar_1bxje_2"
-}, j = (a) => i(T, { type: "tertiary", size: "m", icon: a.icon, onClick: a.onClick, className: a.className, disabled: a.disabled, children: a.label }, a.key), E = ({ message: a, actions: s, closable: v, onClose: r, actionsInDropDown: b, className: f, style: h }) => {
+}, j = (i) => a(T, { type: "tertiary", size: "m", icon: i.icon, onClick: i.onClick, className: i.className, disabled: i.disabled, children: i.label }, i.key), E = ({ message: i, actions: s, closable: v, onClose: r, actionsInDropDown: b, className: f, style: h }) => {
   var t;
-  const { appId: u } = x(), y = s && s.length > 0, c = v !== void 0, N = k(u, w["kit-snackbar"], f), B = () => {
+  const { appId: u } = A(), y = s && s.length > 0, c = v !== void 0, N = k(u, w["kit-snackbar"], f), B = () => {
     e(), r == null || r();
   }, K = (t = s == null ? void 0 : s.map((n, S) => {
     var o;
@@ -24,12 +24,12 @@ const w = {
       className: k(n.className, "kit-snackbar-action")
     };
   })) !== null && t !== void 0 ? t : [];
-  return l("div", { style: { ...h }, className: N, children: [c && i("div", { className: "kit-snackbar-close", children: i("div", { className: "kit-snackbar-close-button", onClick: B, children: i(m, { icon: A }) }) }), i("div", { className: "kit-snackbar-message", children: i(g.Text, { className: "kit-snackbar-title", children: a }) }), y && l(_, { children: [(a || c) && i(D, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), i("div", { className: "kit-snackbar-actions", children: i(d, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: j, ellipsisButton: i(d.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: i(m, { icon: C }) }), threshold: 3 }) })] })] });
-}, F = E, z = 4e3, P = ({ duration: a = z, ...s }) => (e(), p(i(F, { ...s }), {
-  duration: a === 0 ? 1 / 0 : a
+  return l("div", { style: { ...h }, className: N, children: [c && a("div", { className: "kit-snackbar-close", children: a("div", { className: "kit-snackbar-close-button", onClick: B, children: a(m, { icon: C }) }) }), a("div", { className: "kit-snackbar-message", children: a(g.Text, { className: "kit-snackbar-title", children: i }) }), y && l(x, { children: [(i || c) && a(I, { type: "vertical", noMargin: !0, className: "kit-snackbar-divider" }), a("div", { className: "kit-snackbar-actions", children: a(d, { actions: K, actionsInDropdown: !!b, disabled: !1, actionRenderer: j, ellipsisButton: a(d.EllipsisButton, { type: "tertiary", size: "m", className: "kit-snackbar-action", icon: a(m, { icon: D }) }), threshold: 3 }) })] })] });
+}, F = E, z = 4e3, P = ({ duration: i = z, ...s }) => (e(), p(a(F, { ...s }), {
+  duration: i === 0 ? 1 / 0 : i
 })), e = () => {
   p.dismiss();
-}, Q = P, W = e, Y = I;
+}, Q = P, W = e, Y = _;
 export {
   Y as KitSnackBarProvider,
   W as closeKitSnackBar,

package/dist/Kit/General/Button/index.js

@@ -1,15 +1,15 @@
-import "../../../assets/index43.css";
+import "../../../assets/index44.css";
 import { jsxs as T, jsx as e } from "react/jsx-runtime";
-import { forwardRef as C, useState as $, useMemo as F, useEffect as L, cloneElement as G } from "react";
+import { forwardRef as C, useState as w, useMemo as L, useEffect as q, cloneElement as G } from "react";
 import H from "@ant-design/icons/LoadingOutlined";
-import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
 import { faArrowRight as J, faCircleCheck as Q, faChevronDown as U } from "@fortawesome/free-solid-svg-icons";
 import V from "../../../hooks/useSecureClick/index.js";
 import y from "classnames";
 import { KitDropDown as W } from "../../Navigation/DropDown/index.js";
 const X = {
-  "kit-btn": "_kit-btn_1bsfq_2"
+  "kit-btn": "_kit-btn_9gvw4_2"
 }, Y = (t) => {
   var n;
   if (!t)
@@ -31,7 +31,7 @@ const X = {
     delay: 0
   };
 }, M = ["primary", "secondary", "tertiary"], z = ({ iconSize: t, dangerModal: n, checked: i, active: l, href: c, target: _, icon: u, danger: m, color: k, block: r, className: b, onClick: f, disableSecureClick: h, children: s, disabled: p, size: v = "l", type: o = "secondary", htmlType: x = "button", loading: a = !1, ...B }, D) => {
-  const { appId: j } = w(), [E, O] = $(!1), g = F(() => Z(a), [a]), R = V(f), A = !s && u, P = y(j, X["kit-btn"], b, {
+  const { appId: j } = $(), [E, O] = w(!1), g = L(() => Z(a), [a]), R = V(f), A = !s && u, P = y(j, X["kit-btn"], b, {
     [`kit-btn-${o}`]: !n && o,
     "kit-btn-secondary": n || o === "secondary",
     "kit-btn-disabled": p,
@@ -44,15 +44,15 @@ const X = {
     [`kit-btn-color-${k}`]: k,
     [`kit-btn-size-${v}`]: !!v && (!o || M.includes(o))
   }), S = Y(u);
-  return L(() => {
+  return q(() => {
     let d = null;
     g.delay > 0 ? d = setTimeout(() => {
       d = null, O(!0);
     }, g.delay) : O(g.loading);
-    function q() {
+    function F() {
       d && (clearTimeout(d), d = null);
     }
-    return q;
+    return F;
   }, [a, g]), T(o === "link" || o === "redirect" ? "a" : "button", { onClick: h ? f : R, disabled: p, ...{
     href: o === "link" || o === "redirect" ? c : void 0,
     target: o === "link" || o === "redirect" ? _ : void 0,
@@ -62,7 +62,7 @@ const X = {
   "kit-btn-split": "_kit-btn-split_x2kvu_2",
   "kit-btn": "_kit-btn_x2kvu_2"
 }, nt = ({ items: t, onClick: n, children: i, icon: l, className: c, id: _, style: u, open: m, block: k, splitClassName: r, ...b }, f) => {
-  const { appId: h } = w(), [s, p] = $(m), v = y(h, tt["kit-btn-split"], {
+  const { appId: h } = $(), [s, p] = w(m), v = y(h, tt["kit-btn-split"], {
     "kit-btn-block": k
   }, c), o = y("kit-btn-split-main", r == null ? void 0 : r.main), x = y("kit-btn-split-split", {
     "kit-btn-split-open": s

package/dist/Kit/General/Typography/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index47.css";
+import "../../../assets/index49.css";
 import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as m } from "react";
 import K from "antd/es/typography/Base";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index27.css";
+import "../../../assets/index28.css";
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { KitHeader as l } from "../../Navigation/Header/index.js";
 import { KitSideMenu as s } from "../../Navigation/SideMenu/index.js";

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

@@ -1,20 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
-import { isValidColor as n, getColor as c } from "../../../utils/functions/index.js";
-import m from "classnames";
-import { c as a } from "../../../chunks/styles.module.4eW8VunD.js";
-const g = ({ className: t, style: o, borderColor: r = "primary", children: i }) => {
+import "../../../assets/index18.css";
+import { jsx as n } from "react/jsx-runtime";
+import { isValidColor as c, getColor as s } from "../../../utils/functions/index.js";
+import l from "classnames";
+const m = "_borderSection_i0jwi_1", a = "_fullWidth_i0jwi_6", u = {
+  borderSection: m,
+  fullWidth: a
+}, S = ({ className: i, style: r, borderColor: t = "primary", children: o }) => {
   const e = () => {
-    if (r === "primary")
+    if (t === "primary")
       return {
         "--section-border-color": "var(--general-utilities-main-default)"
       };
-    if (!(!r || !n(r)))
+    if (!(!t || !c(t)))
       return {
-        "--section-border-color": c(r)
+        "--section-border-color": s(t)
       };
   };
-  return s("section", { className: m(t, a.borderSection), style: { ...e(), ...o }, children: i });
+  return n("section", { className: l(i, u.borderSection), style: { ...e(), ...r }, children: o });
 };
 export {
-  g as KitSection
+  S as KitSection
 };

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

@@ -1,4 +1,4 @@
-import "../../../assets/index18.css";
+import "../../../assets/index19.css";
 import { jsx as o, jsxs as s, Fragment as a } from "react/jsx-runtime";
 import { useMemo as c } from "react";
 import { Breadcrumb as d } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index34.css";
+import "../../../assets/index35.css";
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { u as x } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import g from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index19.css";
+import "../../../assets/index20.css";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { cloneElement as s, useMemo as f } from "react";
 import { KitTypography as g } from "../../General/Typography/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index21.css";
+import "../../../assets/index22.css";
 import { jsx as s } from "react/jsx-runtime";
 import { Pagination as p } from "antd";
 import { u as c } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index35.css";
+import "../../../assets/index36.css";
 import { useState as y, useRef as T, useEffect as b, createElement as q } from "react";
 import { jsx as e, jsxs as p, Fragment as G } from "react/jsx-runtime";
 import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,68 +1,68 @@
-import "../../../assets/index44.css";
-import { jsx as c, jsxs as f } from "react/jsx-runtime";
-import { useEffect as y, forwardRef as x, useState as z, useRef as H, useImperativeHandle as R } from "react";
-import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import j from "classnames";
-import { KitIdCard as D } from "../../DataDisplay/IdCard/index.js";
-import { KitButton as _ } from "../../General/Button/index.js";
-import { FontAwesomeIcon as v } from "@fortawesome/react-fontawesome";
-import { faChevronLeft as B, faClose as F } from "@fortawesome/free-solid-svg-icons";
-const T = "_floating_11y40_18", q = "_header_11y40_29", G = "_back_11y40_35", J = "_close_11y40_36", M = "_card_11y40_48", Q = "_content_11y40_51", i = {
+import "../../../assets/index45.css";
+import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import { useEffect as k, forwardRef as z, useState as H, useRef as R, useImperativeHandle as $ } from "react";
+import { u as j } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import D from "classnames";
+import { KitIdCard as B } from "../../DataDisplay/IdCard/index.js";
+import { KitButton as v } from "../../General/Button/index.js";
+import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
+import { faChevronLeft as F, faClose as T } from "@fortawesome/free-solid-svg-icons";
+const q = "_floating_11y40_18", G = "_header_11y40_29", J = "_back_11y40_35", M = "_close_11y40_36", Q = "_card_11y40_48", U = "_content_11y40_51", a = {
   "kit-side-panel": "_kit-side-panel_11y40_2",
-  floating: T,
+  floating: q,
   "size-m": "_size-m_11y40_26",
-  header: q,
-  back: G,
-  close: J,
-  card: M,
-  content: Q
-}, U = ({ key: o, onKeyPressed: n, active: e = !1 }) => {
-  y(() => {
+  header: G,
+  back: J,
+  close: M,
+  card: Q,
+  content: U
+}, V = ({ key: o, onKeyPressed: n, active: e = !1 }) => {
+  k(() => {
     if (!e)
       return;
-    const t = (a) => {
-      a.key === o && (a.preventDefault(), n());
+    const t = (i) => {
+      i.key === o && (i.preventDefault(), n());
     };
     return document.addEventListener("keydown", t), () => {
       document.removeEventListener("keydown", t);
     };
   }, [o, n, e]);
-}, V = ({ ref: o, onClickOutside: n, active: e = !1 }) => {
-  y(() => {
+}, W = ({ ref: o, onClickOutside: n, active: e = !1 }) => {
+  k(() => {
     if (!e)
       return;
-    const t = (a) => {
-      o.current && !o.current.contains(a.target) && n();
+    const t = (i) => {
+      o.current && !o.current.contains(i.target) && n();
     };
     return document.addEventListener("mousedown", t), () => {
       document.removeEventListener("mousedown", t);
     };
   }, [e, n, o]);
-}, W = x(({ floating: o, closable: n, leftActionProps: e, idCardProps: t, onClose: a, children: k, onOpenChanged: s, size: m = "s", initialOpen: p = !1, closeOnEsc: N = !1, closeOnOutsideClick: w = !1, ...I }, K) => {
-  var l;
-  const { appId: E } = $(), [b, r] = z(p), u = H(null);
-  R(K, () => ({
+}, X = z(({ floating: o, closable: n, leftActionProps: e, idCardProps: t, headerExtra: i, onClose: l, children: p, onOpenChanged: s, size: f = "s", initialOpen: N = !1, closeOnEsc: w = !1, closeOnOutsideClick: I = !1, ...K }, E) => {
+  var r;
+  const { appId: b } = j(), [L, d] = H(N), _ = R(null);
+  $(E, () => ({
     open: () => {
-      r(!0), s == null || s(!0);
+      d(!0), s == null || s(!0);
     },
     close: () => {
-      r(!1), s == null || s(!1);
+      d(!1), s == null || s(!1);
     }
   }));
-  const d = () => {
-    r(!1), s == null || s(!1), a == null || a();
+  const m = () => {
+    d(!1), s == null || s(!1), l == null || l();
   };
-  U({ key: "Escape", onKeyPressed: d, active: N }), V({ ref: u, onClickOutside: d, active: w });
-  const L = j(E, i["kit-side-panel"], {
-    [i.floating]: o,
-    [i["size-" + m]]: m
-  }), S = e || t || n, h = {
+  V({ key: "Escape", onKeyPressed: m, active: w }), W({ ref: _, onClickOutside: m, active: I });
+  const S = D(b, a["kit-side-panel"], {
+    [a.floating]: o,
+    [a["size-" + f]]: f
+  }), h = e || t || n, x = {
     ...e,
-    icon: (l = e == null ? void 0 : e.icon) !== null && l !== void 0 ? l : c(v, { icon: B })
+    icon: (r = e == null ? void 0 : e.icon) !== null && r !== void 0 ? r : c(y, { icon: F })
   };
-  return b ? f("section", { ref: u, className: L, "aria-label": "side-panel", ...I, children: [S && f("div", { className: i.header, children: [e && c(_, { type: "secondary", ...h, className: `${i.back} ${e.className}` }), c("div", { className: i.card, children: t && c(D, { ...t, size: "large" }) }), n && c(_, { className: i.close, onClick: d, icon: c(v, { icon: F }) })] }), c("div", { className: i.content, children: k })] }) : null;
-}), X = W;
-X.displayName = "KitSidePanel";
+  return L ? u("section", { ref: _, className: S, "aria-label": "side-panel", ...K, children: [h && u("div", { className: a.header, children: [e && c(v, { type: "secondary", ...x, className: `${a.back} ${e.className}` }), u("div", { className: a.card, children: [i, t && c(B, { ...t, size: "large" })] }), n && c(v, { className: a.close, onClick: m, icon: c(y, { icon: T }) })] }), c("div", { className: a.content, children: p })] }) : null;
+}), Y = X;
+Y.displayName = "KitSidePanel";
 export {
-  X as KitSidePanel
+  Y as KitSidePanel
 };

package/dist/Kit/Navigation/SidePanel/types.d.ts

@@ -18,6 +18,7 @@ export interface IKitSidePanel extends KitHTMLAttributes<HTMLDivElement> {
     leftActionProps?: KitPanelLeftActionProps;
     closable?: boolean;
     idCardProps?: KitPaneIdCardProps;
+    headerExtra?: ReactNode;
     onClose?: () => void;
     onOpenChanged?: (open: boolean) => void;
     children?: ReactNode;

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

@@ -1,4 +1,4 @@
-import "../../../assets/index20.css";
+import "../../../assets/index21.css";
 import { jsx as i } from "react/jsx-runtime";
 import { Steps as r } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/index.d.ts

@@ -1,7 +1,56 @@
-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, KitRichText, KitSelect, KitSwitch, KitDatePicker, KitAutoComplete, KitUpload, KitSlider, KitColorPicker, KitFilter } 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';
-export { KitBreadcrumb, KitDropDown, KitPageHeader, KitHeader, KitSteps, KitPagination, KitSideMenu, KitSidePanel } from './Navigation';
+export { KitApp } from './App';
+export { KitAvatar } from './DataDisplay/Avatar';
+export { KitBadge } from './DataDisplay/Badge';
+export { KitItemCard } from './DataDisplay/ItemCard';
+export { KitCollapse } from './DataDisplay/Collapse';
+export { KitEmpty } from './DataDisplay/Empty';
+export { KitError } from './DataDisplay/Error';
+export { KitIdCard } from './DataDisplay/IdCard';
+export { KitImage } from './DataDisplay/Image';
+export { KitItemList } from './DataDisplay/ItemList';
+export { KitTable } from './DataDisplay/Table';
+export { KitTag } from './DataDisplay/Tag';
+export { KitTabs } from './DataDisplay/Tabs';
+export { KitTree } from './DataDisplay/Tree';
+export { KitTooltip } from './DataDisplay/Tooltip';
+export { KitTour } from './DataDisplay/Tour';
+export { KitRedirectCard } from './DataDisplay/RedirectCard';
+export { KitCheckbox } from './DataEntry/Checkbox';
+export { KitInput } from './DataEntry/Input';
+export { KitInputNumber } from './DataEntry/InputNumber';
+export { KitInputWrapper } from './DataEntry/InputWrapper';
+export { KitRadio } from './DataEntry/Radio';
+export { KitRate } from './DataEntry/Rate';
+export { KitRichText } from './DataEntry/RichText';
+export { KitSelect } from './DataEntry/Select';
+export { KitSwitch } from './DataEntry/Switch';
+export { KitDatePicker } from './DataEntry/DatePicker';
+export { KitAutoComplete } from './DataEntry/AutoComplete';
+export { KitUpload } from './DataEntry/Upload';
+export { KitSlider } from './DataEntry/Slider';
+export { KitColorPicker } from './DataEntry/ColorPicker';
+export { KitFilter } from './DataEntry/Filter';
+export { KitAlert } from './Feedback/Alert';
+export { KitModal } from './Feedback/Modal';
+export { KitProgress } from './Feedback/Progress';
+export { KitLoader } from './Feedback/Loader';
+export { KitSnackBarProvider, openKitSnackBar, closeKitSnackBar } from './Feedback/SnackBar';
+export { useKitNotification, KitNotification } from './Feedback/Notification';
+export { KitSkeleton } from './Feedback/Skeleton';
+export { KitButton } from './General/Button';
+export { KitTypography } from './General/Typography';
+export { KitIcon } from './General/Icon';
+export { KitDivider } from './Layout/Divider';
+export { KitSpace } from './Layout/Space';
+export { KitSection } from './Layout/Section';
+export { KitGrid } from './Layout/Grid';
+export { KitPageLayout } from './Layout/PageLayout';
+export { KitBreadcrumb } from './Navigation/Breadcrumb';
+export { KitDropDown } from './Navigation/DropDown';
+export { KitPageHeader } from './Navigation/PageHeader';
+export { KitHeader } from './Navigation/Header';
+export { KitSteps } from './Navigation/Steps';
+export { KitPagination } from './Navigation/Pagination';
+export { KitSideMenu } from './Navigation/SideMenu';
+export { KitSidePanel } from './Navigation/SidePanel';
 export * from './Ant';