wimui 0.18.0 → 0.20.0

package/dist/components/form/ColorInput/ColorInput.js

@@ -1,53 +1,43 @@
 "use client";
-import { Input as e } from "../Input/Input.js";
-import t from "./color-input.module.js";
-import { useCallback as n, useMemo as r, useState as i } from "react";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Input as t } from "../Input/Input.js";
+import n from "./color-input.module.js";
+import { useCallback as r, useState as i } from "react";
 import a from "classnames";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/form/ColorInput/ColorInput.tsx
-function s(e) {
-	let t = e.replace("#", "");
-	if (t.length !== 6 && t.length !== 3) return null;
-	let n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t, r = parseInt(n, 16);
-	return isNaN(r) ? null : {
-		r: r >> 16 & 255,
-		g: r >> 8 & 255,
-		b: r & 255
-	};
-}
-function c(e, t, n) {
-	let [r, i, a] = [
-		e,
-		t,
-		n
-	].map((e) => {
-		let t = e / 255;
-		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-	});
-	return .2126 * r + .7152 * i + .0722 * a;
-}
-function l(e) {
-	let t = s(e);
-	return t ? c(t.r, t.g, t.b) < .4 : !1;
-}
-var u = ({ className: s, value: c, defaultValue: u, onChange: d, style: f, ...p }) => {
-	let [m, h] = i(() => u ?? "#000000"), g = c !== void 0, _ = g ? c : m, v = n((e) => {
-		g || h(e.target.value), d?.(e);
-	}, [g, d]), y = r(() => l(_), [_]);
-	return /* @__PURE__ */ o(e, {
-		type: "color",
-		className: a("wim-color-input", t.root, y && t.dark, s),
-		value: _,
-		onChange: v,
-		style: f,
-		styles: {
-			root: t.inputBase,
-			icon: t.inputIcon,
-			icons: t.inputIcons
-		},
-		inputClassName: t.input,
-		...p
+var s = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, c = (e) => e.length === 4 ? `#${e.slice(1).split("").map((e) => e + e).join("")}` : e, l = ({ className: l, value: u, defaultValue: d, onChange: f, style: p, ...m }) => {
+	let { t: h } = e("components"), [g, _] = i(() => d ?? "#000000"), v = u !== void 0, y = v ? u : g, [b, x] = i(y), [S, C] = i(y);
+	y !== S && (C(y), x(y));
+	let w = r((e, t) => {
+		v || _(e), f?.(t);
+	}, [v, f]), T = r((e) => {
+		let t = e.target.value;
+		x(t), s.test(t.trim()) && w(t.trim(), e);
+	}, [w]), E = r((e) => {
+		x(e.target.value), w(e.target.value, e);
+	}, [w]), D = s.test(y) ? c(y).toLowerCase() : "#000000";
+	return /* @__PURE__ */ o(t, {
+		type: "text",
+		className: a("wim-color-input", n.root, l),
+		value: b,
+		onChange: T,
+		style: p,
+		spellCheck: !1,
+		autoCapitalize: "none",
+		autoCorrect: "off",
+		inputClassName: n.input,
+		suffix: /* @__PURE__ */ o("input", {
+			type: "color",
+			className: n.swatch,
+			value: D,
+			onChange: E,
+			disabled: m.disabled,
+			"aria-label": h("colorinput.swatch"),
+			tabIndex: -1
+		}),
+		...m
 	});
 };
 //#endregion
-export { u as ColorInput };
+export { l as ColorInput };

package/dist/components/form/ColorInput/color-input.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_fut7b_2`,t=`_dark_fut7b_2`,n=`_inputBase_fut7b_2`,r=`_inputIcon_fut7b_2`,i=`_inputIcons_fut7b_3`,a=`_input_fut7b_2`,o={root:e,dark:t,inputBase:n,inputIcon:r,inputIcons:i,input:a};exports.dark=t,exports.default=o,exports.input=a,exports.inputBase=n,exports.inputIcon=r,exports.inputIcons=i,exports.root=e;
+var e=`_root_1mq9x_30`,t=`_input_1mq9x_30`,n=`_swatch_1mq9x_40`,r={root:e,input:t,swatch:n};exports.default=r,exports.input=t,exports.root=e,exports.swatch=n;

package/dist/components/form/ColorInput/color-input.module.js

@@ -1,12 +1,9 @@
 "use client";
 //#region src/components/form/ColorInput/color-input.module.scss
-var e = "_root_fut7b_2", t = "_dark_fut7b_2", n = "_inputBase_fut7b_2", r = "_inputIcon_fut7b_2", i = "_inputIcons_fut7b_3", a = "_input_fut7b_2", o = {
+var e = "_root_1mq9x_30", t = "_input_1mq9x_30", n = "_swatch_1mq9x_40", r = {
 	root: e,
-	dark: t,
-	inputBase: n,
-	inputIcon: r,
-	inputIcons: i,
-	input: a
+	input: t,
+	swatch: n
 };
 //#endregion
-export { t as dark, o as default, a as input, n as inputBase, r as inputIcon, i as inputIcons, e as root };
+export { r as default, t as input, e as root, n as swatch };

package/dist/components/form/CreditCardInput/CreditCardInput.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("../Input/Input.cjs"),r=require("./credit-card-input.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=e=>{let t=e.replace(/\D/g,``);return t.startsWith(`4`)?`visa`:/^5[1-5]/.test(t)?`mastercard`:/^3[47]/.test(t)?`amex`:/^6(?:011|5)/.test(t)?`discover`:/^(?:2131|1800|35)/.test(t)?`jcb`:/^3(?:0[0-5]|[68])/.test(t)?`diners`:`generic`},s=(e,t)=>{let n=e.replace(/\D/g,``);if(t===`amex`)return[n.slice(0,4),n.slice(4,10),n.slice(10,15)].filter(Boolean).join(` `);if(t===`diners`)return[n.slice(0,4),n.slice(4,10),n.slice(10,14)].filter(Boolean).join(` `);let r=n.match(/.{1,4}/g);return r?r.join(` `):n},c=e=>e===`amex`?17:e===`diners`?16:19,l=i.default.forwardRef(({onChange:e,onBrandChange:l,value:u,defaultValue:d,asChild:f=!1,children:p,...m},h)=>{let g=f?t.Root:n.Input,[_,v]=(0,i.useState)(()=>{let e=String(d||``);return s(e,o(e))}),y=u!==void 0,b=y?s(String(u),o(String(u))):_,x=(0,i.useMemo)(()=>o(b),[b]);(0,i.useEffect)(()=>{l?.(x)},[x,l]);let S=(0,i.useCallback)(t=>{let n=t.target.value.replace(/\D/g,``),r=s(n,o(n));y||v(r),e&&e({...t,target:{...t.target,value:r}})},[y,e]);return(0,a.jsx)(g,{...m,ref:h,type:`text`,inputMode:`numeric`,autoComplete:`cc-number`,value:b,onChange:S,maxLength:c(x),rightIcon:`CreditCardIcon`,className:`wim-credit-card-input ${r.default.root}`,children:p})});l.displayName=`CreditCardInput`,exports.CreditCardInput=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../Input/Input.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{let t=e.replace(/\D/g,``);return t.startsWith(`4`)?`visa`:/^5[1-5]/.test(t)?`mastercard`:/^3[47]/.test(t)?`amex`:/^6(?:011|5)/.test(t)?`discover`:/^(?:2131|1800|35)/.test(t)?`jcb`:/^3(?:0[0-5]|[68])/.test(t)?`diners`:`generic`},o=(e,t)=>{let n=e.replace(/\D/g,``);if(t===`amex`)return[n.slice(0,4),n.slice(4,10),n.slice(10,15)].filter(Boolean).join(` `);if(t===`diners`)return[n.slice(0,4),n.slice(4,10),n.slice(10,14)].filter(Boolean).join(` `);let r=n.match(/.{1,4}/g);return r?r.join(` `):n},s=e=>e===`amex`?17:e===`diners`?16:19,c=r.default.forwardRef(({onChange:e,onBrandChange:c,value:l,defaultValue:u,asChild:d=!1,children:f,...p},m)=>{let h=d?t.Root:n.Input,[g,_]=(0,r.useState)(()=>{let e=String(u||``);return o(e,a(e))}),v=l!==void 0,y=v?o(String(l),a(String(l))):g,b=(0,r.useMemo)(()=>a(y),[y]);(0,r.useEffect)(()=>{c?.(b)},[b,c]);let x=(0,r.useCallback)(t=>{let n=t.target.value.replace(/\D/g,``),r=o(n,a(n));v||_(r),e&&e({...t,target:{...t.target,value:r}})},[v,e]);return(0,i.jsx)(h,{...p,ref:m,type:`text`,inputMode:`numeric`,autoComplete:`cc-number`,value:y,onChange:x,maxLength:s(b),rightIcon:`CreditCardIcon`,className:`wim-credit-card-input`,children:f})});c.displayName=`CreditCardInput`,exports.CreditCardInput=c;

package/dist/components/form/CreditCardInput/CreditCardInput.js

@@ -1,14 +1,13 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { Input as t } from "../Input/Input.js";
-import n from "./credit-card-input.module.js";
-import r, { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import n, { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/form/CreditCardInput/CreditCardInput.tsx
-var l = (e) => {
+var c = (e) => {
 	let t = e.replace(/\D/g, "");
 	return t.startsWith("4") ? "visa" : /^5[1-5]/.test(t) ? "mastercard" : /^3[47]/.test(t) ? "amex" : /^6(?:011|5)/.test(t) ? "discover" : /^(?:2131|1800|35)/.test(t) ? "jcb" : /^3(?:0[0-5]|[68])/.test(t) ? "diners" : "generic";
-}, u = (e, t) => {
+}, l = (e, t) => {
 	let n = e.replace(/\D/g, "");
 	if (t === "amex") return [
 		n.slice(0, 4),
@@ -22,38 +21,38 @@ var l = (e) => {
 	].filter(Boolean).join(" ");
 	let r = n.match(/.{1,4}/g);
 	return r ? r.join(" ") : n;
-}, d = (e) => e === "amex" ? 17 : e === "diners" ? 16 : 19, f = r.forwardRef(({ onChange: r, onBrandChange: f, value: p, defaultValue: m, asChild: h = !1, children: g, ..._ }, v) => {
-	let y = h ? e : t, [b, x] = s(() => {
-		let e = String(m || "");
-		return u(e, l(e));
-	}), S = p !== void 0, C = S ? u(String(p), l(String(p))) : b, w = o(() => l(C), [C]);
-	a(() => {
-		f?.(w);
-	}, [w, f]);
-	let T = i((e) => {
-		let t = e.target.value.replace(/\D/g, ""), n = u(t, l(t));
-		S || x(n), r && r({
+}, u = (e) => e === "amex" ? 17 : e === "diners" ? 16 : 19, d = n.forwardRef(({ onChange: n, onBrandChange: d, value: f, defaultValue: p, asChild: m = !1, children: h, ...g }, _) => {
+	let v = m ? e : t, [y, b] = o(() => {
+		let e = String(p || "");
+		return l(e, c(e));
+	}), x = f !== void 0, S = x ? l(String(f), c(String(f))) : y, C = a(() => c(S), [S]);
+	i(() => {
+		d?.(C);
+	}, [C, d]);
+	let w = r((e) => {
+		let t = e.target.value.replace(/\D/g, ""), r = l(t, c(t));
+		x || b(r), n && n({
 			...e,
 			target: {
 				...e.target,
-				value: n
+				value: r
 			}
 		});
-	}, [S, r]);
-	return /* @__PURE__ */ c(y, {
-		..._,
-		ref: v,
+	}, [x, n]);
+	return /* @__PURE__ */ s(v, {
+		...g,
+		ref: _,
 		type: "text",
 		inputMode: "numeric",
 		autoComplete: "cc-number",
-		value: C,
-		onChange: T,
-		maxLength: d(w),
+		value: S,
+		onChange: w,
+		maxLength: u(C),
 		rightIcon: "CreditCardIcon",
-		className: `wim-credit-card-input ${n.root}`,
-		children: g
+		className: "wim-credit-card-input",
+		children: h
 	});
 });
-f.displayName = "CreditCardInput";
+d.displayName = "CreditCardInput";
 //#endregion
-export { f as CreditCardInput };
+export { d as CreditCardInput };

package/dist/components/form/DatePicker/DatePicker.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("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Input/input.module.cjs"),s=require("../../data-display/Calendar/Calendar.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./date-picker.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({intent:e=`default`,variant:p=`outline`,fullWidth:m=!1,className:h,disabled:g,value:_,defaultValue:v,onChange:y,format:b=`YYYY-MM-DD`,clearable:x=!0,placeholder:S,minDate:ee,maxDate:te,disabledDates:ne,label:C,error:w,required:T,layout:E,id:D,labels:re,width:O,asChild:k=!1,children:A,...j},M)=>{let[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)(v||null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=c.mergeRefs(L,M),B=(0,u.useId)(),V=D||`wim-datepicker-${B}`,H=`${V}-dropdown`,U=C?`${V}-label`:void 0,W=w?`${V}-error`:void 0,G=_!==void 0,K=G?_:F,q=S??re?.placeholder,J=g,Y=w?`danger`:e;(0,u.useEffect)(()=>{let e=e=>{L.current&&!L.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{let e=e=>{e.key===`Escape`&&N&&(P(!1),R.current?.focus())};return N&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[N]);let X=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return b.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},Z=e=>{G||I(e),y?.(e),P(!1),R.current?.focus()},Q=e=>{e?.stopPropagation(),J||(G||I(null),y?.(null))},$=()=>{J||P(!N)};return(0,u.useEffect)(()=>{if(N){let e=setTimeout(()=>{let e=L.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():L.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[N]),(0,f.jsx)(a.FieldTemplate,{label:C,error:w,required:T,layout:E,labelId:U,htmlFor:V,errorId:W,className:h,children:(0,f.jsxs)(k?t.Root:`div`,{ref:z,className:(0,d.default)(`wim-date-picker`,l.default.root,m&&l.default.fullWidth),children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(i.InputBase,{intent:Y,variant:p,width:O,fullWidth:m,disabled:J,allowClear:x,hasValue:!!K,onClear:Q,rightIcons:[{name:`ChevronDownIcon`,rotated:N,onClick:$}],children:(0,f.jsx)(`input`,{id:V,ref:R,type:`text`,readOnly:!0,role:`combobox`,className:(0,d.default)(o.default.root,l.default.input,m&&o.default.fullWidth),value:X(K),placeholder:q,disabled:J,onClick:$,onKeyDown:e=>{J||(e.key===`Escape`?(P(!1),R.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!N))&&(e.preventDefault(),P(!N)))},"aria-haspopup":`dialog`,"aria-expanded":N,"aria-controls":N?H:void 0,"aria-invalid":Y===`danger`,"aria-describedby":W,"aria-labelledby":U,"aria-required":T,...j})}),(0,f.jsx)(n.Transition,{show:N&&!g,preset:`fade`,id:H,className:l.default.dropdown,children:(0,f.jsx)(r.FocusTrap,{active:N,initialFocus:!1,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":U,children:(0,f.jsx)(s.Calendar,{value:K??void 0,onChange:Z})})})})]}),A]})})});p.displayName=`DatePicker`,exports.DatePicker=p,exports.default=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Input/input.module.cjs"),s=require("../../data-display/Calendar/Calendar.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./date-picker.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({intent:e=`default`,variant:p=`outline`,fullWidth:m=!1,className:h,disabled:g,value:_,defaultValue:v,onChange:y,format:b=`YYYY-MM-DD`,clearable:x=!0,placeholder:S,minDate:ee,maxDate:te,disabledDates:ne,label:C,error:w,required:T,layout:re,id:E,labels:D,width:O,asChild:k=!1,children:A,...j},M)=>{let[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)(v||null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=c.mergeRefs(L,M),B=(0,u.useId)(),V=E||`wim-datepicker-${B}`,H=`${V}-dropdown`,U=C?`${V}-label`:void 0,W=w?`${V}-error`:void 0,G=_!==void 0,K=G?_:F,q=S??D?.placeholder,J=g,Y=w?`danger`:e;(0,u.useEffect)(()=>{let e=e=>{L.current&&!L.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{let e=e=>{e.key===`Escape`&&N&&(P(!1),R.current?.focus())};return N&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[N]);let X=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return b.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},Z=e=>{G||I(e),y?.(e),P(!1),R.current?.focus()},Q=e=>{e?.stopPropagation(),J||(G||I(null),y?.(null))},$=()=>{J||P(!N)};return(0,u.useEffect)(()=>{if(N){let e=setTimeout(()=>{let e=L.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():L.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[N]),(0,f.jsx)(a.FieldTemplate,{label:C,error:w,required:T,layout:re,labelId:U,htmlFor:V,errorId:W,className:h,children:(0,f.jsxs)(k?t.Root:`div`,{ref:z,className:(0,d.default)(`wim-date-picker`,l.default.root,m&&l.default.fullWidth),children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(i.InputBase,{intent:Y,variant:p,width:O,fullWidth:m,disabled:J,allowClear:x,hasValue:!!K,onClear:Q,rightIcons:[{name:`ChevronDownIcon`,rotated:N,onClick:$}],children:(0,f.jsx)(`input`,{id:V,ref:R,type:`text`,readOnly:!0,role:`combobox`,className:(0,d.default)(o.default.root,l.default.input),value:X(K),placeholder:q,disabled:J,onClick:$,onKeyDown:e=>{J||(e.key===`Escape`?(P(!1),R.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!N))&&(e.preventDefault(),P(!N)))},"aria-haspopup":`dialog`,"aria-expanded":N,"aria-controls":N?H:void 0,"aria-invalid":Y===`danger`,"aria-describedby":W,"aria-labelledby":U,"aria-required":T,...j})}),(0,f.jsx)(n.Transition,{show:N&&!g,preset:`fade`,id:H,className:l.default.dropdown,children:(0,f.jsx)(r.FocusTrap,{active:N,initialFocus:!1,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":U,children:(0,f.jsx)(s.Calendar,{value:K??void 0,onChange:Z})})})})]}),A]})})});p.displayName=`DatePicker`,exports.DatePicker=p,exports.default=p;

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/DateRangePicker/DateRangePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../FieldTemplate/FieldTemplate.cjs"),n=require("../DatePicker/DatePicker.cjs"),r=require("./date-range-picker.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=({startProps:e,endProps:s,className:c,label:l,error:u,required:d,layout:f=`vertical`})=>{let p=`wim-daterangepicker-${(0,i.useId)()}`,m=l?`${p}-label`:void 0,h=u?`${p}-error`:void 0;return(0,o.jsx)(t.FieldTemplate,{label:l,error:u,required:d,layout:f,labelId:m,errorId:h,className:(0,a.default)(`wim-date-range-picker`,r.default.container,c),children:(0,o.jsxs)(`div`,{className:r.default.root,role:`group`,"aria-labelledby":m,"aria-describedby":h,children:[(0,o.jsx)(`div`,{className:r.default.pickerWrapper,children:(0,o.jsx)(n.DatePicker,{...e,label:void 0,error:void 0,intent:u?`danger`:e?.intent,fullWidth:!0})}),(0,o.jsx)(`span`,{className:r.default.separator,children:`~`}),(0,o.jsx)(`div`,{className:r.default.pickerWrapper,children:(0,o.jsx)(n.DatePicker,{...s,label:void 0,error:void 0,intent:u?`danger`:s?.intent,fullWidth:!0})})]})})};exports.DateRangePicker=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../DatePicker/DatePicker.cjs"),i=require("./date-range-picker.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({startProps:e,endProps:c,className:l,label:u,error:d,required:f,layout:p=`vertical`})=>{let{t:m}=t.useWimTranslation(`components`),h=`wim-daterangepicker-${(0,a.useId)()}`,g=u?`${h}-label`:void 0,_=d?`${h}-error`:void 0,v=e?.label?void 0:m(`daterangepicker.start`),y=c?.label?void 0:m(`daterangepicker.end`);return(0,s.jsx)(n.FieldTemplate,{label:u,error:d,required:f,layout:p,labelId:g,errorId:_,className:(0,o.default)(`wim-date-range-picker`,i.default.container,l),children:(0,s.jsxs)(`div`,{className:i.default.root,role:`group`,"aria-labelledby":g,"aria-describedby":_,children:[(0,s.jsx)(`div`,{className:i.default.pickerWrapper,children:(0,s.jsx)(r.DatePicker,{"aria-label":v,...e,intent:d?`danger`:e?.intent,fullWidth:!0})}),(0,s.jsx)(`span`,{className:i.default.separator,children:`~`}),(0,s.jsx)(`div`,{className:i.default.pickerWrapper,children:(0,s.jsx)(r.DatePicker,{"aria-label":y,...c,intent:d?`danger`:c?.intent,fullWidth:!0})})]})})};exports.DateRangePicker=c;

package/dist/components/form/DateRangePicker/DateRangePicker.js

@@ -1,48 +1,47 @@
 "use client";
-import { FieldTemplate as e } from "../FieldTemplate/FieldTemplate.js";
-import { DatePicker as t } from "../DatePicker/DatePicker.js";
-import n from "./date-range-picker.module.js";
-import { useId as r } from "react";
-import i from "classnames";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { FieldTemplate as t } from "../FieldTemplate/FieldTemplate.js";
+import { DatePicker as n } from "../DatePicker/DatePicker.js";
+import r from "./date-range-picker.module.js";
+import { useId as i } from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/form/DateRangePicker/DateRangePicker.tsx
-var s = ({ startProps: s, endProps: c, className: l, label: u, error: d, required: f, layout: p = "vertical" }) => {
-	let m = `wim-daterangepicker-${r()}`, h = u ? `${m}-label` : void 0, g = d ? `${m}-error` : void 0;
-	return /* @__PURE__ */ a(e, {
-		label: u,
-		error: d,
-		required: f,
-		layout: p,
-		labelId: h,
-		errorId: g,
-		className: i("wim-date-range-picker", n.container, l),
-		children: /* @__PURE__ */ o("div", {
-			className: n.root,
+var c = ({ startProps: c, endProps: l, className: u, label: d, error: f, required: p, layout: m = "vertical" }) => {
+	let { t: h } = e("components"), g = `wim-daterangepicker-${i()}`, _ = d ? `${g}-label` : void 0, v = f ? `${g}-error` : void 0, y = c?.label ? void 0 : h("daterangepicker.start"), b = l?.label ? void 0 : h("daterangepicker.end");
+	return /* @__PURE__ */ o(t, {
+		label: d,
+		error: f,
+		required: p,
+		layout: m,
+		labelId: _,
+		errorId: v,
+		className: a("wim-date-range-picker", r.container, u),
+		children: /* @__PURE__ */ s("div", {
+			className: r.root,
 			role: "group",
-			"aria-labelledby": h,
-			"aria-describedby": g,
+			"aria-labelledby": _,
+			"aria-describedby": v,
 			children: [
-				/* @__PURE__ */ a("div", {
-					className: n.pickerWrapper,
-					children: /* @__PURE__ */ a(t, {
-						...s,
-						label: void 0,
-						error: void 0,
-						intent: d ? "danger" : s?.intent,
+				/* @__PURE__ */ o("div", {
+					className: r.pickerWrapper,
+					children: /* @__PURE__ */ o(n, {
+						"aria-label": y,
+						...c,
+						intent: f ? "danger" : c?.intent,
 						fullWidth: !0
 					})
 				}),
-				/* @__PURE__ */ a("span", {
-					className: n.separator,
+				/* @__PURE__ */ o("span", {
+					className: r.separator,
 					children: "~"
 				}),
-				/* @__PURE__ */ a("div", {
-					className: n.pickerWrapper,
-					children: /* @__PURE__ */ a(t, {
-						...c,
-						label: void 0,
-						error: void 0,
-						intent: d ? "danger" : c?.intent,
+				/* @__PURE__ */ o("div", {
+					className: r.pickerWrapper,
+					children: /* @__PURE__ */ o(n, {
+						"aria-label": b,
+						...l,
+						intent: f ? "danger" : l?.intent,
 						fullWidth: !0
 					})
 				})
@@ -51,4 +50,4 @@ var s = ({ startProps: s, endProps: c, className: l, label: u, error: d, require
 	});
 };
 //#endregion
-export { s as DateRangePicker };
+export { c as DateRangePicker };

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;