@npm-questionpro/wick-ui-lib 2.0.0-next.27 → 2.0.0-next.28

package/dist/components/table/components/dataTable/WuDataTable.d.ts

@@ -19,6 +19,7 @@ export interface IWuDataTableProps<T> extends React.TableHTMLAttributes<HTMLTabl
     HeaderAction?: React.ReactNode;
     NoDataContent?: React.ReactNode;
     stickyHeader?: boolean;
+    maxHeight?: number | string;
     isRowExpandable?: boolean;
     hideHeader?: boolean;
     virtualization?: {
@@ -28,4 +29,4 @@ export interface IWuDataTableProps<T> extends React.TableHTMLAttributes<HTMLTabl
     };
     tableLayout?: 'fixed' | 'auto';
 }
-export declare const WuDataTable: <T>({ data, columns, isLoading, variant, sort, size, rowSelection, HeaderAction, NoDataContent, stickyHeader, CustomLoader, caption, virtualization, isRowExpandable, hideHeader, tableLayout, style, className, ...props }: IWuDataTableProps<T>) => React.JSX.Element;
+export declare const WuDataTable: <T>({ data, columns, isLoading, variant, sort, size, rowSelection, HeaderAction, NoDataContent, stickyHeader, maxHeight, CustomLoader, caption, virtualization, isRowExpandable, hideHeader, tableLayout, style, className, ...props }: IWuDataTableProps<T>) => React.JSX.Element;

package/dist/components/table/components/table/WuTable.d.ts

@@ -19,6 +19,7 @@ export interface IWuTableProps<T> extends React.TableHTMLAttributes<HTMLTableEle
         pageSize: number;
     };
     stickyHeader?: boolean;
+    maxHeight?: number | string;
     HeaderAction?: React.ReactNode;
     CustomLoader?: React.ReactNode;
     NoDataContent?: React.ReactNode;
@@ -32,4 +33,4 @@ export interface IWuTableProps<T> extends React.TableHTMLAttributes<HTMLTableEle
     };
     tableLayout?: 'fixed' | 'auto';
 }
-export declare const WuTable: <T>({ data, columns, variant, size, sort, filterText, pagination, stickyHeader, HeaderAction, CustomLoader, NoDataContent, isLoading, caption, rowSelection, isRowExpandable, hideHeader, virtualization, tableLayout, style, className, ...rest }: IWuTableProps<T>) => React.JSX.Element;
+export declare const WuTable: <T>({ data, columns, variant, size, sort, filterText, pagination, stickyHeader, maxHeight, HeaderAction, CustomLoader, NoDataContent, isLoading, caption, rowSelection, isRowExpandable, hideHeader, virtualization, tableLayout, style, className, ...rest }: IWuTableProps<T>) => React.JSX.Element;

package/dist/wick-ui-lib/es/index.js

@@ -11,13 +11,13 @@ import { Arrow as S, Portal as C } from "@radix-ui/react-tooltip";
 import { add as w, differenceInCalendarDays as T, format as E, isBefore as D, isSameDay as O, isToday as k, isValid as A, parse as j, parseISO as M, startOfDay as N, sub as P } from "date-fns";
 import * as F from "@radix-ui/react-popover";
 import { PopoverClose as I, PopoverTrigger as L } from "@radix-ui/react-popover";
-import { DayPicker as ee, getDefaultClassNames as R } from "react-day-picker";
-import { Slot as z } from "@radix-ui/react-slot";
-import { cva as B } from "class-variance-authority";
-import * as te from "@radix-ui/react-label";
-import { Input as ne } from "@base-ui/react/input";
-import * as re from "@radix-ui/react-checkbox";
-import { TableVirtuoso as ie, Virtuoso as V } from "react-virtuoso";
+import { DayPicker as R, getDefaultClassNames as z } from "react-day-picker";
+import { Slot as B } from "@radix-ui/react-slot";
+import { cva as V } from "class-variance-authority";
+import * as ee from "@radix-ui/react-label";
+import { Input as te } from "@base-ui/react/input";
+import * as ne from "@radix-ui/react-checkbox";
+import { TableVirtuoso as re, Virtuoso as ie } from "react-virtuoso";
 import { Command as H } from "cmdk";
 import * as U from "@radix-ui/react-dropdown-menu";
 import * as W from "@radix-ui/react-dialog";
@@ -1260,7 +1260,7 @@ var Et = ({ label: e, className: t }) => {
 		label: "Last year",
 		value: 365
 	}
-], Pt = B([
+], Pt = V([
 	"wu-inline-flex wu-items-center wu-justify-center wu-rounded",
 	"wu-whitespace-nowrap wu-text-sm wu-leading-normal wu-font-normal",
 	"wu-transition-colors wu-duration-300",
@@ -1324,7 +1324,7 @@ var Et = ({ label: e, className: t }) => {
 		color: "primary"
 	},
 	compoundVariants: []
-}), Ft = t.forwardRef(({ className: e, variant: t, size: n, color: r, asChild: i = !1, ...a }, o) => /* @__PURE__ */ _(i ? z : "button", {
+}), Ft = t.forwardRef(({ className: e, variant: t, size: n, color: r, asChild: i = !1, ...a }, o) => /* @__PURE__ */ _(i ? B : "button", {
 	className: K(Pt({
 		size: n,
 		color: r,
@@ -1338,8 +1338,8 @@ Ft.displayName = "Button";
 //#endregion
 //#region src/components/calender/shadcn/calendar.tsx
 function It({ className: e, classNames: t, dir: n = "ltr", ...r }) {
-	let i = R();
-	return /* @__PURE__ */ _(ee, {
+	let i = z();
+	return /* @__PURE__ */ _(R, {
 		showOutsideDays: r.showOutsideDays || !1,
 		className: K("wu-p-3", e),
 		classNames: {
@@ -1406,12 +1406,12 @@ var Vt = (e) => {
 		},
 		children: a && `${t?.current?.value.length}/${n}`
 	});
-}, Ut = B("wu-text-xs wu-font-normal wu-leading-none peer-disabled:wu-cursor-not-allowed peer-disabled:wu-text-gray-subtle peer-readonly:wu-text-gray-subtle peer-required:after:wu-content-['*'] peer-required:after:wu-ml-[2px] peer-required:after:wu-text-red-deep peer-aria-[required]:after:wu-content-['*'] peer-aria-[required]:after:wu-ml-[2px] peer-aria-[required]:after:wu-text-red-deep"), Wt = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(te.Root, {
+}, Ut = V("wu-text-xs wu-font-normal wu-leading-none peer-disabled:wu-cursor-not-allowed peer-disabled:wu-text-gray-subtle peer-readonly:wu-text-gray-subtle peer-required:after:wu-content-['*'] peer-required:after:wu-ml-[2px] peer-required:after:wu-text-red-deep peer-aria-[required]:after:wu-content-['*'] peer-aria-[required]:after:wu-ml-[2px] peer-aria-[required]:after:wu-text-red-deep"), Wt = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(ee.Root, {
 	ref: n,
 	className: K(Ut(), e),
 	...t
 }));
-Wt.displayName = te.Root.displayName;
+Wt.displayName = ee.Root.displayName;
 //#endregion
 //#region src/components/formGroup/components/WuLabel.tsx
 var Z = (e) => /* @__PURE__ */ _(Wt, {
@@ -1571,7 +1571,7 @@ var Xt = n.memo(n.forwardRef(({ className: e, Label: t, labelPosition: r = "top"
 				className: Jt.wuInputIcon,
 				children: C
 			}),
-			/* @__PURE__ */ _(ne, {
+			/* @__PURE__ */ _(te, {
 				ref: h,
 				className: E,
 				"data-variant": o,
@@ -1999,16 +1999,16 @@ var fn = n.forwardRef((e, t) => {
 fn.displayName = "WuCardHeader";
 //#endregion
 //#region src/base/ui/checkbox.tsx
-var pn = t.forwardRef(({ className: e, partial: t, ...n }, r) => /* @__PURE__ */ _(re.Root, {
+var pn = t.forwardRef(({ className: e, partial: t, ...n }, r) => /* @__PURE__ */ _(ne.Root, {
 	ref: r,
 	className: K("wu-h-4 wu-w-4 wu-shrink-0 wu-rounded-[2px] wu-bg-white wu-border wu-border-gray-subtle wu-ring-offset-background focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-[1px] data-[state=checked]:wu-bg-blue-p data-[state=checked]:wu-text-white data-[state=checked]:wu-border-none data-[state=checked]:hover:wu-bg-blue-q hover:wu-bg-gray-20 hover:wu-border-blue-p wu-transition-all data-[state=checked]:disabled:wu-bg-gray-20", "disabled:wu-cursor-not-allowed disabled:wu-opacity-50 disabled:data-[state=unchecked]:wu-bg-gray-20 disabled:hover:wu-border-gray-subtle disabled:wu-border-gray-subtle", e),
 	...n,
-	children: /* @__PURE__ */ v(re.Indicator, {
+	children: /* @__PURE__ */ v(ne.Indicator, {
 		className: K("wu-flex wu-items-center wu-justify-center wu-text-current"),
 		children: [!t && /* @__PURE__ */ _("span", { className: "wm-check wu-text-base wu-leading-4" }), t && /* @__PURE__ */ _("span", { className: "wm-check-indeterminate-small wu-text-base wu-leading-4" })]
 	})
 }));
-pn.displayName = re.Root.displayName;
+pn.displayName = ne.Root.displayName;
 //#endregion
 //#region src/components/checkbox/WuCheckbox.tsx
 var mn = n.forwardRef((e, t) => {
@@ -2037,7 +2037,7 @@ var mn = n.forwardRef((e, t) => {
 			children: a
 		})]
 	});
-}), hn = B("wu-flex wu-items-center wu-gap-2 wu-w-fit", { variants: { labelPosition: {
+}), hn = V("wu-flex wu-items-center wu-gap-2 wu-w-fit", { variants: { labelPosition: {
 	left: "wu-flex-row-reverse wu-text-right",
 	right: "wu-flex-row"
 } } });
@@ -2103,7 +2103,7 @@ var vn = (e, t, n, r) => d(() => {
 	n,
 	r.value,
 	e
-]), yn = n.forwardRef(({ containerHeight: e = 400, list: t, callback: n, dir: r, className: i, style: a }, o) => /* @__PURE__ */ _(V, {
+]), yn = n.forwardRef(({ containerHeight: e = 400, list: t, callback: n, dir: r, className: i, style: a }, o) => /* @__PURE__ */ _(ie, {
 	ref: o,
 	dir: r,
 	className: i,
@@ -2403,22 +2403,22 @@ var qn = (e) => {
 		enabledOptions: i
 	};
 }, Yn = o(Xt), Xn = ({ data: e, accessorKey: t, value: n, defaultValue: r, Header: i, virtualizedThreshold: a = 100, isEllipse: o, placeholder: c, variant: l, dir: m, onSelect: h, Label: g, maxHeight: y = 420, multiple: b = !1, hasGroup: x = !1, selectAll: S, id: C, disabled: w, labelPosition: T = "top", className: E, onScroll: D, maxContentWidth: O, enableSearch: k = !0, noDataContent: A, selectedToTop: j = !1, ...M }) => {
-	let [N, P] = p(""), [F, I] = p(), [L, ee] = p(!1), [R, z] = p(!1), [B, te] = p(!1), ne = f(null), { allOptions: re, enabledOptions: ie } = d(() => x || S && !S.includeDisabled ? Jn(e) : {
+	let [N, P] = p(""), [F, I] = p(), [L, R] = p(!1), [z, B] = p(!1), [V, ee] = p(!1), te = f(null), { allOptions: ne, enabledOptions: re } = d(() => x || S && !S.includeDisabled ? Jn(e) : {
 		allOptions: e,
 		groups: [],
 		dividers: [],
 		enabledOptions: []
-	}, [e, x]), V = d(() => {
+	}, [e, x]), ie = d(() => {
 		if (!N) return e;
 		let n = N.toLowerCase();
-		return re.filter((e) => e[t.label].toLowerCase().includes(n));
+		return ne.filter((e) => e[t.label].toLowerCase().includes(n));
 	}, [
 		N,
-		re,
+		ne,
 		e,
 		t.label
-	]), H = vn(j, d(() => b && S?.enable && !N && V.length > 0 ? [{ type: "all" }, ...V] : V, [
-		V,
+	]), H = vn(j, d(() => b && S?.enable && !N && ie.length > 0 ? [{ type: "all" }, ...ie] : ie, [
+		ie,
 		N,
 		b
 	]), F, t), U = s((e) => {
@@ -2426,7 +2426,7 @@ var qn = (e) => {
 		b ? I((r) => {
 			let i = r || [], a = i.some((e) => e[t.value] === n) ? i.filter((e) => e[t.value] !== n) : [...i, e];
 			return h?.(a), a;
-		}) : (ee(!1), I(e), h?.(e));
+		}) : (R(!1), I(e), h?.(e));
 	}, [
 		b,
 		t.value,
@@ -2439,26 +2439,26 @@ var qn = (e) => {
 		} else n === void 0 ? r !== void 0 && I(r) : I(n);
 	}, [n, r]), u(() => {
 		if (!b) return;
-		let e = S?.includeDisabled ? F?.length === re.length : F?.length === ie.length;
-		z(e), te(F?.length > 0 && !e);
+		let e = S?.includeDisabled ? F?.length === ne.length : F?.length === re.length;
+		B(e), ee(F?.length > 0 && !e);
 	}, [F, S]);
 	let oe = s(() => {
-		let e = R ? [] : S?.includeDisabled ? re : ie;
+		let e = z ? [] : S?.includeDisabled ? ne : re;
 		I(e), h?.(e);
 	}, [
-		R,
+		z,
 		b,
+		ne,
 		re,
-		ie,
 		h,
 		S
 	]);
 	return /* @__PURE__ */ v("div", {
 		className: K(ke(T), "wu-flex wu-combobox-container"),
-		ref: ne,
+		ref: te,
 		children: [/* @__PURE__ */ v(Rt, {
 			onOpenChange: (e) => {
-				e && ae(), ee(e);
+				e && ae(), R(e);
 			},
 			open: L,
 			modal: !0,
@@ -2472,7 +2472,7 @@ var qn = (e) => {
 				multiple: b,
 				disabled: w,
 				selectAll: S,
-				isCheckedAll: R,
+				isCheckedAll: z,
 				className: E,
 				id: C,
 				...M
@@ -2513,8 +2513,8 @@ var qn = (e) => {
 									dir: m,
 									selectAll: S,
 									handleSelectAll: oe,
-									isCheckedAll: R,
-									isPartialSelected: B
+									isCheckedAll: z,
+									isPartialSelected: V
 								}, a);
 							},
 							dir: m
@@ -2537,8 +2537,8 @@ var qn = (e) => {
 									dir: m,
 									selectAll: S,
 									handleSelectAll: oe,
-									isCheckedAll: R,
-									isPartialSelected: B
+									isCheckedAll: z,
+									isPartialSelected: V
 								}, a);
 							})
 						})] })
@@ -2579,7 +2579,7 @@ var qn = (e) => {
 	ref: n
 }));
 nr.displayName = W.Overlay.displayName;
-var rr = B("wu-fixed wu-z-50 wu-gap-4 wu-p-6 wu-shadow-lg wu-transition wu-ease-in-out data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-duration-500 data-[state=open]:wu-duration-500", {
+var rr = V("wu-fixed wu-z-50 wu-gap-4 wu-p-6 wu-shadow-lg wu-transition wu-ease-in-out data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-duration-500 data-[state=open]:wu-duration-500", {
 	variants: { side: {
 		top: "wu-inset-x-0 wu-top-0 wu-border-b data-[state=closed]:wu-slide-out-to-top data-[state=open]:wu-slide-in-from-top",
 		bottom: "wu-inset-x-0 wu-bottom-0 wu-border-t data-[state=closed]:wu-slide-out-to-bottom data-[state=open]:wu-slide-in-from-bottom",
@@ -3164,39 +3164,39 @@ var Ir = n.memo(Fr), Lr = (e) => {
 	}
 	return a;
 }, Hr = (e) => {
-	let { data: t, accessorKey: r, value: i, Item: a, Label: o, GroupLabel: s, CustomHeader: c, CustomTrigger: l, NoDataContent: u, Chip: d, onSelect: f, onScroll: p, disabled: m, multiple: h, searchable: g, selectAll: y, virtualizedThreshold: b = 100, showGroupSeparator: x, id: S, dir: C, className: w, listClass: T, placeholder: E = "Select items...", variant: D, labelPosition: O = "top", maxContentWidth: k, maxContentHeight: A, modal: j, ...M } = e, [N, P] = n.useState(!1), [F, I] = n.useState(""), [L, ee] = n.useState(i), R = n.useMemo(() => r, [r]), z = n.useMemo(() => !g || !F ? t : Vr(t, F.toLowerCase().trim(), r), [
+	let { data: t, accessorKey: r, value: i, Item: a, Label: o, GroupLabel: s, CustomHeader: c, CustomTrigger: l, NoDataContent: u, Chip: d, onSelect: f, onScroll: p, disabled: m, multiple: h, searchable: g, selectAll: y, virtualizedThreshold: b = 100, showGroupSeparator: x, id: S, dir: C, className: w, listClass: T, placeholder: E = "Select items...", variant: D, labelPosition: O = "top", maxContentWidth: k, maxContentHeight: A, modal: j, ...M } = e, [N, P] = n.useState(!1), [F, I] = n.useState(""), [L, R] = n.useState(i), z = n.useMemo(() => r, [r]), B = n.useMemo(() => !g || !F ? t : Vr(t, F.toLowerCase().trim(), r), [
 		t,
 		F,
 		r.label,
 		g
-	]), B = (e) => {
-		h ? ee((t) => {
+	]), V = (e) => {
+		h ? R((t) => {
 			let n = e[r.value], i = Array.isArray(t) ? t : [], a = i.some((e) => e[r.value] === n) ? i.filter((e) => e[r.value] !== n) : [...i, e];
 			return f && f(a), a;
-		}) : (ee(e), f && f(e), P(!1));
-	}, te = n.useCallback((e) => {
+		}) : (R(e), f && f(e), P(!1));
+	}, ee = n.useCallback((e) => {
 		let n = e ? t : [];
-		ee(n), y?.onSelectAll && y.onSelectAll(e), f && f(n);
+		R(n), y?.onSelectAll && y.onSelectAll(e), f && f(n);
 	}, [
 		t,
 		y,
 		f
-	]), ne = (e) => Array.isArray(L) ? L.some((t) => t[r.value] === e[r.value]) : L?.[r.value] === e[r.value];
+	]), te = (e) => Array.isArray(L) ? L.some((t) => t[r.value] === e[r.value]) : L?.[r.value] === e[r.value];
 	n.useEffect(() => {
-		ee(i);
+		R(i);
 	}, [i]);
-	let re = (e) => {
+	let ne = (e) => {
 		let t = (t, i) => {
 			let o = r.group && Array.isArray(t[r.group]), c = x && o && i > 0 && e.length > 1;
 			return /* @__PURE__ */ v(n.Fragment, { children: [c && /* @__PURE__ */ _(Dn, {}), /* @__PURE__ */ _(Ir, {
 				option: t,
-				accessorKey: R,
+				accessorKey: z,
 				multiple: h,
-				onSelect: (e) => B(e),
+				onSelect: (e) => V(e),
 				dir: C,
 				GroupLabel: s,
 				Item: a,
-				isSelected: (e) => ne(e)
+				isSelected: (e) => te(e)
 			})] }, JSON.stringify(t));
 		};
 		return e.length > b ? /* @__PURE__ */ _(yn, {
@@ -3228,7 +3228,7 @@ var Ir = n.memo(Fr), Lr = (e) => {
 				placeholder: E,
 				Chip: d,
 				className: w,
-				handleUnselect: B,
+				handleUnselect: V,
 				variant: D,
 				id: S,
 				dir: C,
@@ -3256,10 +3256,10 @@ var Ir = n.memo(Fr), Lr = (e) => {
 								/* @__PURE__ */ _(En, { children: h && y?.enabled && !F && /* @__PURE__ */ _(Rr, {
 									data: t,
 									value: L,
-									onSelectAll: te,
+									onSelectAll: ee,
 									label: y.label
 								}) }),
-								/* @__PURE__ */ _(En, { children: re(z) })
+								/* @__PURE__ */ _(En, { children: ne(B) })
 							]
 						})
 					]
@@ -3598,14 +3598,14 @@ var ii = "calc(100vh - 64px)", ai = {
 		cleanData: r
 	};
 }, gi = 100, _i = 400, vi = ({ data: e, onSelect: t, multiple: n = !1, defaultValue: r, value: i, accessorKey: a, variant: o = "flat", dir: c = "ltr", placeholder: l, Label: m, virtualizedThreshold: h = gi, maxHeight: g = _i, hasGroup: y = !1, Header: b, CustomTrigger: x, selectAll: S, disabled: C, labelPosition: w = "top", onScroll: T, maxContentWidth: E, selectedToTop: D = !1, ...O }) => {
-	let [k, A] = p(), j = f(null), [M, N] = p(!1), [P, F] = p(!1), { cleanData: I, enabledOptions: L } = hi(e), ee = d(() => n && S?.enable && e.length > 0 ? [{
+	let [k, A] = p(), j = f(null), [M, N] = p(!1), [P, F] = p(!1), { cleanData: I, enabledOptions: L } = hi(e), R = d(() => n && S?.enable && e.length > 0 ? [{
 		type: "all",
 		[a.label]: S.label || "Select All"
 	}, ...e] : e, [
 		e,
 		S,
 		n
-	]), R = s((e) => {
+	]), z = s((e) => {
 		let r = e[a.value];
 		if (n) A((n = []) => {
 			let i = n, o = i.some((e) => e[a.value] === r) ? i.filter((e) => e[a.value] !== r) : [...i, e];
@@ -3627,13 +3627,13 @@ var ii = "calc(100vh - 64px)", ai = {
 		}
 		!r && !i && A(void 0), r !== void 0 && A(r), i !== void 0 && A(i);
 	}, [r, i]);
-	let z = vn(D, ee, k, a), B = z.length > h;
+	let B = vn(D, R, k, a), V = B.length > h;
 	u(() => {
 		if (!n) return;
 		let t = S?.includeDisabled ? k?.length === e.length : k?.length === L.length;
 		N(t), F(k?.length > 0 && !t);
 	}, [k, S]);
-	let te = s(() => {
+	let ee = s(() => {
 		let n = M ? [] : S?.includeDisabled ? y ? I : e : L;
 		A(n), t?.(n);
 	}, [
@@ -3668,17 +3668,17 @@ var ii = "calc(100vh - 64px)", ai = {
 			align: "start",
 			id: O.id,
 			style: { maxWidth: E },
-			children: [b, B ? /* @__PURE__ */ _(yn, {
-				list: z,
+			children: [b, V ? /* @__PURE__ */ _(yn, {
+				list: B,
 				containerHeight: g,
 				callback: (e, t) => /* @__PURE__ */ _(mi, {
 					option: t,
 					accessorKey: a,
 					multiple: n,
-					onSelect: R,
+					onSelect: z,
 					value: k,
 					dir: c,
-					handleSelectAll: te,
+					handleSelectAll: ee,
 					isCheckedAll: M,
 					isPartialSelected: P
 				}),
@@ -3691,15 +3691,15 @@ var ii = "calc(100vh - 64px)", ai = {
 					overflow: "auto"
 				},
 				className: "wu-select-list",
-				children: z.map((e, t) => {
+				children: B.map((e, t) => {
 					let r = e, i = r[a.value], o = i == null ? `__${"type" in r ? r.type : "item"}__${t}` : String(i);
 					return /* @__PURE__ */ _(mi, {
 						option: r,
 						accessorKey: a,
 						multiple: n,
-						onSelect: R,
+						onSelect: z,
 						value: k,
-						handleSelectAll: te,
+						handleSelectAll: ee,
 						isCheckedAll: M,
 						dir: c,
 						isPartialSelected: P
@@ -4354,14 +4354,14 @@ var ia = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
 	...t
 }));
 ia.displayName = "SidebarGroup";
-var aa = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? z : "div", {
+var aa = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? B : "div", {
 	ref: r,
 	"data-sidebar": "group-label",
 	className: K("wu-flex wu-h-8 wu-shrink-0 wu-items-center wu-rounded-md wu-px-2 wu-text-xs wu-font-medium wu-outline-none wu-transition-[margin,opacity] wu-duration-150 wu-ease-linear focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "group-data-[collapsible=icon]:wu-opacity-0", e),
 	...n
 }));
 aa.displayName = "SidebarGroupLabel";
-var oa = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? z : "button", {
+var oa = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? B : "button", {
 	ref: r,
 	"data-sidebar": "group-action",
 	className: K("wu-absolute wu-right-3 wu-top-3.5 wu-flex wu-aspect-square wu-w-5 wu-items-center wu-justify-center wu-rounded-md wu-p-0 wu-outline-none wu-transition-transform focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "after:wu-absolute after:wu-inset-2 after:md:wu-hidden", "group-data-[collapsible=icon]:wu-hidden", e),
@@ -4389,7 +4389,7 @@ var la = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("li", {
 	...t
 }));
 la.displayName = "SidebarMenuItem";
-var ua = B("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-overflow-hidden wu-rounded-md wu-p-2 wu-text-left wu-text-sm wu-outline-none wu-transition-[width,height,padding] focus-visible:wu-ring-2 disabled:wu-pointer-events-none disabled:wu-opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:wu-pr-8 aria-disabled:wu-pointer-events-none aria-disabled:wu-opacity-50 data-[active=true]:wu-font-medium group-data-[collapsible=icon]:!wu-size-8 group-data-[collapsible=icon]:!wu-p-2 [&>span:last-child]:wu-truncate [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", {
+var ua = V("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-overflow-hidden wu-rounded-md wu-p-2 wu-text-left wu-text-sm wu-outline-none wu-transition-[width,height,padding] focus-visible:wu-ring-2 disabled:wu-pointer-events-none disabled:wu-opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:wu-pr-8 aria-disabled:wu-pointer-events-none aria-disabled:wu-opacity-50 data-[active=true]:wu-font-medium group-data-[collapsible=icon]:!wu-size-8 group-data-[collapsible=icon]:!wu-p-2 [&>span:last-child]:wu-truncate [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", {
 	variants: {
 		variant: {
 			default: "",
@@ -4406,7 +4406,7 @@ var ua = B("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-ov
 		size: "default"
 	}
 }), da = t.forwardRef(({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: r = "default", tooltip: i, className: a, ...o }, s) => {
-	let c = e ? z : "button", { isMobile: l, state: u } = qi(), d = /* @__PURE__ */ _(c, {
+	let c = e ? B : "button", { isMobile: l, state: u } = qi(), d = /* @__PURE__ */ _(c, {
 		ref: s,
 		"data-sidebar": "menu-button",
 		"data-size": r,
@@ -4428,7 +4428,7 @@ var ua = B("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-ov
 	})] })) : d;
 });
 da.displayName = "SidebarMenuButton";
-var fa = t.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, ...r }, i) => /* @__PURE__ */ _(t ? z : "button", {
+var fa = t.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, ...r }, i) => /* @__PURE__ */ _(t ? B : "button", {
 	ref: i,
 	"data-sidebar": "menu-action",
 	className: K("wu-absolute wu-right-1 wu-top-1.5 wu-flex wu-aspect-square wu-w-5 wu-items-center wu-justify-center wu-rounded-md wu-p-0 wu-outline-none wu-transition-transform focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "after:wu-absolute after:wu-inset-2 after:md:wu-hidden", "peer-data-[size=sm]/menu-button:wu-top-1", "peer-data-[size=default]/menu-button:wu-top-1.5", "peer-data-[size=lg]/menu-button:wu-top-2.5", "group-data-[collapsible=icon]:wu-hidden", n && "group-focus-within/menu-item:wu-opacity-100 group-hover/menu-item:wu-opacity-100 data-[state=open]:wu-opacity-100 md:wu-opacity-0", e),
@@ -4472,7 +4472,7 @@ var ga = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ _("li", {
 	...e
 }));
 ga.displayName = "SidebarMenuSubItem";
-var _a = t.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, className: r, ...i }, a) => /* @__PURE__ */ _(e ? z : "a", {
+var _a = t.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, className: r, ...i }, a) => /* @__PURE__ */ _(e ? B : "a", {
 	ref: a,
 	"data-sidebar": "menu-sub-button",
 	"data-size": t,
@@ -4815,7 +4815,7 @@ var va = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
 			]
 		})]
 	});
-}, Pa = B("wu-flex wu-w-fit", { variants: { labelPosition: {
+}, Pa = V("wu-flex wu-w-fit", { variants: { labelPosition: {
 	left: "wu-flex-row wu-text-right wu-gap-2 wu-items-center",
 	top: "wu-flex-col"
 } } }), $ = {
@@ -4913,7 +4913,7 @@ var Ba = n.memo(za), Va = n.memo(({ Sidebar: e, children: t, className: n, ...r
 Va.displayName = "WuSurveySelect";
 //#endregion
 //#region src/base/ui/toggle.tsx
-var Ha = B("wu-inline-flex wu-items-center wu-justify-center wu-text-sm wu-font-medium wu-ring-offset-background wu-transition-colors hover:wu-bg-muted hover:wu-text-muted-foreground focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-2 disabled:wu-cursor-not-allowed disabled:wu-opacity-80", {
+var Ha = V("wu-inline-flex wu-items-center wu-justify-center wu-text-sm wu-font-medium wu-ring-offset-background wu-transition-colors hover:wu-bg-muted hover:wu-text-muted-foreground focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-2 disabled:wu-cursor-not-allowed disabled:wu-opacity-80", {
 	variants: {
 		variant: {
 			default: "wu-bg-transparent",
@@ -5695,7 +5695,7 @@ var Lo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
 	});
 	return /* @__PURE__ */ _("div", {
 		className: "wu-w-full",
-		children: /* @__PURE__ */ _(ie, {
+		children: /* @__PURE__ */ _(re, {
 			style: { height: r },
 			totalCount: b.length,
 			fixedHeaderContent: p ? void 0 : () => /* @__PURE__ */ _(Fo, {
@@ -5759,219 +5759,221 @@ var Lo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
 			}
 		})
 	});
-}, Ro = B("", { variants: { variant: {
+}, Ro = V("", { variants: { variant: {
 	striped: "[&_tr:nth-child(even):not([data-expanded])_td]:wu-bg-zinc-50 [&_tr:nth-child(odd)[data-expanded]:not([data-state=\"selected\"])_td]:wu-bg-zinc-50",
 	unstyled: "",
 	bordered: "wu-border-collapse wu-border wu-border-black/[12%] [&_th]:wu-border [&_td]:wu-border"
-} } }), zo = ({ data: e, columns: t, isLoading: r = !1, variant: i = "unstyled", sort: a, size: o, rowSelection: s, HeaderAction: c, NoDataContent: l, stickyHeader: u = !1, CustomLoader: d, caption: f, virtualization: p, isRowExpandable: m, hideHeader: h = !1, tableLayout: g = "fixed", style: y, className: b, ...x }) => {
-	let [S, C] = n.useState(() => a?.defaultSort ?? null), { scrollContainerRef: w, isScrolledLeft: T, isScrolledRight: E, handleScroll: D } = vo(), { rowSelectionState: O, sortableColumns: k, selectedRowCount: A, columnsWithExpand: j, expanded: M, setExpanded: N, handleRowSelectionChange: P } = _o({
+} } }), zo = ({ data: e, columns: t, isLoading: r = !1, variant: i = "unstyled", sort: a, size: o, rowSelection: s, HeaderAction: c, NoDataContent: l, stickyHeader: u = !1, maxHeight: d, CustomLoader: f, caption: p, virtualization: m, isRowExpandable: h, hideHeader: g = !1, tableLayout: y = "fixed", style: b, className: x, ...S }) => {
+	let [C, w] = n.useState(() => a?.defaultSort ?? null), { scrollContainerRef: T, isScrolledLeft: E, isScrolledRight: D, handleScroll: O } = vo(), { rowSelectionState: k, sortableColumns: A, selectedRowCount: j, columnsWithExpand: M, expanded: N, setExpanded: P, handleRowSelectionChange: F } = _o({
 		data: e,
 		columns: t,
 		rowSelection: s,
-		isRowExpandable: m
-	}), F = we({
+		isRowExpandable: h
+	}), I = we({
 		data: e,
-		columns: j,
+		columns: M,
 		getCoreRowModel: ye(),
 		getPaginationRowModel: Se(),
-		getExpandedRowModel: m ? be() : void 0,
+		getExpandedRowModel: h ? be() : void 0,
 		manualPagination: !0,
 		manualSorting: !0,
 		manualFiltering: !0,
 		enableRowSelection: s?.isRowDisabled ? (e) => !s.isRowDisabled(e.original) : !0,
-		enableExpanding: !!m,
+		enableExpanding: !!h,
 		state: {
-			sorting: S ? [{
-				id: S.id,
-				desc: S.desc
+			sorting: C ? [{
+				id: C.id,
+				desc: C.desc
 			}] : [],
-			...s?.isEnabled ? { rowSelection: O } : {},
-			...m ? { expanded: M } : {}
+			...s?.isEnabled ? { rowSelection: k } : {},
+			...h ? { expanded: N } : {}
 		},
-		onRowSelectionChange: P,
-		...m ? { onExpandedChange: N } : {}
-	}), I = mo(p?.enabled, p?.threshold, e.length), L = p?.maxHeight ?? 600;
+		onRowSelectionChange: F,
+		...h ? { onExpandedChange: P } : {}
+	}), L = mo(m?.enabled, m?.threshold, e.length), R = m?.maxHeight ?? 600, z = typeof d == "number" ? `${d}px` : d;
 	return /* @__PURE__ */ _("div", {
-		className: K("wu-text-gray-lead wu-table-container wu-relative", !I && u && "wu-h-full"),
-		children: I ? /* @__PURE__ */ v("div", {
-			ref: w,
-			onScroll: D,
+		className: K("wu-text-gray-lead wu-table-container wu-relative", !L && u && !z && "wu-h-full"),
+		children: L ? /* @__PURE__ */ v("div", {
+			ref: T,
+			onScroll: O,
 			className: K("wu-overflow-x-auto wu-w-full", Ro({ variant: i })),
-			children: [f && /* @__PURE__ */ _(No, {
+			children: [p && /* @__PURE__ */ _(No, {
 				className: "wu-font-light",
-				children: f
+				children: p
 			}), r ? /* @__PURE__ */ _("div", {
 				className: "wu-text-center wu-h-[35vh] wu-flex wu-items-center wu-justify-center",
-				children: d ?? /* @__PURE__ */ _(Ke, { className: "wu-w-full" })
-			}) : F.getRowModel().rows?.length ? /* @__PURE__ */ _(Lo, {
-				table: F,
+				children: f ?? /* @__PURE__ */ _(Ke, { className: "wu-w-full" })
+			}) : I.getRowModel().rows?.length ? /* @__PURE__ */ _(Lo, {
+				table: I,
 				size: o,
 				isRowDisabled: s?.isRowDisabled,
-				containerHeight: L,
-				sortableColumns: k,
+				containerHeight: R,
+				sortableColumns: A,
 				HeaderAction: c,
-				isRowSelected: A > 0,
+				isRowSelected: j > 0,
 				manual: !0,
 				onSort: (e) => {
-					C(e), a?.onSort(e);
+					w(e), a?.onSort(e);
 				},
-				tableLayout: g,
-				isScrolledLeft: T,
-				isScrolledRight: E,
-				hideHeader: h
+				tableLayout: y,
+				isScrolledLeft: E,
+				isScrolledRight: D,
+				hideHeader: g
 			}) : /* @__PURE__ */ _("div", {
 				className: "wu-p-4 wu-text-center",
 				children: l
 			})]
 		}) : /* @__PURE__ */ _("div", {
-			ref: w,
-			onScroll: D,
-			className: K("wu-overflow-x-auto wu-w-full", u && "wu-overflow-y-auto wu-h-full"),
+			ref: T,
+			onScroll: O,
+			className: K("wu-overflow-x-auto wu-w-full", u && "wu-overflow-y-auto", u && !z && "wu-h-full"),
+			style: u && z ? { maxHeight: z } : void 0,
 			children: /* @__PURE__ */ v(Eo, {
-				...x,
-				className: K("wu-w-full", Ro({ variant: i }), b),
+				...S,
+				className: K("wu-w-full", Ro({ variant: i }), x),
 				style: {
-					tableLayout: g,
-					...y
+					tableLayout: y,
+					...b
 				},
 				children: [
-					f && /* @__PURE__ */ _(No, {
+					p && /* @__PURE__ */ _(No, {
 						className: "wu-font-light",
-						children: f
+						children: p
 					}),
-					!h && /* @__PURE__ */ _(Fo, {
-						table: F,
-						sortableColumns: k,
+					!g && /* @__PURE__ */ _(Fo, {
+						table: I,
+						sortableColumns: A,
 						manual: !0,
 						onSort: (e) => {
-							C(e), a?.onSort(e);
+							w(e), a?.onSort(e);
 						},
 						size: o,
 						HeaderAction: c,
-						isRowSelected: A > 0,
+						isRowSelected: j > 0,
 						isStickyHeader: u,
-						isRowExpandable: m,
-						isScrolledLeft: T,
-						isScrolledRight: E
+						isRowExpandable: h,
+						isScrolledLeft: E,
+						isScrolledRight: D
 					}),
 					/* @__PURE__ */ _(Po, {
-						table: F,
+						table: I,
 						size: o,
 						NoDataContent: l,
-						CustomLoader: d,
+						CustomLoader: f,
 						isLoading: r,
 						isRowDisabled: s?.isRowDisabled,
-						isRowExpandable: m,
-						isScrolledLeft: T,
-						isScrolledRight: E
+						isRowExpandable: h,
+						isScrolledLeft: E,
+						isScrolledRight: D
 					})
 				]
 			})
 		})
 	});
-}, Bo = ({ data: e, columns: t, variant: r = "unstyled", size: i = "default", sort: a, filterText: o, pagination: s, stickyHeader: c, HeaderAction: l, CustomLoader: f, NoDataContent: m, isLoading: h, caption: g, rowSelection: y, isRowExpandable: b, hideHeader: x = !1, virtualization: S, tableLayout: C = "fixed", style: w, className: T, ...E }) => {
-	let [D, O] = n.useState(() => a?.defaultSort ? [{
+}, Bo = ({ data: e, columns: t, variant: r = "unstyled", size: i = "default", sort: a, filterText: o, pagination: s, stickyHeader: c, maxHeight: l, HeaderAction: f, CustomLoader: m, NoDataContent: h, isLoading: g, caption: y, rowSelection: b, isRowExpandable: x, hideHeader: S = !1, virtualization: C, tableLayout: w = "fixed", style: T, className: E, ...D }) => {
+	let [O, k] = n.useState(() => a?.defaultSort ? [{
 		id: a.defaultSort.id,
 		desc: a.defaultSort.desc
-	}] : []), [k, A] = p([]), [j, M] = p(s?.pageIndex ?? 0), { scrollContainerRef: N, isScrolledLeft: P, isScrolledRight: F, handleScroll: I } = vo(), { finalColumns: L, rowSelectionState: ee, sortableColumns: R, selectedRowCount: z, columnsWithExpand: B, expanded: te, setExpanded: ne, handleRowSelectionChange: re } = _o({
+	}] : []), [A, j] = p([]), [M, N] = p(s?.pageIndex ?? 0), { scrollContainerRef: P, isScrolledLeft: F, isScrolledRight: I, handleScroll: L } = vo(), { finalColumns: R, rowSelectionState: z, sortableColumns: B, selectedRowCount: V, columnsWithExpand: ee, expanded: te, setExpanded: ne, handleRowSelectionChange: re } = _o({
 		data: e,
 		columns: t,
-		rowSelection: y,
-		isRowExpandable: b
-	}), ie = d(() => L.filter((e) => e.filterable).map((e) => e.accessorKey), [L]), V = we({
+		rowSelection: b,
+		isRowExpandable: x
+	}), ie = d(() => R.filter((e) => e.filterable).map((e) => e.accessorKey), [R]), H = we({
 		data: e,
-		columns: B,
+		columns: ee,
 		getCoreRowModel: ye(),
 		getFilteredRowModel: xe(),
 		getSortedRowModel: Ce(),
 		getPaginationRowModel: s ? Se() : void 0,
-		getExpandedRowModel: b ? be() : void 0,
-		enableRowSelection: y?.isRowDisabled ? (e) => !y.isRowDisabled(e.original) : !0,
-		enableExpanding: !!b,
+		getExpandedRowModel: x ? be() : void 0,
+		enableRowSelection: b?.isRowDisabled ? (e) => !b.isRowDisabled(e.original) : !0,
+		enableExpanding: !!x,
 		state: {
-			sorting: D,
-			columnFilters: k,
+			sorting: O,
+			columnFilters: A,
 			...s ? { pagination: s } : {},
-			...y?.isEnabled ? { rowSelection: ee } : {},
-			...b ? { expanded: te } : {}
+			...b?.isEnabled ? { rowSelection: z } : {},
+			...x ? { expanded: te } : {}
 		},
-		onSortingChange: O,
-		onColumnFiltersChange: A,
+		onSortingChange: k,
+		onColumnFiltersChange: j,
 		onRowSelectionChange: re,
-		...b ? { onExpandedChange: ne } : {}
+		...x ? { onExpandedChange: ne } : {}
 	});
 	u(() => {
 		ie.forEach((e) => {
-			V.getColumn(e)?.setFilterValue(o);
+			H.getColumn(e)?.setFilterValue(o);
 		});
 	}, [
 		o,
 		ie,
-		V
+		H
 	]), u(() => {
-		s && s?.pageIndex !== j && (y?.onRowSelect([]), V.resetRowSelection(), M(s.pageIndex));
+		s && s?.pageIndex !== M && (b?.onRowSelect([]), H.resetRowSelection(), N(s.pageIndex));
 	}, [s?.pageIndex]);
-	let H = mo(S?.enabled, S?.threshold, e.length), U = S?.maxHeight ?? 600;
+	let U = mo(C?.enabled, C?.threshold, e.length), W = C?.maxHeight ?? 600, ae = typeof l == "number" ? `${l}px` : l;
 	return /* @__PURE__ */ _("div", {
-		className: K("wu-text-gray-lead wu-table-container wu-relative", !H && c && "wu-h-full"),
-		children: H ? /* @__PURE__ */ v("div", {
-			ref: N,
-			onScroll: I,
+		className: K("wu-text-gray-lead wu-table-container wu-relative", !U && c && !ae && "wu-h-full"),
+		children: U ? /* @__PURE__ */ v("div", {
+			ref: P,
+			onScroll: L,
 			className: K("wu-overflow-x-auto wu-w-full", Ro({ variant: r })),
-			children: [g && /* @__PURE__ */ _(No, { children: g }), h ? /* @__PURE__ */ _("div", {
+			children: [y && /* @__PURE__ */ _(No, { children: y }), g ? /* @__PURE__ */ _("div", {
 				className: "wu-text-center wu-h-[35vh] wu-flex wu-items-center wu-justify-center",
-				children: f ?? /* @__PURE__ */ _(Ke, { className: "wu-w-full" })
-			}) : V.getRowModel().rows?.length ? /* @__PURE__ */ _(Lo, {
-				table: V,
+				children: m ?? /* @__PURE__ */ _(Ke, { className: "wu-w-full" })
+			}) : H.getRowModel().rows?.length ? /* @__PURE__ */ _(Lo, {
+				table: H,
 				size: i,
-				isRowDisabled: y?.isRowDisabled,
-				containerHeight: U,
-				sortableColumns: R,
-				HeaderAction: l,
-				isRowSelected: z > 0,
-				tableLayout: C,
-				isScrolledLeft: P,
-				isScrolledRight: F,
-				isRowExpandable: b,
-				hideHeader: x
+				isRowDisabled: b?.isRowDisabled,
+				containerHeight: W,
+				sortableColumns: B,
+				HeaderAction: f,
+				isRowSelected: V > 0,
+				tableLayout: w,
+				isScrolledLeft: F,
+				isScrolledRight: I,
+				isRowExpandable: x,
+				hideHeader: S
 			}) : /* @__PURE__ */ _("div", {
 				className: "wu-p-4 wu-text-center",
-				children: m
+				children: h
 			})]
 		}) : /* @__PURE__ */ _("div", {
-			ref: N,
-			onScroll: I,
-			className: K("wu-overflow-x-auto wu-w-full", c && "wu-overflow-y-auto wu-h-full"),
+			ref: P,
+			onScroll: L,
+			className: K("wu-overflow-x-auto wu-w-full", c && "wu-overflow-y-auto", c && !ae && "wu-h-full"),
+			style: c && ae ? { maxHeight: ae } : void 0,
 			children: /* @__PURE__ */ v(Eo, {
-				...E,
-				className: K(`wu-table-${C}`, "wu-w-full", Ro({ variant: r }), T),
+				...D,
+				className: K(`wu-table-${w}`, "wu-w-full", Ro({ variant: r }), E),
 				style: {
-					tableLayout: C,
-					...w
+					tableLayout: w,
+					...T
 				},
 				children: [
-					g && /* @__PURE__ */ _(No, { children: g }),
-					!x && /* @__PURE__ */ _(Fo, {
-						table: V,
-						sortableColumns: R,
+					y && /* @__PURE__ */ _(No, { children: y }),
+					!S && /* @__PURE__ */ _(Fo, {
+						table: H,
+						sortableColumns: B,
 						size: i,
-						HeaderAction: l,
-						isRowSelected: z > 0,
+						HeaderAction: f,
+						isRowSelected: V > 0,
 						isStickyHeader: c,
-						isRowExpandable: b,
-						isScrolledLeft: P,
-						isScrolledRight: F
+						isRowExpandable: x,
+						isScrolledLeft: F,
+						isScrolledRight: I
 					}),
 					/* @__PURE__ */ _(Po, {
-						table: V,
+						table: H,
 						size: i,
-						NoDataContent: m,
-						CustomLoader: f,
-						isLoading: h,
-						isRowDisabled: y?.isRowDisabled,
-						isRowExpandable: b,
-						isScrolledLeft: P,
-						isScrolledRight: F
+						NoDataContent: h,
+						CustomLoader: m,
+						isLoading: g,
+						isRowDisabled: b?.isRowDisabled,
+						isRowExpandable: x,
+						isScrolledLeft: F,
+						isScrolledRight: I
 					})
 				]
 			})
@@ -6286,7 +6288,7 @@ var ms = () => ({ showToast: ({ message: e, variant: t, duration: n, position: r
 	variant: t,
 	duration: n,
 	position: r
-}) }), hs = G.Provider, gs = B("wu-fixed wu-z-[100] wu-flex wu-max-h-screen wu-w-full wu-flex-col-reverse wu-px-4 wu-py-2 sm:wu-flex-col md:wu-max-w-[720px] wu-w-fit wu-toast-container", {
+}) }), hs = G.Provider, gs = V("wu-fixed wu-z-[100] wu-flex wu-max-h-screen wu-w-full wu-flex-col-reverse wu-px-4 wu-py-2 sm:wu-flex-col md:wu-max-w-[720px] wu-w-fit wu-toast-container", {
 	variants: { position: {
 		topRight: "wu-right-0 wu-top-0",
 		top: "wu-top-0 wu-left-1/2 wu--translate-x-1/2",
@@ -6302,7 +6304,7 @@ var ms = () => ({ showToast: ({ message: e, variant: t, duration: n, position: r
 	...n
 }));
 _s.displayName = G.Viewport.displayName;
-var vs = B("group wu-pointer-events-auto wu-text-xs wu-font-normal wu-relative wu-flex wu-w-full wu-min-h-12 wu-items-center wu-justify-between wu-overflow-hidden wu-px-4 wu-pr-0 wu-py-2 wu-shadow-sm wu-transition-all data-[swipe=cancel]:wu-translate-y-0 data-[swipe=end]:wu-translate-y-[var(--radix-toast-swipe-end-y)] data-[swipe=move]:wu-translate-y-[var(--radix-toast-swipe-move-y)] data-[swipe=move]:wu-transition-none data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[swipe=end]:wu-animate-out data-[state=closed]:wu-fade-out-80", {
+var vs = V("group wu-pointer-events-auto wu-text-xs wu-font-normal wu-relative wu-flex wu-w-full wu-min-h-12 wu-items-center wu-justify-between wu-overflow-hidden wu-px-4 wu-pr-0 wu-py-2 wu-shadow-sm wu-transition-all data-[swipe=cancel]:wu-translate-y-0 data-[swipe=end]:wu-translate-y-[var(--radix-toast-swipe-end-y)] data-[swipe=move]:wu-translate-y-[var(--radix-toast-swipe-move-y)] data-[swipe=move]:wu-transition-none data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[swipe=end]:wu-animate-out data-[state=closed]:wu-fade-out-80", {
 	variants: {
 		variant: {
 			default: "wu-border wu-bg-white wu-text-text",
@@ -6433,7 +6435,7 @@ var Ds = n.forwardRef((e, t) => {
 	});
 });
 Ds.displayName = "WuToggle";
-var Os = B("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosition: {
+var Os = V("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosition: {
 	right: "wu-flex-row",
 	left: "wu-flex-row-reverse",
 	top: "wu-flex-col-reverse wu-items-baseline"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@npm-questionpro/wick-ui-lib",
   "private": false,
-  "version": "2.0.0-next.27",
+  "version": "2.0.0-next.28",
   "description": "A React component library by QuestionPro for building web applications with ease",
   "keywords": [
     "react",
@@ -126,8 +126,8 @@
     "vite-bundle-analyzer": "^0.22.3",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.8",
-    "@npm-questionpro/wick-ui-icon": "2.0.0-next.27",
     "@npm-questionpro/wick-ui-eslint-config": "1.0.0",
+    "@npm-questionpro/wick-ui-icon": "2.0.0-next.28",
     "@wick-ui/tsconfig": "1.0.0"
   },
   "scripts": {