wimui 0.64.4 → 0.64.5

package/dist/components/form/RichTextEditor/RichTextEditor.js

@@ -17,18 +17,18 @@ import { FieldTemplate as ae } from "../FieldTemplate/FieldTemplate.js";
 import { Input as l } from "../Input/Input.js";
 import { Dialog as oe, DialogClose as se, DialogContent as ce, DialogFooter as le, DialogHeader as ue, DialogTitle as de } from "../../overlay/Dialog/Dialog.js";
 import { isSafeImageUrl as u, isSafeLinkUrl as fe } from "./safeUrl.js";
-import { createMarkdownExtensions as d, markdownToHtml as f } from "./markdown.js";
-import p from "./rich-text-editor.module.js";
-import m from "react";
-import pe from "classnames";
-import { Fragment as me, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { EditorContent as he, useEditor as ge, useEditorState as _e } from "@tiptap/react";
-import { createDocument as ve } from "@tiptap/core";
-import { StarterKit as _ } from "@tiptap/starter-kit";
-import { Placeholder as v } from "@tiptap/extensions";
-import { Image as ye } from "@tiptap/extension-image";
+import { createMarkdownExtensions as d, markdownToHtml as pe } from "./markdown.js";
+import f from "./rich-text-editor.module.js";
+import p from "react";
+import me from "classnames";
+import { Fragment as he, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EditorContent as ge, useEditor as _e, useEditorState as ve } from "@tiptap/react";
+import { createDocument as ye } from "@tiptap/core";
+import { StarterKit as g } from "@tiptap/starter-kit";
+import { Placeholder as _ } from "@tiptap/extensions";
+import { Image as be } from "@tiptap/extension-image";
 //#region src/components/form/RichTextEditor/RichTextEditor.tsx
-var be = [
+var xe = [
 	"bold",
 	"italic",
 	"underline",
@@ -45,13 +45,13 @@ var be = [
 	"unlink",
 	"separator",
 	"removeFormat"
-], xe = ye.extend({ parseHTML() {
+], Se = be.extend({ parseHTML() {
 	return [{
 		tag: "img[src]",
 		getAttrs: (e) => u(e.getAttribute("src")) ? null : !1
 	}];
-} }), Se = (e, t, n) => [
-	_.configure({
+} }), Ce = (e, t, n) => [
+	g.configure({
 		heading: { levels: [
 			1,
 			2,
@@ -74,47 +74,47 @@ var be = [
 			}
 		}
 	}),
-	xe.configure({
+	Se.configure({
 		inline: !1,
 		allowBase64: !1
 	}),
-	v.configure({ placeholder: e }),
+	_.configure({ placeholder: e }),
 	...t === "markdown" ? d(n) : []
-], Ce = (e, t) => e.isEmpty ? "" : t === "markdown" ? e.getMarkdown() : e.getHTML(), we = (e, t, n) => n === "markdown" ? f(e, t) : t, Te = m.memo(({ onClick: e, active: t, disabled: n, title: r, tabIndex: i, onFocus: a, buttonRef: o, children: ee }) => /* @__PURE__ */ h("button", {
-	ref: o,
+], we = (e, t) => e.isEmpty ? "" : t === "markdown" ? e.getMarkdown() : e.getHTML(), Te = (e, t, n) => n === "markdown" ? pe(e, t) : t, Ee = p.memo(({ onClick: e, active: t, disabled: n, title: r, label: i, tabIndex: a, onFocus: o, buttonRef: ee, children: te }) => /* @__PURE__ */ m("button", {
+	ref: ee,
 	type: "button",
-	className: pe(p.toolbarBtn, t && p.active),
+	className: me(f.toolbarBtn, t && f.active),
 	onClick: e,
-	onFocus: a,
+	onFocus: o,
 	disabled: n,
 	title: r,
-	"aria-label": r,
+	"aria-label": i ? `${i} ${r}` : r,
 	"aria-pressed": t,
-	tabIndex: i,
-	children: ee
+	tabIndex: a,
+	children: te
 }));
-Te.displayName = "ToolbarButton";
-var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled: ye, intent: xe = "default", variant: y = "outline", fullWidth: Ee = !1, width: b, minHeight: x = 200, label: S, error: C, required: w, layout: De, className: Oe, id: ke, toolbar: T = be, labels: Ae = {}, "aria-label": je, "aria-labelledby": E, onImageUpload: D, format: Me = "html" }) => {
-	let { t: O } = e(t), { bold: Ne = O("a11y.rte_bold"), italic: Pe = O("a11y.rte_italic"), underline: Fe = O("a11y.rte_underline"), strikethrough: Ie = O("a11y.rte_strikethrough"), h1: Le = O("a11y.rte_h1"), h2: Re = O("a11y.rte_h2"), h3: ze = O("a11y.rte_h3"), ul: Be = O("a11y.rte_ul"), ol: Ve = O("a11y.rte_ol"), link: He = O("a11y.rte_link"), unlink: Ue = O("a11y.rte_unlink"), removeFormat: We = O("a11y.rte_remove_format"), toolbar: Ge = O("a11y.rte_toolbar"), linkPrompt: Ke = O("a11y.rte_link_prompt"), linkApply: qe = O("a11y.rte_link_apply"), linkCancel: Je = O("a11y.rte_link_cancel"), linkInvalid: Ye = O("a11y.rte_link_invalid"), image: Xe = O("a11y.rte_image"), imageUrl: Ze = O("a11y.rte_image_url"), imageAlt: Qe = O("a11y.rte_image_alt"), imageAltHint: $e = O("a11y.rte_image_alt_hint"), imageUpload: et = O("a11y.rte_image_upload"), imageUploadFailed: k = O("a11y.rte_image_upload_failed"), imageInvalid: tt = O("a11y.rte_image_invalid") } = Ae, nt = m.useId(), A = ke || `wim-rte-${nt}`, j = C ? `${A}-error` : void 0, M = S ? `${A}-label` : void 0, N = !!ye, P = C ? "danger" : xe, rt = typeof b == "string" && [
+Ee.displayName = "ToolbarButton";
+var v = ({ value: d, defaultValue: pe = "", onChange: g, placeholder: _, disabled: be, intent: Se = "default", variant: v = "outline", fullWidth: y = !1, width: b, minHeight: x = 200, label: S, error: C, required: w, layout: De, className: Oe, id: ke, toolbar: T = xe, labels: Ae = {}, "aria-label": je, "aria-labelledby": E, onImageUpload: D, format: Me = "html" }) => {
+	let { t: O } = e(t), { bold: Ne = O("a11y.rte_bold"), italic: Pe = O("a11y.rte_italic"), underline: Fe = O("a11y.rte_underline"), strikethrough: Ie = O("a11y.rte_strikethrough"), h1: Le = O("a11y.rte_h1"), h2: Re = O("a11y.rte_h2"), h3: ze = O("a11y.rte_h3"), ul: Be = O("a11y.rte_ul"), ol: Ve = O("a11y.rte_ol"), link: He = O("a11y.rte_link"), unlink: Ue = O("a11y.rte_unlink"), removeFormat: We = O("a11y.rte_remove_format"), toolbar: Ge = O("a11y.rte_toolbar"), linkPrompt: Ke = O("a11y.rte_link_prompt"), linkApply: qe = O("a11y.rte_link_apply"), linkCancel: Je = O("a11y.rte_link_cancel"), linkInvalid: Ye = O("a11y.rte_link_invalid"), image: Xe = O("a11y.rte_image"), imageUrl: Ze = O("a11y.rte_image_url"), imageAlt: Qe = O("a11y.rte_image_alt"), imageAltHint: $e = O("a11y.rte_image_alt_hint"), imageUpload: et = O("a11y.rte_image_upload"), imageUploadFailed: k = O("a11y.rte_image_upload_failed"), imageInvalid: tt = O("a11y.rte_image_invalid") } = Ae, nt = p.useId(), A = ke || `wim-rte-${nt}`, j = C ? `${A}-error` : void 0, M = S ? `${A}-label` : void 0, N = !!be, P = C ? "danger" : Se, rt = typeof b == "string" && [
 		"xs",
 		"sm",
 		"md",
 		"lg",
 		"xl"
-	].includes(b), it = b !== void 0 && !rt && !Ee, F = rt && !Ee ? b : void 0, at = F ? p[`width${F.charAt(0).toUpperCase()}${F.slice(1)}`] : void 0, I = m.useRef(d ?? f), ot = m.useRef(_);
-	m.useEffect(() => {
-		ot.current = _;
-	}, [_]);
-	let st = m.useMemo(() => {
+	].includes(b), it = b !== void 0 && !rt && !y, F = rt && !y ? b : void 0, at = F ? f[`width${F.charAt(0).toUpperCase()}${F.slice(1)}`] : void 0, I = p.useRef(d ?? pe), ot = p.useRef(g);
+	p.useEffect(() => {
+		ot.current = g;
+	}, [g]);
+	let st = p.useMemo(() => {
 		let e = {
 			id: A,
-			class: p.content,
+			class: f.content,
 			role: "textbox",
 			"aria-multiline": "true",
 			style: `min-height: ${typeof x == "number" ? `${x}px` : x}`,
 			tabindex: N ? "-1" : "0"
 		}, t = je ?? (S || E ? void 0 : O("a11y.rte_editor")), n = E ?? (S ? M : void 0);
-		return t && (e["aria-label"] = t), n && (e["aria-labelledby"] = n), P === "danger" && (e["aria-invalid"] = "true"), j && (e["aria-describedby"] = j), w && (e["aria-required"] = "true"), N && (e["aria-disabled"] = "true"), v && (e["aria-placeholder"] = v), e;
+		return t && (e["aria-label"] = t), n && (e["aria-labelledby"] = n), P === "danger" && (e["aria-invalid"] = "true"), j && (e["aria-describedby"] = j), w && (e["aria-required"] = "true"), N && (e["aria-disabled"] = "true"), _ && (e["aria-placeholder"] = _), e;
 	}, [
 		A,
 		x,
@@ -126,17 +126,17 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		P,
 		j,
 		w,
-		v,
+		_,
 		O
-	]), L = m.useRef(D);
-	m.useEffect(() => {
+	]), L = p.useRef(D);
+	p.useEffect(() => {
 		L.current = D;
 	}, [D]);
-	let [ct, lt] = m.useState(void 0), ut = m.useRef(k);
-	m.useEffect(() => {
+	let [ct, lt] = p.useState(void 0), ut = p.useRef(k);
+	p.useEffect(() => {
 		ut.current = k;
 	}, [k]);
-	let R = m.useCallback(async (e, t, n) => {
+	let R = p.useCallback(async (e, t, n) => {
 		let r = L.current;
 		if (r) {
 			lt(void 0);
@@ -153,10 +153,10 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 				lt(ut.current);
 			}
 		}
-	}, []), dt = (e) => Array.from(e ?? []).filter((e) => e.type.startsWith("image/")), z = m.useRef({ ed: null }), ft = m.useCallback((e, t) => {
+	}, []), dt = (e) => Array.from(e ?? []).filter((e) => e.type.startsWith("image/")), z = p.useRef({ ed: null }), ft = p.useCallback((e, t) => {
 		let n = dt(t.clipboardData?.files), r = z.current.ed;
 		return !L.current || n.length === 0 || !r ? !1 : (t.preventDefault(), R(r, n), !0);
-	}, [R]), pt = m.useCallback((e, t, n, r) => {
+	}, [R]), pt = p.useCallback((e, t, n, r) => {
 		let i = dt(t.dataTransfer?.files), a = z.current.ed;
 		if (r || !L.current || i.length === 0 || !a) return !1;
 		t.preventDefault();
@@ -165,7 +165,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 			top: t.clientY
 		});
 		return R(a, i, o?.pos), !0;
-	}, [R]), B = m.useMemo(() => ({
+	}, [R]), B = p.useMemo(() => ({
 		attributes: st,
 		handlePaste: ft,
 		handleDrop: pt
@@ -173,38 +173,38 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		st,
 		ft,
 		pt
-	]), [V] = m.useState(Me), mt = d ?? f, H = ge({
-		extensions: Se(v ?? "", V, V === "markdown" ? mt : void 0),
+	]), [V] = p.useState(Me), mt = d ?? pe, H = _e({
+		extensions: Ce(_ ?? "", V, V === "markdown" ? mt : void 0),
 		content: V === "markdown" ? "" : mt,
 		editable: !N,
 		immediatelyRender: !1,
 		editorProps: B,
 		onUpdate: ({ editor: e }) => {
-			let t = Ce(e, V);
+			let t = we(e, V);
 			t !== I.current && (I.current = t, ot.current?.(t));
 		}
 	});
-	m.useEffect(() => {
+	p.useEffect(() => {
 		H && !H.isDestroyed && H.setOptions({ editorProps: B });
-	}, [H, B]), m.useEffect(() => {
+	}, [H, B]), p.useEffect(() => {
 		z.current.ed = H;
-	}, [H]), m.useEffect(() => {
+	}, [H]), p.useEffect(() => {
 		H && !H.isDestroyed && H.setEditable(!N, !1);
-	}, [H, N]), m.useEffect(() => {
+	}, [H, N]), p.useEffect(() => {
 		if (!H || H.isDestroyed) return;
 		let e = H.extensionManager.extensions.find((e) => e.name === "placeholder");
-		e && e.options.placeholder !== (v ?? "") && (e.options.placeholder = v ?? "", H.view.dispatch(H.state.tr));
-	}, [H, v]), m.useEffect(() => {
-		if (!H || H.isDestroyed || d === void 0 || d === I.current || d === Ce(H, V)) return;
+		e && e.options.placeholder !== (_ ?? "") && (e.options.placeholder = _ ?? "", H.view.dispatch(H.state.tr));
+	}, [H, _]), p.useEffect(() => {
+		if (!H || H.isDestroyed || d === void 0 || d === I.current || d === we(H, V)) return;
 		I.current = d;
-		let e = ve(we(H, d, V), H.schema);
+		let e = ye(Te(H, d, V), H.schema);
 		e.eq(H.state.doc) || H.commands.setContent(e.toJSON(), { emitUpdate: !1 });
 	}, [
 		H,
 		d,
 		V
 	]);
-	let ht = _e({
+	let ht = ve({
 		editor: H,
 		selector: ({ editor: e }) => ({
 			bold: !!e?.isActive("bold"),
@@ -218,13 +218,13 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 			ol: !!e?.isActive("orderedList"),
 			image: !!e?.isActive("image")
 		})
-	}), U = m.useCallback((e) => {
+	}), U = p.useCallback((e) => {
 		if (N || !H) return;
 		let t = document.activeElement;
 		e(H), t instanceof HTMLElement && t.closest("[role=\"toolbar\"]") && requestAnimationFrame(() => {
 			t.isConnected && document.activeElement !== t && t.focus({ preventScroll: !0 });
 		});
-	}, [H, N]), gt = m.useCallback(() => {
+	}, [H, N]), gt = p.useCallback(() => {
 		U((e) => {
 			let { from: t, to: n, empty: r } = e.state.selection, i = e.chain().focus();
 			r && i.selectAll(), i.unsetBold().unsetItalic().unsetStrike().clearNodes(), e.schema.marks.underline && i.unsetUnderline(), r && i.setTextSelection({
@@ -232,21 +232,13 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 				to: n
 			}), i.run();
 		});
-	}, [U]), [_t, W] = m.useState(!1), [G, vt] = m.useState("https://"), [yt, K] = m.useState(void 0), bt = m.useCallback(() => {
+	}, [U]), [_t, W] = p.useState(!1), [G, vt] = p.useState("https://"), [yt, K] = p.useState(void 0), bt = p.useCallback(() => {
 		if (N || !H) return;
 		let { from: e, to: t } = H.state.selection, n = H.state.doc.textBetween(e, t, " "), r = H.getAttributes("link").href;
 		vt(r ?? (n.startsWith("http") ? n : "https://")), K(void 0), W(!0);
-	}, [H, N]), xt = m.useCallback(() => {
+	}, [H, N]), xt = p.useCallback(() => {
 		let e = G.trim();
-		if (!e) {
-			W(!1);
-			return;
-		}
-		if (!fe(e)) {
-			K(Ye);
-			return;
-		}
-		W(!1), U((t) => {
+		e ? fe(e) ? (W(!1), U((t) => {
 			t.state.selection.empty && !t.isActive("link") ? t.chain().focus().insertContent({
 				type: "text",
 				text: e,
@@ -255,35 +247,27 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 					attrs: { href: e }
 				}]
 			}).run() : t.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
-		});
+		})) : K(Ye) : W(!1);
 	}, [
 		G,
 		Ye,
 		U
-	]), [St, q] = m.useState(!1), [J, Y] = m.useState(""), [X, Ct] = m.useState(""), [wt, Z] = m.useState(void 0), [Tt, Et] = m.useState(!1), Dt = m.useRef(null), Ot = `${A}-image-alt-hint`, kt = m.useCallback(() => {
+	]), [St, q] = p.useState(!1), [J, Y] = p.useState(""), [X, Ct] = p.useState(""), [wt, Z] = p.useState(void 0), [Tt, Et] = p.useState(!1), Dt = p.useRef(null), Ot = `${A}-image-alt-hint`, kt = p.useCallback(() => {
 		if (N || !H) return;
 		let e = H.isActive("image") ? H.getAttributes("image") : {};
 		Y(e.src ?? ""), Ct(e.alt ?? ""), Z(void 0), q(!0);
-	}, [H, N]), At = m.useCallback(() => {
+	}, [H, N]), At = p.useCallback(() => {
 		let e = J.trim();
-		if (!e) {
-			q(!1);
-			return;
-		}
-		if (!u(e)) {
-			Z(tt);
-			return;
-		}
-		q(!1), U((t) => t.chain().focus().setImage({
+		e ? u(e) ? (q(!1), U((t) => t.chain().focus().setImage({
 			src: e,
 			alt: X.trim()
-		}).run());
+		}).run())) : Z(tt) : q(!1);
 	}, [
 		J,
 		X,
 		tt,
 		U
-	]), jt = m.useCallback(async (e) => {
+	]), jt = p.useCallback(async (e) => {
 		let t = e.target.files?.[0];
 		if (e.target.value = "", t && D) {
 			Et(!0), Z(void 0);
@@ -297,20 +281,20 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 				Et(!1);
 			}
 		}
-	}, [D, k]), Mt = m.useRef([]), [Q, Nt] = m.useState(0), $ = m.useMemo(() => {
+	}, [D, k]), Mt = p.useRef([]), [Q, Nt] = p.useState(0), $ = p.useMemo(() => {
 		let e = V === "markdown" ? T.filter((e) => e !== "underline") : T;
 		return e.filter((t, n) => t !== "separator" || n > 0 && n < e.length - 1 && e[n - 1] !== "separator");
-	}, [T, V]), Pt = m.useMemo(() => $.filter((e) => e !== "separator"), [$]), Ft = m.useMemo(() => $.map((e, t) => e === "separator" ? -1 : $.slice(0, t).filter((e) => e !== "separator").length), [$]), It = m.useCallback((e) => {
+	}, [T, V]), Pt = p.useMemo(() => $.filter((e) => e !== "separator"), [$]), Ft = p.useMemo(() => $.map((e, t) => e === "separator" ? -1 : $.slice(0, t).filter((e) => e !== "separator").length), [$]), It = p.useCallback((e) => {
 		let t = Pt.length;
 		if (t === 0) return;
 		let n;
 		e.key === "ArrowRight" ? n = (Q + 1) % t : e.key === "ArrowLeft" ? n = (Q - 1 + t) % t : e.key === "Home" ? n = 0 : e.key === "End" && (n = t - 1), n !== void 0 && (e.preventDefault(), Nt(n), Mt.current[n]?.focus());
-	}, [Pt.length, Q]), Lt = m.useCallback((e) => {
+	}, [Pt.length, Q]), Lt = p.useCallback((e) => {
 		e.preventDefault();
 	}, []), Rt = {
 		bold: {
 			title: Ne,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: n,
 				size: "sm"
 			}),
@@ -318,7 +302,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		italic: {
 			title: Pe,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: a,
 				size: "sm"
 			}),
@@ -326,7 +310,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		underline: {
 			title: Fe,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: re,
 				size: "sm"
 			}),
@@ -334,7 +318,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		strikethrough: {
 			title: Ie,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: ne,
 				size: "sm"
 			}),
@@ -342,7 +326,8 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		h1: {
 			title: Le,
-			icon: /* @__PURE__ */ h("span", {
+			label: "H1",
+			icon: /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
 				children: "H1"
 			}),
@@ -350,7 +335,8 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		h2: {
 			title: Re,
-			icon: /* @__PURE__ */ h("span", {
+			label: "H2",
+			icon: /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
 				children: "H2"
 			}),
@@ -358,7 +344,8 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		h3: {
 			title: ze,
-			icon: /* @__PURE__ */ h("span", {
+			label: "H3",
+			icon: /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
 				children: "H3"
 			}),
@@ -366,7 +353,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		ul: {
 			title: Be,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: te,
 				size: "sm"
 			}),
@@ -374,7 +361,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		ol: {
 			title: Ve,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: ee,
 				size: "sm"
 			}),
@@ -382,7 +369,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		link: {
 			title: He,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: o,
 				size: "sm"
 			}),
@@ -390,7 +377,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		unlink: {
 			title: Ue,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: ie,
 				size: "sm"
 			}),
@@ -398,7 +385,7 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		image: {
 			title: Xe,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: i,
 				size: "sm"
 			}),
@@ -406,14 +393,14 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		},
 		removeFormat: {
 			title: We,
-			icon: /* @__PURE__ */ h(s, {
+			icon: /* @__PURE__ */ m(s, {
 				component: r,
 				size: "sm"
 			}),
 			onClick: gt
 		}
 	};
-	return /* @__PURE__ */ h(ae, {
+	return /* @__PURE__ */ m(ae, {
 		label: S,
 		error: C,
 		required: w,
@@ -421,24 +408,24 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		labelId: M,
 		errorId: j,
 		className: Oe,
-		children: /* @__PURE__ */ g("div", {
-			className: pe("wim-rich-text-editor", p.root, p[P], N && p.disabled, p[y], Ee && p.fullWidth, it && p.hasCustomWidth, at),
+		children: /* @__PURE__ */ h("div", {
+			className: me("wim-rich-text-editor", f.root, f[P], N && f.disabled, f[v], y && f.fullWidth, it && f.hasCustomWidth, at),
 			style: it ? { "--wim-input-width": typeof b == "number" ? `${b}px` : b } : void 0,
 			children: [
-				/* @__PURE__ */ h("div", {
-					className: p.toolbar,
+				/* @__PURE__ */ m("div", {
+					className: f.toolbar,
 					role: "toolbar",
 					"aria-label": Ge,
 					"aria-controls": A,
 					onMouseDown: Lt,
 					onKeyDown: It,
 					children: $.map((e, t) => {
-						if (e === "separator") return /* @__PURE__ */ h("span", {
-							className: p.toolbarSep,
+						if (e === "separator") return /* @__PURE__ */ m("span", {
+							className: f.toolbarSep,
 							"aria-hidden": "true"
 						}, `sep-${t}`);
 						let n = Ft[t], r = Rt[e], i = e === "link" || e === "unlink" || e === "removeFormat" ? void 0 : ht?.[e] ?? !1;
-						return /* @__PURE__ */ h(Te, {
+						return /* @__PURE__ */ m(Ee, {
 							buttonRef: (e) => {
 								Mt.current[n] = e;
 							},
@@ -447,28 +434,29 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 							disabled: N,
 							active: i,
 							title: r.title,
+							label: r.label,
 							onClick: r.onClick,
 							children: r.icon
 						}, `${e}-${t}`);
 					})
 				}),
-				/* @__PURE__ */ h(he, {
+				/* @__PURE__ */ m(ge, {
 					editor: H,
-					className: p.contentHost
+					className: f.contentHost
 				}),
-				ct && /* @__PURE__ */ h("p", {
+				ct && /* @__PURE__ */ m("p", {
 					role: "alert",
-					className: p.uploadError,
+					className: f.uploadError,
 					children: ct
 				}),
-				/* @__PURE__ */ h(oe, {
+				/* @__PURE__ */ m(oe, {
 					open: _t,
 					onOpenChange: W,
-					children: /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(ue, { children: /* @__PURE__ */ h(de, { children: He }) }), /* @__PURE__ */ g("form", {
+					children: /* @__PURE__ */ h(ce, { children: [/* @__PURE__ */ m(ue, { children: /* @__PURE__ */ m(de, { children: He }) }), /* @__PURE__ */ h("form", {
 						onSubmit: (e) => {
 							e.preventDefault(), xt();
 						},
-						children: [/* @__PURE__ */ h(l, {
+						children: [/* @__PURE__ */ m(l, {
 							label: Ke,
 							type: "url",
 							value: G,
@@ -477,30 +465,30 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 								vt(e.target.value), K(void 0);
 							},
 							fullWidth: !0
-						}), /* @__PURE__ */ g(le, { children: [/* @__PURE__ */ h(se, {
+						}), /* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(se, {
 							asChild: !0,
-							children: /* @__PURE__ */ h(c, {
+							children: /* @__PURE__ */ m(c, {
 								variant: "ghost",
 								type: "button",
 								children: Je
 							})
-						}), /* @__PURE__ */ h(c, {
+						}), /* @__PURE__ */ m(c, {
 							variant: "solid",
 							type: "submit",
 							children: qe
 						})] })]
 					})] })
 				}),
-				/* @__PURE__ */ h(oe, {
+				/* @__PURE__ */ m(oe, {
 					open: St,
 					onOpenChange: q,
-					children: /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(ue, { children: /* @__PURE__ */ h(de, { children: Xe }) }), /* @__PURE__ */ g("form", {
-						className: p.imageForm,
+					children: /* @__PURE__ */ h(ce, { children: [/* @__PURE__ */ m(ue, { children: /* @__PURE__ */ m(de, { children: Xe }) }), /* @__PURE__ */ h("form", {
+						className: f.imageForm,
 						onSubmit: (e) => {
 							e.preventDefault(), At();
 						},
 						children: [
-							/* @__PURE__ */ h(l, {
+							/* @__PURE__ */ m(l, {
 								label: Ze,
 								type: "url",
 								value: J,
@@ -510,38 +498,38 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 								},
 								fullWidth: !0
 							}),
-							D && /* @__PURE__ */ g(me, { children: [/* @__PURE__ */ h("input", {
+							D && /* @__PURE__ */ h(he, { children: [/* @__PURE__ */ m("input", {
 								ref: Dt,
 								type: "file",
 								accept: "image/*",
 								hidden: !0,
 								onChange: jt
-							}), /* @__PURE__ */ h(c, {
+							}), /* @__PURE__ */ m(c, {
 								type: "button",
 								variant: "outline",
 								loading: Tt,
 								onClick: () => Dt.current?.click(),
 								children: et
 							})] }),
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(l, {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(l, {
 								label: Qe,
 								"aria-describedby": Ot,
 								value: X,
 								onChange: (e) => Ct(e.target.value),
 								fullWidth: !0
-							}), /* @__PURE__ */ h("p", {
+							}), /* @__PURE__ */ m("p", {
 								id: Ot,
-								className: p.imageHint,
+								className: f.imageHint,
 								children: $e
 							})] }),
-							/* @__PURE__ */ g(le, { children: [/* @__PURE__ */ h(se, {
+							/* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(se, {
 								asChild: !0,
-								children: /* @__PURE__ */ h(c, {
+								children: /* @__PURE__ */ m(c, {
 									variant: "ghost",
 									type: "button",
 									children: Je
 								})
-							}), /* @__PURE__ */ h(c, {
+							}), /* @__PURE__ */ m(c, {
 								variant: "solid",
 								type: "submit",
 								disabled: Tt,
@@ -554,6 +542,6 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 		})
 	});
 };
-y.displayName = "RichTextEditor";
+v.displayName = "RichTextEditor";
 //#endregion
-export { y as RichTextEditor };
+export { v as RichTextEditor };

package/dist/components/form/SegmentedControl/SegmentedControl.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./segmented-control.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,onChange:d,size:f=`md`,fullWidth:p=!1,className:m,label:h,error:g,required:_,layout:v=`vertical`,disabled:y=!1,asChild:b=!1,children:x,id:S,styles:C,"aria-label":w,"aria-labelledby":T,"aria-describedby":E},D)=>{let O=(0,s.useRef)([]),k=(0,s.useId)(),A=S||`wim-segmented-${k}`,j=`${A}-label`,M=`${A}-error`,{containerRef:N,sliderStyle:P,isReady:F}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),I=e.findIndex(e=>e.value===u),L=(t,n)=>{let r;switch(t.key){case`ArrowLeft`:case`ArrowUp`:r=n-1,r<0&&(r=e.length-1);break;case`ArrowRight`:case`ArrowDown`:r=n+1,r>=e.length&&(r=0);break;case`Home`:r=0;break;case`End`:r=e.length-1;break;default:return}t.preventDefault(),d(e[r].value),O.current[r]?.focus()},R=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:j,htmlFor:R,errorId:M,className:m,children:(0,l.jsxs)(b?t.Root:`div`,{ref:n.useMergedRef(N,D),id:A,className:(0,c.default)(`wim-segmented-control`,o.default.root,o.default[f],p&&o.default.fullWidth,F&&o.default.ready,g&&o.default.danger,C?.root),role:`radiogroup`,"aria-labelledby":h?j:T,"aria-label":h||T?void 0:w,"aria-required":_,"aria-invalid":g?!0:void 0,"aria-describedby":[E,g?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,C?.slider),style:P,"aria-hidden":`true`}),e.map((e,t)=>{let n=e.value===u,i=n||I===-1&&t===0,a=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:a,ref:e=>{O.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,n&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly,C?.item),onClick:()=>d(e.value),onKeyDown:e=>L(e,t),onFocus:()=>{},onBlur:()=>{},role:`radio`,"aria-checked":n,tabIndex:i?0:-1,"aria-label":e.label||e.value,disabled:y,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:f,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:(0,c.default)(o.default.label,C?.label),children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:x})]})})});u.displayName=`SegmentedControl`,exports.SegmentedControl=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./segmented-control.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,onChange:d,size:f=`md`,fullWidth:p=!1,className:m,label:h,error:g,required:_,layout:v=`vertical`,disabled:y=!1,asChild:b=!1,children:x,id:S,styles:C,"aria-label":w,"aria-labelledby":T,"aria-describedby":E},D)=>{let O=(0,s.useRef)([]),k=(0,s.useId)(),A=S||`wim-segmented-${k}`,j=`${A}-label`,M=`${A}-error`,{containerRef:N,sliderStyle:P,isReady:F}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),I=e.findIndex(e=>e.value===u),L=(t,n)=>{let r;switch(t.key){case`ArrowLeft`:case`ArrowUp`:r=n-1,r<0&&(r=e.length-1);break;case`ArrowRight`:case`ArrowDown`:r=n+1,r>=e.length&&(r=0);break;case`Home`:r=0;break;case`End`:r=e.length-1;break;default:return}t.preventDefault(),d(e[r].value),O.current[r]?.focus()},R=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:j,htmlFor:R,errorId:M,className:m,children:(0,l.jsxs)(b?t.Root:`div`,{ref:n.useMergedRef(N,D),id:A,className:(0,c.default)(`wim-segmented-control`,o.default.root,o.default[f],p&&o.default.fullWidth,F&&o.default.ready,g&&o.default.danger,C?.root),role:`radiogroup`,"aria-labelledby":h?j:T,"aria-label":h||T?void 0:w,"aria-required":_,"aria-invalid":g?!0:void 0,"aria-describedby":[E,g?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,C?.slider),style:P,"aria-hidden":`true`}),e.map((e,t)=>{let n=e.value===u,i=n||I===-1&&t===0,a=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:a,ref:e=>{O.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,n&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly,C?.item),onClick:()=>d(e.value),onKeyDown:e=>L(e,t),onFocus:()=>{},onBlur:()=>{},role:`radio`,"aria-checked":n,tabIndex:i?0:-1,"aria-label":e.label?void 0:e.value,disabled:y,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:f,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:(0,c.default)(o.default.label,C?.label),children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:x})]})})});u.displayName=`SegmentedControl`,exports.SegmentedControl=u;

package/dist/components/form/SegmentedControl/SegmentedControl.js

@@ -75,7 +75,7 @@ var p = s(({ options: s, value: p, onChange: m, size: h = "md", fullWidth: g = !
 						role: "radio",
 						"aria-checked": n,
 						tabIndex: i ? 0 : -1,
-						"aria-label": e.label || e.value,
+						"aria-label": e.label ? void 0 : e.value,
 						disabled: S,
 						children: [e.iconName && /* @__PURE__ */ d(r, {
 							name: e.iconName,

package/dist/components/form/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,disabled:b=!1,label:x,error:S,required:C,layout:w=`vertical`,id:T,asChild:E=!1,children:D},O)=>{let k=s.default.useId(),A=T||`wim-toggle-group-${k}`,j=`${A}-label`,M=`${A}-error`,N=u!==void 0,[P,F]=(0,s.useState)(d??(p===`multiple`?[]:``)),I=N?u:P,{containerRef:L,sliderStyle:R,isReady:z}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),B=(0,s.useRef)([]),V=e.findIndex(e=>!e.disabled),[H,U]=(0,s.useState)(()=>{if(p===`single`){let t=N?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return V>=0?V:0});(0,s.useEffect)(()=>{if(p===`single`&&N&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&U(t)}},[u,p,N,e]);let W=e=>{let t;if(p===`multiple`){let n=Array.isArray(I)?I:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=I===e?``:e;N||F(t),f?.(t)},G=e=>p===`multiple`?(Array.isArray(I)?I:[]).includes(e):I===e,K=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},q=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=K(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=K(t,-1);else if(n.key===`Home`)n.preventDefault(),r=V>=0?V:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(U(r),B.current[r]?.focus(),p===`single`&&W(e[r].value))},J=p===`single`?`radiogroup`:`toolbar`,Y=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:x,error:S,required:C,layout:w,labelId:j,htmlFor:Y,errorId:M,className:g,children:(0,l.jsxs)(E?t.Root:`div`,{ref:n.useMergedRef(L,O),id:A,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,z&&o.default.ready,S&&o.default.danger),role:J,"aria-label":_,"aria-labelledby":x?j:v,"aria-orientation":`horizontal`,"aria-invalid":S?!0:void 0,"aria-describedby":[y,S?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],z&&o.default.ready),style:R,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{B.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],G(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{U(t),W(e.value)},onKeyDown:e=>q(t,e),disabled:b||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?G(e.value):void 0,"aria-pressed":p===`multiple`?G(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===H?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:D})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,disabled:b=!1,label:x,error:S,required:C,layout:w=`vertical`,id:T,asChild:E=!1,children:D},O)=>{let k=s.default.useId(),A=T||`wim-toggle-group-${k}`,j=`${A}-label`,M=`${A}-error`,N=u!==void 0,[P,F]=(0,s.useState)(d??(p===`multiple`?[]:``)),I=N?u:P,{containerRef:L,sliderStyle:R,isReady:z}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),B=(0,s.useRef)([]),V=e.findIndex(e=>!e.disabled),[H,U]=(0,s.useState)(()=>{if(p===`single`){let t=N?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return V>=0?V:0});(0,s.useEffect)(()=>{if(p===`single`&&N&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&U(t)}},[u,p,N,e]);let W=e=>{let t;if(p===`multiple`){let n=Array.isArray(I)?I:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=I===e?``:e;N||F(t),f?.(t)},G=e=>p===`multiple`?(Array.isArray(I)?I:[]).includes(e):I===e,K=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},q=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=K(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=K(t,-1);else if(n.key===`Home`)n.preventDefault(),r=V>=0?V:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(U(r),B.current[r]?.focus(),p===`single`&&W(e[r].value))},J=p===`single`?`radiogroup`:`toolbar`,Y=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:x,error:S,required:C,layout:w,labelId:j,htmlFor:Y,errorId:M,className:g,children:(0,l.jsxs)(E?t.Root:`div`,{ref:n.useMergedRef(L,O),id:A,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,z&&o.default.ready,S&&o.default.danger),role:J,"aria-label":_,"aria-labelledby":x?j:v,"aria-orientation":`horizontal`,"aria-invalid":S?!0:void 0,"aria-describedby":[y,S?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],z&&o.default.ready),style:R,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{B.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],G(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{U(t),W(e.value)},onKeyDown:e=>q(t,e),disabled:b||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?G(e.value):void 0,"aria-pressed":p===`multiple`?G(e.value):void 0,"aria-label":e.label?void 0:e.value,tabIndex:!e.disabled&&t===H?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:D})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;

package/dist/components/form/ToggleGroup/ToggleGroup.js

@@ -103,7 +103,7 @@ var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode:
 						role: v === "single" ? "radio" : "button",
 						"aria-checked": v === "single" ? X(e.value) : void 0,
 						"aria-pressed": v === "multiple" ? X(e.value) : void 0,
-						"aria-label": e.label || e.value,
+						"aria-label": e.label ? void 0 : e.value,
 						tabIndex: !e.disabled && t === q ? 0 : -1,
 						children: [e.iconName && /* @__PURE__ */ p(r, {
 							name: e.iconName,