wimui 0.18.0 → 0.19.0

package/dist/components/form/DatePicker/DatePicker.js

@@ -5,21 +5,21 @@ import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
 import { InputBase as i } from "../InputBase/InputBase.js";
 import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
 import o from "../Input/input.module.js";
-import { Calendar as s } from "../../data-display/Calendar/Calendar.js";
-import { mergeRefs as c } from "../../_internal/mergeRefs.js";
-import l from "./date-picker.module.js";
-import { forwardRef as u, useEffect as d, useId as f, useRef as p, useState as m } from "react";
-import h from "classnames";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Calendar as ee } from "../../data-display/Calendar/Calendar.js";
+import { mergeRefs as s } from "../../_internal/mergeRefs.js";
+import c from "./date-picker.module.js";
+import { forwardRef as l, useEffect as u, useId as te, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/DatePicker/DatePicker.tsx
-var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, className: ee, disabled: b, value: x, defaultValue: S, onChange: C, format: w = "YYYY-MM-DD", clearable: T = !0, placeholder: E, minDate: te, maxDate: ne, disabledDates: re, label: D, error: O, required: k, layout: ie, id: ae, labels: A, width: j, asChild: M = !1, children: N, ...P }, F) => {
-	let [I, L] = m(!1), [R, z] = m(S || null), B = p(null), V = p(null), H = c(B, F), U = f(), W = ae || `wim-datepicker-${U}`, G = `${W}-dropdown`, K = D ? `${W}-label` : void 0, q = O ? `${W}-error` : void 0, J = x !== void 0, Y = J ? x : R, X = E ?? A?.placeholder, Z = b, Q = O ? "danger" : u;
-	d(() => {
+var g = l(({ intent: l = "default", variant: g = "outline", fullWidth: _ = !1, className: v, disabled: y, value: b, defaultValue: x, onChange: S, format: C = "YYYY-MM-DD", clearable: w = !0, placeholder: T, minDate: ne, maxDate: re, disabledDates: ie, label: E, error: D, required: O, layout: ae, id: k, labels: A, width: j, asChild: M = !1, children: N, ...P }, F) => {
+	let [I, L] = f(!1), [R, z] = f(x || null), B = d(null), V = d(null), H = s(B, F), U = te(), W = k || `wim-datepicker-${U}`, G = `${W}-dropdown`, K = E ? `${W}-label` : void 0, q = D ? `${W}-error` : void 0, J = b !== void 0, Y = J ? b : R, X = T ?? A?.placeholder, Z = y, Q = D ? "danger" : l;
+	u(() => {
 		let e = (e) => {
 			B.current && !B.current.contains(e.target) && L(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), d(() => {
+	}, []), u(() => {
 		let e = (e) => {
 			e.key === "Escape" && I && (L(!1), V.current?.focus());
 		};
@@ -28,15 +28,15 @@ var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, c
 	let oe = (e) => {
 		if (!e) return "";
 		let t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-		return w.replace("YYYY", String(t)).replace("MM", n).replace("DD", r);
+		return C.replace("YYYY", String(t)).replace("MM", n).replace("DD", r);
 	}, se = (e) => {
-		J || z(e), C?.(e), L(!1), V.current?.focus();
+		J || z(e), S?.(e), L(!1), V.current?.focus();
 	}, ce = (e) => {
-		e?.stopPropagation(), Z || (J || z(null), C?.(null));
+		e?.stopPropagation(), Z || (J || z(null), S?.(null));
 	}, $ = () => {
 		Z || L(!I);
 	};
-	return d(() => {
+	return u(() => {
 		if (I) {
 			let e = setTimeout(() => {
 				let e = B.current?.querySelector("[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus");
@@ -44,25 +44,25 @@ var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, c
 			}, 50);
 			return () => clearTimeout(e);
 		}
-	}, [I]), /* @__PURE__ */ g(a, {
-		label: D,
-		error: O,
-		required: k,
-		layout: ie,
+	}, [I]), /* @__PURE__ */ m(a, {
+		label: E,
+		error: D,
+		required: O,
+		layout: ae,
 		labelId: K,
 		htmlFor: W,
 		errorId: q,
-		className: ee,
-		children: /* @__PURE__ */ _(M ? e : "div", {
+		className: v,
+		children: /* @__PURE__ */ h(M ? e : "div", {
 			ref: H,
-			className: h("wim-date-picker", l.root, y && l.fullWidth),
-			children: [/* @__PURE__ */ _(t, { children: [/* @__PURE__ */ g(i, {
+			className: p("wim-date-picker", c.root, _ && c.fullWidth),
+			children: [/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(i, {
 				intent: Q,
-				variant: v,
+				variant: g,
 				width: j,
-				fullWidth: y,
+				fullWidth: _,
 				disabled: Z,
-				allowClear: T,
+				allowClear: w,
 				hasValue: !!Y,
 				onClear: ce,
 				rightIcons: [{
@@ -70,13 +70,13 @@ var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, c
 					rotated: I,
 					onClick: $
 				}],
-				children: /* @__PURE__ */ g("input", {
+				children: /* @__PURE__ */ m("input", {
 					id: W,
 					ref: V,
 					type: "text",
 					readOnly: !0,
 					role: "combobox",
-					className: h(o.root, l.input, y && o.fullWidth),
+					className: p(o.root, c.input),
 					value: oe(Y),
 					placeholder: X,
 					disabled: Z,
@@ -90,22 +90,22 @@ var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, c
 					"aria-invalid": Q === "danger",
 					"aria-describedby": q,
 					"aria-labelledby": K,
-					"aria-required": k,
+					"aria-required": O,
 					...P
 				})
-			}), /* @__PURE__ */ g(n, {
-				show: I && !b,
+			}), /* @__PURE__ */ m(n, {
+				show: I && !y,
 				preset: "fade",
 				id: G,
-				className: l.dropdown,
-				children: /* @__PURE__ */ g(r, {
+				className: c.dropdown,
+				children: /* @__PURE__ */ m(r, {
 					active: I,
 					initialFocus: !1,
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ m("div", {
 						role: "dialog",
 						"aria-modal": "true",
 						"aria-labelledby": K,
-						children: /* @__PURE__ */ g(s, {
+						children: /* @__PURE__ */ m(ee, {
 							value: Y ?? void 0,
 							onChange: se
 						})
@@ -115,6 +115,6 @@ var v = u(({ intent: u = "default", variant: v = "outline", fullWidth: y = !1, c
 		})
 	});
 });
-v.displayName = "DatePicker";
+g.displayName = "DatePicker";
 //#endregion
-export { v as DatePicker, v as default };
+export { g as DatePicker, g as default };

package/dist/components/form/Dropzone/Dropzone.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("./dropzone.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({label:e,description:l,accept:u,multiple:d=!1,disabled:f=!1,value:p,onChange:m,className:h,iconName:g=`UploadIcon`,error:_,required:v,layout:y=`vertical`,size:b=`md`})=>{let{t:x}=n.useWimTranslation(`form`),S=l??x(`dropzone.description`),C=`wim-dropzone-${o.default.useId()}`,w=e?`${C}-label`:void 0,T=_?`${C}-error`:void 0,E=(0,o.useRef)(null),[D,O]=(0,o.useState)(!1),[k,A]=(0,o.useState)(null),j=()=>{f||E.current?.click()},M=e=>{e.preventDefault(),!f&&O(!0)},N=()=>{O(!1)},P=e=>{if(e.preventDefault(),O(!1),f)return;let t=e.dataTransfer.files;A(t),m&&m(t)},F=e=>{let t=e.target.files;A(t),m&&m(t)},I=p===void 0?k?Array.from(k).map(e=>e.name):[]:p;return(0,c.jsxs)(i.FieldTemplate,{label:e,error:_,required:v,layout:y,labelId:w,errorId:T,className:(0,s.default)(`wim-dropzone`,a.default.container,h),children:[(0,c.jsx)(`input`,{type:`file`,ref:E,accept:u,multiple:d,disabled:f,onChange:F,style:{display:`none`},"aria-hidden":`true`,tabIndex:-1}),(0,c.jsx)(t.InteractiveArea,{className:a.default.dropzone,size:b,isDragging:D,disabled:f,isClickable:!f,onClick:j,onDragOver:M,onDragLeave:N,onDrop:P,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&j()},"aria-labelledby":w,"aria-describedby":T,"aria-required":v,"aria-invalid":!!_,icon:g&&(0,c.jsx)(r.Icon,{name:g,color:f?`disabled`:`primary`}),description:S,children:I.length>0?(0,c.jsx)(`div`,{className:a.default.fileList,children:I.map((e,t)=>(0,c.jsx)(`span`,{className:a.default.fileName,children:e},t))}):null})]})};exports.Dropzone=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("./dropzone.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({label:e,description:l,accept:u,multiple:d=!1,disabled:f=!1,value:p,onChange:m,className:h,iconName:g=`UploadIcon`,error:_,required:v,layout:y=`vertical`,size:b=`md`})=>{let{t:x}=n.useWimTranslation(`form`),S=l??x(`dropzone.description`),C=`wim-dropzone-${o.default.useId()}`,w=e?`${C}-label`:void 0,T=_?`${C}-error`:void 0,E=(0,o.useRef)(null),[D,O]=(0,o.useState)(!1),[k,A]=(0,o.useState)(null),j=()=>{f||E.current?.click()},M=e=>{e.preventDefault(),!f&&O(!0)},N=()=>{O(!1)},P=e=>{if(e.preventDefault(),O(!1),f)return;let t=e.dataTransfer.files;A(t),m&&m(t)},F=e=>{let t=e.target.files;A(t),m&&m(t)},I=p===void 0?k?Array.from(k).map(e=>e.name):[]:p;return(0,c.jsxs)(i.FieldTemplate,{label:e,error:_,required:v,layout:y,labelId:w,errorId:T,className:(0,s.default)(`wim-dropzone`,a.default.container,h),children:[(0,c.jsx)(`input`,{type:`file`,ref:E,accept:u,multiple:d,disabled:f,onChange:F,style:{display:`none`},"aria-hidden":`true`,tabIndex:-1}),(0,c.jsx)(t.InteractiveArea,{size:b,isDragging:D,disabled:f,isClickable:!f,onClick:j,onDragOver:M,onDragLeave:N,onDrop:P,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&j()},"aria-labelledby":w,"aria-describedby":T,"aria-required":v,"aria-invalid":!!_,icon:g&&(0,c.jsx)(r.Icon,{name:g,color:f?`disabled`:`primary`}),description:S,children:I.length>0?(0,c.jsx)(`div`,{className:a.default.fileList,children:I.map((e,t)=>(0,c.jsx)(`span`,{className:a.default.fileName,children:e},t))}):null})]})};exports.Dropzone=l;

package/dist/components/form/Dropzone/Dropzone.js

@@ -42,7 +42,6 @@ var d = ({ label: d, description: f, accept: p, multiple: m = !1, disabled: h =
 			"aria-hidden": "true",
 			tabIndex: -1
 		}), /* @__PURE__ */ l(e, {
-			className: i.dropzone,
 			size: C,
 			isDragging: A,
 			disabled: h,

package/dist/components/form/FloatButton/FloatButton.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("../../media/Icon/Icon.cjs"),r=require("./float-button.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,iconName:s=`CircleIcon`,variant:c,intent:l=`default`,shape:u=`circle`,size:d=`md`,label:f,shrink:p=!1,position:m=`bottom-right`,description:h,badge:g,backTop:_=!1,visibilityHeight:v=400,className:y,style:b,onClick:x,"aria-label":S,children:C,...w},T)=>{let[E,D]=(0,i.useState)(()=>_?typeof window<`u`?(window.pageYOffset||document.documentElement.scrollTop)>v:!1:!0),O=(0,i.useCallback)(()=>{if(_){let e=window.pageYOffset||document.documentElement.scrollTop;D(e>v)}},[_,v]);(0,i.useEffect)(()=>{if(_)return window.addEventListener(`scroll`,O),()=>window.removeEventListener(`scroll`,O)},[_,O]);let k=e=>{_&&window.scrollTo({top:0,behavior:`smooth`}),x?.(e)};if(!E&&_)return null;let A=e?t.Root:`button`,j=m===`bottom-right`?r.default.bottomRight:m===`bottom-left`?r.default.bottomLeft:m===`bottom-center`?r.default.bottomCenter:m===`top-right`?r.default.topRight:m===`top-left`?r.default.topLeft:r.default.static;return(0,o.jsxs)(A,{ref:T,type:e?void 0:`button`,className:(0,a.default)(`wim-float-button`,r.default.root,!c&&r.default[l],c==="default"&&r.default.variant_default,c===`primary`&&r.default.primary,c===`glass`&&r.default.glass,l===`danger`&&r.default.danger,l===`success`&&r.default.success,r.default[u],r.default[d],j,!!f&&r.default.extended,!!p&&r.default.shrink,y),style:b,onClick:k,title:typeof h==`string`?h:void 0,"aria-label":S||(typeof f==`string`?f:s),...w,children:[(0,o.jsx)(t.Slottable,{children:C}),(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(n.Icon,{name:_?`ChevronUpIcon`:s,size:d,className:(0,a.default)(_&&r.default.iconBacktop)}),f&&(0,o.jsx)(`span`,{className:r.default.labelWrapper,children:(0,o.jsx)(`span`,{className:r.default.label,children:f})}),g&&(0,o.jsx)(`span`,{className:(0,a.default)(r.default.badge,g===!0&&r.default.dot),children:typeof g==`number`?g:``})]}),h&&(0,o.jsx)(`span`,{className:r.default.description,children:h})]})});s.displayName=`FloatButton`,exports.FloatButton=s,exports.default=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("./float-button.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,iconName:s=`CircleIcon`,variant:c,intent:l=`default`,shape:u=`circle`,size:d=`md`,label:f,shrink:p=!1,position:m=`bottom-right`,description:h,badge:g,backTop:_=!1,visibilityHeight:v=400,className:y,style:b,onClick:x,"aria-label":S,children:C,...w},T)=>{let[E,D]=(0,i.useState)(()=>_?typeof window<`u`?(window.pageYOffset||document.documentElement.scrollTop)>v:!1:!0),O=(0,i.useCallback)(()=>{if(_){let e=window.pageYOffset||document.documentElement.scrollTop;D(e>v)}},[_,v]);(0,i.useEffect)(()=>{if(_)return window.addEventListener(`scroll`,O),()=>window.removeEventListener(`scroll`,O)},[_,O]);let k=e=>{_&&window.scrollTo({top:0,behavior:`smooth`}),x?.(e)};if(!E&&_)return null;let A=e?t.Root:`button`,j=m===`bottom-right`?r.default.bottomRight:m===`bottom-left`?r.default.bottomLeft:m===`bottom-center`?r.default.bottomCenter:m===`top-right`?r.default.topRight:m===`top-left`?r.default.topLeft:r.default.inline;return(0,o.jsxs)(A,{ref:T,type:e?void 0:`button`,className:(0,a.default)(`wim-float-button`,r.default.root,!c&&r.default[l],c===`outline`&&r.default.outline,c===`glass`&&r.default.glass,l===`danger`&&r.default.danger,l===`success`&&r.default.success,r.default[u],r.default[d],j,!!f&&r.default.extended,!!p&&r.default.shrink,y),style:b,onClick:k,title:typeof h==`string`?h:void 0,"aria-label":S||(typeof f==`string`?f:s),...w,children:[(0,o.jsx)(t.Slottable,{children:C}),(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(n.Icon,{name:_?`ChevronUpIcon`:s,size:d,className:(0,a.default)(_&&r.default.iconBacktop)}),f&&(0,o.jsx)(`span`,{className:r.default.labelWrapper,children:(0,o.jsx)(`span`,{className:r.default.label,children:f})}),g&&(0,o.jsx)(`span`,{className:(0,a.default)(r.default.badge,g===!0&&r.default.dot),children:typeof g==`number`?g:``})]}),h&&(0,o.jsx)(`span`,{className:r.default.description,children:h})]})});s.displayName=`FloatButton`,exports.FloatButton=s,exports.default=s;

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

@@ -8,7 +8,15 @@ export interface FloatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /** Icon name from the library */
     iconName?: "CircleIcon" | "SquareIcon" | "LoadingIcon" | "ExternalLinkIcon" | "ArrowUpIcon" | string;
     /** Variant of the button */
-    variant?: "default" | "primary" | "glass";
+    /**
+     * 見た目の強さ。既定（未指定）は intent の塗り。
+     *
+     * 以前は `"default" | "primary" | "glass"` だったが、3 つとも実態とずれていた（T114）:
+     * `primary` は variant 未指定とまったく同じ規則に落ちる重複、
+     * `default` は**既定の見た目ではなく枠線のある outline** で名前が逆、
+     * SCSS には誰も付けない `.default_intent` が「temporary name」のまま残っていた。
+     */
+    variant?: "outline" | "glass";
     /** Intent of the button (semantic meaning) */
     intent?: ButtonIntent;
     /** Shape of the button */
@@ -20,7 +28,7 @@ export interface FloatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /** Whether to shrink the extended FAB (hide label) */
     shrink?: boolean;
     /** Position of the button */
-    position?: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "static";
+    position?: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "inline";
     /** Description for tooltip */
     description?: React.ReactNode;
     /** Badge content (number or dot) */

package/dist/components/form/FloatButton/FloatButton.js

@@ -23,11 +23,11 @@ var d = i.forwardRef(({ asChild: i = !1, iconName: d = "CircleIcon", variant: f,
 		}), T?.(e);
 	};
 	if (!A && x) return null;
-	let P = i ? e : "button", F = v === "bottom-right" ? r.bottomRight : v === "bottom-left" ? r.bottomLeft : v === "bottom-center" ? r.bottomCenter : v === "top-right" ? r.topRight : v === "top-left" ? r.topLeft : r.static;
+	let P = i ? e : "button", F = v === "bottom-right" ? r.bottomRight : v === "bottom-left" ? r.bottomLeft : v === "bottom-center" ? r.bottomCenter : v === "top-right" ? r.topRight : v === "top-left" ? r.topLeft : r.inline;
 	return /* @__PURE__ */ u(P, {
 		ref: k,
 		type: i ? void 0 : "button",
-		className: c("wim-float-button", r.root, !f && r[p], f === "default" && r.variant_default, f === "primary" && r.primary, f === "glass" && r.glass, p === "danger" && r.danger, p === "success" && r.success, r[m], r[h], F, !!g && r.extended, !!_ && r.shrink, C),
+		className: c("wim-float-button", r.root, !f && r[p], f === "outline" && r.outline, f === "glass" && r.glass, p === "danger" && r.danger, p === "success" && r.success, r[m], r[h], F, !!g && r.extended, !!_ && r.shrink, C),
 		style: w,
 		onClick: N,
 		title: typeof y == "string" ? y : void 0,

package/dist/components/form/FloatButton/float-button.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1vfl7_3`,t=`_iconBacktop_1vfl7_15`,n=`_icon_1vfl7_15`,r=`_inner_1vfl7_18`,i=`_labelWrapper_1vfl7_27`,a=`_label_1vfl7_27`,o=`_lg_1vfl7_43`,s=`_md_1vfl7_49`,c=`_sm_1vfl7_55`,l=`_extended_1vfl7_64`,u=`_shrink_1vfl7_81`,d=`_circle_1vfl7_95`,f=`_square_1vfl7_98`,p=`_primary_1vfl7_101`,m=`_default_intent_1vfl7_101`,h=`_danger_1vfl7_110`,g=`_success_1vfl7_119`,_=`_variant_default_1vfl7_128`,v=`_glass_1vfl7_138`,y=`_bottomRight_1vfl7_149`,b=`_bottomLeft_1vfl7_154`,x=`_bottomCenter_1vfl7_159`,S=`_topRight_1vfl7_171`,C=`_topLeft_1vfl7_176`,w=`_badge_1vfl7_184`,T=`_dot_1vfl7_202`,E=`_description_1vfl7_212`,D={root:e,iconBacktop:t,icon:n,inner:r,labelWrapper:i,label:a,lg:o,md:s,sm:c,extended:l,shrink:u,circle:d,square:f,primary:p,default_intent:m,default:`_default_1vfl7_101`,danger:h,success:g,variant_default:_,glass:v,bottomRight:y,bottomLeft:b,bottomCenter:x,topRight:S,topLeft:C,static:`_static_1vfl7_181`,badge:w,dot:T,description:E};exports.badge=w,exports.bottomCenter=x,exports.bottomLeft=b,exports.bottomRight=y,exports.circle=d,exports.danger=h,exports.default=D,exports.default_intent=m,exports.description=E,exports.dot=T,exports.extended=l,exports.glass=v,exports.icon=n,exports.iconBacktop=t,exports.inner=r,exports.label=a,exports.labelWrapper=i,exports.lg=o,exports.md=s,exports.primary=p,exports.root=e,exports.shrink=u,exports.sm=c,exports.square=f,exports.success=g,exports.topLeft=C,exports.topRight=S,exports.variant_default=_;
+var e=`_root_1xsib_3`,t=`_iconBacktop_1xsib_18`,n=`_icon_1xsib_18`,r=`_inner_1xsib_21`,i=`_labelWrapper_1xsib_30`,a=`_label_1xsib_30`,o=`_lg_1xsib_46`,s=`_md_1xsib_52`,c=`_sm_1xsib_58`,l=`_extended_1xsib_67`,u=`_shrink_1xsib_84`,d=`_circle_1xsib_98`,f=`_square_1xsib_101`,p=`_danger_1xsib_117`,m=`_success_1xsib_126`,h=`_outline_1xsib_135`,g=`_glass_1xsib_145`,_=`_bottomRight_1xsib_156`,v=`_bottomLeft_1xsib_161`,y=`_bottomCenter_1xsib_166`,b=`_topRight_1xsib_178`,x=`_topLeft_1xsib_183`,S=`_inline_1xsib_192`,C=`_badge_1xsib_195`,w=`_dot_1xsib_213`,T=`_description_1xsib_223`,E={root:e,iconBacktop:t,icon:n,inner:r,labelWrapper:i,label:a,lg:o,md:s,sm:c,extended:l,shrink:u,circle:d,square:f,default:`_default_1xsib_106`,danger:p,success:m,outline:h,glass:g,bottomRight:_,bottomLeft:v,bottomCenter:y,topRight:b,topLeft:x,inline:S,badge:C,dot:w,description:T};exports.badge=C,exports.bottomCenter=y,exports.bottomLeft=v,exports.bottomRight=_,exports.circle=d,exports.danger=p,exports.default=E,exports.description=T,exports.dot=w,exports.extended=l,exports.glass=g,exports.icon=n,exports.iconBacktop=t,exports.inline=S,exports.inner=r,exports.label=a,exports.labelWrapper=i,exports.lg=o,exports.md=s,exports.outline=h,exports.root=e,exports.shrink=u,exports.sm=c,exports.square=f,exports.success=m,exports.topLeft=x,exports.topRight=b;

package/dist/components/form/FloatButton/float-button.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/FloatButton/float-button.module.scss
-var e = "_root_1vfl7_3", t = "_iconBacktop_1vfl7_15", n = "_icon_1vfl7_15", r = "_inner_1vfl7_18", i = "_labelWrapper_1vfl7_27", a = "_label_1vfl7_27", o = "_lg_1vfl7_43", s = "_md_1vfl7_49", c = "_sm_1vfl7_55", l = "_extended_1vfl7_64", u = "_shrink_1vfl7_81", d = "_circle_1vfl7_95", f = "_square_1vfl7_98", p = "_primary_1vfl7_101", m = "_default_intent_1vfl7_101", h = "_danger_1vfl7_110", g = "_success_1vfl7_119", _ = "_variant_default_1vfl7_128", v = "_glass_1vfl7_138", y = "_bottomRight_1vfl7_149", b = "_bottomLeft_1vfl7_154", x = "_bottomCenter_1vfl7_159", S = "_topRight_1vfl7_171", C = "_topLeft_1vfl7_176", w = "_badge_1vfl7_184", T = "_dot_1vfl7_202", E = "_description_1vfl7_212", D = {
+var e = "_root_1xsib_3", t = "_iconBacktop_1xsib_18", n = "_icon_1xsib_18", r = "_inner_1xsib_21", i = "_labelWrapper_1xsib_30", a = "_label_1xsib_30", o = "_lg_1xsib_46", s = "_md_1xsib_52", c = "_sm_1xsib_58", l = "_extended_1xsib_67", u = "_shrink_1xsib_84", d = "_circle_1xsib_98", f = "_square_1xsib_101", p = "_danger_1xsib_117", m = "_success_1xsib_126", h = "_outline_1xsib_135", g = "_glass_1xsib_145", _ = "_bottomRight_1xsib_156", v = "_bottomLeft_1xsib_161", y = "_bottomCenter_1xsib_166", b = "_topRight_1xsib_178", x = "_topLeft_1xsib_183", S = "_inline_1xsib_192", C = "_badge_1xsib_195", w = "_dot_1xsib_213", T = "_description_1xsib_223", E = {
 	root: e,
 	iconBacktop: t,
 	icon: n,
@@ -14,22 +14,20 @@ var e = "_root_1vfl7_3", t = "_iconBacktop_1vfl7_15", n = "_icon_1vfl7_15", r =
 	shrink: u,
 	circle: d,
 	square: f,
-	primary: p,
-	default_intent: m,
-	default: "_default_1vfl7_101",
-	danger: h,
-	success: g,
-	variant_default: _,
-	glass: v,
-	bottomRight: y,
-	bottomLeft: b,
-	bottomCenter: x,
-	topRight: S,
-	topLeft: C,
-	static: "_static_1vfl7_181",
-	badge: w,
-	dot: T,
-	description: E
+	default: "_default_1xsib_106",
+	danger: p,
+	success: m,
+	outline: h,
+	glass: g,
+	bottomRight: _,
+	bottomLeft: v,
+	bottomCenter: y,
+	topRight: b,
+	topLeft: x,
+	inline: S,
+	badge: C,
+	dot: w,
+	description: T
 };
 //#endregion
-export { w as badge, x as bottomCenter, b as bottomLeft, y as bottomRight, d as circle, h as danger, D as default, m as default_intent, E as description, T as dot, l as extended, v as glass, n as icon, t as iconBacktop, r as inner, a as label, i as labelWrapper, o as lg, s as md, p as primary, e as root, u as shrink, c as sm, f as square, g as success, C as topLeft, S as topRight, _ as variant_default };
+export { C as badge, y as bottomCenter, v as bottomLeft, _ as bottomRight, d as circle, p as danger, E as default, T as description, w as dot, l as extended, g as glass, n as icon, t as iconBacktop, S as inline, r as inner, a as label, i as labelWrapper, o as lg, s as md, h as outline, e as root, u as shrink, c as sm, f as square, m as success, x as topLeft, b as topRight };

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

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_zmbft_16`,t=`_ghost_zmbft_61`,n=`_disabled_zmbft_65`,r=`_icon_zmbft_74`,i=`_iconItem_zmbft_74`,a=`_danger_zmbft_7`,o=`_warning_zmbft_90`,s=`_success_zmbft_93`,c=`_hasLeftIcon_zmbft_112`,l=`_hasRightIcon_zmbft_115`,u=`_hasMultipleRightIcons_zmbft_118`,d=`_widthXs_zmbft_121`,f=`_widthSm_zmbft_124`,p=`_widthMd_zmbft_127`,m=`_widthLg_zmbft_130`,h=`_widthXl_zmbft_133`,g=`_hasCustomWidth_zmbft_136`,_=`_fullWidth_zmbft_141`,v=`_clickable_zmbft_163`,y=`_left_zmbft_166`,b=`_suffix_zmbft_169`,x=`_suffixClearsIcons_zmbft_177`,S=`_icons_zmbft_180`,C=`_right_zmbft_191`,w=`_rotated_zmbft_203`,T=`_iconButton_zmbft_206`,E=`_inner_zmbft_224`,D={root:e,ghost:t,disabled:n,icon:r,iconItem:i,danger:a,warning:o,success:s,hasLeftIcon:c,hasRightIcon:l,hasMultipleRightIcons:u,widthXs:d,widthSm:f,widthMd:p,widthLg:m,widthXl:h,hasCustomWidth:g,fullWidth:_,clickable:v,left:y,suffix:b,suffixClearsIcons:x,icons:S,right:C,rotated:w,iconButton:T,inner:E};exports.clickable=v,exports.danger=a,exports.default=D,exports.disabled=n,exports.fullWidth=_,exports.ghost=t,exports.hasCustomWidth=g,exports.hasLeftIcon=c,exports.hasMultipleRightIcons=u,exports.hasRightIcon=l,exports.icon=r,exports.iconButton=T,exports.iconItem=i,exports.icons=S,exports.inner=E,exports.left=y,exports.right=C,exports.root=e,exports.rotated=w,exports.success=s,exports.suffix=b,exports.suffixClearsIcons=x,exports.warning=o,exports.widthLg=m,exports.widthMd=p,exports.widthSm=f,exports.widthXl=h,exports.widthXs=d;
+var e=`_root_5t2jy_16`,t=`_ghost_5t2jy_61`,n=`_disabled_5t2jy_65`,r=`_icon_5t2jy_74`,i=`_iconItem_5t2jy_74`,a=`_danger_5t2jy_7`,o=`_warning_5t2jy_90`,s=`_success_5t2jy_93`,c=`_hasLeftIcon_5t2jy_112`,l=`_hasRightIcon_5t2jy_115`,u=`_hasMultipleRightIcons_5t2jy_118`,d=`_widthXs_5t2jy_121`,f=`_widthSm_5t2jy_124`,p=`_widthMd_5t2jy_127`,m=`_widthLg_5t2jy_130`,h=`_widthXl_5t2jy_133`,g=`_hasCustomWidth_5t2jy_136`,_=`_fullWidth_5t2jy_141`,v=`_clickable_5t2jy_163`,y=`_left_5t2jy_166`,b=`_suffix_5t2jy_169`,x=`_suffixClearsIcons_5t2jy_177`,S=`_icons_5t2jy_180`,C=`_right_5t2jy_191`,w=`_rotated_5t2jy_203`,T=`_iconButton_5t2jy_206`,E=`_inner_5t2jy_228`,D={root:e,ghost:t,disabled:n,icon:r,iconItem:i,danger:a,warning:o,success:s,hasLeftIcon:c,hasRightIcon:l,hasMultipleRightIcons:u,widthXs:d,widthSm:f,widthMd:p,widthLg:m,widthXl:h,hasCustomWidth:g,fullWidth:_,clickable:v,left:y,suffix:b,suffixClearsIcons:x,icons:S,right:C,rotated:w,iconButton:T,inner:E};exports.clickable=v,exports.danger=a,exports.default=D,exports.disabled=n,exports.fullWidth=_,exports.ghost=t,exports.hasCustomWidth=g,exports.hasLeftIcon=c,exports.hasMultipleRightIcons=u,exports.hasRightIcon=l,exports.icon=r,exports.iconButton=T,exports.iconItem=i,exports.icons=S,exports.inner=E,exports.left=y,exports.right=C,exports.root=e,exports.rotated=w,exports.success=s,exports.suffix=b,exports.suffixClearsIcons=x,exports.warning=o,exports.widthLg=m,exports.widthMd=p,exports.widthSm=f,exports.widthXl=h,exports.widthXs=d;

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

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/InputBase/input-base.module.scss
-var e = "_root_zmbft_16", t = "_ghost_zmbft_61", n = "_disabled_zmbft_65", r = "_icon_zmbft_74", i = "_iconItem_zmbft_74", a = "_danger_zmbft_7", o = "_warning_zmbft_90", s = "_success_zmbft_93", c = "_hasLeftIcon_zmbft_112", l = "_hasRightIcon_zmbft_115", u = "_hasMultipleRightIcons_zmbft_118", d = "_widthXs_zmbft_121", f = "_widthSm_zmbft_124", p = "_widthMd_zmbft_127", m = "_widthLg_zmbft_130", h = "_widthXl_zmbft_133", g = "_hasCustomWidth_zmbft_136", _ = "_fullWidth_zmbft_141", v = "_clickable_zmbft_163", y = "_left_zmbft_166", b = "_suffix_zmbft_169", x = "_suffixClearsIcons_zmbft_177", S = "_icons_zmbft_180", C = "_right_zmbft_191", w = "_rotated_zmbft_203", T = "_iconButton_zmbft_206", E = "_inner_zmbft_224", D = {
+var e = "_root_5t2jy_16", t = "_ghost_5t2jy_61", n = "_disabled_5t2jy_65", r = "_icon_5t2jy_74", i = "_iconItem_5t2jy_74", a = "_danger_5t2jy_7", o = "_warning_5t2jy_90", s = "_success_5t2jy_93", c = "_hasLeftIcon_5t2jy_112", l = "_hasRightIcon_5t2jy_115", u = "_hasMultipleRightIcons_5t2jy_118", d = "_widthXs_5t2jy_121", f = "_widthSm_5t2jy_124", p = "_widthMd_5t2jy_127", m = "_widthLg_5t2jy_130", h = "_widthXl_5t2jy_133", g = "_hasCustomWidth_5t2jy_136", _ = "_fullWidth_5t2jy_141", v = "_clickable_5t2jy_163", y = "_left_5t2jy_166", b = "_suffix_5t2jy_169", x = "_suffixClearsIcons_5t2jy_177", S = "_icons_5t2jy_180", C = "_right_5t2jy_191", w = "_rotated_5t2jy_203", T = "_iconButton_5t2jy_206", E = "_inner_5t2jy_228", D = {
 	root: e,
 	ghost: t,
 	disabled: n,

package/dist/components/form/Mentions/Mentions.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("../../_internal/BaseListItem/BaseListItem.cjs"),r=require("../../_internal/mergeRefs.cjs"),i=require("../Textarea/Textarea.cjs"),a=require("./mentions.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({options:e,trigger:c=`@`,value:l,defaultValue:u,onChange:d,onSelect:f,asChild:p=!1,children:m,intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee,...k},A)=>{let j=(0,o.useId)(),M=k.id||`wim-mentions-${j}`,[N,P]=(0,o.useState)(u||``),F=l!==void 0,I=F?l:N,[L,R]=(0,o.useState)(!1),[z,B]=(0,o.useState)(``),[V,H]=(0,o.useState)(0),[U,W]=(0,o.useState)(-1),[G,K]=(0,o.useState)(0),q=(0,o.useRef)(null),J=(0,o.useRef)(null),Y=r.mergeRefs(J,A),X=e.filter(e=>e.display.toLowerCase().includes(z.toLowerCase())),Z=e=>{let t=e.target.value,n=e.target.selectionStart;H(n),F||P(t),d&&d(e);let r=t.slice(0,n),i=r.lastIndexOf(c);if(i!==-1){let e=r.slice(i+c.length);if(!e.includes(` `)){W(i),B(e),R(!0),K(0);return}}R(!1),W(-1)},Q=e=>{let t=I.slice(0,U),n=I.slice(V),r=`${t}${c}${e.display} ${n}`;F||P(r),d&&d({target:{value:r}}),f&&f(e),R(!1),W(-1),setTimeout(()=>{if(q.current){q.current.focus();let n=t.length+c.length+e.display.length+1;q.current.setSelectionRange(n,n)}},0)},te=e=>{L&&X.length>0&&(e.key===`ArrowDown`?(e.preventDefault(),K(e=>e>=X.length-1?0:e+1)):e.key===`ArrowUp`?(e.preventDefault(),K(e=>e<=0?X.length-1:e-1)):e.key===`Enter`||e.key===`Tab`?G>=0&&X[G]&&(e.preventDefault(),Q(X[G])):e.key===`Escape`&&R(!1))},ne=p?t.Root:`div`,$={intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee},re=p?{...$,...k}:k;return(0,s.jsxs)(ne,{className:`wim-mentions ${a.default.container}`,ref:Y,...re,children:[(0,s.jsxs)(t.Slottable,{children:[(0,s.jsx)(i.Textarea,{...k,...$,ref:q,value:I,onChange:Z,onKeyDown:te,"aria-autocomplete":`list`,"aria-controls":L?`${M}-list`:void 0,onBlur:e=>{J.current?.contains(e.relatedTarget)||R(!1)}}),L&&X.length>0&&(0,s.jsx)(`div`,{id:`${M}-list`,className:a.default.list,role:`listbox`,children:X.map((e,t)=>(0,s.jsx)(n.BaseListItem,{className:a.default.item,active:t===G,onMouseDown:e=>e.preventDefault(),onClick:()=>Q(e),onMouseEnter:()=>K(t),role:`option`,"aria-selected":t===G,tabIndex:-1,children:e.display},e.id))})]}),p?m:null]})});c.displayName=`Mentions`,exports.Mentions=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/BaseListItem/BaseListItem.cjs"),r=require("../../_internal/mergeRefs.cjs"),i=require("../Textarea/Textarea.cjs"),a=require("./mentions.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,o.forwardRef)(({options:e,trigger:c=`@`,value:l,defaultValue:u,onChange:d,onSelect:f,asChild:p=!1,children:m,intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee,...k},A)=>{let j=(0,o.useId)(),M=k.id||`wim-mentions-${j}`,[N,P]=(0,o.useState)(u||``),F=l!==void 0,I=F?l:N,[L,R]=(0,o.useState)(!1),[z,B]=(0,o.useState)(``),[V,H]=(0,o.useState)(0),[U,W]=(0,o.useState)(-1),[G,K]=(0,o.useState)(0),q=(0,o.useRef)(null),J=(0,o.useRef)(null),Y=r.mergeRefs(J,A),X=e.filter(e=>e.display.toLowerCase().includes(z.toLowerCase())),Z=e=>{let t=e.target.value,n=e.target.selectionStart;H(n),F||P(t),d&&d(e);let r=t.slice(0,n),i=r.lastIndexOf(c);if(i!==-1){let e=r.slice(i+c.length);if(!e.includes(` `)){W(i),B(e),R(!0),K(0);return}}R(!1),W(-1)},Q=e=>{let t=I.slice(0,U),n=I.slice(V),r=`${t}${c}${e.display} ${n}`;F||P(r),d&&d({target:{value:r}}),f&&f(e),R(!1),W(-1),setTimeout(()=>{if(q.current){q.current.focus();let n=t.length+c.length+e.display.length+1;q.current.setSelectionRange(n,n)}},0)},te=e=>{L&&X.length>0&&(e.key===`ArrowDown`?(e.preventDefault(),K(e=>e>=X.length-1?0:e+1)):e.key===`ArrowUp`?(e.preventDefault(),K(e=>e<=0?X.length-1:e-1)):e.key===`Enter`||e.key===`Tab`?G>=0&&X[G]&&(e.preventDefault(),Q(X[G])):e.key===`Escape`&&R(!1))},ne=p?t.Root:`div`,$={intent:h,variant:g,fullWidth:_,fieldSizing:v,label:y,error:b,required:x,layout:S,width:C,placeholder:w,rows:T,cols:E,onCopy:D,onCut:O,onPaste:ee},re=p?{...$,...k}:k;return(0,s.jsxs)(ne,{className:`wim-mentions ${a.default.container}`,ref:Y,...re,children:[(0,s.jsxs)(t.Slottable,{children:[(0,s.jsx)(i.Textarea,{...k,...$,ref:q,value:I,onChange:Z,onKeyDown:te,"aria-autocomplete":`list`,"aria-controls":L?`${M}-list`:void 0,onBlur:e=>{J.current?.contains(e.relatedTarget)||R(!1)}}),L&&X.length>0&&(0,s.jsx)(`div`,{id:`${M}-list`,className:a.default.list,role:`listbox`,children:X.map((e,t)=>(0,s.jsx)(n.BaseListItem,{active:t===G,onMouseDown:e=>e.preventDefault(),onClick:()=>Q(e),onMouseEnter:()=>K(t),role:`option`,"aria-selected":t===G,tabIndex:-1,children:e.display},e.id))})]}),p?m:null]})});c.displayName=`Mentions`,exports.Mentions=c,exports.default=c;

package/dist/components/form/Mentions/Mentions.js

@@ -72,7 +72,6 @@ var f = o(({ options: o, trigger: f = "@", value: p, defaultValue: ee, onChange:
 			className: a.list,
 			role: "listbox",
 			children: Z.map((e, t) => /* @__PURE__ */ u(n, {
-				className: a.item,
 				active: t === q,
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => Q(e),

package/dist/components/form/Radio/radio.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1uxst_15`,t=`_disabled_1uxst_26`,n=`_input_1uxst_30`,r=`_danger_1uxst_6`,i={root:e,disabled:t,input:n,danger:r};exports.danger=r,exports.default=i,exports.disabled=t,exports.input=n,exports.root=e;
+var e=`_root_7sg4q_16`,t=`_disabled_7sg4q_34`,n=`_input_7sg4q_21`,r=`_danger_7sg4q_7`,i={root:e,disabled:t,input:n,danger:r};exports.danger=r,exports.default=i,exports.disabled=t,exports.input=n,exports.root=e;

package/dist/components/form/Radio/radio.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Radio/radio.module.scss
-var e = "_root_1uxst_15", t = "_disabled_1uxst_26", n = "_input_1uxst_30", r = "_danger_1uxst_6", i = {
+var e = "_root_7sg4q_16", t = "_disabled_7sg4q_34", n = "_input_7sg4q_21", r = "_danger_7sg4q_7", i = {
 	root: e,
 	disabled: t,
 	input: n,

package/dist/components/form/RangeSlider/range-slider.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_19n6h_3`,t=`_disabled_19n6h_12`,n=`_thumb_19n6h_16`,r=`_danger_19n6h_19`,i=`_track_19n6h_19`,a=`_trackContainer_19n6h_31`,o=`_active_19n6h_60`,s={root:e,disabled:t,thumb:n,danger:r,track:i,trackContainer:a,active:o};exports.active=o,exports.danger=r,exports.default=s,exports.disabled=t,exports.root=e,exports.thumb=n,exports.track=i,exports.trackContainer=a;
+var e=`_root_tqj5j_3`,t=`_disabled_tqj5j_12`,n=`_thumb_tqj5j_16`,r=`_danger_tqj5j_19`,i=`_track_tqj5j_19`,a=`_trackContainer_tqj5j_31`,o=`_active_tqj5j_63`,s={root:e,disabled:t,thumb:n,danger:r,track:i,trackContainer:a,active:o};exports.active=o,exports.danger=r,exports.default=s,exports.disabled=t,exports.root=e,exports.thumb=n,exports.track=i,exports.trackContainer=a;

package/dist/components/form/RangeSlider/range-slider.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/RangeSlider/range-slider.module.scss
-var e = "_root_19n6h_3", t = "_disabled_19n6h_12", n = "_thumb_19n6h_16", r = "_danger_19n6h_19", i = "_track_19n6h_19", a = "_trackContainer_19n6h_31", o = "_active_19n6h_60", s = {
+var e = "_root_tqj5j_3", t = "_disabled_tqj5j_12", n = "_thumb_tqj5j_16", r = "_danger_tqj5j_19", i = "_track_tqj5j_19", a = "_trackContainer_tqj5j_31", o = "_active_tqj5j_63", s = {
 	root: e,
 	disabled: t,
 	thumb: n,

package/dist/components/form/Rating/rating.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_b8px8_2`,t=`_sm_b8px8_6`,n=`_md_b8px8_10`,r=`_lg_b8px8_14`,i=`_disabled_b8px8_18`,a=`_star_b8px8_21`,o=`_foreground_b8px8_24`,s=`_full_b8px8_38`,c=`_half_b8px8_41`,l=`_background_b8px8_44`,u=`_icon_b8px8_47`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;
+var e=`_root_bt6fn_3`,t=`_sm_bt6fn_12`,n=`_md_bt6fn_16`,r=`_lg_bt6fn_20`,i=`_disabled_bt6fn_24`,a=`_star_bt6fn_27`,o=`_foreground_bt6fn_30`,s=`_full_bt6fn_50`,c=`_half_bt6fn_53`,l=`_background_bt6fn_56`,u=`_icon_bt6fn_59`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;

package/dist/components/form/Rating/rating.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Rating/rating.module.scss
-var e = "_root_b8px8_2", t = "_sm_b8px8_6", n = "_md_b8px8_10", r = "_lg_b8px8_14", i = "_disabled_b8px8_18", a = "_star_b8px8_21", o = "_foreground_b8px8_24", s = "_full_b8px8_38", c = "_half_b8px8_41", l = "_background_b8px8_44", u = "_icon_b8px8_47", d = {
+var e = "_root_bt6fn_3", t = "_sm_bt6fn_12", n = "_md_bt6fn_16", r = "_lg_bt6fn_20", i = "_disabled_bt6fn_24", a = "_star_bt6fn_27", o = "_foreground_bt6fn_30", s = "_full_bt6fn_50", c = "_half_bt6fn_53", l = "_background_bt6fn_56", u = "_icon_bt6fn_59", d = {
 	root: e,
 	sm: t,
 	md: n,

package/dist/components/form/SegmentedControl/segmented-control.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1sve6_22`,t=`_fullWidth_1sve6_45`,n=`_danger_1sve6_13`,r=`_sm_1sve6_52`,i=`_item_1sve6_55`,a=`_iconOnly_1sve6_60`,o=`_icon_1sve6_60`,s=`_md_1sve6_70`,c=`_lg_1sve6_88`,l=`_slider_1sve6_106`,u=`_ready_1sve6_120`,d=`_active_1sve6_157`,f=`_label_1sve6_164`,p={root:e,fullWidth:t,danger:n,sm:r,item:i,iconOnly:a,icon:o,md:s,lg:c,slider:l,ready:u,active:d,label:f};exports.active=d,exports.danger=n,exports.default=p,exports.fullWidth=t,exports.icon=o,exports.iconOnly=a,exports.item=i,exports.label=f,exports.lg=c,exports.md=s,exports.ready=u,exports.root=e,exports.slider=l,exports.sm=r;
+var e=`_root_9cu63_23`,t=`_fullWidth_9cu63_46`,n=`_danger_9cu63_14`,r=`_sm_9cu63_53`,i=`_item_9cu63_56`,a=`_iconOnly_9cu63_61`,o=`_icon_9cu63_61`,s=`_md_9cu63_71`,c=`_lg_9cu63_89`,l=`_slider_9cu63_107`,u=`_ready_9cu63_121`,d=`_active_9cu63_161`,f=`_label_9cu63_168`,p={root:e,fullWidth:t,danger:n,sm:r,item:i,iconOnly:a,icon:o,md:s,lg:c,slider:l,ready:u,active:d,label:f};exports.active=d,exports.danger=n,exports.default=p,exports.fullWidth=t,exports.icon=o,exports.iconOnly=a,exports.item=i,exports.label=f,exports.lg=c,exports.md=s,exports.ready=u,exports.root=e,exports.slider=l,exports.sm=r;

package/dist/components/form/SegmentedControl/segmented-control.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/SegmentedControl/segmented-control.module.scss
-var e = "_root_1sve6_22", t = "_fullWidth_1sve6_45", n = "_danger_1sve6_13", r = "_sm_1sve6_52", i = "_item_1sve6_55", a = "_iconOnly_1sve6_60", o = "_icon_1sve6_60", s = "_md_1sve6_70", c = "_lg_1sve6_88", l = "_slider_1sve6_106", u = "_ready_1sve6_120", d = "_active_1sve6_157", f = "_label_1sve6_164", p = {
+var e = "_root_9cu63_23", t = "_fullWidth_9cu63_46", n = "_danger_9cu63_14", r = "_sm_9cu63_53", i = "_item_9cu63_56", a = "_iconOnly_9cu63_61", o = "_icon_9cu63_61", s = "_md_9cu63_71", c = "_lg_9cu63_89", l = "_slider_9cu63_107", u = "_ready_9cu63_121", d = "_active_9cu63_161", f = "_label_9cu63_168", p = {
 	root: e,
 	fullWidth: t,
 	danger: n,

package/dist/components/form/Slider/slider.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_hzwt8_3`,t=`_disabled_hzwt8_12`,n=`_thumb_hzwt8_16`,r=`_danger_hzwt8_19`,i=`_track_hzwt8_19`,a=`_trackContainer_hzwt8_31`,o={root:e,disabled:t,thumb:n,danger:r,track:i,trackContainer:a};exports.danger=r,exports.default=o,exports.disabled=t,exports.root=e,exports.thumb=n,exports.track=i,exports.trackContainer=a;
+var e=`_root_u1ulb_3`,t=`_disabled_u1ulb_12`,n=`_thumb_u1ulb_16`,r=`_danger_u1ulb_19`,i=`_track_u1ulb_19`,a=`_trackContainer_u1ulb_31`,o={root:e,disabled:t,thumb:n,danger:r,track:i,trackContainer:a};exports.danger=r,exports.default=o,exports.disabled=t,exports.root=e,exports.thumb=n,exports.track=i,exports.trackContainer=a;

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

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Slider/slider.module.scss
-var e = "_root_hzwt8_3", t = "_disabled_hzwt8_12", n = "_thumb_hzwt8_16", r = "_danger_hzwt8_19", i = "_track_hzwt8_19", a = "_trackContainer_hzwt8_31", o = {
+var e = "_root_u1ulb_3", t = "_disabled_u1ulb_12", n = "_thumb_u1ulb_16", r = "_danger_u1ulb_19", i = "_track_u1ulb_19", a = "_trackContainer_u1ulb_31", o = {
 	root: e,
 	disabled: t,
 	thumb: n,

package/dist/components/form/Switch/switch.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1y3fs_15`,t=`_disabled_1y3fs_21`,n=`_input_1y3fs_25`,r=`_sm_1y3fs_70`,i=`_lg_1y3fs_78`,a=`_danger_1y3fs_6`,o={root:e,disabled:t,input:n,sm:r,lg:i,danger:a};exports.danger=a,exports.default=o,exports.disabled=t,exports.input=n,exports.lg=i,exports.root=e,exports.sm=r;
+var e=`_root_rwj47_16`,t=`_disabled_rwj47_26`,n=`_input_rwj47_30`,r=`_sm_rwj47_75`,i=`_lg_rwj47_83`,a=`_danger_rwj47_7`,o={root:e,disabled:t,input:n,sm:r,lg:i,danger:a};exports.danger=a,exports.default=o,exports.disabled=t,exports.input=n,exports.lg=i,exports.root=e,exports.sm=r;

package/dist/components/form/Switch/switch.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Switch/switch.module.scss
-var e = "_root_1y3fs_15", t = "_disabled_1y3fs_21", n = "_input_1y3fs_25", r = "_sm_1y3fs_70", i = "_lg_1y3fs_78", a = "_danger_1y3fs_6", o = {
+var e = "_root_rwj47_16", t = "_disabled_rwj47_26", n = "_input_rwj47_30", r = "_sm_rwj47_75", i = "_lg_rwj47_83", a = "_danger_rwj47_7", o = {
 	root: e,
 	disabled: t,
 	input: n,

package/dist/components/form/ThemeToggle/theme-toggle.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1of3l_4`,t=`_iconButton_1of3l_7`,n=`_segmented_1of3l_30`,r=`_segment_1of3l_30`,i=`_active_1of3l_58`,a=`_sm_1of3l_63`,o=`_lg_1of3l_67`,s={root:e,iconButton:t,segmented:n,segment:r,active:i,sm:a,lg:o};exports.active=i,exports.default=s,exports.iconButton=t,exports.lg=o,exports.root=e,exports.segment=r,exports.segmented=n,exports.sm=a;
+var e=`_root_1dvcb_4`,t=`_iconButton_1dvcb_7`,n=`_segmented_1dvcb_33`,r=`_segment_1dvcb_33`,i=`_active_1dvcb_64`,a=`_sm_1dvcb_69`,o=`_lg_1dvcb_73`,s={root:e,iconButton:t,segmented:n,segment:r,active:i,sm:a,lg:o};exports.active=i,exports.default=s,exports.iconButton=t,exports.lg=o,exports.root=e,exports.segment=r,exports.segmented=n,exports.sm=a;

package/dist/components/form/ThemeToggle/theme-toggle.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/ThemeToggle/theme-toggle.module.scss
-var e = "_root_1of3l_4", t = "_iconButton_1of3l_7", n = "_segmented_1of3l_30", r = "_segment_1of3l_30", i = "_active_1of3l_58", a = "_sm_1of3l_63", o = "_lg_1of3l_67", s = {
+var e = "_root_1dvcb_4", t = "_iconButton_1dvcb_7", n = "_segmented_1dvcb_33", r = "_segment_1dvcb_33", i = "_active_1dvcb_64", a = "_sm_1dvcb_69", o = "_lg_1dvcb_73", s = {
 	root: e,
 	iconButton: t,
 	segmented: n,

package/dist/components/form/ToggleGroup/toggle-group.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1y6wn_22`,t=`_danger_1y6wn_13`,n=`_fullWidth_1y6wn_41`,r=`_item_1y6wn_45`,i=`_slider_1y6wn_48`,a=`_single_1y6wn_63`,o=`_ready_1y6wn_63`,s=`_multiple_1y6wn_66`,c=`_active_1y6wn_100`,l=`_iconOnly_1y6wn_122`,u=`_icon_1y6wn_122`,d=`_sm_1y6wn_138`,f=`_md_1y6wn_146`,p=`_lg_1y6wn_154`,m={root:e,danger:t,fullWidth:n,item:r,slider:i,single:a,ready:o,multiple:s,active:c,iconOnly:l,icon:u,sm:d,md:f,lg:p};exports.active=c,exports.danger=t,exports.default=m,exports.fullWidth=n,exports.icon=u,exports.iconOnly=l,exports.item=r,exports.lg=p,exports.md=f,exports.multiple=s,exports.ready=o,exports.root=e,exports.single=a,exports.slider=i,exports.sm=d;
+var e=`_root_z34hd_23`,t=`_danger_z34hd_14`,n=`_fullWidth_z34hd_42`,r=`_item_z34hd_46`,i=`_slider_z34hd_49`,a=`_single_z34hd_64`,o=`_ready_z34hd_64`,s=`_multiple_z34hd_67`,c=`_active_z34hd_102`,l=`_iconOnly_z34hd_124`,u=`_icon_z34hd_124`,d=`_sm_z34hd_140`,f=`_md_z34hd_148`,p=`_lg_z34hd_156`,m={root:e,danger:t,fullWidth:n,item:r,slider:i,single:a,ready:o,multiple:s,active:c,iconOnly:l,icon:u,sm:d,md:f,lg:p};exports.active=c,exports.danger=t,exports.default=m,exports.fullWidth=n,exports.icon=u,exports.iconOnly=l,exports.item=r,exports.lg=p,exports.md=f,exports.multiple=s,exports.ready=o,exports.root=e,exports.single=a,exports.slider=i,exports.sm=d;

package/dist/components/form/ToggleGroup/toggle-group.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/ToggleGroup/toggle-group.module.scss
-var e = "_root_1y6wn_22", t = "_danger_1y6wn_13", n = "_fullWidth_1y6wn_41", r = "_item_1y6wn_45", i = "_slider_1y6wn_48", a = "_single_1y6wn_63", o = "_ready_1y6wn_63", s = "_multiple_1y6wn_66", c = "_active_1y6wn_100", l = "_iconOnly_1y6wn_122", u = "_icon_1y6wn_122", d = "_sm_1y6wn_138", f = "_md_1y6wn_146", p = "_lg_1y6wn_154", m = {
+var e = "_root_z34hd_23", t = "_danger_z34hd_14", n = "_fullWidth_z34hd_42", r = "_item_z34hd_46", i = "_slider_z34hd_49", a = "_single_z34hd_64", o = "_ready_z34hd_64", s = "_multiple_z34hd_67", c = "_active_z34hd_102", l = "_iconOnly_z34hd_124", u = "_icon_z34hd_124", d = "_sm_z34hd_140", f = "_md_z34hd_148", p = "_lg_z34hd_156", m = {
 	root: e,
 	danger: t,
 	fullWidth: n,

package/dist/components/layout/Footer/Footer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`primary`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;

package/dist/components/layout/Footer/Footer.d.ts

@@ -5,7 +5,7 @@ export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     /** Expand content to full width (disable the centered max-width container) */
     fluid?: boolean;
     /** Background color */
-    background?: "primary" | "secondary" | "dark";
+    background?: "surface" | "surface-variant" | "inverse";
 }
 export interface FooterSectionProps extends React.ComponentPropsWithoutRef<"div"> {
     title?: string;

package/dist/components/layout/Footer/Footer.js

@@ -4,7 +4,7 @@ import t from "react";
 import n from "classnames";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/layout/Footer/Footer.tsx
-var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, background: s = "primary", ...c }, l) => /* @__PURE__ */ r("footer", {
+var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, background: s = "surface", ...c }, l) => /* @__PURE__ */ r("footer", {
 	ref: l,
 	className: n("wim-footer", e.root, a && e.bordered, s && e[`bg-${s}`], t),
 	"data-bordered": a,

package/dist/components/layout/Footer/footer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_wcwtw_3`,t=`_sectionTitle_wcwtw_20`,n=`_bottom_wcwtw_23`,r=`_sectionContent_wcwtw_27`,i=`_bordered_wcwtw_30`,a=`_container_wcwtw_34`,o=`_fluid_wcwtw_43`,s=`_section_wcwtw_20`,c={root:e,"bg-primary":`_bg-primary_wcwtw_8`,"bg-secondary":`_bg-secondary_wcwtw_12`,"bg-dark":`_bg-dark_wcwtw_16`,sectionTitle:t,bottom:n,sectionContent:r,bordered:i,container:a,fluid:o,section:s};exports.bordered=i,exports.bottom=n,exports.container=a,exports.default=c,exports.fluid=o,exports.root=e,exports.section=s,exports.sectionContent=r,exports.sectionTitle=t;
+var e=`_root_1cvnf_3`,t=`_sectionTitle_1cvnf_20`,n=`_bottom_1cvnf_23`,r=`_sectionContent_1cvnf_27`,i=`_bordered_1cvnf_30`,a=`_container_1cvnf_34`,o=`_fluid_1cvnf_43`,s=`_section_1cvnf_20`,c={root:e,"bg-surface":`_bg-surface_1cvnf_8`,"bg-surface-variant":`_bg-surface-variant_1cvnf_12`,"bg-inverse":`_bg-inverse_1cvnf_16`,sectionTitle:t,bottom:n,sectionContent:r,bordered:i,container:a,fluid:o,section:s};exports.bordered=i,exports.bottom=n,exports.container=a,exports.default=c,exports.fluid=o,exports.root=e,exports.section=s,exports.sectionContent=r,exports.sectionTitle=t;

package/dist/components/layout/Footer/footer.module.js

@@ -1,10 +1,10 @@
 "use client";
 //#region src/components/layout/Footer/footer.module.scss
-var e = "_root_wcwtw_3", t = "_sectionTitle_wcwtw_20", n = "_bottom_wcwtw_23", r = "_sectionContent_wcwtw_27", i = "_bordered_wcwtw_30", a = "_container_wcwtw_34", o = "_fluid_wcwtw_43", s = "_section_wcwtw_20", c = {
+var e = "_root_1cvnf_3", t = "_sectionTitle_1cvnf_20", n = "_bottom_1cvnf_23", r = "_sectionContent_1cvnf_27", i = "_bordered_1cvnf_30", a = "_container_1cvnf_34", o = "_fluid_1cvnf_43", s = "_section_1cvnf_20", c = {
 	root: e,
-	"bg-primary": "_bg-primary_wcwtw_8",
-	"bg-secondary": "_bg-secondary_wcwtw_12",
-	"bg-dark": "_bg-dark_wcwtw_16",
+	"bg-surface": "_bg-surface_1cvnf_8",
+	"bg-surface-variant": "_bg-surface-variant_1cvnf_12",
+	"bg-inverse": "_bg-inverse_1cvnf_16",
 	sectionTitle: t,
 	bottom: n,
 	sectionContent: r,

package/dist/components/layout/Header/Header.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./header.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,sticky:o,bordered:s,glass:c,fluid:l,background:u=`primary`,...d},f)=>(0,i.jsx)(`header`,{ref:f,className:(0,r.default)(`wim-header`,t.default.root,a&&t.default.fixed,o&&t.default.sticky,s&&t.default.bordered,c&&t.default.glass,u&&t.default[`bg-${u}`],e),"data-fixed":a,"data-sticky":o,"data-bordered":s,...d,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,l&&t.default.fluid),children:n})}));a.displayName=`Header`;var o=n.default.forwardRef(({className:e,children:n,align:a=`start`,...o},s)=>(0,i.jsx)(`div`,{ref:s,className:(0,r.default)(t.default.section,a&&t.default[a],e),...o,children:n}));o.displayName=`Header.Section`;var s=Object.assign(a,{Section:o});exports.Header=s,exports.default=s,exports.HeaderSection=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./header.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,sticky:o,bordered:s,glass:c,fluid:l,background:u=`surface`,...d},f)=>(0,i.jsx)(`header`,{ref:f,className:(0,r.default)(`wim-header`,t.default.root,a&&t.default.fixed,o&&t.default.sticky,s&&t.default.bordered,c&&t.default.glass,u&&t.default[`bg-${u}`],e),"data-fixed":a,"data-sticky":o,"data-bordered":s,...d,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,l&&t.default.fluid),children:n})}));a.displayName=`Header`;var o=n.default.forwardRef(({className:e,children:n,align:a=`start`,...o},s)=>(0,i.jsx)(`div`,{ref:s,className:(0,r.default)(t.default.section,a&&t.default[a],e),...o,children:n}));o.displayName=`Header.Section`;var s=Object.assign(a,{Section:o});exports.Header=s,exports.default=s,exports.HeaderSection=o;

package/dist/components/layout/Header/Header.d.ts

@@ -11,7 +11,7 @@ export interface HeaderProps extends React.ComponentPropsWithoutRef<"header"> {
     /** Expand content to full width (disable the centered max-width container) */
     fluid?: boolean;
     /** Background color */
-    background?: "primary" | "secondary" | "transparent";
+    background?: "surface" | "surface-variant" | "transparent";
 }
 export interface HeaderSectionProps extends React.ComponentPropsWithoutRef<"div"> {
     align?: "start" | "center" | "end";

package/dist/components/layout/Header/Header.js

@@ -4,7 +4,7 @@ import t from "react";
 import n from "classnames";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/layout/Header/Header.tsx
-var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, fluid: l, background: u = "primary", ...d }, f) => /* @__PURE__ */ r("header", {
+var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, fluid: l, background: u = "surface", ...d }, f) => /* @__PURE__ */ r("header", {
 	ref: f,
 	className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, u && e[`bg-${u}`], t),
 	"data-fixed": a,

package/dist/components/layout/Header/header.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_ms3cg_2`,t=`_fixed_ms3cg_8`,n=`_sticky_ms3cg_14`,r=`_bordered_ms3cg_19`,i=`_glass_ms3cg_22`,a=`_container_ms3cg_37`,o=`_fluid_ms3cg_47`,s=`_section_ms3cg_51`,c=`_start_ms3cg_56`,l=`_center_ms3cg_59`,u=`_end_ms3cg_62`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-primary":`_bg-primary_ms3cg_27`,"bg-secondary":`_bg-secondary_ms3cg_30`,"bg-transparent":`_bg-transparent_ms3cg_33`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;
+var e=`_root_2tpbs_2`,t=`_fixed_2tpbs_8`,n=`_sticky_2tpbs_14`,r=`_bordered_2tpbs_19`,i=`_glass_2tpbs_22`,a=`_container_2tpbs_37`,o=`_fluid_2tpbs_47`,s=`_section_2tpbs_51`,c=`_start_2tpbs_56`,l=`_center_2tpbs_59`,u=`_end_2tpbs_62`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-surface":`_bg-surface_2tpbs_27`,"bg-surface-variant":`_bg-surface-variant_2tpbs_30`,"bg-transparent":`_bg-transparent_2tpbs_33`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;

package/dist/components/layout/Header/header.module.js

@@ -1,14 +1,14 @@
 "use client";
 //#region src/components/layout/Header/header.module.scss
-var e = "_root_ms3cg_2", t = "_fixed_ms3cg_8", n = "_sticky_ms3cg_14", r = "_bordered_ms3cg_19", i = "_glass_ms3cg_22", a = "_container_ms3cg_37", o = "_fluid_ms3cg_47", s = "_section_ms3cg_51", c = "_start_ms3cg_56", l = "_center_ms3cg_59", u = "_end_ms3cg_62", d = {
+var e = "_root_2tpbs_2", t = "_fixed_2tpbs_8", n = "_sticky_2tpbs_14", r = "_bordered_2tpbs_19", i = "_glass_2tpbs_22", a = "_container_2tpbs_37", o = "_fluid_2tpbs_47", s = "_section_2tpbs_51", c = "_start_2tpbs_56", l = "_center_2tpbs_59", u = "_end_2tpbs_62", d = {
 	root: e,
 	fixed: t,
 	sticky: n,
 	bordered: r,
 	glass: i,
-	"bg-primary": "_bg-primary_ms3cg_27",
-	"bg-secondary": "_bg-secondary_ms3cg_30",
-	"bg-transparent": "_bg-transparent_ms3cg_33",
+	"bg-surface": "_bg-surface_2tpbs_27",
+	"bg-surface-variant": "_bg-surface-variant_2tpbs_30",
+	"bg-transparent": "_bg-transparent_2tpbs_33",
 	container: a,
 	fluid: o,
 	section: s,