wimui 0.58.1 → 0.59.0

package/dist/components/form/FileUpload/FileUpload.js

@@ -9,55 +9,60 @@ import o, { useRef as s, useState as c } from "react";
 import l from "classnames";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/form/FileUpload/FileUpload.tsx
-var f = ({ label: f, buttonLabel: p, noFileLabel: m, accept: h, multiple: g = !1, disabled: _ = !1, value: v, onChange: y, className: b, iconName: x, iconPosition: S, size: C = "md", error: w, required: T, layout: E = "vertical" }) => {
-	let { t: D } = e(r), O = `wim-fileupload-${o.useId()}`, k = f ? `${O}-label` : void 0, A = w ? `${O}-error` : void 0, j = T ? `${O}-required` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0, N = s(null), [P, F] = c(null), I = () => {
-		N.current?.click();
-	}, L = (e) => {
+var f = ({ label: f, buttonLabel: p, noFileLabel: m, accept: h, multiple: g = !1, disabled: _ = !1, value: v, onChange: y, className: b, iconName: x, iconPosition: S, size: C = "md", error: w, required: T, layout: E = "vertical", "aria-label": D, "aria-labelledby": O, "aria-describedby": k }) => {
+	let { t: A } = e(r), j = `wim-fileupload-${o.useId()}`, M = f ? `${j}-label` : void 0, N = w ? `${j}-error` : void 0, P = T ? `${j}-required` : void 0, F = [
+		k,
+		N,
+		P
+	].filter(Boolean).join(" ") || void 0, I = s(null), [L, R] = c(null), z = () => {
+		I.current?.click();
+	}, B = (e) => {
 		let t = e.target.files;
-		F(t), y && y(t);
-	}, R = v === void 0 ? P ? Array.from(P).map((e) => e.name) : [] : v, z = R.length > 0 ? R.join(", ") : m ?? D("fileupload.no_file");
+		R(t), y && y(t);
+	}, V = v === void 0 ? L ? Array.from(L).map((e) => e.name) : [] : v, H = V.length > 0 ? V.join(", ") : m ?? A("fileupload.no_file");
 	return /* @__PURE__ */ u(i, {
 		label: f,
 		error: w,
 		required: T,
 		layout: E,
-		labelId: k,
-		errorId: A,
+		labelId: M,
+		errorId: N,
 		className: l("wim-file-upload", a.root, a[C], b),
 		children: /* @__PURE__ */ d("div", {
 			className: a.controls,
 			children: [
 				/* @__PURE__ */ u("input", {
 					type: "file",
-					ref: N,
+					ref: I,
 					accept: h,
 					multiple: g,
 					disabled: _,
-					onChange: L,
+					onChange: B,
 					className: a.input,
 					"aria-hidden": "true",
 					tabIndex: -1
 				}),
 				/* @__PURE__ */ u(n, {
-					onClick: I,
+					onClick: z,
 					disabled: _,
 					variant: "outline",
 					icon: x,
 					iconPosition: S,
 					size: C,
-					"aria-labelledby": k,
-					"aria-describedby": M,
+					"aria-labelledby": M ?? O,
+					"aria-label": M || O ? void 0 : D,
+					"aria-describedby": F,
 					"aria-invalid": w ? !0 : void 0,
-					children: p ?? D("fileupload.button")
+					children: p ?? A("fileupload.button")
 				}),
 				T && /* @__PURE__ */ u(t, {
-					id: j,
-					children: D("form.required")
+					id: P,
+					children: A("form.required")
 				}),
 				/* @__PURE__ */ u("span", {
 					className: l(a.fileNames, a[C], _ && a.disabled),
 					"aria-disabled": _ || void 0,
-					children: z
+					children: H
 				})
 			]
 		})

package/dist/components/form/ImageCropper/ImageCropper.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../Button/Button.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../Slider/Slider.cjs"),s=require("../IconButton/IconButton.cjs"),c=require("../../overlay/Dialog/Dialog.cjs"),l=require("./cropImage.cjs"),u=require("./image-cropper.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=10,h=50,g=d.default.forwardRef(({src:e,aspectRatio:g=1,circular:_=!1,onCrop:v,showRotation:y=!0,showZoom:b=!0,showApplyButton:x=!0,applyLabel:S,onApply:C,onCropError:w,maxOutputSize:T,outputType:E=`image/png`,outputQuality:D=.92,crossOrigin:O,className:k,...A},j)=>{let{t:M}=t.useWimTranslation([a.formNs,n.commonNs]),[N,P]=(0,d.useState)(1),[F,I]=(0,d.useState)(0),[L,R]=(0,d.useState)({x:0,y:0}),[z,B]=(0,d.useState)(!1),[V,H]=(0,d.useState)({x:0,y:0}),[U,W]=(0,d.useState)(!1),G=(0,d.useRef)(null),K=(0,d.useRef)(null),q=(0,d.useRef)(null),J=(0,d.useId)();(0,d.useEffect)(()=>{R({x:0,y:0}),P(1),I(0)},[e]);let Y=e=>{(e.pointerType!==`mouse`||e.button===0)&&(B(!0),H({x:e.clientX-L.x,y:e.clientY-L.y}))},X=(0,d.useCallback)(e=>{z&&R({x:e.clientX-V.x,y:e.clientY-V.y})},[z,V]),Z=(0,d.useCallback)(()=>{B(!1)},[]);(0,d.useEffect)(()=>{if(z)return window.addEventListener(`pointermove`,X),window.addEventListener(`pointerup`,Z),window.addEventListener(`pointercancel`,Z),()=>{window.removeEventListener(`pointermove`,X),window.removeEventListener(`pointerup`,Z),window.removeEventListener(`pointercancel`,Z)}},[z,X,Z]);let Q=e=>{let t=e.shiftKey?h:m,n={ArrowLeft:[-t,0],ArrowRight:[t,0],ArrowUp:[0,-t],ArrowDown:[0,t]}[e.key];n?(e.preventDefault(),R(e=>({x:e.x+n[0],y:e.y+n[1]}))):e.key===`Home`&&(e.preventDefault(),R({x:0,y:0}))},$=()=>{I(e=>(e+90)%360)},ee=()=>{W(!0)},te=()=>{let e=G.current,t=q.current;if(W(!1),!e||!t)return;let n={x:L.x,y:L.y,zoom:N,rotation:F,frameWidth:t.clientWidth,frameHeight:t.clientHeight,layoutWidth:e.offsetWidth,layoutHeight:e.offsetHeight,naturalWidth:e.naturalWidth,naturalHeight:e.naturalHeight,maxOutputSize:T};try{let{dataUrl:t,detail:r}=l.cropImage(e,n,E,D);v?.(t,r),C?.(t,r)}catch(e){w?.(e instanceof Error?e:Error(String(e)),l.resolveCropDetail(n).detail)}};return e?(0,p.jsxs)(`div`,{ref:j,className:(0,f.default)(`wim-image-cropper`,u.default.root,k),...A,children:[(0,p.jsxs)(`div`,{ref:K,className:u.default.viewer,onPointerDown:Y,onKeyDown:Q,role:`application`,tabIndex:0,"aria-label":M(`image_cropper.position_label`),"aria-describedby":J,children:[(0,p.jsx)(r.VisuallyHidden,{id:J,children:M(`image_cropper.position_hint`)}),(0,p.jsx)(`div`,{className:u.default.imageContainer,children:(0,p.jsx)(`img`,{ref:G,src:e,alt:M(`a11y.crop_target`),crossOrigin:O,className:u.default.image,style:{transform:`translate(${L.x}px, ${L.y}px) rotate(${F}deg) scale(${N})`},draggable:!1})}),(0,p.jsx)(`div`,{className:u.default.overlay,children:(0,p.jsx)(`div`,{ref:q,className:(0,f.default)(u.default.cropArea,{[u.default.circular]:_}),style:{aspectRatio:g}})})]}),(0,p.jsxs)(`div`,{className:u.default.controls,children:[b&&(0,p.jsx)(`div`,{className:u.default.zoomControl,children:(0,p.jsx)(o.Slider,{min:1,max:3,step:.1,value:N,onChange:e=>P(e),label:M(`image_cropper.zoom`),styles:{root:u.default.zoomSlider}})}),y&&(0,p.jsx)(`div`,{className:u.default.rotationControl,children:(0,p.jsx)(s.IconButton,{iconName:`RefreshIcon`,onClick:$,"aria-label":M(`image_cropper.rotate`),variant:`outline`,size:`sm`})}),x&&(0,p.jsx)(`div`,{className:u.default.applyControl,children:(0,p.jsx)(i.Button,{onClick:ee,size:`sm`,variant:`solid`,children:S||M(`image_cropper.apply`)})})]}),(0,p.jsx)(c.Dialog,{open:U,onOpenChange:W,children:(0,p.jsxs)(c.DialogContent,{children:[(0,p.jsx)(c.DialogHeader,{children:(0,p.jsx)(c.DialogTitle,{children:M(`image_cropper.confirm_title`)})}),(0,p.jsx)(c.DialogDescription,{children:M(`image_cropper.confirm_message`)}),(0,p.jsxs)(c.DialogFooter,{children:[(0,p.jsx)(c.DialogClose,{asChild:!0,children:(0,p.jsx)(i.Button,{variant:`ghost`,children:M(`image_cropper.cancel`)})}),(0,p.jsx)(i.Button,{onClick:te,variant:`solid`,children:M(`image_cropper.confirm`)})]})]})})]}):(0,p.jsx)(`div`,{ref:j,className:(0,f.default)(`wim-image-cropper`,u.default.root,u.default.empty,k),...A,children:(0,p.jsx)(`div`,{className:u.default.emptyContent,children:M(`image_cropper.no_image`)})})});g.displayName=`ImageCropper`,exports.ImageCropper=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../Button/Button.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../Slider/Slider.cjs"),s=require("../IconButton/IconButton.cjs"),c=require("../../overlay/Dialog/Dialog.cjs"),l=require("./cropImage.cjs"),u=require("./image-cropper.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=10,h=50,g=d.default.forwardRef(({src:e,aspectRatio:g=1,circular:_=!1,onCrop:v,showRotation:y=!0,showZoom:b=!0,showApplyButton:x=!0,applyLabel:S,onApply:C,onCropError:w,maxOutputSize:T,outputType:E=`image/png`,outputQuality:D=.92,crossOrigin:O,className:k,...A},j)=>{let M=A.role??(A[`aria-label`]||A[`aria-labelledby`]?`group`:void 0),{t:N}=t.useWimTranslation([a.formNs,n.commonNs]),[P,F]=(0,d.useState)(1),[I,L]=(0,d.useState)(0),[R,z]=(0,d.useState)({x:0,y:0}),[B,V]=(0,d.useState)(!1),[H,U]=(0,d.useState)({x:0,y:0}),[W,G]=(0,d.useState)(!1),K=(0,d.useRef)(null),q=(0,d.useRef)(null),J=(0,d.useRef)(null),Y=(0,d.useId)();(0,d.useEffect)(()=>{z({x:0,y:0}),F(1),L(0)},[e]);let X=e=>{(e.pointerType!==`mouse`||e.button===0)&&(V(!0),U({x:e.clientX-R.x,y:e.clientY-R.y}))},Z=(0,d.useCallback)(e=>{B&&z({x:e.clientX-H.x,y:e.clientY-H.y})},[B,H]),Q=(0,d.useCallback)(()=>{V(!1)},[]);(0,d.useEffect)(()=>{if(B)return window.addEventListener(`pointermove`,Z),window.addEventListener(`pointerup`,Q),window.addEventListener(`pointercancel`,Q),()=>{window.removeEventListener(`pointermove`,Z),window.removeEventListener(`pointerup`,Q),window.removeEventListener(`pointercancel`,Q)}},[B,Z,Q]);let $=e=>{let t=e.shiftKey?h:m,n={ArrowLeft:[-t,0],ArrowRight:[t,0],ArrowUp:[0,-t],ArrowDown:[0,t]}[e.key];n?(e.preventDefault(),z(e=>({x:e.x+n[0],y:e.y+n[1]}))):e.key===`Home`&&(e.preventDefault(),z({x:0,y:0}))},ee=()=>{L(e=>(e+90)%360)},te=()=>{G(!0)},ne=()=>{let e=K.current,t=J.current;if(G(!1),!e||!t)return;let n={x:R.x,y:R.y,zoom:P,rotation:I,frameWidth:t.clientWidth,frameHeight:t.clientHeight,layoutWidth:e.offsetWidth,layoutHeight:e.offsetHeight,naturalWidth:e.naturalWidth,naturalHeight:e.naturalHeight,maxOutputSize:T};try{let{dataUrl:t,detail:r}=l.cropImage(e,n,E,D);v?.(t,r),C?.(t,r)}catch(e){w?.(e instanceof Error?e:Error(String(e)),l.resolveCropDetail(n).detail)}};return e?(0,p.jsxs)(`div`,{ref:j,role:M,className:(0,f.default)(`wim-image-cropper`,u.default.root,k),...A,children:[(0,p.jsxs)(`div`,{ref:q,className:u.default.viewer,onPointerDown:X,onKeyDown:$,role:`application`,tabIndex:0,"aria-label":N(`image_cropper.position_label`),"aria-describedby":Y,children:[(0,p.jsx)(r.VisuallyHidden,{id:Y,children:N(`image_cropper.position_hint`)}),(0,p.jsx)(`div`,{className:u.default.imageContainer,children:(0,p.jsx)(`img`,{ref:K,src:e,alt:N(`a11y.crop_target`),crossOrigin:O,className:u.default.image,style:{transform:`translate(${R.x}px, ${R.y}px) rotate(${I}deg) scale(${P})`},draggable:!1})}),(0,p.jsx)(`div`,{className:u.default.overlay,children:(0,p.jsx)(`div`,{ref:J,className:(0,f.default)(u.default.cropArea,{[u.default.circular]:_}),style:{aspectRatio:g}})})]}),(0,p.jsxs)(`div`,{className:u.default.controls,children:[b&&(0,p.jsx)(`div`,{className:u.default.zoomControl,children:(0,p.jsx)(o.Slider,{min:1,max:3,step:.1,value:P,onChange:e=>F(e),label:N(`image_cropper.zoom`),styles:{root:u.default.zoomSlider}})}),y&&(0,p.jsx)(`div`,{className:u.default.rotationControl,children:(0,p.jsx)(s.IconButton,{iconName:`RefreshIcon`,onClick:ee,"aria-label":N(`image_cropper.rotate`),variant:`outline`,size:`sm`})}),x&&(0,p.jsx)(`div`,{className:u.default.applyControl,children:(0,p.jsx)(i.Button,{onClick:te,size:`sm`,variant:`solid`,children:S||N(`image_cropper.apply`)})})]}),(0,p.jsx)(c.Dialog,{open:W,onOpenChange:G,children:(0,p.jsxs)(c.DialogContent,{children:[(0,p.jsx)(c.DialogHeader,{children:(0,p.jsx)(c.DialogTitle,{children:N(`image_cropper.confirm_title`)})}),(0,p.jsx)(c.DialogDescription,{children:N(`image_cropper.confirm_message`)}),(0,p.jsxs)(c.DialogFooter,{children:[(0,p.jsx)(c.DialogClose,{asChild:!0,children:(0,p.jsx)(i.Button,{variant:`ghost`,children:N(`image_cropper.cancel`)})}),(0,p.jsx)(i.Button,{onClick:ne,variant:`solid`,children:N(`image_cropper.confirm`)})]})]})})]}):(0,p.jsx)(`div`,{ref:j,role:M,className:(0,f.default)(`wim-image-cropper`,u.default.root,u.default.empty,k),...A,children:(0,p.jsx)(`div`,{className:u.default.emptyContent,children:N(`image_cropper.no_image`)})})});g.displayName=`ImageCropper`,exports.ImageCropper=g;

package/dist/components/form/ImageCropper/ImageCropper.js

@@ -6,75 +6,75 @@ import { Button as r } from "../Button/Button.js";
 import { formNs as i } from "../../../i18n/generated/form.js";
 import { Slider as a } from "../Slider/Slider.js";
 import { IconButton as o } from "../IconButton/IconButton.js";
-import { Dialog as s, DialogClose as c, DialogContent as l, DialogDescription as u, DialogFooter as ee, DialogHeader as d, DialogTitle as te } from "../../overlay/Dialog/Dialog.js";
-import { cropImage as f, resolveCropDetail as p } from "./cropImage.js";
-import m from "./image-cropper.module.js";
-import h, { useCallback as g, useEffect as _, useId as v, useRef as y, useState as b } from "react";
-import x from "classnames";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Dialog as s, DialogClose as c, DialogContent as l, DialogDescription as u, DialogFooter as d, DialogHeader as ee, DialogTitle as f } from "../../overlay/Dialog/Dialog.js";
+import { cropImage as p, resolveCropDetail as m } from "./cropImage.js";
+import h from "./image-cropper.module.js";
+import g, { useCallback as _, useEffect as v, useId as y, useRef as b, useState as x } from "react";
+import S from "classnames";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/form/ImageCropper/ImageCropper.tsx
-var w = 10, T = 50, E = h.forwardRef(({ src: h, aspectRatio: E = 1, circular: ne = !1, onCrop: re, showRotation: ie = !0, showZoom: ae = !0, showApplyButton: oe = !0, applyLabel: D, onApply: O, onCropError: k, maxOutputSize: A, outputType: j = "image/png", outputQuality: M = .92, crossOrigin: N, className: P, ...F }, I) => {
-	let { t: L } = e([i, t]), [R, z] = b(1), [B, V] = b(0), [H, U] = b({
+var T = 10, E = 50, D = g.forwardRef(({ src: g, aspectRatio: D = 1, circular: te = !1, onCrop: ne, showRotation: re = !0, showZoom: ie = !0, showApplyButton: ae = !0, applyLabel: oe, onApply: O, onCropError: k, maxOutputSize: A, outputType: j = "image/png", outputQuality: M = .92, crossOrigin: N, className: P, ...F }, I) => {
+	let L = F.role ?? (F["aria-label"] || F["aria-labelledby"] ? "group" : void 0), { t: R } = e([i, t]), [z, B] = x(1), [V, H] = x(0), [U, W] = x({
 		x: 0,
 		y: 0
-	}), [W, G] = b(!1), [K, q] = b({
+	}), [G, K] = x(!1), [q, se] = x({
 		x: 0,
 		y: 0
-	}), [se, J] = b(!1), Y = y(null), ce = y(null), X = y(null), Z = v();
-	_(() => {
-		U({
+	}), [ce, J] = x(!1), Y = b(null), le = b(null), X = b(null), Z = y();
+	v(() => {
+		W({
 			x: 0,
 			y: 0
-		}), z(1), V(0);
-	}, [h]);
-	let le = (e) => {
-		(e.pointerType !== "mouse" || e.button === 0) && (G(!0), q({
-			x: e.clientX - H.x,
-			y: e.clientY - H.y
+		}), B(1), H(0);
+	}, [g]);
+	let ue = (e) => {
+		(e.pointerType !== "mouse" || e.button === 0) && (K(!0), se({
+			x: e.clientX - U.x,
+			y: e.clientY - U.y
 		}));
-	}, Q = g((e) => {
-		W && U({
-			x: e.clientX - K.x,
-			y: e.clientY - K.y
+	}, Q = _((e) => {
+		G && W({
+			x: e.clientX - q.x,
+			y: e.clientY - q.y
 		});
-	}, [W, K]), $ = g(() => {
-		G(!1);
+	}, [G, q]), $ = _(() => {
+		K(!1);
 	}, []);
-	_(() => {
-		if (W) return window.addEventListener("pointermove", Q), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $), () => {
+	v(() => {
+		if (G) return window.addEventListener("pointermove", Q), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $), () => {
 			window.removeEventListener("pointermove", Q), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
 		};
 	}, [
-		W,
+		G,
 		Q,
 		$
 	]);
-	let ue = (e) => {
-		let t = e.shiftKey ? T : w, n = {
+	let de = (e) => {
+		let t = e.shiftKey ? E : T, n = {
 			ArrowLeft: [-t, 0],
 			ArrowRight: [t, 0],
 			ArrowUp: [0, -t],
 			ArrowDown: [0, t]
 		}[e.key];
-		n ? (e.preventDefault(), U((e) => ({
+		n ? (e.preventDefault(), W((e) => ({
 			x: e.x + n[0],
 			y: e.y + n[1]
-		}))) : e.key === "Home" && (e.preventDefault(), U({
+		}))) : e.key === "Home" && (e.preventDefault(), W({
 			x: 0,
 			y: 0
 		}));
-	}, de = () => {
-		V((e) => (e + 90) % 360);
 	}, fe = () => {
-		J(!0);
+		H((e) => (e + 90) % 360);
 	}, pe = () => {
+		J(!0);
+	}, me = () => {
 		let e = Y.current, t = X.current;
 		if (J(!1), !e || !t) return;
 		let n = {
-			x: H.x,
-			y: H.y,
-			zoom: R,
-			rotation: B,
+			x: U.x,
+			y: U.y,
+			zoom: z,
+			rotation: V,
 			frameWidth: t.clientWidth,
 			frameHeight: t.clientHeight,
 			layoutWidth: e.offsetWidth,
@@ -84,119 +84,121 @@ var w = 10, T = 50, E = h.forwardRef(({ src: h, aspectRatio: E = 1, circular: ne
 			maxOutputSize: A
 		};
 		try {
-			let { dataUrl: t, detail: r } = f(e, n, j, M);
-			re?.(t, r), O?.(t, r);
+			let { dataUrl: t, detail: r } = p(e, n, j, M);
+			ne?.(t, r), O?.(t, r);
 		} catch (e) {
-			k?.(e instanceof Error ? e : Error(String(e)), p(n).detail);
+			k?.(e instanceof Error ? e : Error(String(e)), m(n).detail);
 		}
 	};
-	return h ? /* @__PURE__ */ C("div", {
+	return g ? /* @__PURE__ */ w("div", {
 		ref: I,
-		className: x("wim-image-cropper", m.root, P),
+		role: L,
+		className: S("wim-image-cropper", h.root, P),
 		...F,
 		children: [
-			/* @__PURE__ */ C("div", {
-				ref: ce,
-				className: m.viewer,
-				onPointerDown: le,
-				onKeyDown: ue,
+			/* @__PURE__ */ w("div", {
+				ref: le,
+				className: h.viewer,
+				onPointerDown: ue,
+				onKeyDown: de,
 				role: "application",
 				tabIndex: 0,
-				"aria-label": L("image_cropper.position_label"),
+				"aria-label": R("image_cropper.position_label"),
 				"aria-describedby": Z,
 				children: [
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ C(n, {
 						id: Z,
-						children: L("image_cropper.position_hint")
+						children: R("image_cropper.position_hint")
 					}),
-					/* @__PURE__ */ S("div", {
-						className: m.imageContainer,
-						children: /* @__PURE__ */ S("img", {
+					/* @__PURE__ */ C("div", {
+						className: h.imageContainer,
+						children: /* @__PURE__ */ C("img", {
 							ref: Y,
-							src: h,
-							alt: L("a11y.crop_target"),
+							src: g,
+							alt: R("a11y.crop_target"),
 							crossOrigin: N,
-							className: m.image,
-							style: { transform: `translate(${H.x}px, ${H.y}px) rotate(${B}deg) scale(${R})` },
+							className: h.image,
+							style: { transform: `translate(${U.x}px, ${U.y}px) rotate(${V}deg) scale(${z})` },
 							draggable: !1
 						})
 					}),
-					/* @__PURE__ */ S("div", {
-						className: m.overlay,
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C("div", {
+						className: h.overlay,
+						children: /* @__PURE__ */ C("div", {
 							ref: X,
-							className: x(m.cropArea, { [m.circular]: ne }),
-							style: { aspectRatio: E }
+							className: S(h.cropArea, { [h.circular]: te }),
+							style: { aspectRatio: D }
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
-				className: m.controls,
+			/* @__PURE__ */ w("div", {
+				className: h.controls,
 				children: [
-					ae && /* @__PURE__ */ S("div", {
-						className: m.zoomControl,
-						children: /* @__PURE__ */ S(a, {
+					ie && /* @__PURE__ */ C("div", {
+						className: h.zoomControl,
+						children: /* @__PURE__ */ C(a, {
 							min: 1,
 							max: 3,
 							step: .1,
-							value: R,
-							onChange: (e) => z(e),
-							label: L("image_cropper.zoom"),
-							styles: { root: m.zoomSlider }
+							value: z,
+							onChange: (e) => B(e),
+							label: R("image_cropper.zoom"),
+							styles: { root: h.zoomSlider }
 						})
 					}),
-					ie && /* @__PURE__ */ S("div", {
-						className: m.rotationControl,
-						children: /* @__PURE__ */ S(o, {
+					re && /* @__PURE__ */ C("div", {
+						className: h.rotationControl,
+						children: /* @__PURE__ */ C(o, {
 							iconName: "RefreshIcon",
-							onClick: de,
-							"aria-label": L("image_cropper.rotate"),
+							onClick: fe,
+							"aria-label": R("image_cropper.rotate"),
 							variant: "outline",
 							size: "sm"
 						})
 					}),
-					oe && /* @__PURE__ */ S("div", {
-						className: m.applyControl,
-						children: /* @__PURE__ */ S(r, {
-							onClick: fe,
+					ae && /* @__PURE__ */ C("div", {
+						className: h.applyControl,
+						children: /* @__PURE__ */ C(r, {
+							onClick: pe,
 							size: "sm",
 							variant: "solid",
-							children: D || L("image_cropper.apply")
+							children: oe || R("image_cropper.apply")
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ S(s, {
-				open: se,
+			/* @__PURE__ */ C(s, {
+				open: ce,
 				onOpenChange: J,
-				children: /* @__PURE__ */ C(l, { children: [
-					/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(te, { children: L("image_cropper.confirm_title") }) }),
-					/* @__PURE__ */ S(u, { children: L("image_cropper.confirm_message") }),
-					/* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(c, {
+				children: /* @__PURE__ */ w(l, { children: [
+					/* @__PURE__ */ C(ee, { children: /* @__PURE__ */ C(f, { children: R("image_cropper.confirm_title") }) }),
+					/* @__PURE__ */ C(u, { children: R("image_cropper.confirm_message") }),
+					/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(c, {
 						asChild: !0,
-						children: /* @__PURE__ */ S(r, {
+						children: /* @__PURE__ */ C(r, {
 							variant: "ghost",
-							children: L("image_cropper.cancel")
+							children: R("image_cropper.cancel")
 						})
-					}), /* @__PURE__ */ S(r, {
-						onClick: pe,
+					}), /* @__PURE__ */ C(r, {
+						onClick: me,
 						variant: "solid",
-						children: L("image_cropper.confirm")
+						children: R("image_cropper.confirm")
 					})] })
 				] })
 			})
 		]
-	}) : /* @__PURE__ */ S("div", {
+	}) : /* @__PURE__ */ C("div", {
 		ref: I,
-		className: x("wim-image-cropper", m.root, m.empty, P),
+		role: L,
+		className: S("wim-image-cropper", h.root, h.empty, P),
 		...F,
-		children: /* @__PURE__ */ S("div", {
-			className: m.emptyContent,
-			children: L("image_cropper.no_image")
+		children: /* @__PURE__ */ C("div", {
+			className: h.emptyContent,
+			children: R("image_cropper.no_image")
 		})
 	});
 });
-E.displayName = "ImageCropper";
+D.displayName = "ImageCropper";
 //#endregion
-export { E as ImageCropper };
+export { D as ImageCropper };

package/dist/components/form/QueryBuilder/QueryBuilder.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../Button/Button.cjs"),i=require("../Input/Input.cjs"),a=require("../DatePicker/DatePicker.cjs"),o=require("../NumberInput/NumberInput.cjs"),s=require("../SegmentedControl/SegmentedControl.cjs"),c=require("../Select/Select.cjs"),l=require("../Switch/Switch.cjs"),u=require("../IconButton/IconButton.cjs"),d=require("./querybuilder.module.cjs"),f=require("./warn-unknown-operator.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("classnames");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=0,_=()=>typeof window<`u`&&window.__VRT__?(g+=1,`vrt-id-${g}`):Math.random().toString(36).substring(2,11),v={string:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`contains`,key:`contains`},{value:`starts_with`,key:`starts_with`},{value:`ends_with`,key:`ends_with`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],number:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`greater_than`},{value:`<`,key:`less_than`},{value:`>=`,key:`greater_than_or_equal`},{value:`<=`,key:`less_than_or_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],date:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`after`},{value:`<`,key:`before`},{value:`>=`,key:`after_or_on`},{value:`<=`,key:`before_or_on`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],boolean:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}]},y=({fields:e,query:g,defaultQuery:y,onChange:b,maxDepth:x=3,className:S,id:C,labels:w={}})=>{let{t:T}=t.useWimTranslation(n.componentsNs),{ruleAdded:ee=T(`query.builder.rule_added`),groupAdded:E=T(`query.builder.group_added`),removed:D=T(`query.builder.removed`),ruleAriaLabel:O=T(`query.builder.rule`),fieldAriaLabel:k=T(`query.builder.field`),operatorAriaLabel:A=T(`query.builder.operator`),valueAriaLabel:j=T(`query.builder.value`),trueLabel:M=T(`query.builder.true`),falseLabel:N=T(`query.builder.false`),removeRuleAriaLabel:P=T(`query.builder.remove_rule`),removeGroupAriaLabel:F=T(`query.builder.remove_group`),addRuleLabel:I=T(`query.builder.add_rule`),addGroupLabel:L=T(`query.builder.add_group`),regionAriaLabel:R=T(`query.builder.region_label`),combinatorAriaLabel:z=T(`query.builder.combinator`),operators:B={}}=w,V=(0,p.useId)(),H=C||`wim-qb-${V}`,U=(0,p.useRef)(null),[W,G]=(0,p.useState)(y||{id:_(),combinator:`and`,not:!1,rules:[]}),K=g===void 0?W:g,q=(0,p.useCallback)(e=>{U.current&&(U.current.textContent=``,setTimeout(()=>{U.current&&(U.current.textContent=e)},50))},[]),J=(0,p.useCallback)(e=>{g===void 0&&G(e),b?.(e)},[g,b]),Y=(e,t)=>{let n=r=>r.id===e?{...r,...t}:{...r,rules:r.rules.map(r=>r.id===e?{...r,...t}:`rules`in r?n(r):r)};J(n(K))},X=t=>{let n=e[0],r={id:_(),field:n?.name||``,operator:`=`,value:n?.type!==`boolean`&&``},i=e=>e.id===t?{...e,rules:[...e.rules,r]}:{...e,rules:e.rules.map(e=>`rules`in e?i(e):e)};J(i(K)),q(ee)},Z=e=>{let t={id:_(),combinator:`and`,not:!1,rules:[]},n=r=>r.id===e?{...r,rules:[...r.rules,t]}:{...r,rules:r.rules.map(e=>`rules`in e?n(e):e)};J(n(K)),q(E)},Q=e=>{let t=n=>({...n,rules:n.rules.filter(t=>t.id!==e).map(e=>`rules`in e?t(e):e)});J(t(K)),q(D)},$=(e,t,n)=>{let i=`${e.combinator.toUpperCase()} group`;return(0,h.jsxs)(`div`,{role:`group`,"aria-label":i,className:(0,m.default)(d.default.group,t>0&&d.default.nested,n&&d.default.excluded),children:[(0,h.jsxs)(`div`,{className:d.default.groupHeader,children:[(0,h.jsxs)(`div`,{className:d.default.groupHeaderLeft,children:[(0,h.jsx)(s.SegmentedControl,{size:`md`,options:[{label:`AND`,value:`and`},{label:`OR`,value:`or`}],value:e.combinator,onChange:t=>Y(e.id,{combinator:t}),"aria-label":z,styles:{root:d.default.segmentedControl,item:d.default.segmentedControlItem,slider:d.default.segmentedControlSlider}}),(0,h.jsx)(l.Switch,{size:`md`,checked:e.not,onChange:t=>Y(e.id,{not:t.target.checked}),children:`NOT`})]}),t>0&&(0,h.jsx)(u.IconButton,{iconName:`TrashIcon`,"aria-label":F,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(e.id),className:d.default.removeGroup})]}),(0,h.jsx)(`div`,{className:d.default.ruleList,children:e.rules.map(e=>`rules`in e?$(e,t+1,n):te(e))}),(0,h.jsxs)(`div`,{className:d.default.groupActions,children:[(0,h.jsx)(r.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>X(e.id),children:I}),t<x&&(0,h.jsx)(r.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>Z(e.id),children:L})]})]},e.id)},te=t=>{let n=e.find(e=>e.name===t.field)?.type||`string`,r=v[n].map(e=>({...e,label:B[e.key]||T(`query.builder.operators.${e.key}`)})),s=n=>{let r=e.find(e=>e.name===n);Y(t.id,{field:n,operator:`=`,value:r?.type!==`boolean`&&``})};r.some(e=>e.value===t.operator)||f.warnUnknownOperator(t.operator,n,r.map(e=>e.value));let l=t.operator===`is_null`||t.operator===`is_not_null`;return(0,h.jsx)(`div`,{className:d.default.rule,role:`group`,"aria-label":O,children:(0,h.jsxs)(`div`,{className:d.default.ruleFields,children:[(0,h.jsx)(c.Select,{className:d.default.field,options:e.map(e=>({label:e.label,value:e.name})),value:t.field,onChange:s,"aria-label":k,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}),(0,h.jsx)(c.Select,{className:d.default.operator,options:r.map(e=>({label:e.label,value:e.value})),value:t.operator,onChange:e=>Y(t.id,{operator:e}),"aria-label":A,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}),!l&&(0,h.jsx)(`div`,{className:d.default.value,children:n===`number`?(0,h.jsx)(o.NumberInput,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j}):n===`date`?(0,h.jsx)(a.DatePicker,{value:typeof t.value==`string`||typeof t.value==`number`?new Date(t.value):void 0,onChange:e=>Y(t.id,{value:e?e.toISOString():``}),"aria-label":j}):n===`boolean`?(0,h.jsx)(c.Select,{options:[{label:M,value:`true`},{label:N,value:`false`}],value:String(t.value),onChange:e=>Y(t.id,{value:e===`true`}),"aria-label":j,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}):(0,h.jsx)(i.Input,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Y(t.id,{value:e.target.value}),"aria-label":j,styles:{root:d.default.inputBase}})}),(0,h.jsx)(u.IconButton,{iconName:`TrashIcon`,"aria-label":P,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(t.id),className:d.default.removeRule})]})},t.id)};return(0,h.jsxs)(`div`,{id:H,role:`region`,"aria-label":R,className:(0,m.default)(`wim-query-builder`,d.default.root,S),children:[(0,h.jsx)(`div`,{ref:U,"aria-live":`polite`,"aria-atomic":`true`,className:d.default.srOnly}),$(K,0,!1)]})};exports.QueryBuilder=y;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../Button/Button.cjs"),i=require("../Input/Input.cjs"),a=require("../DatePicker/DatePicker.cjs"),o=require("../NumberInput/NumberInput.cjs"),s=require("../SegmentedControl/SegmentedControl.cjs"),c=require("../Select/Select.cjs"),l=require("../Switch/Switch.cjs"),u=require("../IconButton/IconButton.cjs"),d=require("./querybuilder.module.cjs"),f=require("./warn-unknown-operator.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("classnames");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=0,_=()=>typeof window<`u`&&window.__VRT__?(g+=1,`vrt-id-${g}`):Math.random().toString(36).substring(2,11),ee={string:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`contains`,key:`contains`},{value:`starts_with`,key:`starts_with`},{value:`ends_with`,key:`ends_with`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],number:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`greater_than`},{value:`<`,key:`less_than`},{value:`>=`,key:`greater_than_or_equal`},{value:`<=`,key:`less_than_or_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],date:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`>`,key:`after`},{value:`<`,key:`before`},{value:`>=`,key:`after_or_on`},{value:`<=`,key:`before_or_on`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}],boolean:[{value:`=`,key:`equal`},{value:`!=`,key:`not_equal`},{value:`is_null`,key:`is_null`},{value:`is_not_null`,key:`is_not_null`}]},v=({fields:e,query:g,defaultQuery:v,onChange:y,maxDepth:b=3,className:x,id:S,labels:C={},"aria-label":w,"aria-labelledby":T,"aria-describedby":te})=>{let{t:E}=t.useWimTranslation(n.componentsNs),{ruleAdded:D=E(`query.builder.rule_added`),groupAdded:O=E(`query.builder.group_added`),removed:k=E(`query.builder.removed`),ruleAriaLabel:A=E(`query.builder.rule`),fieldAriaLabel:j=E(`query.builder.field`),operatorAriaLabel:M=E(`query.builder.operator`),valueAriaLabel:N=E(`query.builder.value`),trueLabel:P=E(`query.builder.true`),falseLabel:F=E(`query.builder.false`),removeRuleAriaLabel:I=E(`query.builder.remove_rule`),removeGroupAriaLabel:L=E(`query.builder.remove_group`),addRuleLabel:R=E(`query.builder.add_rule`),addGroupLabel:z=E(`query.builder.add_group`),regionAriaLabel:B=E(`query.builder.region_label`),combinatorAriaLabel:V=E(`query.builder.combinator`),operators:H={}}=C,U=(0,p.useId)(),W=S||`wim-qb-${U}`,G=(0,p.useRef)(null),[K,q]=(0,p.useState)(v||{id:_(),combinator:`and`,not:!1,rules:[]}),J=g===void 0?K:g,Y=(0,p.useCallback)(e=>{G.current&&(G.current.textContent=``,setTimeout(()=>{G.current&&(G.current.textContent=e)},50))},[]),X=(0,p.useCallback)(e=>{g===void 0&&q(e),y?.(e)},[g,y]),Z=(e,t)=>{let n=r=>r.id===e?{...r,...t}:{...r,rules:r.rules.map(r=>r.id===e?{...r,...t}:`rules`in r?n(r):r)};X(n(J))},ne=t=>{let n=e[0],r={id:_(),field:n?.name||``,operator:`=`,value:n?.type!==`boolean`&&``},i=e=>e.id===t?{...e,rules:[...e.rules,r]}:{...e,rules:e.rules.map(e=>`rules`in e?i(e):e)};X(i(J)),Y(D)},re=e=>{let t={id:_(),combinator:`and`,not:!1,rules:[]},n=r=>r.id===e?{...r,rules:[...r.rules,t]}:{...r,rules:r.rules.map(e=>`rules`in e?n(e):e)};X(n(J)),Y(O)},Q=e=>{let t=n=>({...n,rules:n.rules.filter(t=>t.id!==e).map(e=>`rules`in e?t(e):e)});X(t(J)),Y(k)},$=(e,t,n)=>{let i=`${e.combinator.toUpperCase()} group`;return(0,h.jsxs)(`div`,{role:`group`,"aria-label":i,className:(0,m.default)(d.default.group,t>0&&d.default.nested,n&&d.default.excluded),children:[(0,h.jsxs)(`div`,{className:d.default.groupHeader,children:[(0,h.jsxs)(`div`,{className:d.default.groupHeaderLeft,children:[(0,h.jsx)(s.SegmentedControl,{size:`md`,options:[{label:`AND`,value:`and`},{label:`OR`,value:`or`}],value:e.combinator,onChange:t=>Z(e.id,{combinator:t}),"aria-label":V,styles:{root:d.default.segmentedControl,item:d.default.segmentedControlItem,slider:d.default.segmentedControlSlider}}),(0,h.jsx)(l.Switch,{size:`md`,checked:e.not,onChange:t=>Z(e.id,{not:t.target.checked}),children:`NOT`})]}),t>0&&(0,h.jsx)(u.IconButton,{iconName:`TrashIcon`,"aria-label":L,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(e.id),className:d.default.removeGroup})]}),(0,h.jsx)(`div`,{className:d.default.ruleList,children:e.rules.map(e=>`rules`in e?$(e,t+1,n):ie(e))}),(0,h.jsxs)(`div`,{className:d.default.groupActions,children:[(0,h.jsx)(r.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>ne(e.id),children:R}),t<b&&(0,h.jsx)(r.Button,{size:`md`,variant:`ghost`,icon:`PlusIcon`,onClick:()=>re(e.id),children:z})]})]},e.id)},ie=t=>{let n=e.find(e=>e.name===t.field)?.type||`string`,r=ee[n].map(e=>({...e,label:H[e.key]||E(`query.builder.operators.${e.key}`)})),s=n=>{let r=e.find(e=>e.name===n);Z(t.id,{field:n,operator:`=`,value:r?.type!==`boolean`&&``})};r.some(e=>e.value===t.operator)||f.warnUnknownOperator(t.operator,n,r.map(e=>e.value));let l=t.operator===`is_null`||t.operator===`is_not_null`;return(0,h.jsx)(`div`,{className:d.default.rule,role:`group`,"aria-label":A,children:(0,h.jsxs)(`div`,{className:d.default.ruleFields,children:[(0,h.jsx)(c.Select,{className:d.default.field,options:e.map(e=>({label:e.label,value:e.name})),value:t.field,onChange:s,"aria-label":j,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}),(0,h.jsx)(c.Select,{className:d.default.operator,options:r.map(e=>({label:e.label,value:e.value})),value:t.operator,onChange:e=>Z(t.id,{operator:e}),"aria-label":M,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}),!l&&(0,h.jsx)(`div`,{className:d.default.value,children:n===`number`?(0,h.jsx)(o.NumberInput,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Z(t.id,{value:e.target.value}),"aria-label":N}):n===`date`?(0,h.jsx)(a.DatePicker,{value:typeof t.value==`string`||typeof t.value==`number`?new Date(t.value):void 0,onChange:e=>Z(t.id,{value:e?e.toISOString():``}),"aria-label":N}):n===`boolean`?(0,h.jsx)(c.Select,{options:[{label:P,value:`true`},{label:F,value:`false`}],value:String(t.value),onChange:e=>Z(t.id,{value:e===`true`}),"aria-label":N,fullWidth:!0,styles:{root:d.default.select,trigger:d.default.selectTrigger,inputBase:{root:d.default.inputBase}}}):(0,h.jsx)(i.Input,{value:typeof t.value==`boolean`?void 0:t.value??void 0,onChange:e=>Z(t.id,{value:e.target.value}),"aria-label":N,styles:{root:d.default.inputBase}})}),(0,h.jsx)(u.IconButton,{iconName:`TrashIcon`,"aria-label":I,variant:`ghost`,size:`md`,intent:`danger`,onClick:()=>Q(t.id),className:d.default.removeRule})]})},t.id)};return(0,h.jsxs)(`div`,{id:W,role:`region`,"aria-label":T?void 0:w??B,"aria-labelledby":T,"aria-describedby":te,className:(0,m.default)(`wim-query-builder`,d.default.root,x),children:[(0,h.jsx)(`div`,{ref:G,"aria-live":`polite`,"aria-atomic":`true`,className:d.default.srOnly}),$(J,0,!1)]})};exports.QueryBuilder=v;

package/dist/components/form/QueryBuilder/QueryBuilder.d.ts

@@ -68,6 +68,12 @@ export interface QueryBuilderProps {
      * Labels for internationalization
      */
     labels?: QueryBuilderLabels;
+    /** Accessible name for the query builder region. Takes precedence over `labels.regionAriaLabel`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the query builder region. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the query builder region. */
+    "aria-describedby"?: string;
 }
 /**
  * 演算子の語彙。**利用者が `QueryRule.operator` に渡すのは `value`（記号）**で、
@@ -167,5 +173,5 @@ export type QueryOperator = (typeof DEFAULT_OPERATORS)[QueryFieldType][number]["
 /**
  * 複雑な検索条件をネスト状に組み立てるためのクエリビルダーコンポーネント。
  */
-export declare const QueryBuilder: ({ fields, query, defaultQuery, onChange, maxDepth, className, id: customId, labels, }: QueryBuilderProps) => React.JSX.Element;
+export declare const QueryBuilder: ({ fields, query, defaultQuery, onChange, maxDepth, className, id: customId, labels, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: QueryBuilderProps) => React.JSX.Element;
 export {};