wimui 0.16.0 → 0.18.0

package/dist/components/data-display/Calendar/Calendar.js

@@ -5,31 +5,31 @@ import n from "../../../icon/chevron-right.js";
 import { Icon as r } from "../../media/Icon/Icon.js";
 import { isSameDay as i, isToday as a, useCalendar as o } from "./useCalendar.js";
 import s from "./calendar.module.js";
-import { useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useMemo as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/data-display/Calendar/Calendar.tsx
-var f = ({ className: f, disabled: p = !1, value: m, defaultValue: h, onChange: g, rangeMode: _ = !1, range: v, defaultRange: y, onRangeChange: b, minDate: x, maxDate: S, disabledDates: C, isDateDisabled: w, weekStartsOn: T = 0, ...E }) => {
-	let { t: D } = e("common"), { handlePrevMonth: O, handleNextMonth: k, handlePrevYear: A, handleNextYear: j, year: M, month: N, daysGrid: P, isDateDisabled: F } = o({
-		defaultValue: h || _ && y?.start || void 0,
-		value: m || _ && v?.start || void 0,
-		minDate: x,
-		maxDate: S,
-		disabledDates: C,
-		isDateDisabled: w,
-		weekStartsOn: T
-	}), [I, L] = c(y || {
+var p = ({ className: p, disabled: m = !1, value: h, defaultValue: g, onChange: _, rangeMode: v = !1, range: y, defaultRange: b, onRangeChange: x, minDate: S, maxDate: C, disabledDates: w, isDateDisabled: T, weekStartsOn: E = 0, ...D }) => {
+	let { t: O, i18n: k } = e("common"), { handlePrevMonth: A, handleNextMonth: j, handlePrevYear: M, handleNextYear: N, year: P, month: F, daysGrid: I, isDateDisabled: L } = o({
+		defaultValue: g || v && b?.start || void 0,
+		value: h || v && y?.start || void 0,
+		minDate: S,
+		maxDate: C,
+		disabledDates: w,
+		isDateDisabled: T,
+		weekStartsOn: E
+	}), [R, z] = l(b || {
 		start: null,
 		end: null
-	}), R = v || I, z = (e) => {
-		if (!(p || F(e))) if (_) {
+	}), B = y || R, V = (e) => {
+		if (!(m || L(e))) if (v) {
 			let t;
-			if (!R.start || R.start && R.end) t = {
+			if (!B.start || B.start && B.end) t = {
 				start: e,
 				end: null
 			};
 			else {
-				let n = R.start, r = e;
+				let n = B.start, r = e;
 				t = r < n ? {
 					start: r,
 					end: n
@@ -38,15 +38,15 @@ var f = ({ className: f, disabled: p = !1, value: m, defaultValue: h, onChange:
 					end: r
 				};
 			}
-			v || L(t), b?.(t);
-		} else g?.(e);
-	}, B = (e) => {
-		if (!p) switch (e.key) {
+			y || z(t), x?.(t);
+		} else _?.(e);
+	}, H = (e) => {
+		if (!m) switch (e.key) {
 			case "PageUp":
-				e.preventDefault(), e.ctrlKey ? A() : O();
+				e.preventDefault(), e.ctrlKey ? M() : A();
 				break;
 			case "PageDown":
-				e.preventDefault(), e.ctrlKey ? j() : k();
+				e.preventDefault(), e.ctrlKey ? N() : j();
 				break;
 			case "Home":
 				e.preventDefault();
@@ -55,70 +55,68 @@ var f = ({ className: f, disabled: p = !1, value: m, defaultValue: h, onChange:
 				e.preventDefault();
 				break;
 		}
-	}, V = (e) => _ ? i(e, R.start) || i(e, R.end) : i(e, m || null), H = (e) => {
-		if (!_ || !R.start || !R.end) return !1;
-		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = new Date(R.start.getFullYear(), R.start.getMonth(), R.start.getDate()).getTime(), r = new Date(R.end.getFullYear(), R.end.getMonth(), R.end.getDate()).getTime();
+	}, U = (e) => v ? i(e, B.start) || i(e, B.end) : i(e, h || null), W = (e) => {
+		if (!v || !B.start || !B.end) return !1;
+		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = new Date(B.start.getFullYear(), B.start.getMonth(), B.start.getDate()).getTime(), r = new Date(B.end.getFullYear(), B.end.getMonth(), B.end.getDate()).getTime();
 		return t > n && t < r;
-	}, U = [
-		"日",
-		"月",
-		"火",
-		"水",
-		"木",
-		"金",
-		"土"
-	];
-	return T === 1 && U.push(U.shift()), /* @__PURE__ */ d("div", {
-		className: l("wim-calendar", s.root, p && s.disabled, f),
-		onKeyDown: B,
+	}, G = [...c(() => {
+		let e = new Intl.DateTimeFormat(k.language, {
+			weekday: "short",
+			timeZone: "UTC"
+		});
+		return Array.from({ length: 7 }, (t, n) => e.format(new Date(Date.UTC(1970, 0, 4 + n))));
+	}, [k.language])];
+	return E === 1 && G.push(G.shift()), /* @__PURE__ */ f("div", {
+		className: u("wim-calendar", s.root, m && s.disabled, p),
+		onKeyDown: H,
 		role: "application",
-		"aria-label": D("a11y.calendar"),
-		...E,
-		children: [/* @__PURE__ */ d("div", {
+		"aria-label": O("a11y.calendar"),
+		...D,
+		children: [/* @__PURE__ */ f("div", {
 			className: s.header,
 			children: [
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
 					className: s.navBtn,
-					onClick: O,
-					disabled: p,
-					"aria-label": D("a11y.prev_month"),
-					children: /* @__PURE__ */ u(r, {
+					onClick: A,
+					disabled: m,
+					"aria-label": O("a11y.prev_month"),
+					children: /* @__PURE__ */ d(r, {
 						component: t,
 						size: "sm"
 					})
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: s.title,
 					"aria-live": "polite",
 					children: [
-						M,
+						P,
 						" / ",
-						N + 1
+						F + 1
 					]
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
 					className: s.navBtn,
-					onClick: k,
-					disabled: p,
-					"aria-label": D("a11y.next_month"),
-					children: /* @__PURE__ */ u(r, {
+					onClick: j,
+					disabled: m,
+					"aria-label": O("a11y.next_month"),
+					children: /* @__PURE__ */ d(r, {
 						component: n,
 						size: "sm"
 					})
 				})
 			]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: s.grid,
 			role: "grid",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				role: "row",
-				children: U.map((e, t) => {
-					let n = (t + (T || 0)) % 7;
-					return /* @__PURE__ */ u("div", {
+				children: G.map((e, t) => {
+					let n = (t + (E || 0)) % 7;
+					return /* @__PURE__ */ d("div", {
 						role: "columnheader",
-						className: l(s.weekday, {
+						className: u(s.weekday, {
 							[s.sunday]: n === 0,
 							[s.saturday]: n === 6
 						}),
@@ -127,36 +125,36 @@ var f = ({ className: f, disabled: p = !1, value: m, defaultValue: h, onChange:
 				})
 			}), (() => {
 				let e = [];
-				for (let t = 0; t < P.length; t += 7) e.push(P.slice(t, t + 7));
-				return e.map((e, t) => /* @__PURE__ */ u("div", {
+				for (let t = 0; t < I.length; t += 7) e.push(I.slice(t, t + 7));
+				return e.map((e, t) => /* @__PURE__ */ d("div", {
 					role: "row",
 					children: e.map((e, n) => {
-						let r = t * 7 + n, o = V(e.date), c = H(e.date), d = p || F(e.date), f = a(e.date), m = !e.currentMonth, h = _ && i(e.date, R.start), g = _ && i(e.date, R.end), v = `${e.date.getFullYear()}-${e.date.getMonth() + 1}-${e.date.getDate()}`;
-						return /* @__PURE__ */ u("button", {
+						let r = t * 7 + n, o = U(e.date), c = W(e.date), l = m || L(e.date), f = a(e.date), p = !e.currentMonth, h = v && i(e.date, B.start), g = v && i(e.date, B.end), _ = `${e.date.getFullYear()}-${e.date.getMonth() + 1}-${e.date.getDate()}`;
+						return /* @__PURE__ */ d("button", {
 							type: "button",
 							role: "gridcell",
 							"aria-selected": o,
 							"aria-current": f ? "date" : void 0,
 							"data-calendar-day": !0,
 							"data-selected": o || void 0,
-							"data-other-month": m || void 0,
-							className: l(s.day, {
+							"data-other-month": p || void 0,
+							className: u(s.day, {
 								[s.selected]: o,
 								[s.inRange]: c,
 								[s.rangeStart]: h,
 								[s.rangeEnd]: g,
-								[s.disabled]: d,
+								[s.disabled]: l,
 								[s.today]: f,
-								[s.otherMonth]: m,
+								[s.otherMonth]: p,
 								[s.sunday]: e.date.getDay() === 0,
 								[s.saturday]: e.date.getDay() === 6
 							}),
-							onClick: () => z(e.date),
+							onClick: () => V(e.date),
 							onKeyDown: (t) => {
-								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), z(e.date));
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), V(e.date));
 							},
-							disabled: d,
-							"aria-label": v,
+							disabled: l,
+							"aria-label": _,
 							children: e.date.getDate()
 						}, r);
 					})
@@ -166,4 +164,4 @@ var f = ({ className: f, disabled: p = !1, value: m, defaultValue: h, onChange:
 	});
 };
 //#endregion
-export { f as Calendar };
+export { p as Calendar };

package/dist/components/data-display/Calendar/calendar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1ksv8_2`,t=`_disabled_1ksv8_12`,n=`_header_1ksv8_16`,r=`_title_1ksv8_22`,i=`_navBtn_1ksv8_27`,a=`_grid_1ksv8_48`,o=`_weekday_1ksv8_56`,s=`_sunday_1ksv8_66`,c=`_saturday_1ksv8_69`,l=`_day_1ksv8_72`,u=`_selected_1ksv8_86`,d=`_otherMonth_1ksv8_95`,f=`_today_1ksv8_98`,p=`_inRange_1ksv8_111`,m=`_rangeStart_1ksv8_118`,h=`_rangeEnd_1ksv8_122`,g={root:e,disabled:t,header:n,title:r,navBtn:i,grid:a,weekday:o,sunday:s,saturday:c,day:l,selected:u,otherMonth:d,today:f,inRange:p,rangeStart:m,rangeEnd:h};exports.day=l,exports.default=g,exports.disabled=t,exports.grid=a,exports.header=n,exports.inRange=p,exports.navBtn=i,exports.otherMonth=d,exports.rangeEnd=h,exports.rangeStart=m,exports.root=e,exports.saturday=c,exports.selected=u,exports.sunday=s,exports.title=r,exports.today=f,exports.weekday=o;
+var e=`_root_p0w58_2`,t=`_disabled_p0w58_12`,n=`_header_p0w58_15`,r=`_day_p0w58_16`,i=`_title_p0w58_25`,a=`_navBtn_p0w58_30`,o=`_grid_p0w58_51`,s=`_weekday_p0w58_59`,c=`_sunday_p0w58_69`,l=`_saturday_p0w58_72`,u=`_selected_p0w58_89`,d=`_otherMonth_p0w58_98`,f=`_today_p0w58_101`,p=`_inRange_p0w58_114`,m=`_rangeStart_p0w58_121`,h=`_rangeEnd_p0w58_125`,g={root:e,disabled:t,header:n,day:r,title:i,navBtn:a,grid:o,weekday:s,sunday:c,saturday:l,selected:u,otherMonth:d,today:f,inRange:p,rangeStart:m,rangeEnd:h};exports.day=r,exports.default=g,exports.disabled=t,exports.grid=o,exports.header=n,exports.inRange=p,exports.navBtn=a,exports.otherMonth=d,exports.rangeEnd=h,exports.rangeStart=m,exports.root=e,exports.saturday=l,exports.selected=u,exports.sunday=c,exports.title=i,exports.today=f,exports.weekday=s;

package/dist/components/data-display/Calendar/calendar.module.js

@@ -1,16 +1,16 @@
 "use client";
 //#region src/components/data-display/Calendar/calendar.module.scss
-var e = "_root_1ksv8_2", t = "_disabled_1ksv8_12", n = "_header_1ksv8_16", r = "_title_1ksv8_22", i = "_navBtn_1ksv8_27", a = "_grid_1ksv8_48", o = "_weekday_1ksv8_56", s = "_sunday_1ksv8_66", c = "_saturday_1ksv8_69", l = "_day_1ksv8_72", u = "_selected_1ksv8_86", d = "_otherMonth_1ksv8_95", f = "_today_1ksv8_98", p = "_inRange_1ksv8_111", m = "_rangeStart_1ksv8_118", h = "_rangeEnd_1ksv8_122", g = {
+var e = "_root_p0w58_2", t = "_disabled_p0w58_12", n = "_header_p0w58_15", r = "_day_p0w58_16", i = "_title_p0w58_25", a = "_navBtn_p0w58_30", o = "_grid_p0w58_51", s = "_weekday_p0w58_59", c = "_sunday_p0w58_69", l = "_saturday_p0w58_72", u = "_selected_p0w58_89", d = "_otherMonth_p0w58_98", f = "_today_p0w58_101", p = "_inRange_p0w58_114", m = "_rangeStart_p0w58_121", h = "_rangeEnd_p0w58_125", g = {
 	root: e,
 	disabled: t,
 	header: n,
-	title: r,
-	navBtn: i,
-	grid: a,
-	weekday: o,
-	sunday: s,
-	saturday: c,
-	day: l,
+	day: r,
+	title: i,
+	navBtn: a,
+	grid: o,
+	weekday: s,
+	sunday: c,
+	saturday: l,
 	selected: u,
 	otherMonth: d,
 	today: f,
@@ -19,4 +19,4 @@ var e = "_root_1ksv8_2", t = "_disabled_1ksv8_12", n = "_header_1ksv8_16", r = "
 	rangeEnd: h
 };
 //#endregion
-export { l as day, g as default, t as disabled, a as grid, n as header, p as inRange, i as navBtn, d as otherMonth, h as rangeEnd, m as rangeStart, e as root, c as saturday, u as selected, s as sunday, r as title, f as today, o as weekday };
+export { r as day, g as default, t as disabled, o as grid, n as header, p as inRange, a as navBtn, d as otherMonth, h as rangeEnd, m as rangeStart, e as root, l as saturday, u as selected, c as sunday, i as title, f as today, s as weekday };

package/dist/components/data-display/Card/card.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_i7k6g_3`,t=`_elevated_i7k6g_13`,n=`_interactive_i7k6g_17`,r=`_outline_i7k6g_21`,i=`_flat_i7k6g_28`,a=`_glass_i7k6g_36`,o=`_header_i7k6g_58`,s=`_body_i7k6g_58`,c=`_footer_i7k6g_58`,l={root:e,elevated:t,interactive:n,outline:r,flat:i,glass:a,"padding-none":`_padding-none_i7k6g_55`,header:o,body:s,footer:c,"padding-xs":`_padding-xs_i7k6g_61`,"padding-sm":`_padding-sm_i7k6g_67`,"padding-md":`_padding-md_i7k6g_73`,"padding-lg":`_padding-lg_i7k6g_79`,"padding-xl":`_padding-xl_i7k6g_99`,"padding-2xl":`_padding-2xl_i7k6g_105`,"padding-3xl":`_padding-3xl_i7k6g_111`,"radius-none":`_radius-none_i7k6g_120`,"radius-sm":`_radius-sm_i7k6g_123`,"radius-md":`_radius-md_i7k6g_126`,"radius-lg":`_radius-lg_i7k6g_129`,"radius-xl":`_radius-xl_i7k6g_132`,"radius-2xl":`_radius-2xl_i7k6g_135`};exports.body=s,exports.default=l,exports.elevated=t,exports.flat=i,exports.footer=c,exports.glass=a,exports.header=o,exports.interactive=n,exports.outline=r,exports.root=e;
+var e=`_root_m9pq3_3`,t=`_elevated_m9pq3_14`,n=`_interactive_m9pq3_18`,r=`_outline_m9pq3_22`,i=`_flat_m9pq3_29`,a=`_glass_m9pq3_37`,o=`_header_m9pq3_59`,s=`_body_m9pq3_59`,c=`_footer_m9pq3_59`,l={root:e,elevated:t,interactive:n,outline:r,flat:i,glass:a,"padding-none":`_padding-none_m9pq3_56`,header:o,body:s,footer:c,"padding-xs":`_padding-xs_m9pq3_62`,"padding-sm":`_padding-sm_m9pq3_68`,"padding-md":`_padding-md_m9pq3_74`,"padding-lg":`_padding-lg_m9pq3_80`,"padding-xl":`_padding-xl_m9pq3_100`,"padding-2xl":`_padding-2xl_m9pq3_106`,"padding-3xl":`_padding-3xl_m9pq3_112`,"radius-none":`_radius-none_m9pq3_121`,"radius-sm":`_radius-sm_m9pq3_124`,"radius-md":`_radius-md_m9pq3_127`,"radius-lg":`_radius-lg_m9pq3_130`,"radius-xl":`_radius-xl_m9pq3_133`,"radius-2xl":`_radius-2xl_m9pq3_136`};exports.body=s,exports.default=l,exports.elevated=t,exports.flat=i,exports.footer=c,exports.glass=a,exports.header=o,exports.interactive=n,exports.outline=r,exports.root=e;

package/dist/components/data-display/Card/card.module.js

@@ -1,29 +1,29 @@
 "use client";
 //#region src/components/data-display/Card/card.module.scss
-var e = "_root_i7k6g_3", t = "_elevated_i7k6g_13", n = "_interactive_i7k6g_17", r = "_outline_i7k6g_21", i = "_flat_i7k6g_28", a = "_glass_i7k6g_36", o = "_header_i7k6g_58", s = "_body_i7k6g_58", c = "_footer_i7k6g_58", l = {
+var e = "_root_m9pq3_3", t = "_elevated_m9pq3_14", n = "_interactive_m9pq3_18", r = "_outline_m9pq3_22", i = "_flat_m9pq3_29", a = "_glass_m9pq3_37", o = "_header_m9pq3_59", s = "_body_m9pq3_59", c = "_footer_m9pq3_59", l = {
 	root: e,
 	elevated: t,
 	interactive: n,
 	outline: r,
 	flat: i,
 	glass: a,
-	"padding-none": "_padding-none_i7k6g_55",
+	"padding-none": "_padding-none_m9pq3_56",
 	header: o,
 	body: s,
 	footer: c,
-	"padding-xs": "_padding-xs_i7k6g_61",
-	"padding-sm": "_padding-sm_i7k6g_67",
-	"padding-md": "_padding-md_i7k6g_73",
-	"padding-lg": "_padding-lg_i7k6g_79",
-	"padding-xl": "_padding-xl_i7k6g_99",
-	"padding-2xl": "_padding-2xl_i7k6g_105",
-	"padding-3xl": "_padding-3xl_i7k6g_111",
-	"radius-none": "_radius-none_i7k6g_120",
-	"radius-sm": "_radius-sm_i7k6g_123",
-	"radius-md": "_radius-md_i7k6g_126",
-	"radius-lg": "_radius-lg_i7k6g_129",
-	"radius-xl": "_radius-xl_i7k6g_132",
-	"radius-2xl": "_radius-2xl_i7k6g_135"
+	"padding-xs": "_padding-xs_m9pq3_62",
+	"padding-sm": "_padding-sm_m9pq3_68",
+	"padding-md": "_padding-md_m9pq3_74",
+	"padding-lg": "_padding-lg_m9pq3_80",
+	"padding-xl": "_padding-xl_m9pq3_100",
+	"padding-2xl": "_padding-2xl_m9pq3_106",
+	"padding-3xl": "_padding-3xl_m9pq3_112",
+	"radius-none": "_radius-none_m9pq3_121",
+	"radius-sm": "_radius-sm_m9pq3_124",
+	"radius-md": "_radius-md_m9pq3_127",
+	"radius-lg": "_radius-lg_m9pq3_130",
+	"radius-xl": "_radius-xl_m9pq3_133",
+	"radius-2xl": "_radius-2xl_m9pq3_136"
 };
 //#endregion
 export { s as body, l as default, t as elevated, i as flat, c as footer, a as glass, o as header, n as interactive, r as outline, e as root };

package/dist/components/data-display/Chip/Chip.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("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/mergeRefs.cjs"),o=require("./chip.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({asChild:e=!1,children:s,content:u,onClick:d,onDelete:f,avatar:p,icon:m,selected:h=!1,disabled:g=!1,intent:_=`primary`,variant:v=`solid`,size:y=`md`,deleteAriaLabel:b,className:x,...S},C)=>{let{t:w}=n.useWimTranslation(`common`),T=b??w(`a11y.delete`),E=e?t.Root:d?`button`:`span`,D=u??s;return(0,l.jsxs)(E,{ref:a.mergeRefs(C),className:(0,c.default)(`wim-chip`,o.default.root,o.default[_],o.default[v],o.default[y],h&&o.default.selected,d&&!g&&o.default.clickable,g&&o.default.disabled,x),onClick:g?void 0:d,...!e&&d?{disabled:g}:{},type:e?void 0:d?`button`:void 0,...S,children:[p&&(0,l.jsx)(`span`,{className:o.default.avatar,children:p}),!p&&m&&(0,l.jsx)(`span`,{className:o.default.icon,children:m}),(0,l.jsx)(`span`,{className:o.default.label,children:(0,l.jsx)(t.Slottable,{children:D})}),f&&!g&&(0,l.jsx)(`button`,{type:`button`,className:o.default.delete,"data-chip-delete":!0,onClick:e=>{e.stopPropagation(),f(e)},"aria-label":T,children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})]})});u.displayName=`Chip`,exports.Chip=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/mergeRefs.cjs"),o=require("./chip.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({asChild:e=!1,children:s,content:u,onClick:d,onDelete:f,avatar:p,icon:m,selected:h=!1,disabled:g=!1,intent:_=`primary`,variant:v=`solid`,size:y=`md`,deleteAriaLabel:b,className:x,...S},C)=>{let{t:w}=n.useWimTranslation(`common`),T=b??w(`a11y.delete`);if(e&&f)throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");let E=e?t.Root:d?`button`:`span`,D=u??s;return(0,l.jsxs)(E,{ref:a.mergeRefs(C),className:(0,c.default)(`wim-chip`,o.default.root,o.default[_],o.default[v],o.default[y],h&&o.default.selected,d&&!g&&o.default.clickable,g&&o.default.disabled,x),onClick:g?void 0:d,...!e&&d?{disabled:g}:{},type:e?void 0:d?`button`:void 0,...S,children:[p&&(0,l.jsx)(`span`,{className:o.default.avatar,children:p}),!p&&m&&(0,l.jsx)(`span`,{className:o.default.icon,children:m}),e?(0,l.jsx)(t.Slottable,{children:D}):(0,l.jsx)(`span`,{className:o.default.label,children:D}),f&&!g&&(0,l.jsx)(`button`,{type:`button`,className:o.default.delete,"data-chip-delete":!0,onClick:e=>{e.stopPropagation(),f(e)},"aria-label":T,children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})]})});u.displayName=`Chip`,exports.Chip=u;

package/dist/components/data-display/Chip/Chip.d.ts

@@ -3,6 +3,7 @@ import { ComponentSizeBasic, IndicatorIntent, IndicatorVariant } from '../../../
 export type ChipProps = React.HTMLAttributes<HTMLElement> & {
     /**
      * If true, the chip will be rendered as its child, merging its props onto that child.
+     * Cannot be combined with `onDelete` (T99).
      */
     asChild?: boolean;
     /** Content to display */
@@ -38,6 +39,7 @@ export type ChipProps = React.HTMLAttributes<HTMLElement> & {
 export declare const Chip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     /**
      * If true, the chip will be rendered as its child, merging its props onto that child.
+     * Cannot be combined with `onDelete` (T99).
      */
     asChild?: boolean;
     /** Content to display */

package/dist/components/data-display/Chip/Chip.js

@@ -10,7 +10,9 @@ import c from "classnames";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/data-display/Chip/Chip.tsx
 var d = s.forwardRef(({ asChild: s = !1, children: d, content: f, onClick: p, onDelete: m, avatar: h, icon: g, selected: _ = !1, disabled: v = !1, intent: y = "primary", variant: b = "solid", size: x = "md", deleteAriaLabel: S, className: C, ...w }, T) => {
-	let { t: E } = n("common"), D = S ?? E("a11y.delete"), O = s ? e : p ? "button" : "span", k = f ?? d;
+	let { t: E } = n("common"), D = S ?? E("a11y.delete");
+	if (s && m) throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");
+	let O = s ? e : p ? "button" : "span", k = f ?? d;
 	return /* @__PURE__ */ u(O, {
 		ref: a(T),
 		className: c("wim-chip", o.root, o[y], o[b], o[x], _ && o.selected, p && !v && o.clickable, v && o.disabled, C),
@@ -27,9 +29,9 @@ var d = s.forwardRef(({ asChild: s = !1, children: d, content: f, onClick: p, on
 				className: o.icon,
 				children: g
 			}),
-			/* @__PURE__ */ l("span", {
+			s ? /* @__PURE__ */ l(t, { children: k }) : /* @__PURE__ */ l("span", {
 				className: o.label,
-				children: /* @__PURE__ */ l(t, { children: k })
+				children: k
 			}),
 			m && !v && /* @__PURE__ */ l("button", {
 				type: "button",

package/dist/components/data-display/Chip/chip.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_opd80_2`,t=`_md_opd80_19`,n=`_avatar_opd80_24`,r=`_sm_opd80_29`,i=`_lg_opd80_39`,a=`_clickable_opd80_49`,o=`_primary_opd80_60`,s=`_solid_opd80_60`,c=`_outline_opd80_66`,l=`_subtle_opd80_71`,u=`_secondary_opd80_77`,d=`_success_opd80_94`,f=`_warning_opd80_111`,p=`_danger_opd80_128`,m=`_info_opd80_145`,h=`_neutral_opd80_162`,g=`_selected_opd80_179`,_=`_disabled_opd80_182`,v=`_label_opd80_206`,y=`_icon_opd80_211`,b={root:e,md:t,avatar:n,sm:r,lg:i,clickable:a,primary:o,solid:s,outline:c,subtle:l,secondary:u,success:d,warning:f,danger:p,info:m,neutral:h,selected:g,disabled:_,delete:`_delete_opd80_190`,label:v,icon:y};exports.avatar=n,exports.clickable=a,exports.danger=p,exports.default=b,exports.disabled=_,exports.icon=y,exports.info=m,exports.label=v,exports.lg=i,exports.md=t,exports.neutral=h,exports.outline=c,exports.primary=o,exports.root=e,exports.secondary=u,exports.selected=g,exports.sm=r,exports.solid=s,exports.subtle=l,exports.success=d,exports.warning=f;
+var e=`_root_rvx31_2`,t=`_md_rvx31_19`,n=`_avatar_rvx31_24`,r=`_sm_rvx31_29`,i=`_lg_rvx31_39`,a=`_clickable_rvx31_49`,o=`_primary_rvx31_60`,s=`_solid_rvx31_60`,c=`_outline_rvx31_66`,l=`_subtle_rvx31_71`,u=`_success_rvx31_77`,d=`_warning_rvx31_94`,f=`_danger_rvx31_111`,p=`_info_rvx31_128`,m=`_neutral_rvx31_145`,h=`_selected_rvx31_162`,g=`_disabled_rvx31_165`,_=`_label_rvx31_189`,v=`_icon_rvx31_194`,y={root:e,md:t,avatar:n,sm:r,lg:i,clickable:a,primary:o,solid:s,outline:c,subtle:l,success:u,warning:d,danger:f,info:p,neutral:m,selected:h,disabled:g,delete:`_delete_rvx31_173`,label:_,icon:v};exports.avatar=n,exports.clickable=a,exports.danger=f,exports.default=y,exports.disabled=g,exports.icon=v,exports.info=p,exports.label=_,exports.lg=i,exports.md=t,exports.neutral=m,exports.outline=c,exports.primary=o,exports.root=e,exports.selected=h,exports.sm=r,exports.solid=s,exports.subtle=l,exports.success=u,exports.warning=d;

package/dist/components/data-display/Chip/chip.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Chip/chip.module.scss
-var e = "_root_opd80_2", t = "_md_opd80_19", n = "_avatar_opd80_24", r = "_sm_opd80_29", i = "_lg_opd80_39", a = "_clickable_opd80_49", o = "_primary_opd80_60", s = "_solid_opd80_60", c = "_outline_opd80_66", l = "_subtle_opd80_71", u = "_secondary_opd80_77", d = "_success_opd80_94", f = "_warning_opd80_111", p = "_danger_opd80_128", m = "_info_opd80_145", h = "_neutral_opd80_162", g = "_selected_opd80_179", _ = "_disabled_opd80_182", v = "_label_opd80_206", y = "_icon_opd80_211", b = {
+var e = "_root_rvx31_2", t = "_md_rvx31_19", n = "_avatar_rvx31_24", r = "_sm_rvx31_29", i = "_lg_rvx31_39", a = "_clickable_rvx31_49", o = "_primary_rvx31_60", s = "_solid_rvx31_60", c = "_outline_rvx31_66", l = "_subtle_rvx31_71", u = "_success_rvx31_77", d = "_warning_rvx31_94", f = "_danger_rvx31_111", p = "_info_rvx31_128", m = "_neutral_rvx31_145", h = "_selected_rvx31_162", g = "_disabled_rvx31_165", _ = "_label_rvx31_189", v = "_icon_rvx31_194", y = {
 	root: e,
 	md: t,
 	avatar: n,
@@ -11,17 +11,16 @@ var e = "_root_opd80_2", t = "_md_opd80_19", n = "_avatar_opd80_24", r = "_sm_op
 	solid: s,
 	outline: c,
 	subtle: l,
-	secondary: u,
-	success: d,
-	warning: f,
-	danger: p,
-	info: m,
-	neutral: h,
-	selected: g,
-	disabled: _,
-	delete: "_delete_opd80_190",
-	label: v,
-	icon: y
+	success: u,
+	warning: d,
+	danger: f,
+	info: p,
+	neutral: m,
+	selected: h,
+	disabled: g,
+	delete: "_delete_rvx31_173",
+	label: _,
+	icon: v
 };
 //#endregion
-export { n as avatar, a as clickable, p as danger, b as default, _ as disabled, y as icon, m as info, v as label, i as lg, t as md, h as neutral, c as outline, o as primary, e as root, u as secondary, g as selected, r as sm, s as solid, l as subtle, d as success, f as warning };
+export { n as avatar, a as clickable, f as danger, y as default, g as disabled, v as icon, p as info, _ as label, i as lg, t as md, m as neutral, c as outline, o as primary, e as root, h as selected, r as sm, s as solid, l as subtle, u as success, d as warning };

package/dist/components/data-display/DataGrid/DataGrid.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.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");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=m!==!1&&m!==void 0,P=m===!0||m===`blocking`,F=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:I,fixedRightOffsets:L}=a.useFixedColumns(e,!!F),R=(e,t=!1)=>{let n=I[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=L[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},z=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),B=(0,l.useMemo)(()=>!F||f.length===0?!1:f.every(e=>F.selectedRowKeys.includes(z(e))),[f,F,z]),V=(0,l.useMemo)(()=>F?!B&&f.some(e=>F.selectedRowKeys.includes(z(e))):!1,[f,F,B,z]),H=e=>{if(!F)return;let t=e.target.checked,n=t?f.map(z):[],r=t?f:[];F.onChange(n,r)},U=(e,t)=>{if(!F)return;let n=t.target.checked,r=z(e),i=n?[...F.selectedRowKeys,r]:F.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(z(e)));F.onChange(i,a)},{focusedCell:W,handleKeyDown:G,containerRef:K}=o.useDataGridKeyboard(e,f,!!F),{loaderRef:q}=s.useInfiniteScroll(k),J=e.length+ +!!F;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,P&&c.default.loading,S===`md`?c.default.mobileCardMd:S&&c.default.mobileCard,A),"aria-busy":N||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:P||void 0,children:[(0,d.jsxs)(i.Table,{ref:K,onKeyDown:G,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":J,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[F&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:W.row===-1&&W.col===-1?0:-1,children:(F.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:B,indeterminate:V,onChange:H,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=R(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:e.sortable,sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:W.row===-1&&W.col===(F?t+1:t)?0:-1,"data-row":-1,"data-col":F?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=z(t),o=F?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[F&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:W.row===r&&W.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>U(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=R(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":F?n+1:n,tabIndex:W.row===r&&W.col===(F?n+1:n)?0:-1,children:e.render?e.render(o,t,r):o},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:q,className:c.default.loader,children:k.hasMore&&M(`dataGrid.loading_more`)})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:P||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[M(`dataGrid.displaying`,{shown:f.length,total:O.total}),F?.selectedRowKeys&&F.selectedRowKeys.length>0&&(0,d.jsx)(`span`,{className:c.default.selectionInfo,children:M(`dataGrid.rows_selected`,{selected:F.selectedRowKeys.length})})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../form/Checkbox/Checkbox.cjs"),r=require("../../navigation/Pagination/Pagination.cjs"),i=require("../Table/Table.cjs"),a=require("./useFixedColumns.cjs"),o=require("./useDataGridKeyboard.cjs"),s=require("./useInfiniteScroll.cjs"),c=require("./datagrid.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");function f({columns:e,data:f,rowKey:p=`id`,loading:m=!1,striped:h=!1,bordered:g=!1,hoverable:_=!0,stickyHeader:v=!0,height:y,maxHeight:b,emptyMessage:x,mobileCard:S=!1,selection:C,selectedRowKeys:w,onSelectionChange:T,sortConfig:E,onSortChange:D,pagination:O,infiniteScroll:k,className:A,ariaLabel:j}){let{t:M}=t.useWimTranslation(`common`),N=m!==!1&&m!==void 0,P=m===!0||m===`blocking`,F=(0,l.useMemo)(()=>C?C===!0?{type:`checkbox`,selectedRowKeys:w??[],onChange:(e,t)=>{T?.(e,t)}}:C:null,[C,w,T]),{fixedLeftOffsets:I,fixedRightOffsets:L}=a.useFixedColumns(e,!!F),R=(e,t=!1)=>{let n=I[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,u.default)(c.default.cellFixed,n.isLast&&c.default.cellFixedLeftLast)};let r=L[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,u.default)(c.default.cellFixed,r.isFirst&&c.default.cellFixedRightFirst)}:{}},z=(0,l.useCallback)(e=>typeof p==`function`?p(e):e[p],[p]),B=(0,l.useMemo)(()=>!F||f.length===0?!1:f.every(e=>F.selectedRowKeys.includes(z(e))),[f,F,z]),V=(0,l.useMemo)(()=>F?!B&&f.some(e=>F.selectedRowKeys.includes(z(e))):!1,[f,F,B,z]),H=e=>{if(!F)return;let t=e.target.checked,n=t?f.map(z):[],r=t?f:[];F.onChange(n,r)},U=(e,t)=>{if(!F)return;let n=t.target.checked,r=z(e),i=n?[...F.selectedRowKeys,r]:F.selectedRowKeys.filter(e=>e!==r),a=f.filter(e=>i.includes(z(e)));F.onChange(i,a)},{focusedCell:W,handleKeyDown:G,containerRef:K}=o.useDataGridKeyboard(e,f,!!F),{loaderRef:q}=s.useInfiniteScroll(k),J=e.length+ +!!F;return(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-data-grid`,c.default.root,P&&c.default.loading,S===`md`?c.default.mobileCardMd:S&&c.default.mobileCard,A),"aria-busy":N||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.container,style:{height:y,maxHeight:b},inert:P||void 0,children:[(0,d.jsxs)(i.Table,{ref:K,onKeyDown:G,tabIndex:0,role:`grid`,"aria-label":j??M(`a11y.data_grid`),"aria-rowcount":f.length+1,"aria-colcount":J,striped:h,bordered:g,hoverable:_,stickyHeader:v,mobileCard:S,fullWidth:!0,className:(0,u.default)(`wim-table`,c.default.table),containerClassName:c.default.tableContainer,children:[(0,d.jsx)(i.Table.Header,{children:(0,d.jsxs)(i.Table.Row,{children:[F&&(0,d.jsx)(i.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":M(`a11y.select_all_rows`),tabIndex:W.row===-1&&W.col===-1?0:-1,children:(F.type??`checkbox`)===`checkbox`&&(0,d.jsx)(n.Checkbox,{checked:B,indeterminate:V,onChange:H,"aria-label":M(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=R(e.key,!0);return(0,d.jsx)(i.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:e.sortable,sortDirection:E?.key===e.key?E.direction:`none`,onSort:()=>{if(!e.sortable||!D)return;let t=E?.key===e.key?E.direction===`asc`?`desc`:E.direction===`desc`?`none`:`asc`:`asc`;D(e.key,t)},...n,tabIndex:W.row===-1&&W.col===(F?t+1:t)?0:-1,"data-row":-1,"data-col":F?t+1:t,children:e.title},e.key)})]})}),(0,d.jsx)(i.Table.Body,{children:f.map((t,r)=>{let a=z(t),o=F?.selectedRowKeys.includes(a);return(0,d.jsxs)(i.Table.Row,{selected:o,children:[F&&(0,d.jsx)(i.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":r,"data-col":-1,tabIndex:W.row===r&&W.col===-1?0:-1,children:(0,d.jsx)(n.Checkbox,{checked:o,onChange:e=>U(t,e),"aria-label":M(`a11y.select_row`)})}),e.map((e,n)=>{let a=R(e.key,!1),o=t[e.dataIndex??e.key];return(0,d.jsx)(i.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...a,"data-row":r,"data-col":F?n+1:n,tabIndex:W.row===r&&W.col===(F?n+1:n)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,r):o:(0,d.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,r):o})},e.key)})]},a)})})]}),f.length===0&&x&&(0,d.jsx)(`div`,{role:`status`,className:c.default.empty,children:x}),k?.hasMore&&(0,d.jsx)(`div`,{ref:q,className:c.default.loader,children:k.hasMore&&M(`dataGrid.loading_more`)})]}),O&&(0,d.jsxs)(`div`,{className:c.default.footer,inert:P||void 0,children:[(0,d.jsxs)(`div`,{className:c.default.info,children:[M(`dataGrid.displaying`,{shown:f.length,total:O.total}),F?.selectedRowKeys&&F.selectedRowKeys.length>0&&(0,d.jsx)(`span`,{className:c.default.selectionInfo,children:M(`dataGrid.rows_selected`,{selected:F.selectedRowKeys.length})})]}),(0,d.jsx)(`div`,{className:c.default.pagination,children:(0,d.jsx)(r.Pagination,{className:c.default.paginationContent,current:O.current,total:O.total,pageSize:O.pageSize,onChange:O.onChange})})]})]})}exports.DataGrid=f;

package/dist/components/data-display/DataGrid/DataGrid.d.ts

@@ -4,7 +4,27 @@ export type DataGridColumn<T> = {
     /** If provided, read cell value from this field instead of `key` */
     dataIndex?: string;
     title: React.ReactNode;
+    /**
+     * Column width. This is a **floor, not a cap** — the table is
+     * `table-layout: auto`, so a column never renders narrower than this but
+     * grows past it when the content asks for room or when the table has
+     * spare width to hand out. Use `maxWidth` when the content has to stop.
+     */
     width?: string | number;
+    /**
+     * Stop the cell's content at this width. Long values are clipped here
+     * instead of pushing the column wider and starving its neighbours (T85),
+     * and this is what makes `Text truncate` produce an ellipsis inside a
+     * cell (T86).
+     *
+     * **This caps the content, not the column.** The table still distributes
+     * spare width, so a column can be drawn wider than `maxWidth` with the
+     * content stopping early — at 1280px a `maxWidth: 200` column measured
+     * 523px wide with 303px of empty space to the right of the ellipsis
+     * (T93). Set it to the width the text should stop at, not to the width
+     * you want the column to be.
+     */
+    maxWidth?: string | number;
     sortable?: boolean;
     fixed?: "left" | "right";
     render?: (value: unknown, record: T, index: number) => React.ReactNode;

package/dist/components/data-display/DataGrid/DataGrid.js

@@ -146,7 +146,10 @@ function p({ columns: p, data: m, rowKey: h = "id", loading: g = !1, striped: _
 									"data-row": n,
 									"data-col": L ? i + 1 : i,
 									tabIndex: K.row === n && K.col === (L ? i + 1 : i) ? 0 : -1,
-									children: t.render ? t.render(o, e, n) : o
+									children: t.maxWidth == null ? t.render ? t.render(o, e, n) : o : /* @__PURE__ */ d("div", {
+										style: { maxWidth: t.maxWidth },
+										children: t.render ? t.render(o, e, n) : o
+									})
 								}, t.key);
 							})]
 						}, i);

package/dist/components/data-display/Leaderboard/leaderboard.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1hq5i_2`,t=`_sm_1hq5i_12`,n=`_item_1hq5i_12`,r=`_rank_1hq5i_16`,i=`_avatar_1hq5i_16`,a=`_lg_1hq5i_20`,o=`_highlight_1hq5i_38`,s=`_rank1_1hq5i_42`,c=`_rank2_1hq5i_46`,l=`_rank3_1hq5i_50`,u=`_name_1hq5i_75`,d=`_score_1hq5i_83`,f=`_scoreValue_1hq5i_89`,p=`_unit_1hq5i_94`,m={root:e,sm:t,item:n,rank:r,avatar:i,lg:a,highlight:o,rank1:s,rank2:c,rank3:l,name:u,score:d,scoreValue:f,unit:p};exports.avatar=i,exports.default=m,exports.highlight=o,exports.item=n,exports.lg=a,exports.name=u,exports.rank=r,exports.rank1=s,exports.rank2=c,exports.rank3=l,exports.root=e,exports.score=d,exports.scoreValue=f,exports.sm=t,exports.unit=p;
+var e=`_root_9dy8y_3`,t=`_sm_9dy8y_13`,n=`_item_9dy8y_13`,r=`_rank_9dy8y_17`,i=`_avatar_9dy8y_17`,a=`_lg_9dy8y_21`,o=`_highlight_9dy8y_39`,s=`_rank1_9dy8y_43`,c=`_rank2_9dy8y_55`,l=`_rank3_9dy8y_59`,u=`_name_9dy8y_84`,d=`_score_9dy8y_92`,f=`_scoreValue_9dy8y_98`,p=`_unit_9dy8y_103`,m={root:e,sm:t,item:n,rank:r,avatar:i,lg:a,highlight:o,rank1:s,rank2:c,rank3:l,name:u,score:d,scoreValue:f,unit:p};exports.avatar=i,exports.default=m,exports.highlight=o,exports.item=n,exports.lg=a,exports.name=u,exports.rank=r,exports.rank1=s,exports.rank2=c,exports.rank3=l,exports.root=e,exports.score=d,exports.scoreValue=f,exports.sm=t,exports.unit=p;

package/dist/components/data-display/Leaderboard/leaderboard.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Leaderboard/leaderboard.module.scss
-var e = "_root_1hq5i_2", t = "_sm_1hq5i_12", n = "_item_1hq5i_12", r = "_rank_1hq5i_16", i = "_avatar_1hq5i_16", a = "_lg_1hq5i_20", o = "_highlight_1hq5i_38", s = "_rank1_1hq5i_42", c = "_rank2_1hq5i_46", l = "_rank3_1hq5i_50", u = "_name_1hq5i_75", d = "_score_1hq5i_83", f = "_scoreValue_1hq5i_89", p = "_unit_1hq5i_94", m = {
+var e = "_root_9dy8y_3", t = "_sm_9dy8y_13", n = "_item_9dy8y_13", r = "_rank_9dy8y_17", i = "_avatar_9dy8y_17", a = "_lg_9dy8y_21", o = "_highlight_9dy8y_39", s = "_rank1_9dy8y_43", c = "_rank2_9dy8y_55", l = "_rank3_9dy8y_59", u = "_name_9dy8y_84", d = "_score_9dy8y_92", f = "_scoreValue_9dy8y_98", p = "_unit_9dy8y_103", m = {
 	root: e,
 	sm: t,
 	item: n,

package/dist/components/data-display/SortableList/sortable-list.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_z11tq_3`,t=`_item_z11tq_13`,n=`_disabled_z11tq_26`,r=`_dragging_z11tq_34`,i=`_over_z11tq_43`,a=`_dragHandle_z11tq_64`,o={root:e,item:t,disabled:n,dragging:r,over:i,dragHandle:a};exports.default=o,exports.disabled=n,exports.dragHandle=a,exports.dragging=r,exports.item=t,exports.over=i,exports.root=e;
+var e=`_root_9r5ds_3`,t=`_item_9r5ds_13`,n=`_disabled_9r5ds_26`,r=`_dragging_9r5ds_37`,i=`_over_9r5ds_46`,a=`_dragHandle_9r5ds_67`,o={root:e,item:t,disabled:n,dragging:r,over:i,dragHandle:a};exports.default=o,exports.disabled=n,exports.dragHandle=a,exports.dragging=r,exports.item=t,exports.over=i,exports.root=e;

package/dist/components/data-display/SortableList/sortable-list.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/SortableList/sortable-list.module.scss
-var e = "_root_z11tq_3", t = "_item_z11tq_13", n = "_disabled_z11tq_26", r = "_dragging_z11tq_34", i = "_over_z11tq_43", a = "_dragHandle_z11tq_64", o = {
+var e = "_root_9r5ds_3", t = "_item_9r5ds_13", n = "_disabled_9r5ds_26", r = "_dragging_9r5ds_37", i = "_over_9r5ds_46", a = "_dragHandle_9r5ds_67", o = {
 	root: e,
 	item: t,
 	disabled: n,

package/dist/components/data-display/SwipeAction/swipe-action.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1docb_2`,t=`_actions_1docb_10`,n=`_left_1docb_17`,r=`_right_1docb_20`,i=`_action_1docb_10`,a=`_primary_1docb_45`,o=`_danger_1docb_48`,s=`_warning_1docb_51`,c=`_success_1docb_55`,l=`_neutral_1docb_58`,u=`_label_1docb_61`,d=`_content_1docb_64`,f={container:e,actions:t,left:n,right:r,action:i,primary:a,danger:o,warning:s,success:c,neutral:l,label:u,content:d};exports.action=i,exports.actions=t,exports.container=e,exports.content=d,exports.danger=o,exports.default=f,exports.label=u,exports.left=n,exports.neutral=l,exports.primary=a,exports.right=r,exports.success=c,exports.warning=s;
+var e=`_container_8pbgw_2`,t=`_actions_8pbgw_10`,n=`_left_8pbgw_17`,r=`_right_8pbgw_20`,i=`_action_8pbgw_10`,a=`_primary_8pbgw_45`,o=`_danger_8pbgw_48`,s=`_warning_8pbgw_51`,c=`_success_8pbgw_55`,l=`_neutral_8pbgw_58`,u=`_label_8pbgw_61`,d=`_content_8pbgw_64`,f={container:e,actions:t,left:n,right:r,action:i,primary:a,danger:o,warning:s,success:c,neutral:l,label:u,content:d};exports.action=i,exports.actions=t,exports.container=e,exports.content=d,exports.danger=o,exports.default=f,exports.label=u,exports.left=n,exports.neutral=l,exports.primary=a,exports.right=r,exports.success=c,exports.warning=s;

package/dist/components/data-display/SwipeAction/swipe-action.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/SwipeAction/swipe-action.module.scss
-var e = "_container_1docb_2", t = "_actions_1docb_10", n = "_left_1docb_17", r = "_right_1docb_20", i = "_action_1docb_10", a = "_primary_1docb_45", o = "_danger_1docb_48", s = "_warning_1docb_51", c = "_success_1docb_55", l = "_neutral_1docb_58", u = "_label_1docb_61", d = "_content_1docb_64", f = {
+var e = "_container_8pbgw_2", t = "_actions_8pbgw_10", n = "_left_8pbgw_17", r = "_right_8pbgw_20", i = "_action_8pbgw_10", a = "_primary_8pbgw_45", o = "_danger_8pbgw_48", s = "_warning_8pbgw_51", c = "_success_8pbgw_55", l = "_neutral_8pbgw_58", u = "_label_8pbgw_61", d = "_content_8pbgw_64", f = {
 	container: e,
 	actions: t,
 	left: n,

package/dist/components/data-display/Table/Table.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("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./table.module.cjs"),a=require("./useTableSort.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=o.default.forwardRef(({asChild:e=!1,striped:n=!1,bordered:r=!1,hoverable:a=!1,fullWidth:o=!1,stickyHeader:l=!1,scrollbar:u=`default`,mobileCard:d=!1,height:f,maxHeight:p,containerClassName:m,card:h=!1,className:g,children:_,...v},y)=>{let b={height:f,maxHeight:p,overflow:f||p?`auto`:void 0},x=e?t.Root:`table`;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.container,l&&i.default.sticky,u===`subtle`&&i.default.subtleScrollbar,u===`hidden`&&i.default.noScrollbar,h&&i.default.cardContainer,m),style:b,tabIndex:f||p?0:void 0,role:`none`,"data-testid":`table-container`,children:(0,c.jsx)(x,{className:(0,s.default)(i.default.root,n&&i.default.striped,r&&i.default.bordered,a&&i.default.hoverable,o&&i.default.fullWidth,l&&i.default.stickyHeader,d===`md`?i.default.mobileCardMd:d&&i.default.mobileCard,`wim-table`,g),ref:y,"data-testid":`table-root`,...v,children:(0,c.jsx)(t.Slottable,{children:_})})})}),u=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`thead`,{className:(0,s.default)(i.default.header,n),ref:o,"data-testid":`table-header`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),d=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`tbody`,{className:(0,s.default)(i.default.body,n),ref:o,"data-testid":`table-body`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),f=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...i},a)=>(0,c.jsx)(e?t.Root:`tfoot`,{className:n,ref:a,"data-testid":`table-footer`,...i,children:(0,c.jsx)(t.Slottable,{children:r})})),p=o.default.forwardRef(({asChild:e=!1,selected:n=!1,className:r,children:a,...o},l)=>(0,c.jsx)(e?t.Root:`tr`,{className:(0,s.default)(i.default.row,n&&i.default.selected,r),ref:l,"data-testid":`table-row`,...o,children:(0,c.jsx)(t.Slottable,{children:a})})),m=o.default.forwardRef(({asChild:e=!1,sortable:a=!1,sortDirection:o=`none`,onSort:l,selection:u=!1,stickyLeft:d=!1,stickyRight:f=!1,leftOffset:p,rightOffset:m,stickyZIndex:h,className:g,style:_,children:v,...y},b)=>(0,c.jsx)(e?t.Root:`th`,{className:(0,s.default)(i.default.head,a&&i.default.sortable,u&&i.default.selection,d&&i.default.stickyLeft,f&&i.default.stickyRight,g),style:{..._,left:d?p===void 0?0:p:void 0,right:f?m===void 0?0:m:void 0,zIndex:h===void 0?void 0:h},ref:b,"data-testid":`table-head`,...y,onClick:a?l:y.onClick,tabIndex:y.tabIndex===void 0?a?0:void 0:y.tabIndex,"aria-sort":a?o===`asc`?`ascending`:o===`desc`?`descending`:`none`:void 0,onKeyDown:e=>{a&&l&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),l(e)),y.onKeyDown?.(e)},children:(0,c.jsxs)(`div`,{className:i.default.headContent,children:[(0,c.jsx)(t.Slottable,{children:v}),a&&(0,c.jsx)(`span`,{className:(0,s.default)(i.default.sortIcon,i.default[o]),children:(0,c.jsx)(r.Icon,{component:n.default,size:`sm`})})]})})),h=o.default.forwardRef(({asChild:e=!1,selection:n=!1,label:r,stickyLeft:a=!1,stickyRight:o=!1,leftOffset:l,rightOffset:u,stickyZIndex:d,className:f,style:p,children:m,...h},g)=>(0,c.jsx)(e?t.Root:`td`,{className:(0,s.default)(i.default.cell,n&&i.default.selection,a&&i.default.stickyLeft,o&&i.default.stickyRight,f),style:{...p,left:a?l===void 0?0:l:void 0,right:o?u===void 0?0:u:void 0,zIndex:d===void 0?void 0:d},"data-label":r,ref:g,"data-testid":`table-cell`,...h,children:(0,c.jsx)(t.Slottable,{children:m})}));l.displayName=`Table`,u.displayName=`Table.Header`,d.displayName=`Table.Body`,f.displayName=`Table.Footer`,p.displayName=`Table.Row`,m.displayName=`Table.Head`,h.displayName=`Table.Cell`;var g=l;g.Header=u,g.Body=d,g.Footer=f,g.Row=p,g.Head=m,g.Cell=h,exports.Table=g,exports.default=g,exports.TableBody=d,exports.TableCell=h,exports.TableFooter=f,exports.TableHead=m,exports.TableHeader=u,exports.TableRow=p,exports.getNextSortDirection=a.getNextSortDirection,exports.useTableSort=a.useTableSort;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./table.module.cjs"),a=require("./useTableSort.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=o.default.forwardRef(({asChild:e=!1,striped:n=!1,bordered:r=!1,hoverable:a=!1,fullWidth:o=!1,stickyHeader:l=!1,scrollbar:u=`default`,mobileCard:d=!1,height:f,maxHeight:p,containerClassName:m,card:h=!1,className:g,children:_,...v},y)=>{let b={height:f,maxHeight:p,overflow:f||p?`auto`:void 0},x=e?t.Root:`table`;return(0,c.jsx)(`div`,{className:i.default.scope,children:(0,c.jsx)(`div`,{className:(0,s.default)(i.default.container,l&&i.default.sticky,u===`subtle`&&i.default.subtleScrollbar,u===`hidden`&&i.default.noScrollbar,h&&i.default.cardContainer,m),style:b,tabIndex:f||p?0:void 0,role:`none`,"data-testid":`table-container`,children:(0,c.jsx)(x,{className:(0,s.default)(i.default.root,n&&i.default.striped,r&&i.default.bordered,a&&i.default.hoverable,o&&i.default.fullWidth,l&&i.default.stickyHeader,d===`md`?i.default.mobileCardMd:d&&i.default.mobileCard,`wim-table`,g),ref:y,"data-testid":`table-root`,...v,children:(0,c.jsx)(t.Slottable,{children:_})})})})}),u=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`thead`,{className:(0,s.default)(i.default.header,n),ref:o,"data-testid":`table-header`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),d=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...a},o)=>(0,c.jsx)(e?t.Root:`tbody`,{className:(0,s.default)(i.default.body,n),ref:o,"data-testid":`table-body`,...a,children:(0,c.jsx)(t.Slottable,{children:r})})),f=o.default.forwardRef(({asChild:e=!1,className:n,children:r,...i},a)=>(0,c.jsx)(e?t.Root:`tfoot`,{className:n,ref:a,"data-testid":`table-footer`,...i,children:(0,c.jsx)(t.Slottable,{children:r})})),p=o.default.forwardRef(({asChild:e=!1,selected:n=!1,className:r,children:a,...o},l)=>(0,c.jsx)(e?t.Root:`tr`,{className:(0,s.default)(i.default.row,n&&i.default.selected,r),ref:l,"data-testid":`table-row`,...o,children:(0,c.jsx)(t.Slottable,{children:a})})),m=o.default.forwardRef(({asChild:e=!1,sortable:a=!1,sortDirection:o=`none`,onSort:l,selection:u=!1,stickyLeft:d=!1,stickyRight:f=!1,leftOffset:p,rightOffset:m,stickyZIndex:h,className:g,style:_,children:v,...y},b)=>(0,c.jsx)(e?t.Root:`th`,{className:(0,s.default)(i.default.head,a&&i.default.sortable,u&&i.default.selection,d&&i.default.stickyLeft,f&&i.default.stickyRight,g),style:{..._,left:d?p===void 0?0:p:void 0,right:f?m===void 0?0:m:void 0,zIndex:h===void 0?void 0:h},ref:b,"data-testid":`table-head`,...y,onClick:a?l:y.onClick,tabIndex:y.tabIndex===void 0?a?0:void 0:y.tabIndex,"aria-sort":a?o===`asc`?`ascending`:o===`desc`?`descending`:`none`:void 0,onKeyDown:e=>{a&&l&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),l(e)),y.onKeyDown?.(e)},children:(0,c.jsxs)(`div`,{className:i.default.headContent,children:[(0,c.jsx)(t.Slottable,{children:v}),a&&(0,c.jsx)(`span`,{className:(0,s.default)(i.default.sortIcon,i.default[o]),children:(0,c.jsx)(r.Icon,{component:n.default,size:`sm`})})]})})),h=o.default.forwardRef(({asChild:e=!1,selection:n=!1,label:r,stickyLeft:a=!1,stickyRight:o=!1,leftOffset:l,rightOffset:u,stickyZIndex:d,className:f,style:p,children:m,...h},g)=>(0,c.jsx)(e?t.Root:`td`,{className:(0,s.default)(i.default.cell,n&&i.default.selection,a&&i.default.stickyLeft,o&&i.default.stickyRight,f),style:{...p,left:a?l===void 0?0:l:void 0,right:o?u===void 0?0:u:void 0,zIndex:d===void 0?void 0:d},"data-label":r,ref:g,"data-testid":`table-cell`,...h,children:(0,c.jsx)(t.Slottable,{children:m})}));l.displayName=`Table`,u.displayName=`Table.Header`,d.displayName=`Table.Body`,f.displayName=`Table.Footer`,p.displayName=`Table.Row`,m.displayName=`Table.Head`,h.displayName=`Table.Cell`;var g=l;g.Header=u,g.Body=d,g.Footer=f,g.Row=p,g.Head=m,g.Cell=h,exports.Table=g,exports.default=g,exports.TableBody=d,exports.TableCell=h,exports.TableFooter=f,exports.TableHead=m,exports.TableHeader=u,exports.TableRow=p,exports.getNextSortDirection=a.getNextSortDirection,exports.useTableSort=a.useTableSort;