wimui 0.57.1 → 0.58.0

package/dist/components/ai/ModelSelector/model-selector.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_xb9bu_24`,t=`_fullWidth_xb9bu_36`,n=`_disabled_xb9bu_39`,r=`_trigger_xb9bu_43`,i=`_triggerLabel_xb9bu_94`,a=`_triggerName_xb9bu_101`,o=`_placeholder_xb9bu_107`,s=`_chevron_xb9bu_113`,c=`_chevronOpen_xb9bu_118`,l=`_badge_xb9bu_121`,u=`_dropdownWrapper_xb9bu_131`,d=`_dropdown_xb9bu_131`,f=`_option_xb9bu_153`,p=`_optionDisabled_xb9bu_161`,m=`_active_xb9bu_164`,h=`_check_xb9bu_171`,g=`_optionBody_xb9bu_180`,_=`_optionHeader_xb9bu_186`,v=`_optionName_xb9bu_191`,y=`_description_xb9bu_199`,b=`_metaRow_xb9bu_203`,x=`_meta_xb9bu_203`,S=`_sm_xb9bu_217`,C=`_lg_xb9bu_222`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,optionDisabled:p,active:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=m,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=p,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;
+var e=`_root_1tnvx_24`,t=`_fullWidth_1tnvx_36`,n=`_disabled_1tnvx_39`,r=`_trigger_1tnvx_43`,i=`_triggerLabel_1tnvx_94`,a=`_triggerName_1tnvx_101`,o=`_placeholder_1tnvx_107`,s=`_chevron_1tnvx_113`,c=`_chevronOpen_1tnvx_118`,l=`_badge_1tnvx_121`,u=`_dropdownWrapper_1tnvx_131`,d=`_dropdown_1tnvx_131`,f=`_option_1tnvx_153`,p=`_optionDisabled_1tnvx_161`,m=`_active_1tnvx_164`,h=`_check_1tnvx_171`,g=`_optionBody_1tnvx_180`,_=`_optionHeader_1tnvx_186`,v=`_optionName_1tnvx_191`,y=`_description_1tnvx_199`,b=`_metaRow_1tnvx_203`,x=`_meta_1tnvx_203`,S=`_sm_1tnvx_221`,C=`_lg_1tnvx_226`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,optionDisabled:p,active:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=m,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=p,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;

package/dist/components/ai/ModelSelector/model-selector.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/ModelSelector/model-selector.module.scss
-var e = "_root_xb9bu_24", t = "_fullWidth_xb9bu_36", n = "_disabled_xb9bu_39", r = "_trigger_xb9bu_43", i = "_triggerLabel_xb9bu_94", a = "_triggerName_xb9bu_101", o = "_placeholder_xb9bu_107", s = "_chevron_xb9bu_113", c = "_chevronOpen_xb9bu_118", l = "_badge_xb9bu_121", u = "_dropdownWrapper_xb9bu_131", d = "_dropdown_xb9bu_131", f = "_option_xb9bu_153", p = "_optionDisabled_xb9bu_161", m = "_active_xb9bu_164", h = "_check_xb9bu_171", g = "_optionBody_xb9bu_180", _ = "_optionHeader_xb9bu_186", v = "_optionName_xb9bu_191", y = "_description_xb9bu_199", b = "_metaRow_xb9bu_203", x = "_meta_xb9bu_203", S = "_sm_xb9bu_217", C = "_lg_xb9bu_222", w = {
+var e = "_root_1tnvx_24", t = "_fullWidth_1tnvx_36", n = "_disabled_1tnvx_39", r = "_trigger_1tnvx_43", i = "_triggerLabel_1tnvx_94", a = "_triggerName_1tnvx_101", o = "_placeholder_1tnvx_107", s = "_chevron_1tnvx_113", c = "_chevronOpen_1tnvx_118", l = "_badge_1tnvx_121", u = "_dropdownWrapper_1tnvx_131", d = "_dropdown_1tnvx_131", f = "_option_1tnvx_153", p = "_optionDisabled_1tnvx_161", m = "_active_1tnvx_164", h = "_check_1tnvx_171", g = "_optionBody_1tnvx_180", _ = "_optionHeader_1tnvx_186", v = "_optionName_1tnvx_191", y = "_description_1tnvx_199", b = "_metaRow_1tnvx_203", x = "_meta_1tnvx_203", S = "_sm_1tnvx_221", C = "_lg_1tnvx_226", w = {
 	root: e,
 	fullWidth: t,
 	disabled: n,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/components.cjs"),i=require("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./carousel.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,f=(0,c.forwardRef)(({children:e,autoPlay:f=!1,interval:p=5e3,showIndicators:m=!0,showControls:h=!0,controlsPlacement:g=`overlay`,loop:_=!0,slidesToShow:v=1,aspectRatio:y,objectFit:b=`cover`,labels:x,className:S,asChild:C,...w},T)=>{let E=C?t.Root:`div`,{t:D}=n.useWimTranslation(r.componentsNs),O={slideLabel:e=>D(`carousel.slide`,{number:e}),prevSlide:D(`carousel.prev_slide`),nextSlide:D(`carousel.next_slide`),goToSlide:e=>D(`carousel.go_to_slide`,{number:e}),...x},k=(0,c.useMemo)(()=>c.default.Children.toArray(e),[e]),A=k.length,[j,M]=(0,c.useState)(typeof window<`u`?window.innerWidth:0),[N,P]=(0,c.useState)(_?A:0),[F,I]=(0,c.useState)(!1),[L,R]=(0,c.useState)(!1),z=d(v,j),B=(0,c.useRef)(null),V=(0,c.useRef)(null),H=(0,c.useRef)(null),U=(0,c.useRef)(null);(0,c.useEffect)(()=>{let e=()=>M(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let W=(0,c.useMemo)(()=>!_||A===0?k:[...k,...k,...k],[k,_,A]),G=(0,c.useCallback)(()=>{if(!F){if(!_){P(e=>Math.min(e+1,A-z));return}I(!0),P(e=>e+1)}},[F,_,A,z]),K=(0,c.useCallback)(()=>{if(!F){if(!_){P(e=>Math.max(e-1,0));return}I(!0),P(e=>e-1)}},[F,_]),q=e=>{F||(_?(I(!0),P(e+A)):P(e))},J=()=>{_&&(I(!1),N>=A*2?P(N-A):N<A&&P(N+A))};(0,c.useEffect)(()=>(f&&!L&&A>z&&(B.current=window.setInterval(G,p)),()=>{B.current&&window.clearInterval(B.current)}),[f,p,G,A,z,L]);let Y=e=>{e.key===`ArrowLeft`?K():e.key===`ArrowRight`&&G()},X=e=>{H.current=e.targetTouches[0].clientX},Z=e=>{U.current=e.targetTouches[0].clientX},Q=()=>{if(!H.current||!U.current)return;let e=H.current-U.current;e>50?G():e<-50&&K(),H.current=null,U.current=null};if(A===0)return null;let $=100/z,ee=-N*$;return(0,u.jsxs)(E,{ref:T,className:(0,l.default)(`wim-carousel`,s.default.root,g===`outside`&&s.default.controlsOutside,S),onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),onFocus:()=>R(!0),onBlur:()=>R(!1),onKeyDown:Y,tabIndex:0,role:`region`,"aria-roledescription":D(`carousel.roledescription`),...w,children:[(0,u.jsx)(`div`,{className:s.default.viewport,children:(0,u.jsx)(`div`,{ref:V,className:(0,l.default)(s.default.track,F&&s.default.transition),style:{transform:`translateX(${ee}%)`},onTransitionEnd:J,onTouchStart:X,onTouchMove:Z,onTouchEnd:Q,children:W.map((e,t)=>(0,u.jsx)(`div`,{className:(0,l.default)(s.default.item,y&&s.default.hasAspectRatio),style:{flex:`0 0 ${$}%`,width:`${$}%`,...y?{aspectRatio:y,"--wim-carousel-object-fit":b}:{}},role:`group`,"aria-roledescription":D(`carousel.slide_roledescription`),"aria-label":O.slideLabel(t%A+1),children:e},t))})}),h&&A>z&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`button`,{className:(0,l.default)(s.default.control,s.default.prev),onClick:K,"aria-label":O.prevSlide,disabled:!_&&N===0,tabIndex:-1,children:(0,u.jsx)(o.Icon,{component:i.default,size:`md`})}),(0,u.jsx)(`button`,{className:(0,l.default)(s.default.control,s.default.next),onClick:G,"aria-label":O.nextSlide,disabled:!_&&N>=A-z,tabIndex:-1,children:(0,u.jsx)(o.Icon,{component:a.default,size:`md`})})]}),m&&A>1&&(0,u.jsx)(`div`,{className:s.default.indicators,children:k.map((e,t)=>{let n=_?N%A===t:N===t;return(0,u.jsx)(`button`,{className:(0,l.default)(s.default.indicator,n&&s.default.active),onClick:()=>q(t),"aria-label":O.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]})});f.displayName=`Carousel`,exports.Carousel=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/components.cjs"),i=require("../../../icon/chevron-left.cjs"),ee=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./carousel.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,d=(0,s.forwardRef)(({children:e,autoPlay:d=!1,interval:f=5e3,showIndicators:p=!0,showControls:m=!0,controlsPlacement:h=`overlay`,loop:g=!0,slidesToShow:_=1,aspectRatio:v,objectFit:y=`cover`,labels:b,className:x,asChild:S,...C},w)=>{let T=S?t.Root:`div`,{t:E}=n.useWimTranslation(r.componentsNs),D={slideLabel:e=>E(`carousel.slide`,{number:e}),prevSlide:E(`carousel.prev_slide`),nextSlide:E(`carousel.next_slide`),goToSlide:e=>E(`carousel.go_to_slide`,{number:e}),...b},O=S&&s.default.isValidElement(e)?e.props.children:e,k=(0,s.useMemo)(()=>s.default.Children.toArray(O),[O]),A=k.length,[te,j]=(0,s.useState)(typeof window<`u`?window.innerWidth:0),[M,N]=(0,s.useState)(g?A:0),[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(!1),R=u(_,te),z=(0,s.useRef)(null),B=(0,s.useRef)(null),V=(0,s.useRef)(null),H=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=()=>j(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let U=(0,s.useMemo)(()=>!g||A===0?k:[...k,...k,...k],[k,g,A]),W=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.min(e+1,A-R));return}F(!0),N(e=>e+1)}},[P,g,A,R]),G=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.max(e-1,0));return}F(!0),N(e=>e-1)}},[P,g]),K=e=>{P||(g?(F(!0),N(e+A)):N(e))},q=()=>{g&&(F(!1),M>=A*2?N(M-A):M<A&&N(M+A))};(0,s.useEffect)(()=>(d&&!I&&A>R&&(z.current=window.setInterval(W,f)),()=>{z.current&&window.clearInterval(z.current)}),[d,f,W,A,R,I]);let J=e=>{e.key===`ArrowLeft`?G():e.key===`ArrowRight`&&W()},Y=e=>{V.current=e.targetTouches[0].clientX},X=e=>{H.current=e.targetTouches[0].clientX},Z=()=>{if(!V.current||!H.current)return;let e=V.current-H.current;e>50?W():e<-50&&G(),V.current=null,H.current=null};if(A===0)return null;let Q=100/R,ne=-M*Q,$=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:o.default.viewport,children:(0,l.jsx)(`div`,{ref:B,className:(0,c.default)(o.default.track,P&&o.default.transition),style:{transform:`translateX(${ne}%)`},onTransitionEnd:q,onTouchStart:Y,onTouchMove:X,onTouchEnd:Z,children:U.map((e,t)=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.item,v&&o.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,...v?{aspectRatio:v,"--wim-carousel-object-fit":y}:{}},role:`group`,"aria-roledescription":E(`carousel.slide_roledescription`),"aria-label":D.slideLabel(t%A+1),children:e},t))})}),m&&A>R&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.prev),onClick:G,"aria-label":D.prevSlide,disabled:!g&&M===0,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:i.default,size:`md`})}),(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.next),onClick:W,"aria-label":D.nextSlide,disabled:!g&&M>=A-R,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:ee.default,size:`md`})})]}),p&&A>1&&(0,l.jsx)(`div`,{className:o.default.indicators,children:k.map((e,t)=>{let n=g?M%A===t:M===t;return(0,l.jsx)(`button`,{className:(0,c.default)(o.default.indicator,n&&o.default.active),onClick:()=>K(t),"aria-label":D.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]});return(0,l.jsx)(T,{ref:w,className:(0,c.default)(`wim-carousel`,o.default.root,h===`outside`&&o.default.controlsOutside,x),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),onFocus:()=>L(!0),onBlur:()=>L(!1),onKeyDown:J,tabIndex:0,role:`region`,"aria-roledescription":E(`carousel.roledescription`),...C,children:S?(0,l.jsx)(t.Slottable,{child:e,children:()=>$}):$})});d.displayName=`Carousel`,exports.Carousel=d;

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

@@ -1,160 +1,163 @@
 "use client";
-import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
-import { componentsNs as n } from "../../../i18n/generated/components.js";
-import r from "../../../icon/chevron-left.js";
-import ee from "../../../icon/chevron-right.js";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
+import { componentsNs as ee } from "../../../i18n/generated/components.js";
+import te from "../../../icon/chevron-left.js";
+import r from "../../../icon/chevron-right.js";
 import { Icon as i } from "../../media/Icon/Icon.js";
 import a from "./carousel.module.js";
-import te, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import f from "classnames";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import o, { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/data-display/Carousel/Carousel.tsx
-var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, _ = o(({ children: o, autoPlay: _ = !1, interval: v = 5e3, showIndicators: y = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
-	let j = O ? e : "div", { t: M } = t(n), N = {
+var _ = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, v = s(({ children: s, autoPlay: v = !1, interval: y = 5e3, showIndicators: ne = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
+	let j = O ? e : "div", { t: M } = n(ee), N = {
 		slideLabel: (e) => M("carousel.slide", { number: e }),
 		prevSlide: M("carousel.prev_slide"),
 		nextSlide: M("carousel.next_slide"),
 		goToSlide: (e) => M("carousel.go_to_slide", { number: e }),
 		...E
-	}, P = l(() => te.Children.toArray(o), [o]), F = P.length, [I, L] = d(typeof window < "u" ? window.innerWidth : 0), [R, z] = d(S ? F : 0), [B, V] = d(!1), [H, U] = d(!1), W = g(C, I), G = u(null), K = u(null), q = u(null), J = u(null);
-	c(() => {
-		let e = () => L(window.innerWidth);
+	}, P = O && o.isValidElement(s) ? s.props.children : s, F = u(() => o.Children.toArray(P), [P]), I = F.length, [re, ie] = f(typeof window < "u" ? window.innerWidth : 0), [L, R] = f(S ? I : 0), [z, B] = f(!1), [V, H] = f(!1), U = _(C, re), W = d(null), G = d(null), K = d(null), q = d(null);
+	l(() => {
+		let e = () => ie(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Y = l(() => !S || F === 0 ? P : [
-		...P,
-		...P,
-		...P
+	let J = u(() => !S || I === 0 ? F : [
+		...F,
+		...F,
+		...F
 	], [
-		P,
+		F,
 		S,
-		F
-	]), X = s(() => {
-		if (!B) {
+		I
+	]), Y = c(() => {
+		if (!z) {
 			if (!S) {
-				z((e) => Math.min(e + 1, F - W));
+				R((e) => Math.min(e + 1, I - U));
 				return;
 			}
-			V(!0), z((e) => e + 1);
+			B(!0), R((e) => e + 1);
 		}
 	}, [
-		B,
+		z,
 		S,
-		F,
-		W
-	]), Z = s(() => {
-		if (!B) {
+		I,
+		U
+	]), X = c(() => {
+		if (!z) {
 			if (!S) {
-				z((e) => Math.max(e - 1, 0));
+				R((e) => Math.max(e - 1, 0));
 				return;
 			}
-			V(!0), z((e) => e - 1);
+			B(!0), R((e) => e - 1);
 		}
-	}, [B, S]), ne = (e) => {
-		B || (S ? (V(!0), z(e + F)) : z(e));
-	}, re = () => {
-		S && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
+	}, [z, S]), ae = (e) => {
+		z || (S ? (B(!0), R(e + I)) : R(e));
+	}, oe = () => {
+		S && (B(!1), L >= I * 2 ? R(L - I) : L < I && R(L + I));
 	};
-	c(() => (_ && !H && F > W && (G.current = window.setInterval(X, v)), () => {
-		G.current && window.clearInterval(G.current);
+	l(() => (v && !V && I > U && (W.current = window.setInterval(Y, y)), () => {
+		W.current && window.clearInterval(W.current);
 	}), [
-		_,
 		v,
-		X,
-		F,
-		W,
-		H
+		y,
+		Y,
+		I,
+		U,
+		V
 	]);
-	let ie = (e) => {
-		e.key === "ArrowLeft" ? Z() : e.key === "ArrowRight" && X();
-	}, Q = (e) => {
+	let Z = (e) => {
+		e.key === "ArrowLeft" ? X() : e.key === "ArrowRight" && Y();
+	}, se = (e) => {
+		K.current = e.targetTouches[0].clientX;
+	}, ce = (e) => {
 		q.current = e.targetTouches[0].clientX;
-	}, ae = (e) => {
-		J.current = e.targetTouches[0].clientX;
-	}, oe = () => {
-		if (!q.current || !J.current) return;
-		let e = q.current - J.current;
-		e > 50 ? X() : e < -50 && Z(), q.current = null, J.current = null;
+	}, le = () => {
+		if (!K.current || !q.current) return;
+		let e = K.current - q.current;
+		e > 50 ? Y() : e < -50 && X(), K.current = null, q.current = null;
 	};
-	if (F === 0) return null;
-	let $ = 100 / W, se = -R * $;
+	if (I === 0) return null;
+	let Q = 100 / U, ue = -L * Q, $ = /* @__PURE__ */ g(m, { children: [
+		/* @__PURE__ */ h("div", {
+			className: a.viewport,
+			children: /* @__PURE__ */ h("div", {
+				ref: G,
+				className: p(a.track, z && a.transition),
+				style: { transform: `translateX(${ue}%)` },
+				onTransitionEnd: oe,
+				onTouchStart: se,
+				onTouchMove: ce,
+				onTouchEnd: le,
+				children: J.map((e, t) => /* @__PURE__ */ h("div", {
+					className: p(a.item, w && a.hasAspectRatio),
+					style: {
+						flex: `0 0 ${Q}%`,
+						width: `${Q}%`,
+						...w ? {
+							aspectRatio: w,
+							"--wim-carousel-object-fit": T
+						} : {}
+					},
+					role: "group",
+					"aria-roledescription": M("carousel.slide_roledescription"),
+					"aria-label": N.slideLabel(t % I + 1),
+					children: e
+				}, t))
+			})
+		}),
+		b && I > U && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+			className: p(a.control, a.prev),
+			onClick: X,
+			"aria-label": N.prevSlide,
+			disabled: !S && L === 0,
+			tabIndex: -1,
+			children: /* @__PURE__ */ h(i, {
+				component: te,
+				size: "md"
+			})
+		}), /* @__PURE__ */ h("button", {
+			className: p(a.control, a.next),
+			onClick: Y,
+			"aria-label": N.nextSlide,
+			disabled: !S && L >= I - U,
+			tabIndex: -1,
+			children: /* @__PURE__ */ h(i, {
+				component: r,
+				size: "md"
+			})
+		})] }),
+		ne && I > 1 && /* @__PURE__ */ h("div", {
+			className: a.indicators,
+			children: F.map((e, t) => {
+				let n = S ? L % I === t : L === t;
+				return /* @__PURE__ */ h("button", {
+					className: p(a.indicator, n && a.active),
+					onClick: () => ae(t),
+					"aria-label": N.goToSlide(t + 1),
+					"aria-current": n ? "true" : "false"
+				}, t);
+			})
+		})
+	] });
 	return /* @__PURE__ */ h(j, {
 		ref: A,
-		className: f("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
-		onMouseEnter: () => U(!0),
-		onMouseLeave: () => U(!1),
-		onFocus: () => U(!0),
-		onBlur: () => U(!1),
-		onKeyDown: ie,
+		className: p("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
+		onMouseEnter: () => H(!0),
+		onMouseLeave: () => H(!1),
+		onFocus: () => H(!0),
+		onBlur: () => H(!1),
+		onKeyDown: Z,
 		tabIndex: 0,
 		role: "region",
 		"aria-roledescription": M("carousel.roledescription"),
 		...k,
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: a.viewport,
-				children: /* @__PURE__ */ m("div", {
-					ref: K,
-					className: f(a.track, B && a.transition),
-					style: { transform: `translateX(${se}%)` },
-					onTransitionEnd: re,
-					onTouchStart: Q,
-					onTouchMove: ae,
-					onTouchEnd: oe,
-					children: Y.map((e, t) => /* @__PURE__ */ m("div", {
-						className: f(a.item, w && a.hasAspectRatio),
-						style: {
-							flex: `0 0 ${$}%`,
-							width: `${$}%`,
-							...w ? {
-								aspectRatio: w,
-								"--wim-carousel-object-fit": T
-							} : {}
-						},
-						role: "group",
-						"aria-roledescription": M("carousel.slide_roledescription"),
-						"aria-label": N.slideLabel(t % F + 1),
-						children: e
-					}, t))
-				})
-			}),
-			b && F > W && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
-				className: f(a.control, a.prev),
-				onClick: Z,
-				"aria-label": N.prevSlide,
-				disabled: !S && R === 0,
-				tabIndex: -1,
-				children: /* @__PURE__ */ m(i, {
-					component: r,
-					size: "md"
-				})
-			}), /* @__PURE__ */ m("button", {
-				className: f(a.control, a.next),
-				onClick: X,
-				"aria-label": N.nextSlide,
-				disabled: !S && R >= F - W,
-				tabIndex: -1,
-				children: /* @__PURE__ */ m(i, {
-					component: ee,
-					size: "md"
-				})
-			})] }),
-			y && F > 1 && /* @__PURE__ */ m("div", {
-				className: a.indicators,
-				children: P.map((e, t) => {
-					let n = S ? R % F === t : R === t;
-					return /* @__PURE__ */ m("button", {
-						className: f(a.indicator, n && a.active),
-						onClick: () => ne(t),
-						"aria-label": N.goToSlide(t + 1),
-						"aria-current": n ? "true" : "false"
-					}, t);
-				})
-			})
-		]
+		children: O ? /* @__PURE__ */ h(t, {
+			child: s,
+			children: () => $
+		}) : $
 	});
 });
-_.displayName = "Carousel";
+v.displayName = "Carousel";
 //#endregion
-export { _ as Carousel };
+export { v as Carousel };

package/dist/components/data-display/Timeline/Timeline.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("./timeline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.forwardRef)(({children:e,align:o=`left`,className:s,asChild:c,...l},u)=>(0,a.jsx)(c?t.Root:`div`,{ref:u,className:(0,i.default)(`wim-timeline`,n.default.root,n.default[o],s),...l,children:r.default.Children.map(e,e=>r.default.isValidElement(e)?r.default.cloneElement(e,{align:o}):e)}));o.displayName=`Timeline`;var s=(0,r.forwardRef)(({children:e,className:r,align:o,asChild:s,...c},l)=>(0,a.jsx)(s?t.Root:`div`,{ref:l,className:(0,i.default)(n.default.item,o&&n.default[o],r),...c,children:e}));s.displayName=`TimelineItem`;var c=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.separator,r),...s,children:e}));c.displayName=`TimelineSeparator`;var l=(0,r.forwardRef)(({className:e,asChild:r,...o},s)=>(0,a.jsx)(r?t.Root:`div`,{ref:s,className:(0,i.default)(n.default.connector,e),...o}));l.displayName=`TimelineConnector`;var u=(0,r.forwardRef)(({children:e,intent:r,className:o,asChild:s,...c},l)=>{let u=s?t.Root:`div`,d=!!e;return(0,a.jsx)(u,{ref:l,className:(0,i.default)(n.default.point,r&&n.default[r],d&&n.default.icon,o),...c,children:e})});u.displayName=`TimelinePoint`;var d=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.content,r),...s,children:e}));d.displayName=`TimelineContent`;var f=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.oppositeContent,r),...s,children:e}));f.displayName=`TimelineOppositeContent`,exports.Timeline=o,exports.TimelineConnector=l,exports.TimelineContent=d,exports.TimelineItem=s,exports.TimelineOppositeContent=f,exports.TimelinePoint=u,exports.TimelineSeparator=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("./timeline.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=(0,r.forwardRef)(({children:e,align:o=`left`,className:s,asChild:c,...l},u)=>{let d=c?t.Root:`div`,f=e=>r.default.Children.map(e,e=>r.default.isValidElement(e)?r.default.cloneElement(e,{align:o}):e);return(0,a.jsx)(d,{ref:u,className:(0,i.default)(`wim-timeline`,n.default.root,n.default[o],s),...l,children:c?(0,a.jsx)(t.Slottable,{child:e,children:e=>f(e)}):f(e)})});o.displayName=`Timeline`;var s=(0,r.forwardRef)(({children:e,className:r,align:o,asChild:s,...c},l)=>(0,a.jsx)(s?t.Root:`div`,{ref:l,className:(0,i.default)(n.default.item,o&&n.default[o],r),...c,children:e}));s.displayName=`TimelineItem`;var c=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.separator,r),...s,children:e}));c.displayName=`TimelineSeparator`;var l=(0,r.forwardRef)(({className:e,asChild:r,...o},s)=>(0,a.jsx)(r?t.Root:`div`,{ref:s,className:(0,i.default)(n.default.connector,e),...o}));l.displayName=`TimelineConnector`;var u=(0,r.forwardRef)(({children:e,intent:r,className:o,asChild:s,...c},l)=>{let u=s?t.Root:`div`,d=!!e;return(0,a.jsx)(u,{ref:l,className:(0,i.default)(n.default.point,r&&n.default[r],d&&n.default.icon,o),...c,children:e})});u.displayName=`TimelinePoint`;var d=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.content,r),...s,children:e}));d.displayName=`TimelineContent`;var f=(0,r.forwardRef)(({children:e,className:r,asChild:o,...s},c)=>(0,a.jsx)(o?t.Root:`div`,{ref:c,className:(0,i.default)(n.default.oppositeContent,r),...s,children:e}));f.displayName=`TimelineOppositeContent`,exports.Timeline=o,exports.TimelineConnector=l,exports.TimelineContent=d,exports.TimelineItem=s,exports.TimelineOppositeContent=f,exports.TimelinePoint=u,exports.TimelineSeparator=c;

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

@@ -1,60 +1,66 @@
 "use client";
-import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import t from "./timeline.module.js";
-import n, { forwardRef as r } from "react";
-import i from "classnames";
-import { jsx as a } from "react/jsx-runtime";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "./timeline.module.js";
+import r, { forwardRef as i } from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/components/data-display/Timeline/Timeline.tsx
-var o = r(({ children: r, align: o = "left", className: s, asChild: c, ...l }, u) => /* @__PURE__ */ a(c ? e : "div", {
-	ref: u,
-	className: i("wim-timeline", t.root, t[o], s),
-	...l,
-	children: n.Children.map(r, (e) => n.isValidElement(e) ? n.cloneElement(e, { align: o }) : e)
-}));
-o.displayName = "Timeline";
-var s = r(({ children: n, className: r, align: o, asChild: s, ...c }, l) => /* @__PURE__ */ a(s ? e : "div", {
+var s = i(({ children: i, align: s = "left", className: c, asChild: l, ...u }, d) => {
+	let f = l ? e : "div", p = (e) => r.Children.map(e, (e) => r.isValidElement(e) ? r.cloneElement(e, { align: s }) : e);
+	return /* @__PURE__ */ o(f, {
+		ref: d,
+		className: a("wim-timeline", n.root, n[s], c),
+		...u,
+		children: l ? /* @__PURE__ */ o(t, {
+			child: i,
+			children: (e) => p(e)
+		}) : p(i)
+	});
+});
+s.displayName = "Timeline";
+var c = i(({ children: t, className: r, align: i, asChild: s, ...c }, l) => /* @__PURE__ */ o(s ? e : "div", {
 	ref: l,
-	className: i(t.item, o && t[o], r),
+	className: a(n.item, i && n[i], r),
 	...c,
-	children: n
+	children: t
 }));
-s.displayName = "TimelineItem";
-var c = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+c.displayName = "TimelineItem";
+var l = i(({ children: t, className: r, asChild: i, ...s }, c) => /* @__PURE__ */ o(i ? e : "div", {
 	ref: c,
-	className: i(t.separator, r),
+	className: a(n.separator, r),
 	...s,
-	children: n
+	children: t
 }));
-c.displayName = "TimelineSeparator";
-var l = r(({ className: n, asChild: r, ...o }, s) => /* @__PURE__ */ a(r ? e : "div", {
+l.displayName = "TimelineSeparator";
+var u = i(({ className: t, asChild: r, ...i }, s) => /* @__PURE__ */ o(r ? e : "div", {
 	ref: s,
-	className: i(t.connector, n),
-	...o
+	className: a(n.connector, t),
+	...i
 }));
-l.displayName = "TimelineConnector";
-var u = r(({ children: n, intent: r, className: o, asChild: s, ...c }, l) => {
-	let u = s ? e : "div", d = !!n;
-	return /* @__PURE__ */ a(u, {
+u.displayName = "TimelineConnector";
+var d = i(({ children: t, intent: r, className: i, asChild: s, ...c }, l) => {
+	let u = s ? e : "div", d = !!t;
+	return /* @__PURE__ */ o(u, {
 		ref: l,
-		className: i(t.point, r && t[r], d && t.icon, o),
+		className: a(n.point, r && n[r], d && n.icon, i),
 		...c,
-		children: n
+		children: t
 	});
 });
-u.displayName = "TimelinePoint";
-var d = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+d.displayName = "TimelinePoint";
+var f = i(({ children: t, className: r, asChild: i, ...s }, c) => /* @__PURE__ */ o(i ? e : "div", {
 	ref: c,
-	className: i(t.content, r),
+	className: a(n.content, r),
 	...s,
-	children: n
+	children: t
 }));
-d.displayName = "TimelineContent";
-var f = r(({ children: n, className: r, asChild: o, ...s }, c) => /* @__PURE__ */ a(o ? e : "div", {
+f.displayName = "TimelineContent";
+var p = i(({ children: t, className: r, asChild: i, ...s }, c) => /* @__PURE__ */ o(i ? e : "div", {
 	ref: c,
-	className: i(t.oppositeContent, r),
+	className: a(n.oppositeContent, r),
 	...s,
-	children: n
+	children: t
 }));
-f.displayName = "TimelineOppositeContent";
+p.displayName = "TimelineOppositeContent";
 //#endregion
-export { o as Timeline, l as TimelineConnector, d as TimelineContent, s as TimelineItem, f as TimelineOppositeContent, u as TimelinePoint, c as TimelineSeparator };
+export { s as Timeline, u as TimelineConnector, f as TimelineContent, c as TimelineItem, p as TimelineOppositeContent, d as TimelinePoint, l as TimelineSeparator };

package/dist/components/form/CheckboxGroup/CheckboxGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Checkbox/Checkbox.cjs"),i=require("./checkbox-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-checkbox-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O,e]:O.filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-checkbox-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Checkbox,{value:e.value,checked:O.includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`CheckboxGroup`,exports.CheckboxGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Checkbox/Checkbox.cjs"),i=require("./checkbox-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-checkbox-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O,e]:O.filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-checkbox-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[e.map(e=>(0,s.jsx)(r.Checkbox,{value:e.value,checked:O.includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value)),(0,s.jsx)(t.Slottable,{children:y})]})})});c.displayName=`CheckboxGroup`,exports.CheckboxGroup=c,exports.default=c;

package/dist/components/form/CheckboxGroup/CheckboxGroup.js

@@ -26,7 +26,7 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 			role: "group",
 			"aria-labelledby": _ ? k : C["aria-labelledby"],
 			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
-			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
+			children: [a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: j.includes(e.value),
 				disabled: b || e.disabled,
@@ -34,7 +34,7 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 				name: h,
 				onChange: (t) => M(e.value, t.target.checked),
 				children: e.label
-			}, e.value)) }), S]
+			}, e.value)), /* @__PURE__ */ l(t, { children: S })]
 		})
 	});
 });

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