wimui 0.62.2 → 0.63.1

package/dist/components/form/Slider/Slider.js

@@ -1,106 +1,107 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import { useSliderCommon as r } from "../../../utilities/slider-utils.js";
-import i from "./slider.module.js";
-import { forwardRef as a, useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { composeEventHandlers as n } from "../../_internal/composeEventHandlers.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import { useSliderCommon as i } from "../../../utilities/slider-utils.js";
+import a from "./slider.module.js";
+import { forwardRef as o, useCallback as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/Slider/Slider.tsx
-var m = a(({ value: a, defaultValue: m = 0, min: h = 0, max: g = 100, step: _ = 1, disabled: v = !1, onChange: y, onAfterChange: b, className: x, name: S, label: C, error: w, required: T, layout: E = "vertical", id: ee, "aria-label": te, "aria-labelledby": ne, "aria-describedby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
-	let N = a !== void 0, [P, F] = u(m), I = N ? a : P, L = l(null), R = l(null), z = l(null), B = l(null), V = l(!1), H = l(I), U = c(), W = ee || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = r(h, g, _), J = o((e) => (e - h) / (g - h) * 100, [h, g]), Y = o((e) => {
+var h = o(({ value: o, defaultValue: h = 0, min: g = 0, max: _ = 100, step: v = 1, disabled: y = !1, onChange: b, onAfterChange: x, className: S, name: C, label: w, error: T, required: E, layout: ee = "vertical", id: te, "aria-label": ne, "aria-labelledby": re, "aria-describedby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
+	let N = o !== void 0, [P, F] = d(h), I = N ? o : P, L = u(null), R = u(null), z = u(null), B = u(null), V = u(!1), H = u(I), U = l(), W = te || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = i(g, _, v), J = s((e) => (e - g) / (_ - g) * 100, [g, _]), Y = s((e) => {
 		let t = J(e);
 		z.current && (z.current.style.width = `${t}%`), R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e))), B.current && (B.current.value = String(e));
 	}, [J]);
-	s(() => {
+	c(() => {
 		V.current || Y(I);
 	}, [I, Y]);
 	let X = (e) => {
-		if (v) return;
+		if (y) return;
 		V.current = !0;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), y?.(n), e.preventDefault();
-	}, Z = o((e) => {
-		if (!V.current || v) return;
+		H.current = n, Y(n), b?.(n), e.preventDefault();
+	}, Z = s((e) => {
+		if (!V.current || y) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), y?.(n);
+		H.current = n, Y(n), b?.(n);
 	}, [
-		v,
-		q,
 		y,
+		q,
+		b,
 		Y
-	]), Q = o(() => {
+	]), Q = s(() => {
 		if (V.current) {
 			V.current = !1;
 			let e = H.current;
-			N || F(e), b?.(e);
+			N || F(e), x?.(e);
 		}
-	}, [N, b]);
-	s(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
+	}, [N, x]);
+	c(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
 		document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
 	}), [Z, Q]);
-	let re = (e) => {
-		if (v) return;
+	let ie = (e) => {
+		if (y) return;
 		let t;
-		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(h, I - _);
-		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(g, I + _);
-		else if (e.key === "Home") t = h;
-		else if (e.key === "End") t = g;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(g, I - v);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(_, I + v);
+		else if (e.key === "Home") t = g;
+		else if (e.key === "End") t = _;
 		else return;
-		N || F(t), y?.(t), e.preventDefault();
+		N || F(t), b?.(t), e.preventDefault();
 	}, $ = J(I);
-	return /* @__PURE__ */ f(n, {
-		label: C,
-		error: w,
-		required: T,
-		layout: E,
+	return /* @__PURE__ */ p(r, {
+		label: w,
+		error: T,
+		required: E,
+		layout: ee,
 		labelId: G,
 		errorId: K,
-		className: x,
+		className: S,
 		styles: k,
-		children: /* @__PURE__ */ p(O ? e : "div", {
+		children: /* @__PURE__ */ m(O ? e : "div", {
 			role: "presentation",
-			className: d("wim-slider", i.root, v && i.disabled, w && i.danger),
-			onMouseDown: X,
-			onTouchStart: X,
+			className: f("wim-slider", a.root, y && a.disabled, T && a.danger),
 			ref: M,
 			...j,
+			onMouseDown: n(j.onMouseDown, X),
+			onTouchStart: n(j.onTouchStart, X),
 			children: [
-				/* @__PURE__ */ p("div", {
-					className: i.trackContainer,
+				/* @__PURE__ */ m("div", {
+					className: a.trackContainer,
 					ref: L,
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						ref: z,
-						className: i.track,
+						className: a.track,
 						style: { width: `${$}%` }
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ p("div", {
 						ref: R,
-						className: i.thumb,
+						className: a.thumb,
 						style: { left: `${$}%` },
 						role: "slider",
-						"aria-valuemin": h,
-						"aria-valuemax": g,
+						"aria-valuemin": g,
+						"aria-valuemax": _,
 						"aria-valuenow": I,
-						"aria-disabled": v,
-						"aria-labelledby": C ? G : ne,
-						"aria-label": C ? void 0 : te,
-						"aria-describedby": [D, w ? K : void 0].filter(Boolean).join(" ") || void 0,
-						"aria-invalid": w ? !0 : void 0,
-						tabIndex: v ? -1 : 0,
-						onKeyDown: re
+						"aria-disabled": y,
+						"aria-labelledby": w ? G : re,
+						"aria-label": w ? void 0 : ne,
+						"aria-describedby": [D, T ? K : void 0].filter(Boolean).join(" ") || void 0,
+						"aria-invalid": T ? !0 : void 0,
+						tabIndex: y ? -1 : 0,
+						onKeyDown: ie
 					})]
 				}),
-				/* @__PURE__ */ f("input", {
+				/* @__PURE__ */ p("input", {
 					ref: B,
 					type: "hidden",
-					name: S,
+					name: C,
 					value: I
 				}),
-				O ? /* @__PURE__ */ f(t, { children: A }) : null
+				O ? /* @__PURE__ */ p(t, { children: A }) : null
 			]
 		})
 	});
 });
-m.displayName = "Slider";
+h.displayName = "Slider";
 //#endregion
-export { m as Slider, m as default };
+export { h as Slider, h as default };

package/dist/components/form/SmartSearchInput/SmartSearchInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),s=require("./smart-search-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=(0,c.forwardRef)(({intent:e=`default`,variant:d=`outline`,fullWidth:f=!1,width:p,label:m,error:h,required:g,layout:_,maxRows:v=8,allowClear:y=!0,onClear:b,onSubmit:x,onChange:S,value:C,defaultValue:w=``,placeholder:T,disabled:E,className:D,id:O,maxLength:k,"aria-label":A,...j},M)=>{let{t:N}=t.useWimTranslation(r.formNs),P=C!==void 0,[F,I]=c.default.useState(w),L=P?C:F,R=a.useAutoResize(L,v);c.default.useImperativeHandle(M,()=>R.current);let z=(0,c.useId)(),B=O||`smart-search-${z}`,V=h?`${B}-error`:void 0,H=m?`${B}-label`:void 0,U=(0,c.useCallback)(e=>{let t=e.target.value;P||I(t),S?.(t)},[P,S]),W=(0,c.useCallback)(()=>{L.trim()&&!E&&x?.(L.trim())},[L,E,x]),G=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),W())},[W]),K=()=>{P||I(``),S?.(``),b?.(),R.current?.focus()},q=h?`danger`:e;return(0,u.jsx)(i.FieldTemplate,{label:m,error:h,required:g,layout:_,htmlFor:B,labelId:H,errorId:V,className:(0,l.default)(`wim-smart-search-input`,D,f&&s.default.fullWidth),children:(0,u.jsxs)(`div`,{className:s.default.container,children:[(0,u.jsx)(n.InputBase,{intent:q,variant:d,fullWidth:f,width:p,disabled:E,leftIcon:`SearchIcon`,styles:{icon:s.default.icon,icons:s.default.icons},allowClear:y,hasValue:!!L,onClear:K,children:(0,u.jsx)(`textarea`,{id:B,ref:R,className:(0,l.default)(s.default.textarea,s.default[d]),value:L,onChange:U,onKeyDown:G,placeholder:T,rows:1,disabled:E,maxLength:k,"aria-label":A??(m?void 0:N(`smart_search.input_label`)),...j})}),(0,u.jsx)(o.FieldCharacterCount,{count:L.length,maxLength:k,className:s.default.charCount})]})})});d.displayName=`SmartSearchInput`,exports.SmartSearchInput=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../InputBase/InputBase.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../../../hooks/useAutoResize.cjs"),s=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),c=require("./smart-search-input.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.forwardRef)(({intent:e=`default`,variant:f=`outline`,fullWidth:p=!1,width:m,label:h,error:g,required:_,layout:v,maxRows:y=8,allowClear:b=!0,onClear:x,onSubmit:S,onChange:C,value:w,defaultValue:T=``,placeholder:E,disabled:D,className:O,id:k,maxLength:A,"aria-label":j,...M},N)=>{let{t:P}=t.useWimTranslation(i.formNs),F=w!==void 0,[I,L]=l.default.useState(T),R=F?w:I,z=o.useAutoResize(R,y);l.default.useImperativeHandle(N,()=>z.current);let B=(0,l.useId)(),V=k||`smart-search-${B}`,H=g?`${V}-error`:void 0,U=h?`${V}-label`:void 0,W=(0,l.useCallback)(e=>{let t=e.target.value;F||L(t),C?.(t)},[F,C]),G=(0,l.useCallback)(()=>{R.trim()&&!D&&S?.(R.trim())},[R,D,S]),K=(0,l.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),G())},[G]),q=()=>{F||L(``),C?.(``),x?.(),z.current?.focus()},J=g?`danger`:e;return(0,d.jsx)(a.FieldTemplate,{label:h,error:g,required:_,layout:v,htmlFor:V,labelId:U,errorId:H,className:(0,u.default)(`wim-smart-search-input`,O,p&&c.default.fullWidth),children:(0,d.jsxs)(`div`,{className:c.default.container,children:[(0,d.jsx)(r.InputBase,{intent:J,variant:f,fullWidth:p,width:m,disabled:D,leftIcon:`SearchIcon`,styles:{icon:c.default.icon,icons:c.default.icons},allowClear:b,hasValue:!!R,onClear:q,children:(0,d.jsx)(`textarea`,{id:V,ref:z,className:(0,u.default)(c.default.textarea,c.default[f]),value:R,onChange:W,placeholder:E,rows:1,disabled:D,maxLength:A,"aria-label":j??(h?void 0:P(`smart_search.input_label`)),...M,onKeyDown:n.composeEventHandlers(M.onKeyDown,K)})}),(0,d.jsx)(s.FieldCharacterCount,{count:R.length,maxLength:A,className:c.default.charCount})]})})});f.displayName=`SmartSearchInput`,exports.SmartSearchInput=f;

package/dist/components/form/SmartSearchInput/SmartSearchInput.js

@@ -1,79 +1,80 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { InputBase as t } from "../InputBase/InputBase.js";
-import { formNs as n } from "../../../i18n/generated/form.js";
-import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
-import { useAutoResize as i } from "../../../hooks/useAutoResize.js";
-import { FieldCharacterCount as a } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
-import o from "./smart-search-input.module.js";
-import s, { forwardRef as c, useCallback as l, useId as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import { InputBase as n } from "../InputBase/InputBase.js";
+import { formNs as r } from "../../../i18n/generated/form.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import { useAutoResize as a } from "../../../hooks/useAutoResize.js";
+import { FieldCharacterCount as o } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
+import s from "./smart-search-input.module.js";
+import c, { forwardRef as l, useCallback as u, useId as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/SmartSearchInput/SmartSearchInput.tsx
-var m = c(({ intent: c = "default", variant: m = "outline", fullWidth: h = !1, width: g, label: _, error: v, required: y, layout: b, maxRows: x = 8, allowClear: S = !0, onClear: C, onSubmit: w, onChange: T, value: E, defaultValue: D = "", placeholder: O, disabled: k, className: A, id: j, maxLength: M, "aria-label": N, ...P }, F) => {
-	let { t: I } = e(n), L = E !== void 0, [R, z] = s.useState(D), B = L ? E : R, V = i(B, x);
-	s.useImperativeHandle(F, () => V.current);
-	let H = u(), U = j || `smart-search-${H}`, W = v ? `${U}-error` : void 0, G = _ ? `${U}-label` : void 0, K = l((e) => {
+var h = l(({ intent: l = "default", variant: h = "outline", fullWidth: g = !1, width: _, label: v, error: y, required: b, layout: x, maxRows: S = 8, allowClear: C = !0, onClear: w, onSubmit: T, onChange: E, value: D, defaultValue: O = "", placeholder: k, disabled: A, className: j, id: M, maxLength: N, "aria-label": P, ...F }, I) => {
+	let { t: L } = e(r), R = D !== void 0, [z, B] = c.useState(O), V = R ? D : z, H = a(V, S);
+	c.useImperativeHandle(I, () => H.current);
+	let U = d(), W = M || `smart-search-${U}`, G = y ? `${W}-error` : void 0, K = v ? `${W}-label` : void 0, q = u((e) => {
 		let t = e.target.value;
-		L || z(t), T?.(t);
-	}, [L, T]), q = l(() => {
-		B.trim() && !k && w?.(B.trim());
+		R || B(t), E?.(t);
+	}, [R, E]), J = u(() => {
+		V.trim() && !A && T?.(V.trim());
 	}, [
-		B,
-		k,
-		w
-	]), J = l((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
-	}, [q]), Y = () => {
-		L || z(""), T?.(""), C?.(), V.current?.focus();
-	}, X = v ? "danger" : c;
-	return /* @__PURE__ */ f(r, {
-		label: _,
-		error: v,
-		required: y,
-		layout: b,
-		htmlFor: U,
-		labelId: G,
-		errorId: W,
-		className: d("wim-smart-search-input", A, h && o.fullWidth),
-		children: /* @__PURE__ */ p("div", {
-			className: o.container,
-			children: [/* @__PURE__ */ f(t, {
-				intent: X,
-				variant: m,
-				fullWidth: h,
-				width: g,
-				disabled: k,
+		V,
+		A,
+		T
+	]), Y = u((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), J());
+	}, [J]), X = () => {
+		R || B(""), E?.(""), w?.(), H.current?.focus();
+	}, Z = y ? "danger" : l;
+	return /* @__PURE__ */ p(i, {
+		label: v,
+		error: y,
+		required: b,
+		layout: x,
+		htmlFor: W,
+		labelId: K,
+		errorId: G,
+		className: f("wim-smart-search-input", j, g && s.fullWidth),
+		children: /* @__PURE__ */ m("div", {
+			className: s.container,
+			children: [/* @__PURE__ */ p(n, {
+				intent: Z,
+				variant: h,
+				fullWidth: g,
+				width: _,
+				disabled: A,
 				leftIcon: "SearchIcon",
 				styles: {
-					icon: o.icon,
-					icons: o.icons
+					icon: s.icon,
+					icons: s.icons
 				},
-				allowClear: S,
-				hasValue: !!B,
-				onClear: Y,
-				children: /* @__PURE__ */ f("textarea", {
-					id: U,
-					ref: V,
-					className: d(o.textarea, o[m]),
-					value: B,
-					onChange: K,
-					onKeyDown: J,
-					placeholder: O,
+				allowClear: C,
+				hasValue: !!V,
+				onClear: X,
+				children: /* @__PURE__ */ p("textarea", {
+					id: W,
+					ref: H,
+					className: f(s.textarea, s[h]),
+					value: V,
+					onChange: q,
+					placeholder: k,
 					rows: 1,
-					disabled: k,
-					maxLength: M,
-					"aria-label": N ?? (_ ? void 0 : I("smart_search.input_label")),
-					...P
+					disabled: A,
+					maxLength: N,
+					"aria-label": P ?? (v ? void 0 : L("smart_search.input_label")),
+					...F,
+					onKeyDown: t(F.onKeyDown, Y)
 				})
-			}), /* @__PURE__ */ f(a, {
-				count: B.length,
-				maxLength: M,
-				className: o.charCount
+			}), /* @__PURE__ */ p(o, {
+				count: V.length,
+				maxLength: N,
+				className: s.charCount
 			})]
 		})
 	});
 });
-m.displayName = "SmartSearchInput";
+h.displayName = "SmartSearchInput";
 //#endregion
-export { m as SmartSearchInput };
+export { h as SmartSearchInput };

package/dist/components/form/Textarea/Textarea.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("../FieldTemplate/FieldTemplate.cjs"),r=require("./textarea.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=i.default.forwardRef(({asChild:e=!1,children:s,intent:c=`default`,variant:l=`outline`,fullWidth:u=!1,fieldSizing:d=`fixed`,className:f,disabled:p,label:m,error:h,required:g,layout:_,id:v,width:y,...b},x)=>{let S=p,C=h?`danger`:c,w=i.default.useId(),T=v||`wim-textarea-${w}`,E=h?`${T}-error`:void 0,D=m?`${T}-label`:void 0,O=typeof y==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(y),k=y!==void 0&&!O&&!u,A=O&&!u?y:void 0,j=A?r.default[`width${A.charAt(0).toUpperCase()}${A.slice(1)}`]:void 0;return(0,o.jsx)(n.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:D,errorId:E,className:f,children:(0,o.jsx)(e?t.Root:`textarea`,{id:T,ref:x,className:(0,a.default)(`wim-textarea`,r.default.root,r.default[C],S&&r.default.disabled,r.default[l],u&&r.default.fullWidth,k&&r.default.hasCustomWidth,j,d===`content`&&r.default.fieldSizingContent),style:{...k?{"--wim-input-width":typeof y==`number`?`${y}px`:y}:{},...b.style},disabled:S,"aria-invalid":C===`danger`,"aria-describedby":E,"aria-labelledby":m?D:void 0,"aria-required":g,...b,placeholder:b.placeholder,"aria-label":b[`aria-label`],children:e?(0,o.jsx)(t.Slottable,{children:s}):s})})});s.displayName=`Textarea`,exports.Textarea=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("./textarea.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=i.default.forwardRef(({asChild:e=!1,children:s,intent:c=`default`,variant:l=`outline`,fullWidth:u=!1,fieldSizing:d=`fixed`,className:f,disabled:p,label:m,error:h,required:g,layout:_,id:v,width:y,...b},x)=>{let S=p,C=h?`danger`:c,w=i.default.useId(),T=v||`wim-textarea-${w}`,E=h?`${T}-error`:void 0,D=m?`${T}-label`:void 0,O=typeof y==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(y),k=y!==void 0&&!O&&!u,A=O&&!u?y:void 0,j=A?r.default[`width${A.charAt(0).toUpperCase()}${A.slice(1)}`]:void 0;return(0,o.jsx)(n.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:D,errorId:E,className:f,children:(0,o.jsx)(e?t.Root:`textarea`,{id:T,ref:x,className:(0,a.default)(`wim-textarea`,r.default.root,r.default[C],S&&r.default.disabled,r.default[l],u&&r.default.fullWidth,k&&r.default.hasCustomWidth,j,d===`content`&&r.default.fieldSizingContent),disabled:S,"aria-invalid":C===`danger`,"aria-describedby":E,"aria-labelledby":m?D:void 0,"aria-required":g,...b,style:{...k?{"--wim-input-width":typeof y==`number`?`${y}px`:y}:{},...b.style},placeholder:b.placeholder,"aria-label":b[`aria-label`],children:e?(0,o.jsx)(t.Slottable,{children:s}):s})})});s.displayName=`Textarea`,exports.Textarea=s;

package/dist/components/form/Textarea/Textarea.js

@@ -26,16 +26,16 @@ var s = i.forwardRef(({ asChild: s = !1, children: c, intent: l = "default", var
 			id: E,
 			ref: S,
 			className: a("wim-textarea", r.root, r[w], C && r.disabled, r[u], d && r.fullWidth, A && r.hasCustomWidth, M, f === "content" && r.fieldSizingContent),
-			style: {
-				...A ? { "--wim-input-width": typeof b == "number" ? `${b}px` : b } : {},
-				...x.style
-			},
 			disabled: C,
 			"aria-invalid": w === "danger",
 			"aria-describedby": D,
 			"aria-labelledby": h ? O : void 0,
 			"aria-required": _,
 			...x,
+			style: {
+				...A ? { "--wim-input-width": typeof b == "number" ? `${b}px` : b } : {},
+				...x.style
+			},
 			placeholder: x.placeholder,
 			"aria-label": x["aria-label"],
 			children: s ? /* @__PURE__ */ o(t, { children: c }) : c

package/dist/components/form/TimePicker/TimePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../Input/input.module.cjs"),r=require("../Input/Input.cjs"),i=require("./time-picker.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({intent:e=`default`,variant:c=`outline`,fullWidth:l=!1,className:u,disabled:d,allowClear:f=!0,value:p,defaultValue:m,onChange:h,...g},_)=>{let v=p!==void 0,[y,b]=(0,a.useState)(m??``),x=v?p:y,S=(0,a.useRef)(null),C=t.useMergedRef(_,S),w=f&&!!x&&!d,T=w?void 0:`ClockIcon`;return(0,s.jsx)(r.Input,{ref:C,type:`time`,allowClear:w,intent:e,variant:c,fullWidth:l,className:(0,o.default)(`wim-time-picker`,u),inputClassName:(0,o.default)(n.default.root,i.default.input),disabled:d,value:p,defaultValue:m,onChange:e=>{v||b(e.target.value),h?.(e)},rightIcon:T,rightIconColor:d||w?void 0:`primary`,onRightIconClick:w?void 0:()=>{S.current?.showPicker?.()},rightIconDecorative:!0,...g})});c.displayName=`TimePicker`,exports.TimePicker=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../Input/input.module.cjs"),i=require("../Input/Input.cjs"),a=require("./time-picker.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.forwardRef)(({intent:e=`default`,variant:l=`outline`,fullWidth:u=!1,className:d,disabled:f,allowClear:p=!0,value:m,defaultValue:h,onChange:g,..._},v)=>{let y=m!==void 0,[b,x]=(0,o.useState)(h??``),S=y?m:b,C=(0,o.useRef)(null),w=t.useMergedRef(v,C),T=p&&!!S&&!f,E=T?void 0:`ClockIcon`,D=e=>{y||x(e.target.value),g?.(e)},O=()=>{C.current?.showPicker?.()};return(0,c.jsx)(i.Input,{ref:w,type:`time`,allowClear:T,intent:e,variant:l,fullWidth:u,className:(0,s.default)(`wim-time-picker`,d),inputClassName:(0,s.default)(r.default.root,a.default.input),disabled:f,value:m,defaultValue:h,onChange:D,rightIcon:E,rightIconColor:f||T?void 0:`primary`,rightIconDecorative:!0,..._,onRightIconClick:T?_.onRightIconClick:n.composeEventHandlers(_.onRightIconClick,O)})});l.displayName=`TimePicker`,exports.TimePicker=l;

package/dist/components/form/TimePicker/TimePicker.js

@@ -1,38 +1,39 @@
 "use client";
 import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
-import t from "../Input/input.module.js";
-import { Input as n } from "../Input/Input.js";
-import r from "./time-picker.module.js";
-import { forwardRef as i, useRef as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import n from "../Input/input.module.js";
+import { Input as r } from "../Input/Input.js";
+import i from "./time-picker.module.js";
+import { forwardRef as a, useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/form/TimePicker/TimePicker.tsx
-var l = i(({ intent: i = "default", variant: l = "outline", fullWidth: u = !1, className: d, disabled: f, allowClear: p = !0, value: m, defaultValue: h, onChange: g, ..._ }, v) => {
-	let y = m !== void 0, [b, x] = o(h ?? ""), S = y ? m : b, C = a(null), w = e(v, C), T = p && !!S && !f, E = T ? void 0 : "ClockIcon";
-	return /* @__PURE__ */ c(n, {
-		ref: w,
+var u = a(({ intent: a = "default", variant: u = "outline", fullWidth: d = !1, className: f, disabled: p, allowClear: m = !0, value: h, defaultValue: g, onChange: _, ...v }, y) => {
+	let b = h !== void 0, [x, S] = s(g ?? ""), C = b ? h : x, w = o(null), T = e(y, w), E = m && !!C && !p, D = E ? void 0 : "ClockIcon", O = (e) => {
+		b || S(e.target.value), _?.(e);
+	}, k = () => {
+		w.current?.showPicker?.();
+	};
+	return /* @__PURE__ */ l(r, {
+		ref: T,
 		type: "time",
-		allowClear: T,
-		intent: i,
-		variant: l,
-		fullWidth: u,
-		className: s("wim-time-picker", d),
-		inputClassName: s(t.root, r.input),
-		disabled: f,
-		value: m,
-		defaultValue: h,
-		onChange: (e) => {
-			y || x(e.target.value), g?.(e);
-		},
-		rightIcon: E,
-		rightIconColor: f || T ? void 0 : "primary",
-		onRightIconClick: T ? void 0 : () => {
-			C.current?.showPicker?.();
-		},
+		allowClear: E,
+		intent: a,
+		variant: u,
+		fullWidth: d,
+		className: c("wim-time-picker", f),
+		inputClassName: c(n.root, i.input),
+		disabled: p,
+		value: h,
+		defaultValue: g,
+		onChange: O,
+		rightIcon: D,
+		rightIconColor: p || E ? void 0 : "primary",
 		rightIconDecorative: !0,
-		..._
+		...v,
+		onRightIconClick: E ? v.onRightIconClick : t(v.onRightIconClick, k)
 	});
 });
-l.displayName = "TimePicker";
+u.displayName = "TimePicker";
 //#endregion
-export { l as TimePicker };
+export { u as TimePicker };

package/dist/components/layout/Dashboard/Dashboard.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("../../../icon/close.cjs"),i=require("../../../icon/edit.cjs"),a=require("../../../icon/plus.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../data-display/Card/Card.cjs"),c=require("../../form/Button/Button.cjs"),l=require("./dashboard.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(null),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},h=u.default.forwardRef(({widgets:e,editable:r,defaultEditable:s=!1,onEditChange:m,onRemove:h,onAdd:_,columns:v=3,gap:y=`md`,showEditToggle:b,titleLevel:x=3,label:S,className:C,style:w,children:T,...E},D)=>{let{t:O}=t.useWimTranslation(n.componentsNs),k=r!==void 0,[A,j]=(0,u.useState)(s),M=k?r:A,N=(0,u.useCallback)(()=>{let e=!M;k||j(e),m?.(e)},[M,k,m]),P={"--dashboard-columns":v,...w},F=b??(r!==void 0||s||h!==void 0||_!==void 0),I=(0,u.useMemo)(()=>({editable:M??!1,onRemove:h,titleLevel:x}),[M,h,x]),L=`h${Math.max(2,x-1)}`;return(0,f.jsx)(p.Provider,{value:I,children:(0,f.jsxs)(`div`,{ref:D,className:(0,d.default)(`wim-dashboard`,l.default.root,C),role:`group`,"aria-label":S??O(`dashboard_widget.label`),...E,children:[(S||F)&&(0,f.jsxs)(`div`,{className:l.default.header,children:[S&&(0,f.jsx)(L,{className:l.default.heading,children:S}),F&&(0,f.jsx)(c.Button,{size:`sm`,variant:M?`solid`:`outline`,intent:`default`,className:void 0,onClick:N,"aria-pressed":M,"aria-label":O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,f.jsx)(o.Icon,{component:i.default,size:`sm`}),children:O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.grid,l.default[`gap-${y}`]),style:P,role:`region`,"aria-label":O(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,f.jsx)(g,{widget:e},e.id)):T,M&&_&&(0,f.jsx)(c.Button,{asChild:!0,className:l.default.addButton,onClick:_,"aria-label":O(`dashboard_widget.add_widget`),children:(0,f.jsxs)(`button`,{type:`button`,children:[(0,f.jsx)(o.Icon,{component:a.default,size:`md`}),(0,f.jsx)(`span`,{children:O(`dashboard_widget.add_widget`)})]})})]})]})})});h.displayName=`Dashboard`;var g=({widget:e,className:i,...a})=>{let{editable:u,onRemove:p,titleLevel:h}=m(),g=`h${h}`,{t:_}=t.useWimTranslation(n.componentsNs),{id:v,title:y,description:b,content:x,span:S=1,rowSpan:C=1}=e;return(0,f.jsxs)(s.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,d.default)(l.default.widget,l.default[`span-${S}`],l.default[`row-${C}`],{[l.default.editMode]:u},i),style:{"--widget-span":S,"--widget-row-span":C},...a,children:[(0,f.jsxs)(`div`,{className:l.default.widgetHeader,children:[(0,f.jsxs)(`div`,{className:l.default.widgetMeta,children:[(0,f.jsx)(g,{className:l.default.widgetTitle,children:y}),b&&(0,f.jsx)(`p`,{className:l.default.widgetDescription,children:b})]}),u&&p&&(0,f.jsx)(c.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:l.default.removeButton,onClick:()=>p(v),"aria-label":_(`dashboard_widget.remove_widget`,{title:y}),icon:(0,f.jsx)(o.Icon,{component:r.default,size:`sm`})})]}),(0,f.jsx)(`div`,{className:l.default.widgetContent,children:x})]})};g.displayName=`DashboardWidgetCard`,exports.Dashboard=h,exports.DashboardWidgetCard=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/close.cjs"),i=require("../../../icon/edit.cjs"),a=require("../../../icon/plus.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../data-display/Card/Card.cjs"),c=require("../../form/Button/Button.cjs"),l=require("./dashboard.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(null),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},h=u.default.forwardRef(({widgets:e,editable:r,defaultEditable:s=!1,onEditChange:m,onRemove:h,onAdd:_,columns:v=3,gap:y=`md`,showEditToggle:b,titleLevel:x=3,label:S,className:C,style:w,children:T,...E},D)=>{let{t:O}=t.useWimTranslation(n.componentsNs),k=r!==void 0,[A,j]=(0,u.useState)(s),M=k?r:A,N=(0,u.useCallback)(()=>{let e=!M;k||j(e),m?.(e)},[M,k,m]),P={"--dashboard-columns":v,...w},F=b??(r!==void 0||s||h!==void 0||_!==void 0),I=(0,u.useMemo)(()=>({editable:M??!1,onRemove:h,titleLevel:x}),[M,h,x]),L=`h${Math.max(2,x-1)}`;return(0,f.jsx)(p.Provider,{value:I,children:(0,f.jsxs)(`div`,{ref:D,className:(0,d.default)(`wim-dashboard`,l.default.root,C),role:`group`,"aria-label":S??O(`dashboard_widget.label`),...E,children:[(S||F)&&(0,f.jsxs)(`div`,{className:l.default.header,children:[S&&(0,f.jsx)(L,{className:l.default.heading,children:S}),F&&(0,f.jsx)(c.Button,{size:`sm`,variant:M?`solid`:`outline`,intent:`default`,className:void 0,onClick:N,"aria-pressed":M,"aria-label":O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,f.jsx)(o.Icon,{component:i.default,size:`sm`}),children:O(M?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.grid,l.default[`gap-${y}`]),style:P,role:`region`,"aria-label":O(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,f.jsx)(g,{widget:e},e.id)):T,M&&_&&(0,f.jsx)(c.Button,{asChild:!0,className:l.default.addButton,onClick:_,"aria-label":O(`dashboard_widget.add_widget`),children:(0,f.jsxs)(`button`,{type:`button`,children:[(0,f.jsx)(o.Icon,{component:a.default,size:`md`}),(0,f.jsx)(`span`,{children:O(`dashboard_widget.add_widget`)})]})})]})]})})});h.displayName=`Dashboard`;var g=({widget:e,className:i,...a})=>{let{editable:u,onRemove:p,titleLevel:h}=m(),g=`h${h}`,{t:_}=t.useWimTranslation(n.componentsNs),{id:v,title:y,description:b,content:x,span:S=1,rowSpan:C=1}=e;return(0,f.jsxs)(s.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,d.default)(l.default.widget,l.default[`span-${S}`],l.default[`row-${C}`],{[l.default.editMode]:u},i),...a,style:{"--widget-span":S,"--widget-row-span":C,...a.style},children:[(0,f.jsxs)(`div`,{className:l.default.widgetHeader,children:[(0,f.jsxs)(`div`,{className:l.default.widgetMeta,children:[(0,f.jsx)(g,{className:l.default.widgetTitle,children:y}),b&&(0,f.jsx)(`p`,{className:l.default.widgetDescription,children:b})]}),u&&p&&(0,f.jsx)(c.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:l.default.removeButton,onClick:()=>p(v),"aria-label":_(`dashboard_widget.remove_widget`,{title:y}),icon:(0,f.jsx)(o.Icon,{component:r.default,size:`sm`})})]}),(0,f.jsx)(`div`,{className:l.default.widgetContent,children:x})]})};g.displayName=`DashboardWidgetCard`,exports.Dashboard=h,exports.DashboardWidgetCard=g;

package/dist/components/layout/Dashboard/Dashboard.js

@@ -93,11 +93,12 @@ var x = ({ widget: r, className: i, ...l }) => {
 		padding: "md",
 		radius: "md",
 		className: h(c.widget, c[`span-${C}`], c[`row-${w}`], { [c.editMode]: u }, i),
+		...l,
 		style: {
 			"--widget-span": C,
-			"--widget-row-span": w
+			"--widget-row-span": w,
+			...l.style
 		},
-		...l,
 		children: [/* @__PURE__ */ _("div", {
 			className: c.widgetHeader,
 			children: [/* @__PURE__ */ _("div", {

package/dist/components/layout/InteractiveArea/InteractiveArea.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,align:u=`center`,isDragging:d=!1,isClickable:f=!1,disabled:p=!1,className:m,children:h,styles:g,..._},v)=>(0,i.jsx)(`div`,{ref:v,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u===`center`?t.default.alignCenter:t.default.alignStart,d&&t.default.dragging,f&&!p&&t.default.clickable,p&&t.default.disabled,m),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-align":u,"data-disabled":p,"data-dragging":d,role:f&&!p?`button`:_[`aria-label`]||_[`aria-labelledby`]?`group`:void 0,tabIndex:f&&!p?0:void 0,"aria-disabled":p||void 0,onKeyDown:e=>{f&&!p&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),_.onKeyDown?.(e)},..._,onClick:e=>{if(p){e.preventDefault();return}_.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,g?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,g?.icon),children:a}),(e||n)&&(0,i.jsxs)(`div`,{className:t.default.text,children:[e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,g?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,g?.description),children:n})]}),h&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,g?.content),children:h}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,g?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./interactive-area.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({title:e,description:n,icon:a,actions:o,variant:s=`dashed`,bgVariant:c=`default`,size:l=`md`,align:u=`center`,isDragging:d=!1,isClickable:f=!1,disabled:p=!1,className:m,children:h,styles:g,..._},v)=>(0,i.jsx)(`div`,{ref:v,className:(0,r.default)(`wim-interactive-area`,t.default.root,t.default[s],t.default[c],t.default[l],u===`center`?t.default.alignCenter:t.default.alignStart,d&&t.default.dragging,f&&!p&&t.default.clickable,p&&t.default.disabled,m),"data-variant":s,"data-bg-variant":c,"data-size":l,"data-align":u,"data-disabled":p,"data-dragging":d,role:f&&!p?`button`:_[`aria-label`]||_[`aria-labelledby`]?`group`:void 0,tabIndex:f&&!p?0:void 0,"aria-disabled":p||void 0,..._,onKeyDown:e=>{f&&!p&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click()),_.onKeyDown?.(e)},onClick:e=>{if(p){e.preventDefault();return}_.onClick?.(e)},children:(0,i.jsxs)(`div`,{className:(0,r.default)(t.default.inner,g?.inner),children:[a&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.icon,g?.icon),children:a}),(e||n)&&(0,i.jsxs)(`div`,{className:t.default.text,children:[e&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.title,g?.title),children:e}),n&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.description,g?.description),children:n})]}),h&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.content,g?.content),children:h}),o&&(0,i.jsx)(`div`,{className:(0,r.default)(t.default.actions,g?.actions),children:o})]})}));a.displayName=`InteractiveArea`,exports.InteractiveArea=a;

package/dist/components/layout/InteractiveArea/InteractiveArea.js

@@ -16,10 +16,10 @@ var a = t.forwardRef(({ title: t, description: a, icon: o, actions: s, variant:
 	role: p && !m ? "button" : v["aria-label"] || v["aria-labelledby"] ? "group" : void 0,
 	tabIndex: p && !m ? 0 : void 0,
 	"aria-disabled": m || void 0,
+	...v,
 	onKeyDown: (e) => {
 		p && !m && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), v.onKeyDown?.(e);
 	},
-	...v,
 	onClick: (e) => {
 		if (m) {
 			e.preventDefault();

package/dist/components/layout/Navbar/Navbar.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../navigation/HamburgerMenu/HamburgerMenu.cjs"),n=require("../../overlay/Drawer/Drawer.cjs"),r=require("./navbar.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=(0,i.createContext)(void 0),c=i.default.forwardRef(({className:e,children:t,fixed:n,sticky:c,transparent:l,glass:u,bordered:d,fluid:f,defaultMenuOpen:p=!1,isMenuOpen:m,onMenuOpenChange:h,...g},_)=>{let[v,y]=(0,i.useState)(p),b=m??v;return(0,o.jsx)(s.Provider,{value:{isMenuOpen:b,setIsMenuOpen:e=>{y(e),h?.(e)}},children:(0,o.jsx)(`nav`,{ref:_,className:(0,a.default)(`wim-navbar`,r.default.root,n&&r.default.fixed,c&&r.default.sticky,l&&r.default.transparent,u&&r.default.glass,d&&r.default.bordered,e),...g,children:(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,f&&r.default.fluid),children:t})})})});c.displayName=`Navbar`;var l=i.default.forwardRef(({className:e,children:t,...n},i)=>(0,o.jsx)(`div`,{ref:i,className:(0,a.default)(r.default.brand,e),...n,children:t}));l.displayName=`Navbar.Brand`;var u=i.default.forwardRef(({className:e,children:t,justify:n=`end`,hiddenOnMobile:i,...s},c)=>(0,o.jsx)(`div`,{ref:c,className:(0,a.default)(r.default.content,r.default[n],i&&r.default.hiddenMobile,e),...s,children:t}));u.displayName=`Navbar.Content`;var d=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`div`,{ref:s,className:(0,a.default)(r.default.item,n&&r.default.active,e),...i,children:t}));d.displayName=`Navbar.Item`;var f=i.default.forwardRef(({className:e,children:t,active:n,...i},s)=>(0,o.jsx)(`a`,{ref:s,className:(0,a.default)(r.default.link,n&&r.default.active,e),...i,children:t}));f.displayName=`Navbar.Link`;var p=i.default.forwardRef(({className:e,...n},a)=>{let c=(0,i.useContext)(s);if(!c)throw Error(`NavbarToggle must be used within a Navbar`);let{isMenuOpen:l,setIsMenuOpen:u}=c;return(0,o.jsx)(`div`,{className:r.default.toggle,children:(0,o.jsx)(t.HamburgerMenu,{ref:a,open:l,onOpenChange:u,className:e,...n})})});p.displayName=`Navbar.Toggle`;var m=i.default.forwardRef(({className:e,children:t,position:c=`top`,...l},u)=>{let d=(0,i.useContext)(s);if(!d)throw Error(`NavbarMenu must be used within a Navbar`);let{isMenuOpen:f,setIsMenuOpen:p}=d;return(0,o.jsx)(n.Drawer,{open:f,onOpenChange:p,side:c,children:(0,o.jsx)(n.DrawerContent,{className:(0,a.default)(r.default.menu,e),children:t})})});m.displayName=`Navbar.Menu`;var h=i.default.forwardRef(({className:e,children:t,active:n,...c},l)=>{let{setIsMenuOpen:u}=(0,i.useContext)(s)||{};return(0,o.jsx)(`div`,{ref:l,className:(0,a.default)(r.default.menuItem,n&&r.default.active,e),onClick:e=>{u?.(!1),c.onClick?.(e)},role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()},...c,children:t})});h.displayName=`Navbar.MenuItem`;var g=Object.assign(c,{Brand:l,Content:u,Item:d,Link:f,Toggle:p,Menu:m,MenuItem:h});exports.Navbar=g,exports.default=g,exports.NavbarBrand=l,exports.NavbarContent=u,exports.NavbarItem=d,exports.NavbarLink=f,exports.NavbarMenu=m,exports.NavbarMenuItem=h,exports.NavbarToggle=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../navigation/HamburgerMenu/HamburgerMenu.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../overlay/Drawer/Drawer.cjs"),i=require("./navbar.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.createContext)(void 0),l=a.default.forwardRef(({className:e,children:t,fixed:n,sticky:r,transparent:l,glass:u,bordered:d,fluid:f,defaultMenuOpen:p=!1,isMenuOpen:m,onMenuOpenChange:h,...g},_)=>{let[v,y]=(0,a.useState)(p),b=m??v;return(0,s.jsx)(c.Provider,{value:{isMenuOpen:b,setIsMenuOpen:e=>{y(e),h?.(e)}},children:(0,s.jsx)(`nav`,{ref:_,className:(0,o.default)(`wim-navbar`,i.default.root,n&&i.default.fixed,r&&i.default.sticky,l&&i.default.transparent,u&&i.default.glass,d&&i.default.bordered,e),...g,children:(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,f&&i.default.fluid),children:t})})})});l.displayName=`Navbar`;var u=a.default.forwardRef(({className:e,children:t,...n},r)=>(0,s.jsx)(`div`,{ref:r,className:(0,o.default)(i.default.brand,e),...n,children:t}));u.displayName=`Navbar.Brand`;var d=a.default.forwardRef(({className:e,children:t,justify:n=`end`,hiddenOnMobile:r,...a},c)=>(0,s.jsx)(`div`,{ref:c,className:(0,o.default)(i.default.content,i.default[n],r&&i.default.hiddenMobile,e),...a,children:t}));d.displayName=`Navbar.Content`;var f=a.default.forwardRef(({className:e,children:t,active:n,...r},a)=>(0,s.jsx)(`div`,{ref:a,className:(0,o.default)(i.default.item,n&&i.default.active,e),...r,children:t}));f.displayName=`Navbar.Item`;var p=a.default.forwardRef(({className:e,children:t,active:n,...r},a)=>(0,s.jsx)(`a`,{ref:a,className:(0,o.default)(i.default.link,n&&i.default.active,e),...r,children:t}));p.displayName=`Navbar.Link`;var m=a.default.forwardRef(({className:e,...n},r)=>{let o=(0,a.useContext)(c);if(!o)throw Error(`NavbarToggle must be used within a Navbar`);let{isMenuOpen:l,setIsMenuOpen:u}=o;return(0,s.jsx)(`div`,{className:i.default.toggle,children:(0,s.jsx)(t.HamburgerMenu,{ref:r,open:l,onOpenChange:u,className:e,...n})})});m.displayName=`Navbar.Toggle`;var h=a.default.forwardRef(({className:e,children:t,position:n=`top`,...l},u)=>{let d=(0,a.useContext)(c);if(!d)throw Error(`NavbarMenu must be used within a Navbar`);let{isMenuOpen:f,setIsMenuOpen:p}=d;return(0,s.jsx)(r.Drawer,{open:f,onOpenChange:p,side:n,children:(0,s.jsx)(r.DrawerContent,{...l,className:(0,o.default)(i.default.menu,e),children:t})})});h.displayName=`Navbar.Menu`;var g=a.default.forwardRef(({className:e,children:t,active:r,...l},u)=>{let{setIsMenuOpen:d}=(0,a.useContext)(c)||{},f=e=>{d?.(!1),l.onClick?.(e)};return(0,s.jsx)(`div`,{ref:u,className:(0,o.default)(i.default.menuItem,r&&i.default.active,e),role:`button`,tabIndex:0,...l,onClick:f,onKeyDown:n.composeEventHandlers(l.onKeyDown,e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()}),children:t})});g.displayName=`Navbar.MenuItem`;var _=Object.assign(l,{Brand:u,Content:d,Item:f,Link:p,Toggle:m,Menu:h,MenuItem:g});exports.Navbar=_,exports.default=_,exports.NavbarBrand=u,exports.NavbarContent=d,exports.NavbarItem=f,exports.NavbarLink=p,exports.NavbarMenu=h,exports.NavbarMenuItem=g,exports.NavbarToggle=m;