aristid-ds 16.2.0 → 17.0.0

package/dist/chunks/Radio.CEJd1j6E.js

@@ -0,0 +1,118 @@
+import { n as e } from "./useKitTheme.Bcv-etUA.js";
+import { t } from "./InputWrapper.By9kN0xU.js";
+import { t as n } from "./CheckableTile.G1mWLqE7.js";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as i, forwardRef as a, memo as o, useContext as s } from "react";
+import { Radio as c } from "antd";
+import l from "classnames";
+import { ConfigContext as u } from "antd/es/config-provider/";
+import d from "antd/es/config-provider/hooks/useCSSVarCls";
+import f from "@rc-component/util/es/hooks/useMergedState";
+import p from "antd/es/config-provider/SizeContext";
+import m from "@rc-component/util/es/pickAttrs";
+import h from "antd/es/radio/style";
+import '../assets/Radio.css';//#region src/Kit/DataEntry/Radio/context.tsx
+var g = i(null), _ = g.Provider, v = {
+	"kit-radio": "_kit-radio_x0bxw_11",
+	"kit-radio-tile-group": "_kit-radio-tile-group_x0bxw_160"
+}, y = a((t, i) => {
+	let a = s(g), { appId: o } = e(), { className: u, danger: d, tile: f, icon: p, ...m } = t, h = (e) => {
+		var n, r;
+		(n = t.onChange) == null || n.call(t, e), (r = a?.onChange) == null || r.call(a, e);
+	};
+	if (f) {
+		let e = a ? t.value === a.value : t.checked, s = t.disabled ?? a?.disabled;
+		return r(n, {
+			ref: i,
+			className: l(o, u),
+			label: t.children,
+			icon: p,
+			checked: e,
+			disabled: s,
+			onChange: (e, n) => {
+				e && h({
+					target: {
+						value: t.value,
+						checked: !0
+					},
+					stopPropagation: () => n.stopPropagation(),
+					preventDefault: () => n.preventDefault(),
+					nativeEvent: n.nativeEvent
+				});
+			}
+		});
+	}
+	let _ = { ...m };
+	return a && (_.name = a.name, _.onChange = h, _.checked = t.value === a.value, _.disabled = _.disabled ?? a.disabled), r(c, {
+		ref: i,
+		className: l(o, v["kit-radio"], u, { "ant-radio-wrapper-danger": d }),
+		..._
+	});
+}), b = o(a((e, n) => {
+	let { getPrefixCls: i, direction: a } = s(u), o = s(p), [c, g] = f(e.defaultValue, { value: e.value }), b = (t) => {
+		let n = t.target.value;
+		"value" in e || g(n);
+		let { onChange: r } = e;
+		r && n !== c && r(t);
+	}, { prefixCls: x, className: S, rootClassName: C, label: w, helper: T, status: E, wrapperClassName: D, bordered: O, options: k, buttonStyle: A = "outline", disabled: j, children: M, size: N, style: P, id: F, onMouseEnter: I, onMouseLeave: L, onFocus: R, onBlur: z, required: B, actions: V, extra: H, tile: U } = e, W = i("radio", x), G = `${W}-group`, K = d(W), [q, J] = h(W, K), Y = M;
+	k && k.length > 0 && (Y = k.map((e) => typeof e == "string" || typeof e == "number" ? r(y, {
+		tile: U,
+		prefixCls: W,
+		disabled: j,
+		value: e,
+		checked: c === e,
+		children: e
+	}, e.toString()) : r(y, {
+		tile: U,
+		icon: e.icon,
+		prefixCls: W,
+		disabled: e.disabled || j,
+		value: e.value,
+		checked: c === e.value,
+		style: e.style,
+		children: e.label
+	}, `radio-group-value-options-${e.value}`)));
+	let X = N || o, Z = l(G, `${G}-${A}`, {
+		[`${G}-${X}`]: X,
+		[`${G}-rtl`]: a === "rtl"
+	}, S, C, J, K, q);
+	return r("div", {
+		...m(e, {
+			aria: !0,
+			data: !0
+		}),
+		className: Z,
+		style: P,
+		onMouseEnter: I,
+		onMouseLeave: L,
+		onFocus: R,
+		onBlur: z,
+		id: F,
+		ref: n,
+		children: r(_, {
+			value: {
+				onChange: b,
+				value: c,
+				disabled: e.disabled,
+				name: e.name
+			},
+			children: r(t, {
+				label: w,
+				helper: T,
+				disabled: j,
+				bordered: O,
+				status: E,
+				className: D,
+				required: B,
+				extra: H ?? V,
+				children: U ? r("div", {
+					className: v["kit-radio-tile-group"],
+					children: Y
+				}) : Y
+			})
+		})
+	});
+})), x = y;
+x.displayName = "KitRadio", x.Group = b;
+//#endregion
+export { x as t };

package/dist/chunks/Rate.66ssppnZ.js

@@ -0,0 +1,34 @@
+import { n as e, u as t } from "./functions.BxvU3RXB.js";
+import { n } from "./useKitTheme.Bcv-etUA.js";
+import { kitRateCssTokens as r } from "../theme/aristid/components/DataEntry/Rate/index.js";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as a, useEffect as o, useId as s, useMemo as c } from "react";
+import { Rate as l } from "antd";
+import u from "classnames";
+import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
+import { faStar as f } from "@fortawesome/free-solid-svg-icons";
+import { faStar as p, faStarHalfStroke as m } from "@fortawesome/free-regular-svg-icons";
+import '../assets/Rate.css';//#region src/Kit/DataEntry/Rate/styles.module.scss
+var h = { "kit-rate": "_kit-rate_lw2xy_1" }, g = (e, t, n, r) => e.index !== void 0 && e.value !== void 0 && e.index < e.value ? e.index + .5 === e.value ? n ?? i(d, { icon: m }) : r ?? i(d, { icon: f }) : t ?? i(d, { icon: p }), _ = (n) => !n || !t(n) ? null : { [r.colors.star.default]: e(n) }, v = a(({ color: e, defaultIcon: t, halfIcon: r, activeIcon: a, className: d, style: f, ...p }, m) => {
+	let { appId: v } = n(), y = s(), b = p.id ?? y, x = c(() => ({
+		...f,
+		..._(e)
+	}), [e, f]), S = u(v, h["kit-rate"], d);
+	return o(() => {
+		let e = document.getElementById(b);
+		e && (e.querySelectorAll("li.ant-rate-star").forEach((e) => e.setAttribute("role", "presentation")), e.querySelectorAll("[role=\"radio\"]").forEach((e) => {
+			let t = e.getAttribute("aria-posinset");
+			t && e.setAttribute("aria-label", t);
+		}));
+	}, [b, p.count]), i(l, {
+		...p,
+		id: b,
+		style: x,
+		className: S,
+		ref: m,
+		character: (e) => g(e, t, r, a)
+	});
+});
+v.displayName = "KitRate";
+//#endregion
+export { v as t };

package/dist/chunks/{RedirectCard.DvR9Spw2.js → RedirectCard.C9L2Ym_b.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./useKitTheme.Bcv-etUA.js";
 import { n as t } from "./useKitLocale.45Rjhfd0.js";
-import { t as n } from "./Typography.LjOcXtjO.js";
+import { t as n } from "./Typography.DVDv9LwQ.js";
 import { KitTooltip as r } from "../Kit/DataDisplay/Tooltip/index.js";
-import { t as i } from "./Button.W4yUc4_g.js";
+import { t as i } from "./Button.BwZ9TVAy.js";
 import { KitDropDown as a } from "../Kit/Navigation/DropDown/index.js";
 import { t as o } from "./Icon.CxPVsgjL.js";
 import { t as s } from "./Divider.BmAL40z9.js";
@@ -55,6 +55,7 @@ var g = { "kit-redirect-card": "_kit-redirect-card_1d86p_1" }, _ = ({ actions: e
 }, v = ({ action: e, disabled: t }) => l(r, {
 	title: e.label,
 	children: l(i, {
+		"aria-label": e.label,
 		type: "secondary",
 		icon: e.icon,
 		onClick: (t) => {

package/dist/chunks/{RichText.BR_A94YI.js → RichText.mJKHbN6t.js}

@@ -1,8 +1,8 @@
 import { f as e } from "./functions.BxvU3RXB.js";
 import { n as t } from "./useKitTheme.Bcv-etUA.js";
-import { t as n } from "./InputWrapper.DuqdZ-tp.js";
+import { t as n } from "./InputWrapper.By9kN0xU.js";
 import { KitDropDown as r } from "../Kit/Navigation/DropDown/index.js";
-import { t as i } from "./MenuBar.pdIb57up.js";
+import { t as i } from "./MenuBar.CMHSAtol.js";
 import { t as a } from "./EditorContentCharacterCount.UlQyKE4A.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as c, useEffect as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
@@ -10,10 +10,10 @@ import p from "classnames";
 import { EditorContent as m, ReactRenderer as h, useEditor as g } from "@tiptap/react";
 import _ from "@tiptap/starter-kit";
 import v from "@tiptap/extension-underline";
-import ee from "@tiptap/extension-mention";
-import te from "@tiptap/extension-text-align";
-import y from "@tiptap/extension-link";
-import { CharacterCount as b, Placeholder as x } from "@tiptap/extensions";
+import y from "@tiptap/extension-mention";
+import b from "@tiptap/extension-text-align";
+import ee from "@tiptap/extension-link";
+import { CharacterCount as te, Placeholder as x } from "@tiptap/extensions";
 import '../assets/RichText.css';//#region src/Kit/DataEntry/RichText/styles.module.scss
 var S = {
 	"kit-rich-text-wrapper": "_kit-rich-text-wrapper_1snsw_2",
@@ -91,7 +91,11 @@ var S = {
 	}), Q = g({
 		editable: !A && !j && !M,
 		content: I,
-		editorProps: { attributes: { role: "textbox" } },
+		editorProps: { attributes: {
+			role: "textbox",
+			...r ?? k ? { "aria-label": r ?? k } : {},
+			...M || j ? { tabindex: "0" } : {}
+		} },
 		extensions: [
 			_.configure({ heading: { levels: [
 				1,
@@ -100,14 +104,14 @@ var S = {
 				4
 			] } }),
 			v,
-			te.configure({ types: ["heading", "paragraph"] }),
-			y.extend({ inclusive: !1 }).configure({ openOnClick: !1 }),
+			b.configure({ types: ["heading", "paragraph"] }),
+			ee.extend({ inclusive: !1 }).configure({ openOnClick: !1 }),
 			x.configure({
 				placeholder: !j && !M ? k : void 0,
 				showOnlyWhenEditable: !1
 			}),
-			b.configure({ limit: V }),
-			ee.configure({
+			te.configure({ limit: V }),
+			y.configure({
 				HTMLAttributes: { class: W ? "mention-ai" : "mention" },
 				deleteTriggerWithBackspace: !0,
 				suggestion: {

package/dist/chunks/{SearchInput.CZnUAGz5.js → SearchInput.CNgLpnTf.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./useKitTheme.Bcv-etUA.js";
 import { n as t } from "./useKitLocale.45Rjhfd0.js";
 import { KitTooltip as n } from "../Kit/DataDisplay/Tooltip/index.js";
-import { t as r } from "./Input.CtZ4tgRD.js";
+import { t as r } from "./Input.DrLszrjk.js";
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as a, useState as o } from "react";
 import s from "classnames";

package/dist/chunks/{Select.CepppHZ6.js → Select.v3Ly7XpX.js}

@@ -1,26 +1,26 @@
 import { n as e } from "./useKitTheme.Bcv-etUA.js";
-import { t } from "./Typography.LjOcXtjO.js";
-import { t as n } from "./IdCard.BBfDw0-e.js";
-import { t as r } from "./InputWrapper.DuqdZ-tp.js";
-import { t as i } from "./Tag.B9K2nEub.js";
+import { t } from "./Typography.DVDv9LwQ.js";
+import { t as n } from "./IdCard.CWE38g68.js";
+import { t as r } from "./InputWrapper.By9kN0xU.js";
+import { t as i } from "./Tag.ucduTbaH.js";
 import { t as a } from "./useGetPopupContainer.C6KjVnVk.js";
 import { t as o } from "./Icon.CxPVsgjL.js";
-import { t as s } from "./styles.module.Bfe7jTpt.js";
+import { t as s } from "./styles.module.I-VT2CFc.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as u, useEffect as d, useMemo as f, useRef as p, useState as ee } from "react";
 import { Select as te } from "antd";
 import m from "classnames";
 import { FontAwesomeIcon as h } from "@fortawesome/react-fontawesome";
-import { faCheck as ne, faChevronDown as g, faCircleNotch as _, faCircleXmark as v } from "@fortawesome/free-solid-svg-icons";
-import { useDebouncedCallback as re } from "use-debounce";
-import y from "short-unique-id";
+import { faCheck as ne, faChevronDown as re, faCircleNotch as g, faCircleXmark as _ } from "@fortawesome/free-solid-svg-icons";
+import { useDebouncedCallback as ie } from "use-debounce";
+import v from "short-unique-id";
 //#region src/Kit/DataEntry/Select/guard.ts
-var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value === e).pop(), S = { MAX_PLACEHOLDER: "MAX_PLACEHOLDER" }, C = (e, t, r, a, s, l) => {
-	if (e.label !== null && e.label !== void 0 && typeof e.label == "object" && "specialCase" in e.label && e.label.specialCase === S.MAX_PLACEHOLDER) {
+var y = (e) => !!e.idCard, b = ({ value: e }, t) => t.filter((t) => t.value === e).pop(), x = { MAX_PLACEHOLDER: "MAX_PLACEHOLDER" }, S = (e, t, r, a, s, l) => {
+	if (e.label !== null && e.label !== void 0 && typeof e.label == "object" && "specialCase" in e.label && e.label.specialCase === x.MAX_PLACEHOLDER) {
 		let t = e.label;
 		return delete t.specialCase, c(i, { ...t });
 	}
-	let u = x(e, a), d = u?.labelToDisplay, f = !0;
+	let u = b(e, a), d = u?.labelToDisplay, f = !0;
 	d || (d = { label: e.value }, f = !1);
 	let p = d?.idCard;
 	if (!p) {
@@ -38,8 +38,8 @@ var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value ===
 		});
 	}
 	return c(i, {
-		type: T(t, r),
-		size: E(l),
+		type: w(t, r),
+		size: T(l),
 		disabled: t,
 		onClose: t || s ? void 0 : (t) => {
 			var n;
@@ -57,31 +57,31 @@ var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value ===
 			} : void 0
 		})
 	});
-}, w = (e, t, r) => ({
-	specialCase: S.MAX_PLACEHOLDER,
-	type: T(t, r),
+}, C = (e, t, r) => ({
+	specialCase: x.MAX_PLACEHOLDER,
+	type: w(t, r),
 	children: c(n, {
 		description: `+${e.length}`,
 		disabled: t
 	}),
 	disabled: t
-}), T = (e, t) => e || t === "warning" ? "neutral" : t === "error" ? "error" : "secondary", E = (e) => {
+}), w = (e, t) => e || t === "warning" ? "neutral" : t === "error" ? "error" : "secondary", T = (e) => {
 	switch (e) {
 		case "large": return "medium";
 		case "middle": return "small";
 		case "small": return "small";
 	}
-}, ie = (e, t) => c("div", {
+}, ae = (e, t) => c("div", {
 	className: "kit-select-dropdown-content",
 	children: t ? t(e) : e
-}), D = (e) => {
+}), E = (e) => {
 	let t = document.getElementById(e)?.closest(".ant-select"), n = document.getElementById(e + "_list")?.closest(".ant-select-dropdown");
 	if (t && n) {
 		let e = n.className.indexOf("ant-select-dropdown-placement-top") >= 0, r = n.className.indexOf("ant-select-dropdown-placement-bottom") >= 0;
 		e && (t.classList.remove("ant-select-bottom"), t.classList.add("ant-select-top")), r && (t.classList.remove("ant-select-top"), t.classList.add("ant-select-bottom"));
 	}
-}, O = (e, r) => {
-	if (b(e)) {
+}, D = (e, r) => {
+	if (y(e)) {
 		let { idCard: t } = e;
 		return c("div", {
 			className: "kit-select-option",
@@ -112,13 +112,13 @@ var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value ===
 			})
 		]
 	});
-}, k = (e, t) => e.map((e) => {
+}, O = (e, t) => e.map((e) => {
 	let { className: n, disabled: r, value: i, options: a, label: o, onTagClose: s } = e;
 	return a ? {
 		label: o,
-		options: k(a, t)
+		options: O(a, t)
 	} : {
-		label: O(e, t),
+		label: D(e, t),
 		labelToDisplay: e,
 		rawLabel: e?.label ?? "",
 		className: n,
@@ -126,7 +126,7 @@ var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value ===
 		value: i,
 		onTagClose: s
 	};
-}), ae = (e, t, n, r, i, a) => {
+}), oe = (e, t, n, r, i, a) => {
 	let o = n && n.includes("top");
 	return m(e, s["kit-select"], t, {
 		"ant-select-top": o,
@@ -135,89 +135,95 @@ var b = (e) => !!e.idCard, x = ({ value: e }, t) => t.filter((t) => t.value ===
 		"kit-select-readonly": i,
 		"kit-select-one-line": a
 	});
-}, oe = (e, t, n, r) => m(e, t, "kit-select-dropdown-content", {
+}, se = (e, t, n, r) => m(e, t, "kit-select-dropdown-content", {
 	"kit-select-dropdown-focus": n,
 	"kit-select-dropdown-error": r === "error",
 	"kit-select-dropdown-warning": r === "warning"
-}), se = new y({
+}), ce = new v({
 	length: 10,
 	dictionary: "alpha"
-}), A = u(({ id: n, options: i, defaultValue: s, disabled: l, status: u, mode: m, label: y, helper: b, htmlFor: x, placement: S, onChange: T, onClick: E, onClear: O, onBlur: A, onFocus: ce, wrapperClassName: le, className: ue, popupClassName: j, labelOnly: M = !1, oneLineTags: N = !1, allowClear: P = !0, loading: F, required: I, actions: L, extra: R, placeholder: z, dropdownRender: B, getPopupContainer: V, readonlyLight: H = !1, readonly: U = !1, suffixIcon: de, size: W = "large", optionFilterProp: fe = "rawLabel", ...pe }, me) => {
-	let { appId: G } = e(), [K, q] = ee(!1), J = n ?? x ?? se.rnd(), he = p(null), Y = p(!1), X = me ?? he, ge = a(X, V), Z = re(() => {
-		D(J);
+}), k = u(({ id: n, options: i, defaultValue: s, disabled: l, status: u, mode: m, label: v, helper: y, htmlFor: b, placement: x, onChange: w, onClick: T, onClear: D, onBlur: k, onFocus: le, wrapperClassName: ue, className: de, popupClassName: fe, labelOnly: A = !1, oneLineTags: j = !1, allowClear: M = !0, loading: N, required: P, actions: F, extra: I, placeholder: L, dropdownRender: R, getPopupContainer: z, readonlyLight: B = !1, readonly: V = !1, suffixIcon: pe, size: H = "large", optionFilterProp: me = "rawLabel", ...U }, he) => {
+	let { appId: W } = e(), [G, K] = ee(!1), q = n ?? b ?? ce.rnd(), ge = p(null), J = p(!1), Y = he ?? ge, _e = a(Y, z), X = ie(() => {
+		E(q);
 	}, 15);
 	d(() => (requestAnimationFrame(() => {
-		D(J);
-	}), document.addEventListener("scroll", Z), () => {
-		document.removeEventListener("scroll", Z);
-	}), [Z, J]);
-	let Q = f(() => k(i ?? [], M), [i, M]), $ = (e) => {
+		E(q);
+	}), document.addEventListener("scroll", X), () => {
+		document.removeEventListener("scroll", X);
+	}), [X, q]);
+	let Z = f(() => O(i ?? [], A), [i, A]), Q = (e) => {
 		var t;
-		(t = X?.current) == null || t.focus(), K || q(!0), E?.(e);
-	}, _e = () => {
-		O?.();
-	}, ve = (e) => {
-		Y.current || (q(!1), A?.(e)), Y.current = !1;
+		(t = Y?.current) == null || t.focus(), G || K(!0), T?.(e);
+	}, ve = () => {
+		D?.();
 	}, ye = (e) => {
-		q(!0), ce?.(e);
-	};
+		J.current || (K(!1), k?.(e)), J.current = !1;
+	}, be = (e) => {
+		K(!0), le?.(e);
+	}, $ = typeof U.classNames == "function" ? void 0 : U.classNames;
 	return c(r, {
-		label: y,
-		extra: R ?? L,
-		helper: b,
-		htmlFor: x,
+		label: v,
+		extra: I ?? F,
+		helper: y,
+		htmlFor: b,
 		disabled: l,
 		status: u,
-		className: le,
-		required: I,
+		className: ue,
+		required: P,
 		children: c(te, {
-			...pe,
-			size: W,
-			ref: X,
-			getPopupContainer: ge,
-			id: J,
-			"aria-required": I,
-			className: ae(G, ue, S, H, U, N),
-			popupClassName: oe(G, j, K, u),
-			options: Q,
-			placement: S,
-			disabled: l || H || U,
-			variant: H ? "borderless" : void 0,
+			...U,
+			size: H,
+			ref: Y,
+			getPopupContainer: _e,
+			id: q,
+			"aria-required": P,
+			className: oe(W, de, x, B, V, j),
+			classNames: {
+				...$,
+				popup: {
+					...$?.popup,
+					root: se(W, fe, G, u)
+				}
+			},
+			options: Z,
+			placement: x,
+			disabled: l || B || V,
+			variant: B ? "borderless" : void 0,
 			status: u,
 			menuItemSelectedIcon: c(o, {
 				icon: c(h, { icon: ne }),
 				on: !0
 			}),
 			mode: m,
-			loading: F,
-			suffixIcon: de ?? c(h, {
-				icon: F ? _ : g,
-				spin: F
+			loading: N,
+			suffixIcon: pe ?? c(h, {
+				icon: N ? g : re,
+				spin: N
 			}),
-			allowClear: P ? { clearIcon: c(h, {
+			allowClear: M ? { clearIcon: c(h, {
 				"aria-label": "clear",
-				icon: v
+				icon: _
 			}) } : !1,
-			dropdownRender: (e) => ie(e, B),
-			tagRender: (e) => C(e, l, u, Q, H || U, W),
-			maxTagCount: N ? "responsive" : void 0,
-			maxTagPlaceholder: N ? (e) => w(e, l, u) : void 0,
+			popupRender: (e) => ae(e, R),
+			tagRender: (e) => S(e, l, u, Z, B || V, H),
+			maxTagCount: j ? "responsive" : void 0,
+			maxTagPlaceholder: j ? (e) => C(e, l, u) : void 0,
 			defaultValue: s,
-			placeholder: !H && !U ? c(t.Text, {
+			placeholder: !B && !V ? c(t.Text, {
 				ellipsis: !0,
 				size: "fontSize5",
 				weight: "medium",
-				children: z
+				children: L
 			}) : void 0,
-			optionFilterProp: fe,
-			onChange: T,
-			onClick: $,
-			onClear: _e,
-			onBlur: ve,
-			onFocus: ye
+			optionFilterProp: me,
+			onChange: w,
+			onClick: Q,
+			onClear: ve,
+			onBlur: ye,
+			onFocus: be
 		})
 	});
 });
-A.displayName = "KitSelect";
+k.displayName = "KitSelect";
 //#endregion
-export { A as t };
+export { k as t };

package/dist/chunks/SideMenu.CSrmEHB_.js

@@ -0,0 +1,137 @@
+import { n as e } from "./useKitTheme.Bcv-etUA.js";
+import { n as t } from "./useKitLocale.45Rjhfd0.js";
+import { KitTooltip as n } from "../Kit/DataDisplay/Tooltip/index.js";
+import r from "../hooks/useSecureClick/index.js";
+import { t as i } from "./Button.BwZ9TVAy.js";
+import { t as a } from "./SearchInput.CNgLpnTf.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createElement as l, useEffect as u, useState as d } from "react";
+import f from "classnames";
+import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
+import { faChevronRight as m, faMagnifyingGlass as h } from "@fortawesome/free-solid-svg-icons";
+import '../assets/SideMenu.css';//#region src/Kit/Navigation/SideMenu/styles.module.scss
+var g = {
+	"kit-side-menu": "_kit-side-menu_vre2l_1",
+	"kit-side-menu-item": "_kit-side-menu-item_vre2l_90",
+	"kit-side-menu-separator": "_kit-side-menu-separator_vre2l_181",
+	"kit-side-menu-group": "_kit-side-menu-group_vre2l_189"
+}, _ = ({ type: t = "default", itemKey: i = "", title: a, tooltip: l, complement: u, icon: d, disabled: p, large: m, active: h, onClick: _, disabledSecureClick: v, className: y, ...b }) => {
+	let { appId: x } = e(), S = (e) => {
+		e.stopPropagation(), _?.(i);
+	}, C = r(S), w = () => {
+		let e = f(x, g["kit-side-menu-item"], {
+			large: m,
+			active: h,
+			clickable: _ && !p,
+			disabled: p
+		}, y);
+		return c("button", {
+			...b,
+			"data-role": "menuitem",
+			disabled: p,
+			onClick: v ? S : C,
+			className: e,
+			children: [d && s("div", {
+				className: "kit-side-menu-item-icon",
+				children: d
+			}), m && c(o, { children: [s("div", {
+				className: "kit-side-menu-item-title",
+				children: s("span", { children: a })
+			}), u && s("div", {
+				className: "kit-side-menu-item-complement",
+				children: u
+			})] })]
+		});
+	};
+	return t === "separator" ? s("hr", { className: `${x} ${g["kit-side-menu-separator"]}` }) : t === "group" ? c("div", {
+		className: f(x, g["kit-side-menu-group"], { large: m }, y),
+		children: [d && s("div", {
+			className: "kit-side-menu-item-icon",
+			children: d
+		}), m && c(o, { children: [s("div", {
+			className: "kit-side-menu-item-title",
+			children: s("span", { children: a })
+		}), u && s("div", {
+			className: "kit-side-menu-item-complement",
+			children: u
+		})] })]
+	}) : m ? w() : s(n, {
+		title: l ?? (typeof a == "string" ? a : void 0),
+		children: w()
+	});
+}, v = ({ open: n = !1, showSearch: r, searchOptions: o, customContent: v, items: y = [], onMenuClick: b, onOpenChanged: x, defaultActiveItemKey: S, activeItemKey: C, disabledSecureClick: w, className: T, ...E }) => {
+	let { appId: D } = e(), [O, k] = d(n), [A, j] = d(S), { locale: M } = t(), N = C !== void 0, P = N ? C : A;
+	u(() => {
+		k(n);
+	}, [n]), u(() => {
+		N || j(S);
+	}, [S, N]);
+	let F = f(D, g["kit-side-menu"], { open: O }, T), I = () => {
+		x?.(!O), k(!O);
+	}, L = () => {
+		k(!0);
+	}, R = (e) => (t) => {
+		N || j(t), b?.(t), e?.(t);
+	}, z = () => r ? s(a, {
+		prefix: s(p, { icon: h }),
+		...o,
+		expandable: !O,
+		size: "middle",
+		onFocus: (e) => {
+			var t;
+			L(), (t = o?.onFocus) == null || t.call(o, e);
+		}
+	}) : null, B = () => v && s("div", {
+		className: "kit-side-menu-custom-content",
+		children: v(O)
+	}), V = (e, t) => {
+		let n = e.key ?? t.toString();
+		return e.type === "separator" ? s(_, {
+			itemKey: n,
+			large: O,
+			type: "separator"
+		}, n) : e.type === "group" ? s(_, {
+			itemKey: n,
+			large: O,
+			title: e.title,
+			icon: e.icon,
+			complement: e.complement,
+			type: "group"
+		}, n) : l(_, {
+			...e,
+			key: n,
+			itemKey: n,
+			large: O,
+			active: !!P && e.key === P,
+			disabledSecureClick: e.disabledSecureClick || w,
+			onClick: R(e.onClick)
+		});
+	};
+	return c("nav", {
+		className: F,
+		...E,
+		children: [
+			s("div", { className: "content-bg" }),
+			c("div", {
+				className: "header",
+				children: [
+					s(i, {
+						"aria-label": O ? M.SideMenu?.collapse : M.SideMenu?.expand,
+						className: "kit-side-menu-toggle",
+						icon: s(p, { icon: m }),
+						onClick: I
+					}),
+					z(),
+					B()
+				]
+			}),
+			s("div", {
+				className: "menu-items",
+				children: y.map((e, t) => V(e, t))
+			})
+		]
+	});
+};
+v.displayName = "KitSideMenu";
+//#endregion
+export { v as t };

package/dist/chunks/{SidePanel.CaUEt3pC.js → SidePanel.CTtyKSw5.js}

@@ -1,8 +1,8 @@
 import { n as e } from "./useKitTheme.Bcv-etUA.js";
 import { n as t } from "./useKitLocale.45Rjhfd0.js";
 import { KitSpace as n } from "../Kit/Layout/Space/index.js";
-import { t as r } from "./IdCard.BBfDw0-e.js";
-import { t as i } from "./Button.W4yUc4_g.js";
+import { t as r } from "./IdCard.CWE38g68.js";
+import { t as i } from "./Button.BwZ9TVAy.js";
 import { n as a } from "./useGetPopupContainer.C6KjVnVk.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as l, useEffect as u, useImperativeHandle as d, useRef as f, useState as p } from "react";