wimui 0.51.2 → 0.52.0

package/dist/components/form/InputBase/InputBase.js

@@ -1,86 +1,87 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Icon as t } from "../../media/Icon/Icon.js";
-import n from "./input-base.module.js";
-import r from "react";
-import i from "classnames";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import r from "./input-base.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/form/InputBase/InputBase.tsx
-var s = ({ children: s, intent: c = "default", variant: l = "outline", fullWidth: u = !1, width: d, className: f, disabled: p, leftIcon: m, leftIconColor: h, onLeftIconClick: g, leftIconAriaLabel: _, rightIcons: v = [], suffix: y, suffixId: b, allowClear: x, hasValue: S, onClear: C, clearAriaLabel: w, styles: T }) => {
-	let { t: E } = e("common"), D = _ ?? E("a11y.left_icon_action"), O = w ?? E("a11y.clear_input"), k = typeof d == "string" && [
+var c = ({ children: c, intent: l = "default", variant: u = "outline", fullWidth: d = !1, width: f, className: p, disabled: m, leftIcon: h, leftIconColor: g, onLeftIconClick: _, leftIconAriaLabel: v, rightIcons: y = [], suffix: b, suffixId: x, allowClear: S, hasValue: C, onClear: w, clearAriaLabel: T, styles: E }) => {
+	let { t: D } = e(t), O = v ?? D("a11y.left_icon_action"), k = T ?? D("a11y.clear_input"), A = typeof f == "string" && [
 		"xs",
 		"sm",
 		"md",
 		"lg",
 		"xl"
-	].includes(d), A = r.Children.map(s, (e) => r.isValidElement(e) ? r.cloneElement(e, {
-		disabled: p ? !0 : e.props.disabled,
-		className: i(e.props.className, n.inner, T?.inner)
-	}) : e), j = d !== void 0 && !k && !u, M = k && !u ? d : void 0, N = (e) => p ? "disabled" : e || (c === "danger" ? "danger" : c === "warning" ? "warning" : c === "success" ? "success" : "secondary"), P = [...v];
-	x && S && !p && P.push({
+	].includes(f), j = i.Children.map(c, (e) => i.isValidElement(e) ? i.cloneElement(e, {
+		disabled: m ? !0 : e.props.disabled,
+		className: a(e.props.className, r.inner, E?.inner)
+	}) : e), M = f !== void 0 && !A && !d, N = A && !d ? f : void 0, P = (e) => m ? "disabled" : e || (l === "danger" ? "danger" : l === "warning" ? "warning" : l === "success" ? "success" : "secondary"), F = [...y];
+	S && C && !m && F.push({
 		name: "CloseIcon",
 		onClick: (e) => {
-			e.stopPropagation(), C?.();
+			e.stopPropagation(), w?.();
 		},
-		ariaLabel: O
+		ariaLabel: k
 	});
-	let F = M ? n[`width${M.charAt(0).toUpperCase()}${M.slice(1)}`] : void 0;
-	return /* @__PURE__ */ o("div", {
-		className: i("wim-input-base", n.root, c && n[c], p && n.disabled, n[l], u && n.fullWidth, j && n.hasCustomWidth, F, m && n.hasLeftIcon, (P.length > 0 || x) && n.hasRightIcon, (P.length >= 2 || v.length >= 1 && x) && n.hasMultipleRightIcons, f, T?.root),
-		style: j ? { "--wim-input-width": typeof d == "number" ? `${d}px` : d } : void 0,
+	let I = N ? r[`width${N.charAt(0).toUpperCase()}${N.slice(1)}`] : void 0;
+	return /* @__PURE__ */ s("div", {
+		className: a("wim-input-base", r.root, l && r[l], m && r.disabled, r[u], d && r.fullWidth, M && r.hasCustomWidth, I, h && r.hasLeftIcon, (F.length > 0 || S) && r.hasRightIcon, (F.length >= 2 || y.length >= 1 && S) && r.hasMultipleRightIcons, p, E?.root),
+		style: M ? { "--wim-input-width": typeof f == "number" ? `${f}px` : f } : void 0,
 		children: [
-			m && /* @__PURE__ */ a("div", {
-				className: i(n.icon, n.left, g && n.clickable, T?.icon),
-				children: g ? /* @__PURE__ */ a("button", {
+			h && /* @__PURE__ */ o("div", {
+				className: a(r.icon, r.left, _ && r.clickable, E?.icon),
+				children: _ ? /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: g,
-					className: i(n.iconButton, T?.iconButton),
-					"aria-label": D,
-					disabled: p,
-					children: /* @__PURE__ */ a(t, {
-						name: m,
+					onClick: _,
+					className: a(r.iconButton, E?.iconButton),
+					"aria-label": O,
+					disabled: m,
+					children: /* @__PURE__ */ o(n, {
+						name: h,
 						size: "md",
-						color: N(h)
+						color: P(g)
 					})
-				}) : /* @__PURE__ */ a(t, {
-					name: m,
+				}) : /* @__PURE__ */ o(n, {
+					name: h,
 					size: "md",
-					color: N(h)
+					color: P(g)
 				})
 			}),
-			A,
-			y != null && y !== "" && /* @__PURE__ */ a("span", {
-				id: b,
-				className: i(n.suffix, P.length > 0 && n.suffixClearsIcons),
+			j,
+			b != null && b !== "" && /* @__PURE__ */ o("span", {
+				id: x,
+				className: a(r.suffix, F.length > 0 && r.suffixClearsIcons),
 				"data-testid": "input-suffix",
-				children: y
+				children: b
 			}),
-			P.length > 0 && /* @__PURE__ */ a("div", {
-				className: i(n.icons, n.right, T?.icons),
-				children: P.map((e, r) => /* @__PURE__ */ a("div", {
-					className: i(n.iconItem, e.onClick && n.clickable, e.rotated && n.rotated, e.className, T?.iconItem),
-					children: e.onClick ? /* @__PURE__ */ a("button", {
+			F.length > 0 && /* @__PURE__ */ o("div", {
+				className: a(r.icons, r.right, E?.icons),
+				children: F.map((e, t) => /* @__PURE__ */ o("div", {
+					className: a(r.iconItem, e.onClick && r.clickable, e.rotated && r.rotated, e.className, E?.iconItem),
+					children: e.onClick ? /* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: e.onClick,
-						className: i(n.iconButton, T?.iconButton),
-						disabled: p,
+						className: a(r.iconButton, E?.iconButton),
+						disabled: m,
 						tabIndex: e.decorative ? -1 : void 0,
 						"aria-hidden": e.decorative || void 0,
-						"aria-label": e.decorative ? void 0 : e.ariaLabel ?? E("a11y.right_icon_action"),
-						children: /* @__PURE__ */ a(t, {
+						"aria-label": e.decorative ? void 0 : e.ariaLabel ?? D("a11y.right_icon_action"),
+						children: /* @__PURE__ */ o(n, {
 							name: e.name,
 							size: "md",
-							color: N(e.color)
+							color: P(e.color)
 						})
-					}) : /* @__PURE__ */ a(t, {
+					}) : /* @__PURE__ */ o(n, {
 						name: e.name,
 						size: "md",
-						color: N(e.color)
+						color: P(e.color)
 					})
-				}, `${e.name}-${r}`))
+				}, `${e.name}-${t}`))
 			})
 		]
 	});
 };
 //#endregion
-export { s as InputBase };
+export { c as InputBase };

package/dist/components/form/InputBase/input-base.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_43cv5_36`,t=`_ghost_43cv5_81`,n=`_disabled_43cv5_85`,r=`_icon_43cv5_94`,i=`_iconItem_43cv5_94`,a=`_danger_43cv5_7`,o=`_warning_43cv5_110`,s=`_success_43cv5_113`,c=`_hasLeftIcon_43cv5_146`,l=`_hasRightIcon_43cv5_149`,u=`_hasMultipleRightIcons_43cv5_152`,d=`_widthXs_43cv5_155`,f=`_widthSm_43cv5_158`,p=`_widthMd_43cv5_161`,m=`_widthLg_43cv5_164`,h=`_widthXl_43cv5_167`,g=`_hasCustomWidth_43cv5_170`,_=`_fullWidth_43cv5_175`,v=`_clickable_43cv5_197`,y=`_left_43cv5_200`,b=`_suffix_43cv5_203`,x=`_suffixClearsIcons_43cv5_211`,S=`_icons_43cv5_214`,C=`_right_43cv5_229`,w=`_rotated_43cv5_241`,T=`_iconButton_43cv5_244`,E=`_inner_43cv5_270`,D={root:e,ghost:t,disabled:n,icon:r,iconItem:i,danger:a,warning:o,success:s,hasLeftIcon:c,hasRightIcon:l,hasMultipleRightIcons:u,widthXs:d,widthSm:f,widthMd:p,widthLg:m,widthXl:h,hasCustomWidth:g,fullWidth:_,clickable:v,left:y,suffix:b,suffixClearsIcons:x,icons:S,right:C,rotated:w,iconButton:T,inner:E};exports.clickable=v,exports.danger=a,exports.default=D,exports.disabled=n,exports.fullWidth=_,exports.ghost=t,exports.hasCustomWidth=g,exports.hasLeftIcon=c,exports.hasMultipleRightIcons=u,exports.hasRightIcon=l,exports.icon=r,exports.iconButton=T,exports.iconItem=i,exports.icons=S,exports.inner=E,exports.left=y,exports.right=C,exports.root=e,exports.rotated=w,exports.success=s,exports.suffix=b,exports.suffixClearsIcons=x,exports.warning=o,exports.widthLg=m,exports.widthMd=p,exports.widthSm=f,exports.widthXl=h,exports.widthXs=d;
+var e=`_root_1l6uv_36`,t=`_ghost_1l6uv_81`,n=`_disabled_1l6uv_85`,r=`_icon_1l6uv_94`,i=`_iconItem_1l6uv_94`,a=`_danger_1l6uv_7`,o=`_warning_1l6uv_110`,s=`_success_1l6uv_113`,c=`_hasLeftIcon_1l6uv_146`,l=`_hasRightIcon_1l6uv_149`,u=`_hasMultipleRightIcons_1l6uv_152`,d=`_widthXs_1l6uv_155`,f=`_widthSm_1l6uv_158`,p=`_widthMd_1l6uv_161`,m=`_widthLg_1l6uv_164`,h=`_widthXl_1l6uv_167`,g=`_hasCustomWidth_1l6uv_170`,_=`_fullWidth_1l6uv_175`,v=`_clickable_1l6uv_197`,y=`_left_1l6uv_200`,b=`_suffix_1l6uv_203`,x=`_suffixClearsIcons_1l6uv_211`,S=`_icons_1l6uv_214`,C=`_right_1l6uv_229`,w=`_rotated_1l6uv_241`,T=`_iconButton_1l6uv_244`,E=`_inner_1l6uv_270`,D={root:e,ghost:t,disabled:n,icon:r,iconItem:i,danger:a,warning:o,success:s,hasLeftIcon:c,hasRightIcon:l,hasMultipleRightIcons:u,widthXs:d,widthSm:f,widthMd:p,widthLg:m,widthXl:h,hasCustomWidth:g,fullWidth:_,clickable:v,left:y,suffix:b,suffixClearsIcons:x,icons:S,right:C,rotated:w,iconButton:T,inner:E};exports.clickable=v,exports.danger=a,exports.default=D,exports.disabled=n,exports.fullWidth=_,exports.ghost=t,exports.hasCustomWidth=g,exports.hasLeftIcon=c,exports.hasMultipleRightIcons=u,exports.hasRightIcon=l,exports.icon=r,exports.iconButton=T,exports.iconItem=i,exports.icons=S,exports.inner=E,exports.left=y,exports.right=C,exports.root=e,exports.rotated=w,exports.success=s,exports.suffix=b,exports.suffixClearsIcons=x,exports.warning=o,exports.widthLg=m,exports.widthMd=p,exports.widthSm=f,exports.widthXl=h,exports.widthXs=d;

package/dist/components/form/InputBase/input-base.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/InputBase/input-base.module.scss
-var e = "_root_43cv5_36", t = "_ghost_43cv5_81", n = "_disabled_43cv5_85", r = "_icon_43cv5_94", i = "_iconItem_43cv5_94", a = "_danger_43cv5_7", o = "_warning_43cv5_110", s = "_success_43cv5_113", c = "_hasLeftIcon_43cv5_146", l = "_hasRightIcon_43cv5_149", u = "_hasMultipleRightIcons_43cv5_152", d = "_widthXs_43cv5_155", f = "_widthSm_43cv5_158", p = "_widthMd_43cv5_161", m = "_widthLg_43cv5_164", h = "_widthXl_43cv5_167", g = "_hasCustomWidth_43cv5_170", _ = "_fullWidth_43cv5_175", v = "_clickable_43cv5_197", y = "_left_43cv5_200", b = "_suffix_43cv5_203", x = "_suffixClearsIcons_43cv5_211", S = "_icons_43cv5_214", C = "_right_43cv5_229", w = "_rotated_43cv5_241", T = "_iconButton_43cv5_244", E = "_inner_43cv5_270", D = {
+var e = "_root_1l6uv_36", t = "_ghost_1l6uv_81", n = "_disabled_1l6uv_85", r = "_icon_1l6uv_94", i = "_iconItem_1l6uv_94", a = "_danger_1l6uv_7", o = "_warning_1l6uv_110", s = "_success_1l6uv_113", c = "_hasLeftIcon_1l6uv_146", l = "_hasRightIcon_1l6uv_149", u = "_hasMultipleRightIcons_1l6uv_152", d = "_widthXs_1l6uv_155", f = "_widthSm_1l6uv_158", p = "_widthMd_1l6uv_161", m = "_widthLg_1l6uv_164", h = "_widthXl_1l6uv_167", g = "_hasCustomWidth_1l6uv_170", _ = "_fullWidth_1l6uv_175", v = "_clickable_1l6uv_197", y = "_left_1l6uv_200", b = "_suffix_1l6uv_203", x = "_suffixClearsIcons_1l6uv_211", S = "_icons_1l6uv_214", C = "_right_1l6uv_229", w = "_rotated_1l6uv_241", T = "_iconButton_1l6uv_244", E = "_inner_1l6uv_270", D = {
 	root: e,
 	ghost: t,
 	disabled: n,

package/dist/components/form/MultiSelect/multiselect.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_38ynv_23`,t=`_fullWidth_38ynv_30`,n=`_trigger_38ynv_34`,r=`_disabled_38ynv_53`,i=`_open_38ynv_74`,a=`_value_38ynv_82`,o=`_placeholder_38ynv_83`,s=`_icon_38ynv_86`,c=`_list_38ynv_106`,l=`_option_38ynv_120`,u=`_active_38ynv_120`,d=`_selected_38ynv_124`,f=`_clear_38ynv_135`,p={root:e,fullWidth:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,list:c,option:l,active:u,selected:d,clear:f};exports.active=u,exports.clear=f,exports.default=p,exports.disabled=r,exports.fullWidth=t,exports.icon=s,exports.list=c,exports.open=i,exports.option=l,exports.placeholder=o,exports.root=e,exports.selected=d,exports.trigger=n,exports.value=a;
+var e=`_root_ullw2_23`,t=`_fullWidth_ullw2_30`,n=`_trigger_ullw2_34`,r=`_disabled_ullw2_55`,i=`_open_ullw2_76`,a=`_value_ullw2_84`,o=`_placeholder_ullw2_85`,s=`_icon_ullw2_88`,c=`_list_ullw2_108`,l=`_option_ullw2_122`,u=`_active_ullw2_122`,d=`_selected_ullw2_126`,f=`_clear_ullw2_137`,p={root:e,fullWidth:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,list:c,option:l,active:u,selected:d,clear:f};exports.active=u,exports.clear=f,exports.default=p,exports.disabled=r,exports.fullWidth=t,exports.icon=s,exports.list=c,exports.open=i,exports.option=l,exports.placeholder=o,exports.root=e,exports.selected=d,exports.trigger=n,exports.value=a;

package/dist/components/form/MultiSelect/multiselect.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/MultiSelect/multiselect.module.scss
-var e = "_root_38ynv_23", t = "_fullWidth_38ynv_30", n = "_trigger_38ynv_34", r = "_disabled_38ynv_53", i = "_open_38ynv_74", a = "_value_38ynv_82", o = "_placeholder_38ynv_83", s = "_icon_38ynv_86", c = "_list_38ynv_106", l = "_option_38ynv_120", u = "_active_38ynv_120", d = "_selected_38ynv_124", f = "_clear_38ynv_135", p = {
+var e = "_root_ullw2_23", t = "_fullWidth_ullw2_30", n = "_trigger_ullw2_34", r = "_disabled_ullw2_55", i = "_open_ullw2_76", a = "_value_ullw2_84", o = "_placeholder_ullw2_85", s = "_icon_ullw2_88", c = "_list_ullw2_108", l = "_option_ullw2_122", u = "_active_ullw2_122", d = "_selected_ullw2_126", f = "_clear_ullw2_137", p = {
 	root: e,
 	fullWidth: t,
 	trigger: n,

package/dist/components/form/PasswordStrength/PasswordStrength.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("./password-strength.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>{if(!e)return 0;let t=0;return e.length>=8&&t++,/[A-Z]/.test(e)&&t++,/[0-9]/.test(e)&&t++,/[^A-Za-z0-9]/.test(e)&&t++,t},s=r.default.forwardRef(({password:e=``,score:r,showLabel:s=!0,calculateLevel:c=o,className:l,...u},d)=>{let{t:f}=t.useWimTranslation(`form`),p=r===void 0?c(e):r,m=(e=>{switch(e){case 0:return{intent:`danger`,label:f(`password_strength.very_weak`)};case 1:return{intent:`danger`,label:f(`password_strength.weak`)};case 2:return{intent:`warning`,label:f(`password_strength.fair`)};case 3:case 4:return{intent:`success`,label:f(e===4?`password_strength.very_strong`:`password_strength.strong`)};default:return{intent:`danger`,label:``}}})(p);return(0,a.jsxs)(`div`,{ref:d,className:(0,i.default)(`wim-password-strength`,n.default.root,l),...u,children:[(0,a.jsx)(`div`,{className:n.default.meter,children:[1,2,3,4].map(e=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.segment,{[n.default.active]:e<=p,[n.default[m.intent]]:e<=p})},e))}),s&&(e||r!==void 0)&&(0,a.jsx)(`div`,{className:(0,i.default)(n.default.label,n.default[m.intent]),children:m.label})]})});s.displayName=`PasswordStrength`,exports.PasswordStrength=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/form.cjs"),r=require("./password-strength.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=e=>{if(!e)return 0;let t=0;return e.length>=8&&t++,/[A-Z]/.test(e)&&t++,/[0-9]/.test(e)&&t++,/[^A-Za-z0-9]/.test(e)&&t++,t},c=i.default.forwardRef(({password:e=``,score:i,showLabel:c=!0,calculateLevel:l=s,className:u,...d},f)=>{let{t:p}=t.useWimTranslation(n.formNs),m=i===void 0?l(e):i,h=(e=>{switch(e){case 0:return{intent:`danger`,label:p(`password_strength.very_weak`)};case 1:return{intent:`danger`,label:p(`password_strength.weak`)};case 2:return{intent:`warning`,label:p(`password_strength.fair`)};case 3:case 4:return{intent:`success`,label:p(e===4?`password_strength.very_strong`:`password_strength.strong`)};default:return{intent:`danger`,label:``}}})(m);return(0,o.jsxs)(`div`,{ref:f,className:(0,a.default)(`wim-password-strength`,r.default.root,u),...d,children:[(0,o.jsx)(`div`,{className:r.default.meter,children:[1,2,3,4].map(e=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.segment,{[r.default.active]:e<=m,[r.default[h.intent]]:e<=m})},e))}),c&&(e||i!==void 0)&&(0,o.jsx)(`div`,{className:(0,a.default)(r.default.label,r.default[h.intent]),children:h.label})]})});c.displayName=`PasswordStrength`,exports.PasswordStrength=c;

package/dist/components/form/PasswordStrength/PasswordStrength.js

@@ -1,61 +1,62 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "./password-strength.module.js";
-import n from "react";
-import r from "classnames";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { formNs as t } from "../../../i18n/generated/form.js";
+import n from "./password-strength.module.js";
+import r from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/form/PasswordStrength/PasswordStrength.tsx
-var o = (e) => {
+var s = (e) => {
 	if (!e) return 0;
 	let t = 0;
 	return e.length >= 8 && t++, /[A-Z]/.test(e) && t++, /[0-9]/.test(e) && t++, /[^A-Za-z0-9]/.test(e) && t++, t;
-}, s = n.forwardRef(({ password: n = "", score: s, showLabel: c = !0, calculateLevel: l = o, className: u, ...d }, f) => {
-	let { t: p } = e("form"), m = s === void 0 ? l(n) : s, h = ((e) => {
+}, c = r.forwardRef(({ password: r = "", score: c, showLabel: l = !0, calculateLevel: u = s, className: d, ...f }, p) => {
+	let { t: m } = e(t), h = c === void 0 ? u(r) : c, g = ((e) => {
 		switch (e) {
 			case 0: return {
 				intent: "danger",
-				label: p("password_strength.very_weak")
+				label: m("password_strength.very_weak")
 			};
 			case 1: return {
 				intent: "danger",
-				label: p("password_strength.weak")
+				label: m("password_strength.weak")
 			};
 			case 2: return {
 				intent: "warning",
-				label: p("password_strength.fair")
+				label: m("password_strength.fair")
 			};
 			case 3:
 			case 4: return {
 				intent: "success",
-				label: p(e === 4 ? "password_strength.very_strong" : "password_strength.strong")
+				label: m(e === 4 ? "password_strength.very_strong" : "password_strength.strong")
 			};
 			default: return {
 				intent: "danger",
 				label: ""
 			};
 		}
-	})(m);
-	return /* @__PURE__ */ a("div", {
-		ref: f,
-		className: r("wim-password-strength", t.root, u),
-		...d,
-		children: [/* @__PURE__ */ i("div", {
-			className: t.meter,
+	})(h);
+	return /* @__PURE__ */ o("div", {
+		ref: p,
+		className: i("wim-password-strength", n.root, d),
+		...f,
+		children: [/* @__PURE__ */ a("div", {
+			className: n.meter,
 			children: [
 				1,
 				2,
 				3,
 				4
-			].map((e) => /* @__PURE__ */ i("div", { className: r(t.segment, {
-				[t.active]: e <= m,
-				[t[h.intent]]: e <= m
+			].map((e) => /* @__PURE__ */ a("div", { className: i(n.segment, {
+				[n.active]: e <= h,
+				[n[g.intent]]: e <= h
 			}) }, e))
-		}), c && (n || s !== void 0) && /* @__PURE__ */ i("div", {
-			className: r(t.label, t[h.intent]),
-			children: h.label
+		}), l && (r || c !== void 0) && /* @__PURE__ */ a("div", {
+			className: i(n.label, n[g.intent]),
+			children: g.label
 		})]
 	});
 });
-s.displayName = "PasswordStrength";
+c.displayName = "PasswordStrength";
 //#endregion
-export { s as PasswordStrength };
+export { c as PasswordStrength };

package/dist/components/form/PhoneInput/PhoneInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/generated/resources.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../../icon/chevron-down.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("./phone-input.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=[{code:`US`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,dialCode:`55`,flag:`🇧🇷`}],f=(0,c.forwardRef)(({value:e=``,onChange:f,countryCode:p=`US`,onCountryChange:m,placeholder:h=`000-0000-0000`,disabled:g=!1,error:_,required:v=!1,label:y,layout:b=`vertical`,className:x,fullWidth:S=!1,...C},w)=>{let T=`wim-phone-input-${(0,c.useId)()}`,E=y?`${T}-label`:void 0,{t:D}=n.useWimTranslation(`form`),O=D(`phone.select_country`),k=`${T}-countries`,A=e=>`${T}-country-${e}`,j=_?`${T}-error`:void 0,[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(-1),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)({text:``,timer:null});(0,c.useEffect)(()=>{let e=e=>{I.current&&!I.current.contains(e.target)&&N(!1)};return M&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[M]);let z=d.find(e=>e.code===p)??d[0],B=e=>{f?.(e.target.value)},V=d.length-1,H=e=>{let t=d.findIndex(e=>e.code===z.code);F(e??Math.max(t,0)),N(!0)},U=e=>{let t=d[e];t&&(m?.(t.code),N(!1))},W=e=>D(`phone.countries.${e.code}`),G=e=>(t.wimResources.en?.form)?.phone?.countries?.[e.code]??``,K=(e,t)=>{let n=e.toLowerCase().replace(/^\+/,``);if(n===``)return-1;let r=/^[0-9]+$/.test(n),i=!r&&n.length>1&&n.split(``).every(e=>e===n[0]),a=i?n[0]:n,o=i||n.length===1?t+1:t,s=r?[e=>e.dialCode]:[e=>W(e).toLowerCase(),e=>G(e).toLowerCase(),e=>e.code.toLowerCase()];for(let e of s)for(let t=0;t<d.length;t++){let n=(Math.max(o,0)+t)%d.length;if(e(d[n]).startsWith(a))return n}return-1},q=e=>{let t=R.current;t.timer&&clearTimeout(t.timer),t.text+=e,t.timer=setTimeout(()=>{t.text=``,t.timer=null},500);let n=K(t.text,M?P:-1);n<0||(M?F(n):H(n))},J=e=>{if(!g)switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!M)H();else{let t=e.key===`ArrowDown`?1:-1;F(e=>(e+t+d.length)%d.length)}break;case`Home`:case`End`:e.preventDefault(),M?F(e.key===`Home`?0:V):H(e.key===`Home`?0:V);break;case`Enter`:case` `:e.preventDefault(),e.key===` `&&R.current.text!==``?q(` `):M?U(P):H();break;case`Escape`:M&&(e.preventDefault(),N(!1));break;case`Tab`:N(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(e.preventDefault(),q(e.key))}};return(0,c.useEffect)(()=>{let e=R.current;return()=>{e.timer&&clearTimeout(e.timer)}},[]),(0,c.useEffect)(()=>{M&&P>=0&&(L.current?.querySelectorAll(`[role="option"]`)?.[P])?.scrollIntoView?.({block:`nearest`})},[P,M]),(0,u.jsx)(o.FieldTemplate,{label:y,labelId:E,htmlFor:T,required:v,error:_,errorId:j,layout:b,className:x,children:(0,u.jsxs)(`div`,{ref:I,className:(0,l.default)(`wim-phone-input`,s.default.root,S&&s.default.fullWidth,g&&s.default.disabled,_&&s.default.danger),"data-testid":`phone-input-root`,...C,children:[(0,u.jsxs)(`div`,{className:s.default.countryWrapper,children:[(0,u.jsxs)(`button`,{type:`button`,role:`combobox`,className:s.default.countryTrigger,onClick:()=>{g||(M?N(!1):H())},onKeyDown:J,onKeyUp:e=>{e.key===` `&&e.preventDefault()},disabled:g,"aria-haspopup":`listbox`,"aria-expanded":M,"aria-controls":M?k:void 0,"aria-activedescendant":M&&P>=0?A(P):void 0,"aria-label":O,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:z.flag}),(0,u.jsxs)(`span`,{children:[`+`,z.dialCode]}),(0,u.jsx)(a.Icon,{component:i.default,size:`sm`,className:(0,l.default)(s.default.chevron,M&&s.default.chevronOpen)})]}),(0,u.jsx)(r.Transition,{show:M,preset:`fade`,className:s.default.dropdown,children:(0,u.jsx)(`ul`,{ref:L,id:k,className:s.default.countryList,role:`listbox`,"aria-label":O,tabIndex:-1,onMouseDown:e=>e.preventDefault(),children:d.map((e,t)=>(0,u.jsxs)(`li`,{id:A(t),className:(0,l.default)(s.default.countryOption,t===P&&s.default.active,z.code===e.code&&s.default.selected),onMouseEnter:()=>F(t),onClick:()=>U(t),role:`option`,"aria-selected":z.code===e.code,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,u.jsx)(`span`,{className:s.default.countryName,children:W(e)}),` `,(0,u.jsxs)(`span`,{className:s.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,u.jsx)(`div`,{className:s.default.divider,"aria-hidden":`true`}),(0,u.jsx)(`input`,{id:T,ref:w,type:`tel`,value:e,onChange:B,placeholder:h,disabled:g,className:s.default.number,"aria-invalid":!!_,"aria-describedby":j})]})})});f.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=d,exports.PhoneInput=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("./phone-input.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=[{code:`US`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,dialCode:`55`,flag:`🇧🇷`}],f=(0,c.forwardRef)(({value:e=``,onChange:f,countryCode:p=`US`,onCountryChange:m,placeholder:h=`000-0000-0000`,disabled:g=!1,error:_,required:v=!1,label:y,layout:b=`vertical`,className:x,fullWidth:S=!1,...C},w)=>{let T=`wim-phone-input-${(0,c.useId)()}`,E=y?`${T}-label`:void 0,{t:D}=t.useWimTranslation(a.formNs),O=D(`phone.select_country`),k=`${T}-countries`,A=e=>`${T}-country-${e}`,j=_?`${T}-error`:void 0,[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(-1),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)({text:``,timer:null});(0,c.useEffect)(()=>{let e=e=>{I.current&&!I.current.contains(e.target)&&N(!1)};return M&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[M]);let z=d.find(e=>e.code===p)??d[0],B=e=>{f?.(e.target.value)},V=d.length-1,H=e=>{let t=d.findIndex(e=>e.code===z.code);F(e??Math.max(t,0)),N(!0)},U=e=>{let t=d[e];t&&(m?.(t.code),N(!1))},W=e=>D(`phone.countries.${e.code}`),G=e=>a.formNs.resources.en?.phone?.countries?.[e.code]??``,K=(e,t)=>{let n=e.toLowerCase().replace(/^\+/,``);if(n===``)return-1;let r=/^[0-9]+$/.test(n),i=!r&&n.length>1&&n.split(``).every(e=>e===n[0]),a=i?n[0]:n,o=i||n.length===1?t+1:t,s=r?[e=>e.dialCode]:[e=>W(e).toLowerCase(),e=>G(e).toLowerCase(),e=>e.code.toLowerCase()];for(let e of s)for(let t=0;t<d.length;t++){let n=(Math.max(o,0)+t)%d.length;if(e(d[n]).startsWith(a))return n}return-1},q=e=>{let t=R.current;t.timer&&clearTimeout(t.timer),t.text+=e,t.timer=setTimeout(()=>{t.text=``,t.timer=null},500);let n=K(t.text,M?P:-1);n<0||(M?F(n):H(n))},J=e=>{if(!g)switch(e.key){case`ArrowDown`:case`ArrowUp`:if(e.preventDefault(),!M)H();else{let t=e.key===`ArrowDown`?1:-1;F(e=>(e+t+d.length)%d.length)}break;case`Home`:case`End`:e.preventDefault(),M?F(e.key===`Home`?0:V):H(e.key===`Home`?0:V);break;case`Enter`:case` `:e.preventDefault(),e.key===` `&&R.current.text!==``?q(` `):M?U(P):H();break;case`Escape`:M&&(e.preventDefault(),N(!1));break;case`Tab`:N(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(e.preventDefault(),q(e.key))}};return(0,c.useEffect)(()=>{let e=R.current;return()=>{e.timer&&clearTimeout(e.timer)}},[]),(0,c.useEffect)(()=>{M&&P>=0&&(L.current?.querySelectorAll(`[role="option"]`)?.[P])?.scrollIntoView?.({block:`nearest`})},[P,M]),(0,u.jsx)(o.FieldTemplate,{label:y,labelId:E,htmlFor:T,required:v,error:_,errorId:j,layout:b,className:x,children:(0,u.jsxs)(`div`,{ref:I,className:(0,l.default)(`wim-phone-input`,s.default.root,S&&s.default.fullWidth,g&&s.default.disabled,_&&s.default.danger),"data-testid":`phone-input-root`,...C,children:[(0,u.jsxs)(`div`,{className:s.default.countryWrapper,children:[(0,u.jsxs)(`button`,{type:`button`,role:`combobox`,className:s.default.countryTrigger,onClick:()=>{g||(M?N(!1):H())},onKeyDown:J,onKeyUp:e=>{e.key===` `&&e.preventDefault()},disabled:g,"aria-haspopup":`listbox`,"aria-expanded":M,"aria-controls":M?k:void 0,"aria-activedescendant":M&&P>=0?A(P):void 0,"aria-label":O,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:z.flag}),(0,u.jsxs)(`span`,{children:[`+`,z.dialCode]}),(0,u.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,l.default)(s.default.chevron,M&&s.default.chevronOpen)})]}),(0,u.jsx)(n.Transition,{show:M,preset:`fade`,className:s.default.dropdown,children:(0,u.jsx)(`ul`,{ref:L,id:k,className:s.default.countryList,role:`listbox`,"aria-label":O,tabIndex:-1,onMouseDown:e=>e.preventDefault(),children:d.map((e,t)=>(0,u.jsxs)(`li`,{id:A(t),className:(0,l.default)(s.default.countryOption,t===P&&s.default.active,z.code===e.code&&s.default.selected),onMouseEnter:()=>F(t),onClick:()=>U(t),role:`option`,"aria-selected":z.code===e.code,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,u.jsx)(`span`,{className:s.default.countryName,children:W(e)}),` `,(0,u.jsxs)(`span`,{className:s.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,u.jsx)(`div`,{className:s.default.divider,"aria-hidden":`true`}),(0,u.jsx)(`input`,{id:T,ref:w,type:`tel`,value:e,onChange:B,placeholder:h,disabled:g,className:s.default.number,"aria-invalid":!!_,"aria-describedby":j})]})})});f.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=d,exports.PhoneInput=f;

package/dist/components/form/PhoneInput/PhoneInput.js

@@ -1,9 +1,9 @@
 "use client";
-import { wimResources as e } from "../../../i18n/generated/resources.js";
-import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
-import { Transition as n } from "../../layout/Transition/Transition.js";
-import r from "../../../icon/chevron-down.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Transition as t } from "../../layout/Transition/Transition.js";
+import n from "../../../icon/chevron-down.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { formNs as i } from "../../../i18n/generated/form.js";
 import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
 import o from "./phone-input.module.js";
 import { forwardRef as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
@@ -62,7 +62,7 @@ var h = [
 		flag: "🇧🇷"
 	}
 ], g = s(({ value: s = "", onChange: g, countryCode: _ = "US", onCountryChange: v, placeholder: y = "000-0000-0000", disabled: b = !1, error: x, required: S = !1, label: C, layout: w = "vertical", className: T, fullWidth: E = !1, ...D }, O) => {
-	let k = `wim-phone-input-${l()}`, A = C ? `${k}-label` : void 0, { t: j } = t("form"), M = j("phone.select_country"), N = `${k}-countries`, P = (e) => `${k}-country-${e}`, F = x ? `${k}-error` : void 0, [I, L] = d(!1), [R, z] = d(-1), B = u(null), V = u(null), H = u({
+	let k = `wim-phone-input-${l()}`, A = C ? `${k}-label` : void 0, { t: j } = e(i), M = j("phone.select_country"), N = `${k}-countries`, P = (e) => `${k}-country-${e}`, F = x ? `${k}-error` : void 0, [I, L] = d(!1), [R, z] = d(-1), B = u(null), V = u(null), H = u({
 		text: "",
 		timer: null
 	});
@@ -82,7 +82,7 @@ var h = [
 	}, q = (e) => {
 		let t = h[e];
 		t && (v?.(t.code), L(!1));
-	}, J = (e) => j(`phone.countries.${e.code}`), Y = (t) => (e.en?.form)?.phone?.countries?.[t.code] ?? "", X = (e, t) => {
+	}, J = (e) => j(`phone.countries.${e.code}`), Y = (e) => i.resources.en?.phone?.countries?.[e.code] ?? "", X = (e, t) => {
 		let n = e.toLowerCase().replace(/^\+/, "");
 		if (n === "") return -1;
 		let r = /^[0-9]+$/.test(n), i = !r && n.length > 1 && n.split("").every((e) => e === n[0]), a = i ? n[0] : n, o = i || n.length === 1 ? t + 1 : t, s = r ? [(e) => e.dialCode] : [
@@ -177,13 +177,13 @@ var h = [
 								children: U.flag
 							}),
 							/* @__PURE__ */ m("span", { children: ["+", U.dialCode] }),
-							/* @__PURE__ */ p(i, {
-								component: r,
+							/* @__PURE__ */ p(r, {
+								component: n,
 								size: "sm",
 								className: f(o.chevron, I && o.chevronOpen)
 							})
 						]
-					}), /* @__PURE__ */ p(n, {
+					}), /* @__PURE__ */ p(t, {
 						show: I,
 						preset: "fade",
 						className: o.dropdown,

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