wimui 0.17.0 → 0.19.0

package/dist/components/media/Audio/Audio.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMediaLoader.cjs"),r=require("./hooks/useAudioPlayer.cjs"),i=require("./hooks/useAudioMetadata.cjs"),a=require("./components/AudioCustomControls.cjs"),o=require("./audio.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=({src:e,autoPlay:u=!1,loop:d=!1,muted:f=!1,controls:p=!0,radius:m=`none`,shadow:ee=!1,border:te=!1,preload:h,caption:g,className:_,style:v,customControls:y=!1,visualizer:b=!1,showMetadata:x=!1,fadeIn:S=!1,fadeOut:ne=!1,crossfade:C=!1,playbackRate:w=!1,hotkeys:T=!1,presets:E=!1,sleepTimer:D=!1,loading:O=`lazy`,demoDelay:k,labels:A={},tracks:j,...M})=>{let{t:N}=t.useWimTranslation(`common`),{unknownTitle:P=`Unknown Title`,unknownArtist:F=`Unknown Artist`}=A,I=(0,s.useMemo)(()=>e?(Array.isArray(e)?e:[e]).map(e=>typeof e==`string`?{src:e}:e):[],[e]),{containerRef:L,isLoaded:re,isIntersecting:R,notifyLoaded:z,shouldShowSkeleton:B}=n.useMediaLoader({loading:O,demoDelay:k,src:I[0]?.src}),V=r.useAudioPlayer({playlist:I,loop:d,muted:f,fadeIn:S,fadeOut:ne,crossfade:C,visualizer:b,hotkeys:T,autoPlay:u}),{isPlaying:H,currentTrack:U,currentTrackIndex:W,activeAudioRef:G,nextAudioRef:K,canvasRef:q,handleTimeUpdate:J,handleEnded:Y,setDuration:X,playActivePlayer:ie}=V,{metaTitle:Z,metaArtist:Q,metaCover:$}=i.useAudioMetadata({currentTrack:U,showMetadata:x});(0,s.useEffect)(()=>{!U||!G.current||(G.current.src=U.src,(u||H)&&ie())},[W,U]);let ae=m===`none`?null:o.default[`radius${m.charAt(0).toUpperCase()+m.slice(1)}`];return(0,l.jsxs)(`figure`,{className:(0,c.default)(`wim-audio`,o.default.root,_),style:v,"data-testid":`audio-root`,children:[(0,l.jsxs)(`div`,{ref:L,className:(0,c.default)(o.default.inner,ae,y&&ee&&o.default.shadow,y&&te&&o.default.border,y&&o.default.custom,b&&y&&o.default.hasVisualizer,S&&o.default.fadeIn,S&&re&&o.default.isLoaded,B&&o.default.loading),"data-testid":`audio-inner`,children:[b&&y&&(0,l.jsx)(`canvas`,{ref:q,className:o.default.visualizerCanvas,"data-testid":`audio-canvas`}),y&&x&&(Z||Q||$)&&(0,l.jsxs)(`div`,{className:o.default.metadata,style:{position:`relative`,zIndex:2},"data-testid":`audio-metadata`,children:[$&&(0,l.jsx)(`img`,{src:$,alt:N(`a11y.cover_art`),className:o.default.cover,"data-testid":`audio-cover`}),(0,l.jsxs)(`div`,{className:o.default.info,children:[(0,l.jsx)(`div`,{className:o.default.title,"data-testid":`audio-title`,children:Z||P}),(0,l.jsx)(`div`,{className:o.default.artist,"data-testid":`audio-artist`,children:Q||F})]})]}),(0,l.jsxs)(`div`,{style:{display:y?`none`:`block`,width:`100%`},children:[R&&(0,l.jsx)(`audio`,{ref:G,src:U?.src,className:o.default.audio,"data-testid":`audio-active`,loop:V.repeatMode===1&&I.length===1,muted:V.isMuted,controls:!y&&p,preload:h,crossOrigin:`anonymous`,onTimeUpdate:J,onEnded:Y,...M,onLoadedMetadata:e=>{X(e.currentTarget.duration),z(),M.onLoadedMetadata?.(e)},onLoadedData:e=>{z(),M.onLoadedData?.(e)},onCanPlay:e=>{z(),M.onCanPlay?.(e)},children:j?.map((e,t)=>(0,l.jsx)(`track`,{...e},t))}),(0,l.jsx)(`audio`,{ref:K,muted:V.isMuted,preload:`auto`,crossOrigin:`anonymous`,"data-testid":`audio-next`})]}),y&&(0,l.jsx)(a.AudioCustomControls,{styles:o.default,isPlaying:H,currentTime:V.currentTime,duration:V.duration,volume:V.volume,isMuted:V.isMuted,repeatMode:V.repeatMode,shuffleMode:V.shuffleMode,currentPlaybackRate:V.currentPlaybackRate,isBassBoost:V.isBassBoost,remainingSleepTime:V.remainingSleepTime,playbackRate:w,presets:E,sleepTimer:D,setRepeatMode:V.setRepeatMode,setShuffleMode:V.setShuffleMode,setCurrentPlaybackRate:V.setCurrentPlaybackRate,setIsBassBoost:V.setIsBassBoost,setIsMuted:V.setIsMuted,togglePlay:V.togglePlay,handleSeek:V.handleSeek,handleVolumeChange:V.handleVolumeChange,playNext:V.playNext,toggleSleepTimer:V.toggleSleepTimer,formatTime:V.formatTime,labels:A})]}),g&&(0,l.jsx)(`figcaption`,{className:o.default.caption,children:g})]})};exports.Audio=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMediaLoader.cjs"),r=require("./hooks/useAudioPlayer.cjs"),i=require("./hooks/useAudioMetadata.cjs"),a=require("./components/AudioCustomControls.cjs"),o=require("./audio.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=({src:e,autoPlay:u=!1,loop:d=!1,muted:f=!1,controls:p=!0,radius:m=`none`,shadow:ee=!1,border:te=!1,preload:h,caption:g,className:_,style:v,customControls:y=!1,visualizer:b=!1,showMetadata:x=!1,fadeIn:S=!1,fadeOut:ne=!1,crossfade:C=!1,playbackRate:w=!1,hotkeys:T=!1,presets:E=!1,sleepTimer:D=!1,loading:O=`lazy`,demoDelay:k,labels:A={},tracks:j,...M})=>{let{t:N}=t.useWimTranslation(`common`),{unknownTitle:P=`Unknown Title`,unknownArtist:F=`Unknown Artist`}=A,I=(0,s.useMemo)(()=>e?(Array.isArray(e)?e:[e]).map(e=>typeof e==`string`?{src:e}:e):[],[e]),{containerRef:L,isLoaded:re,isIntersecting:R,notifyLoaded:z,shouldShowSkeleton:B}=n.useMediaLoader({loading:O,demoDelay:k,src:I[0]?.src}),V=r.useAudioPlayer({playlist:I,loop:d,muted:f,fadeIn:S,fadeOut:ne,crossfade:C,visualizer:b,hotkeys:T,autoPlay:u}),{isPlaying:H,currentTrack:U,currentTrackIndex:W,activeAudioRef:G,nextAudioRef:K,canvasRef:q,handleTimeUpdate:J,handleEnded:Y,setDuration:X,playActivePlayer:ie}=V,{metaTitle:Z,metaArtist:Q,metaCover:$}=i.useAudioMetadata({currentTrack:U,showMetadata:x});(0,s.useEffect)(()=>{!U||!G.current||(G.current.src=U.src,(u||H)&&ie())},[W,U]);let ae=m===`none`?null:o.default[`radius${m.charAt(0).toUpperCase()+m.slice(1)}`];return(0,l.jsxs)(`figure`,{className:(0,c.default)(`wim-audio`,o.default.root,_),style:v,"data-testid":`audio-root`,children:[(0,l.jsxs)(`div`,{ref:L,className:(0,c.default)(o.default.inner,ae,y&&ee&&o.default.shadow,y&&te&&o.default.border,y&&o.default.custom,S&&o.default.fadeIn,S&&re&&o.default.isLoaded,B&&o.default.loading),"data-testid":`audio-inner`,children:[b&&y&&(0,l.jsx)(`canvas`,{ref:q,className:o.default.visualizerCanvas,"data-testid":`audio-canvas`}),y&&x&&(Z||Q||$)&&(0,l.jsxs)(`div`,{className:o.default.metadata,style:{position:`relative`,zIndex:2},"data-testid":`audio-metadata`,children:[$&&(0,l.jsx)(`img`,{src:$,alt:N(`a11y.cover_art`),className:o.default.cover,"data-testid":`audio-cover`}),(0,l.jsxs)(`div`,{className:o.default.info,children:[(0,l.jsx)(`div`,{className:o.default.title,"data-testid":`audio-title`,children:Z||P}),(0,l.jsx)(`div`,{className:o.default.artist,"data-testid":`audio-artist`,children:Q||F})]})]}),(0,l.jsxs)(`div`,{style:{display:y?`none`:`block`,width:`100%`},children:[R&&(0,l.jsx)(`audio`,{ref:G,src:U?.src,className:o.default.audio,"data-testid":`audio-active`,loop:V.repeatMode===1&&I.length===1,muted:V.isMuted,controls:!y&&p,preload:h,crossOrigin:`anonymous`,onTimeUpdate:J,onEnded:Y,...M,onLoadedMetadata:e=>{X(e.currentTarget.duration),z(),M.onLoadedMetadata?.(e)},onLoadedData:e=>{z(),M.onLoadedData?.(e)},onCanPlay:e=>{z(),M.onCanPlay?.(e)},children:j?.map((e,t)=>(0,l.jsx)(`track`,{...e},t))}),(0,l.jsx)(`audio`,{ref:K,muted:V.isMuted,preload:`auto`,crossOrigin:`anonymous`,"data-testid":`audio-next`})]}),y&&(0,l.jsx)(a.AudioCustomControls,{styles:o.default,isPlaying:H,currentTime:V.currentTime,duration:V.duration,volume:V.volume,isMuted:V.isMuted,repeatMode:V.repeatMode,shuffleMode:V.shuffleMode,currentPlaybackRate:V.currentPlaybackRate,isBassBoost:V.isBassBoost,remainingSleepTime:V.remainingSleepTime,playbackRate:w,presets:E,sleepTimer:D,setRepeatMode:V.setRepeatMode,setShuffleMode:V.setShuffleMode,setCurrentPlaybackRate:V.setCurrentPlaybackRate,setIsBassBoost:V.setIsBassBoost,setIsMuted:V.setIsMuted,togglePlay:V.togglePlay,handleSeek:V.handleSeek,handleVolumeChange:V.handleVolumeChange,playNext:V.playNext,toggleSleepTimer:V.toggleSleepTimer,formatTime:V.formatTime,labels:A})]}),g&&(0,l.jsx)(`figcaption`,{className:o.default.caption,children:g})]})};exports.Audio=u;

package/dist/components/media/Audio/Audio.js

@@ -38,7 +38,7 @@ var u = ({ src: u, autoPlay: d = !1, loop: te = !1, muted: ne = !1, controls: f
 		"data-testid": "audio-root",
 		children: [/* @__PURE__ */ l("div", {
 			ref: re,
-			className: s(i.inner, se, b && m && i.shadow, b && h && i.border, b && i.custom, x && b && i.hasVisualizer, C && i.fadeIn, C && z && i.isLoaded, H && i.loading),
+			className: s(i.inner, se, b && m && i.shadow, b && h && i.border, b && i.custom, C && i.fadeIn, C && z && i.isLoaded, H && i.loading),
 			"data-testid": "audio-inner",
 			children: [
 				x && b && /* @__PURE__ */ c("canvas", {

package/dist/components/media/Gallery/gallery.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1hvlc_3`,t=`_toolbar_1hvlc_16`,n=`_toolbarCount_1hvlc_37`,r=`_toolbarActions_1hvlc_43`,i=`_toolbarClear_1hvlc_49`,a=`_grid_1hvlc_53`,o=`_item_1hvlc_88`,s=`_selected_1hvlc_99`,c=`_imageWrapper_1hvlc_99`,l=`_image_1hvlc_99`,u=`_checkboxOverlay_1hvlc_140`,d=`_selectable_1hvlc_150`,f=`_checkbox_1hvlc_140`,p=`_selectedRing_1hvlc_163`,m=`_caption_1hvlc_171`,h=`_captionTitle_1hvlc_178`,g=`_captionText_1hvlc_187`,_={root:e,toolbar:t,"toolbar-in":`_toolbar-in_1hvlc_1`,toolbarCount:n,toolbarActions:r,toolbarClear:i,grid:a,"gap-xs":`_gap-xs_1hvlc_68`,"gap-sm":`_gap-sm_1hvlc_72`,"gap-md":`_gap-md_1hvlc_76`,"gap-lg":`_gap-lg_1hvlc_80`,"gap-xl":`_gap-xl_1hvlc_84`,item:o,selected:s,imageWrapper:c,"aspect-square":`_aspect-square_1hvlc_110`,"aspect-landscape":`_aspect-landscape_1hvlc_114`,"aspect-portrait":`_aspect-portrait_1hvlc_118`,"aspect-auto":`_aspect-auto_1hvlc_122`,image:l,checkboxOverlay:u,selectable:d,checkbox:f,selectedRing:p,caption:m,captionTitle:h,captionText:g};exports.caption=m,exports.captionText=g,exports.captionTitle=h,exports.checkbox=f,exports.checkboxOverlay=u,exports.default=_,exports.grid=a,exports.image=l,exports.imageWrapper=c,exports.item=o,exports.root=e,exports.selectable=d,exports.selected=s,exports.selectedRing=p,exports.toolbar=t,exports.toolbarActions=r,exports.toolbarClear=i,exports.toolbarCount=n;
+var e=`_root_1s77i_3`,t=`_toolbar_1s77i_16`,n=`_toolbarCount_1s77i_39`,r=`_toolbarActions_1s77i_45`,i=`_toolbarClear_1s77i_51`,a=`_grid_1s77i_55`,o=`_item_1s77i_90`,s=`_selected_1s77i_101`,c=`_imageWrapper_1s77i_101`,l=`_image_1s77i_101`,u=`_checkboxOverlay_1s77i_142`,d=`_selectable_1s77i_152`,f=`_checkbox_1s77i_142`,p=`_selectedRing_1s77i_165`,m=`_caption_1s77i_173`,h=`_captionTitle_1s77i_180`,g=`_captionText_1s77i_189`,_={root:e,toolbar:t,"toolbar-in":`_toolbar-in_1s77i_1`,toolbarCount:n,toolbarActions:r,toolbarClear:i,grid:a,"gap-xs":`_gap-xs_1s77i_70`,"gap-sm":`_gap-sm_1s77i_74`,"gap-md":`_gap-md_1s77i_78`,"gap-lg":`_gap-lg_1s77i_82`,"gap-xl":`_gap-xl_1s77i_86`,item:o,selected:s,imageWrapper:c,"aspect-square":`_aspect-square_1s77i_112`,"aspect-landscape":`_aspect-landscape_1s77i_116`,"aspect-portrait":`_aspect-portrait_1s77i_120`,"aspect-auto":`_aspect-auto_1s77i_124`,image:l,checkboxOverlay:u,selectable:d,checkbox:f,selectedRing:p,caption:m,captionTitle:h,captionText:g};exports.caption=m,exports.captionText=g,exports.captionTitle=h,exports.checkbox=f,exports.checkboxOverlay=u,exports.default=_,exports.grid=a,exports.image=l,exports.imageWrapper=c,exports.item=o,exports.root=e,exports.selectable=d,exports.selected=s,exports.selectedRing=p,exports.toolbar=t,exports.toolbarActions=r,exports.toolbarClear=i,exports.toolbarCount=n;

package/dist/components/media/Gallery/gallery.module.js

@@ -1,25 +1,25 @@
 "use client";
 //#region src/components/media/Gallery/gallery.module.scss
-var e = "_root_1hvlc_3", t = "_toolbar_1hvlc_16", n = "_toolbarCount_1hvlc_37", r = "_toolbarActions_1hvlc_43", i = "_toolbarClear_1hvlc_49", a = "_grid_1hvlc_53", o = "_item_1hvlc_88", s = "_selected_1hvlc_99", c = "_imageWrapper_1hvlc_99", l = "_image_1hvlc_99", u = "_checkboxOverlay_1hvlc_140", d = "_selectable_1hvlc_150", f = "_checkbox_1hvlc_140", p = "_selectedRing_1hvlc_163", m = "_caption_1hvlc_171", h = "_captionTitle_1hvlc_178", g = "_captionText_1hvlc_187", _ = {
+var e = "_root_1s77i_3", t = "_toolbar_1s77i_16", n = "_toolbarCount_1s77i_39", r = "_toolbarActions_1s77i_45", i = "_toolbarClear_1s77i_51", a = "_grid_1s77i_55", o = "_item_1s77i_90", s = "_selected_1s77i_101", c = "_imageWrapper_1s77i_101", l = "_image_1s77i_101", u = "_checkboxOverlay_1s77i_142", d = "_selectable_1s77i_152", f = "_checkbox_1s77i_142", p = "_selectedRing_1s77i_165", m = "_caption_1s77i_173", h = "_captionTitle_1s77i_180", g = "_captionText_1s77i_189", _ = {
 	root: e,
 	toolbar: t,
-	"toolbar-in": "_toolbar-in_1hvlc_1",
+	"toolbar-in": "_toolbar-in_1s77i_1",
 	toolbarCount: n,
 	toolbarActions: r,
 	toolbarClear: i,
 	grid: a,
-	"gap-xs": "_gap-xs_1hvlc_68",
-	"gap-sm": "_gap-sm_1hvlc_72",
-	"gap-md": "_gap-md_1hvlc_76",
-	"gap-lg": "_gap-lg_1hvlc_80",
-	"gap-xl": "_gap-xl_1hvlc_84",
+	"gap-xs": "_gap-xs_1s77i_70",
+	"gap-sm": "_gap-sm_1s77i_74",
+	"gap-md": "_gap-md_1s77i_78",
+	"gap-lg": "_gap-lg_1s77i_82",
+	"gap-xl": "_gap-xl_1s77i_86",
 	item: o,
 	selected: s,
 	imageWrapper: c,
-	"aspect-square": "_aspect-square_1hvlc_110",
-	"aspect-landscape": "_aspect-landscape_1hvlc_114",
-	"aspect-portrait": "_aspect-portrait_1hvlc_118",
-	"aspect-auto": "_aspect-auto_1hvlc_122",
+	"aspect-square": "_aspect-square_1s77i_112",
+	"aspect-landscape": "_aspect-landscape_1s77i_116",
+	"aspect-portrait": "_aspect-portrait_1s77i_120",
+	"aspect-auto": "_aspect-auto_1s77i_124",
 	image: l,
 	checkboxOverlay: u,
 	selectable: d,

package/dist/components/media/Image/Image.cjs

@@ -4,4 +4,4 @@ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i
       ${e.g-t.g} 0 0 0 ${t.g}
       ${e.b-t.b} 0 0 0 ${t.b}
       0 0 0 1 0
-    `},[T]),Q={width:`100%`,height:f||`auto`,objectFit:g,...I},$=p===`none`?null:i.default[`radius${p.charAt(0).toUpperCase()+p.slice(1)}`];return(0,s.jsxs)(`figure`,{ref:B,className:(0,o.default)(`wim-image`,i.default.root,F),"data-testid":`image-root`,style:{maxWidth:d||`100%`,width:`100%`,...X,...G},onMouseMove:J,onMouseLeave:Y,children:[T&&(0,s.jsx)(`svg`,{style:{position:`absolute`,width:0,height:0},children:(0,s.jsx)(`filter`,{id:q,colorInterpolationFilters:`sRGB`,children:(0,s.jsx)(`feColorMatrix`,{type:`matrix`,values:Z||``})})}),(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.inner,$,m&&i.default.shadow,h&&i.default.border,(x||S)&&i.default.hasBackdrop,w&&w!==`none`&&i.default.hasNoise,E&&i.default.hasOverlay,D&&i.default.zoomable,k&&i.default.fadeIn,k&&V&&i.default.isLoaded,W&&k&&i.default.loading),style:f===void 0?void 0:{height:f},"data-testid":`image-inner`,children:[H&&!R&&(0,s.jsx)(`img`,{src:e,alt:c,onLoad:U,onError:()=>z(!0),className:(0,o.default)(i.default.image,(y||b||T)&&i.default.hasFilter),style:Q,loading:_,fetchPriority:N?`high`:void 0,"data-testid":`image-element`,...L}),R&&(0,s.jsx)(`div`,{className:i.default.fallback,"data-testid":`image-fallback`,children:P||(0,s.jsxs)(`div`,{className:i.default.defaultFallback,children:[(0,s.jsx)(n.Icon,{component:t.default,size:`lg`,color:`tertiary`}),c&&(0,s.jsx)(`span`,{className:i.default.fallbackText,children:c})]})})]}),v&&(0,s.jsx)(`figcaption`,{className:i.default.caption,"data-testid":`image-caption`,children:v})]})};exports.Image=d;
+    `},[T]),Q={width:`100%`,height:f||`auto`,objectFit:g,...I},$=p===`none`?null:i.default[`radius${p.charAt(0).toUpperCase()+p.slice(1)}`];return(0,s.jsxs)(`figure`,{ref:B,className:(0,o.default)(`wim-image`,i.default.root,F),"data-testid":`image-root`,style:{maxWidth:d||`100%`,width:`100%`,...X,...G},onMouseMove:J,onMouseLeave:Y,children:[T&&(0,s.jsx)(`svg`,{style:{position:`absolute`,width:0,height:0},children:(0,s.jsx)(`filter`,{id:q,colorInterpolationFilters:`sRGB`,children:(0,s.jsx)(`feColorMatrix`,{type:`matrix`,values:Z||``})})}),(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.inner,$,m&&i.default.shadow,h&&i.default.border,(x||S)&&i.default.hasBackdrop,w&&w!==`none`&&i.default.hasNoise,E&&i.default.hasOverlay,D&&i.default.zoomable,k&&i.default.fadeIn,k&&V&&i.default.isLoaded,W&&k&&i.default.loading),style:f===void 0?void 0:{height:f},"data-testid":`image-inner`,children:[H&&!R&&(0,s.jsx)(`img`,{src:e,alt:c,onLoad:U,onError:()=>z(!0),className:(0,o.default)(i.default.image,(y||b||T)&&i.default.hasFilter),style:Q,loading:_,fetchPriority:N?`high`:void 0,"data-testid":`image-element`,...L}),R&&(0,s.jsx)(`div`,{className:i.default.fallback,"data-testid":`image-fallback`,children:P||(0,s.jsxs)(`div`,{className:i.default.defaultFallback,children:[(0,s.jsx)(n.Icon,{component:t.default,size:`lg`,color:`text-tertiary`}),c&&(0,s.jsx)(`span`,{className:i.default.fallbackText,children:c})]})})]}),v&&(0,s.jsx)(`figcaption`,{className:i.default.caption,"data-testid":`image-caption`,children:v})]})};exports.Image=d;

package/dist/components/media/Image/Image.js

@@ -210,7 +210,7 @@ var c = (e, t) => {
 						children: [/* @__PURE__ */ o(t, {
 							component: e,
 							size: "lg",
-							color: "tertiary"
+							color: "text-tertiary"
 						}), d && /* @__PURE__ */ o("span", {
 							className: r.fallbackText,
 							children: d

package/dist/components/media/ImageCompare/image-compare.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_17ls3_4`,t=`_image_17ls3_15`,n=`_beforeLayer_17ls3_22`,r=`_label_17ls3_32`,i=`_beforeLabel_17ls3_43`,a=`_afterLabel_17ls3_46`,o=`_divider_17ls3_49`,s=`_line_17ls3_60`,c=`_handle_17ls3_69`,l=`_arrow_17ls3_88`,u=`_vertical_17ls3_93`,d={root:e,image:t,beforeLayer:n,label:r,beforeLabel:i,afterLabel:a,divider:o,line:s,handle:c,arrow:l,vertical:u,"radius-none":`_radius-none_17ls3_110`,"radius-sm":`_radius-sm_17ls3_113`,"radius-md":`_radius-md_17ls3_116`,"radius-lg":`_radius-lg_17ls3_119`,"radius-full":`_radius-full_17ls3_122`};exports.afterLabel=a,exports.arrow=l,exports.beforeLabel=i,exports.beforeLayer=n,exports.default=d,exports.divider=o,exports.handle=c,exports.image=t,exports.label=r,exports.line=s,exports.root=e,exports.vertical=u;
+var e=`_root_k4g3k_4`,t=`_image_k4g3k_15`,n=`_beforeLayer_k4g3k_22`,r=`_label_k4g3k_32`,i=`_beforeLabel_k4g3k_43`,a=`_afterLabel_k4g3k_46`,o=`_divider_k4g3k_49`,s=`_line_k4g3k_60`,c=`_handle_k4g3k_69`,l=`_arrow_k4g3k_91`,u=`_vertical_k4g3k_96`,d={root:e,image:t,beforeLayer:n,label:r,beforeLabel:i,afterLabel:a,divider:o,line:s,handle:c,arrow:l,vertical:u,"radius-none":`_radius-none_k4g3k_113`,"radius-sm":`_radius-sm_k4g3k_116`,"radius-md":`_radius-md_k4g3k_119`,"radius-lg":`_radius-lg_k4g3k_122`,"radius-full":`_radius-full_k4g3k_125`};exports.afterLabel=a,exports.arrow=l,exports.beforeLabel=i,exports.beforeLayer=n,exports.default=d,exports.divider=o,exports.handle=c,exports.image=t,exports.label=r,exports.line=s,exports.root=e,exports.vertical=u;

package/dist/components/media/ImageCompare/image-compare.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/media/ImageCompare/image-compare.module.scss
-var e = "_root_17ls3_4", t = "_image_17ls3_15", n = "_beforeLayer_17ls3_22", r = "_label_17ls3_32", i = "_beforeLabel_17ls3_43", a = "_afterLabel_17ls3_46", o = "_divider_17ls3_49", s = "_line_17ls3_60", c = "_handle_17ls3_69", l = "_arrow_17ls3_88", u = "_vertical_17ls3_93", d = {
+var e = "_root_k4g3k_4", t = "_image_k4g3k_15", n = "_beforeLayer_k4g3k_22", r = "_label_k4g3k_32", i = "_beforeLabel_k4g3k_43", a = "_afterLabel_k4g3k_46", o = "_divider_k4g3k_49", s = "_line_k4g3k_60", c = "_handle_k4g3k_69", l = "_arrow_k4g3k_91", u = "_vertical_k4g3k_96", d = {
 	root: e,
 	image: t,
 	beforeLayer: n,
@@ -12,11 +12,11 @@ var e = "_root_17ls3_4", t = "_image_17ls3_15", n = "_beforeLayer_17ls3_22", r =
 	handle: c,
 	arrow: l,
 	vertical: u,
-	"radius-none": "_radius-none_17ls3_110",
-	"radius-sm": "_radius-sm_17ls3_113",
-	"radius-md": "_radius-md_17ls3_116",
-	"radius-lg": "_radius-lg_17ls3_119",
-	"radius-full": "_radius-full_17ls3_122"
+	"radius-none": "_radius-none_k4g3k_113",
+	"radius-sm": "_radius-sm_k4g3k_116",
+	"radius-md": "_radius-md_k4g3k_119",
+	"radius-lg": "_radius-lg_k4g3k_122",
+	"radius-full": "_radius-full_k4g3k_125"
 };
 //#endregion
 export { a as afterLabel, l as arrow, i as beforeLabel, n as beforeLayer, d as default, o as divider, c as handle, t as image, r as label, s as line, e as root, u as vertical };

package/dist/components/navigation/CommandPalette/CommandPalette.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../icon/search.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../_internal/BaseListItem/BaseListItem.cjs"),c=require("./command-palette.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(void 0),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},m=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(``),[s,c]=(0,l.useState)(0),[u,p]=(0,l.useState)(!1),m=(0,l.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,l.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,l.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,l.useCallback)(()=>{--m.current},[]);m.current=0,(0,l.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),p(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=l.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:u,setIsKeyboardNavigating:p}),[g,_,a,s,v,y,u]);return(0,d.jsx)(f.Provider,{value:b,children:e})},h=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=p(),a=e=>{i(e.detail===0),r(!0)};return t&&l.default.isValidElement(e)?l.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,u.default)(n,e.props.className)}):(0,d.jsx)(`button`,{className:(0,u.default)(c.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},g=({children:e,className:t})=>{let{open:a,onOpenChange:o,activeIndex:s,setActiveIndex:f,isKeyboardNavigating:m,setIsKeyboardNavigating:h}=p(),g=(0,l.useRef)(null);return(0,d.jsx)(n.Portal,{children:(0,d.jsx)(r.Transition,{show:a,preset:`fade`,children:(0,d.jsx)(`div`,{role:`presentation`,className:c.default.overlay,onClick:e=>{e.target===e.currentTarget&&o(!1)},children:(0,d.jsx)(r.Transition,{show:a,preset:`scale`,children:(0,d.jsx)(i.FocusTrap,{active:a,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,className:(0,u.default)(`wim-command-palette`,c.default.content,t),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!g.current){g.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-g.current.x)**2+(e.clientY-g.current.y)**2)>10&&h(!1),g.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":m,onKeyDown:e=>{h(!0);let t=e.currentTarget.querySelectorAll(`.${c.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),f(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),f(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),f(0)):e.key===`End`?(e.preventDefault(),f(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${s}`)?.click()))},children:e})})})})})})},_=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:s,setActiveIndex:u,activeIndex:f}=p(),m=(0,l.useRef)(null);return(0,l.useEffect)(()=>{m.current?.focus()},[]),(0,d.jsxs)(`div`,{className:c.default.inputWrapper,children:[(0,d.jsx)(o.Icon,{component:a.default,size:`sm`}),(0,d.jsx)(`input`,{ref:m,className:c.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;s(t),u(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${f}`}),r&&(0,d.jsx)(`div`,{className:c.default.inputRight,children:r})]})},v=({children:e})=>(0,d.jsx)(`div`,{className:c.default.list,role:`listbox`,id:`wim-command-palette-listbox`,children:e}),y=({children:e,heading:t})=>(0,d.jsxs)(`div`,{className:c.default.group,children:[t&&(0,d.jsx)(`div`,{className:c.default.groupHeading,children:t}),e]}),b=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:u,onOpenChange:f}=p(),[m]=(0,l.useState)(()=>u()),h=a===m;return(0,l.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${m}`)?.scrollIntoView({block:`nearest`})},[h,i,m]),(0,d.jsx)(s.BaseListItem,{role:`option`,id:`wim-command-palette-item-${m}`,"aria-selected":h,className:c.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,d.jsx)(`div`,{className:c.default.shortcut,children:r.map(e=>(0,d.jsx)(`kbd`,{className:c.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(m),onClick:()=>{i||(t?.(),f(!1))},children:e})},x=({children:e})=>{let{t:n}=t.useWimTranslation(`components`),r=e??n(`command_palette.no_results`),{open:i,search:a}=p(),[o,s]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${c.default.item}`);s(e.length===0)},0);return()=>clearTimeout(e)}},[i,a]),!i||!o?null:(0,d.jsx)(`div`,{className:c.default.empty,children:r})},S=({children:e})=>(0,d.jsx)(`div`,{className:c.default.footer,children:e});exports.CommandPalette=m,exports.CommandPaletteContent=g,exports.CommandPaletteEmpty=x,exports.CommandPaletteFooter=S,exports.CommandPaletteGroup=y,exports.CommandPaletteInput=_,exports.CommandPaletteItem=b,exports.CommandPaletteList=v,exports.CommandPaletteTrigger=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../icon/search.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../_internal/BaseListItem/BaseListItem.cjs"),c=require("./command-palette.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(void 0),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},m=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(``),[s,c]=(0,l.useState)(0),[u,p]=(0,l.useState)(!1),m=(0,l.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,l.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,l.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,l.useCallback)(()=>{--m.current},[]);m.current=0,(0,l.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),p(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=l.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:u,setIsKeyboardNavigating:p}),[g,_,a,s,v,y,u]);return(0,d.jsx)(f.Provider,{value:b,children:e})},h=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=p(),a=e=>{i(e.detail===0),r(!0)};return t&&l.default.isValidElement(e)?l.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,u.default)(n,e.props.className)}):(0,d.jsx)(`button`,{className:(0,u.default)(c.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},g=({children:e,className:a,"aria-label":o})=>{let{t:s}=t.useWimTranslation(`components`),{open:f,onOpenChange:m,activeIndex:h,setActiveIndex:g,isKeyboardNavigating:_,setIsKeyboardNavigating:v}=p(),y=(0,l.useRef)(null);return(0,d.jsx)(n.Portal,{children:(0,d.jsx)(r.Transition,{show:f,preset:`fade`,children:(0,d.jsx)(`div`,{role:`presentation`,className:c.default.overlay,onClick:e=>{e.target===e.currentTarget&&m(!1)},children:(0,d.jsx)(r.Transition,{show:f,preset:`scale`,children:(0,d.jsx)(i.FocusTrap,{active:f,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":o??s(`command_palette.label`),className:(0,u.default)(`wim-command-palette`,c.default.content,a),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!y.current){y.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-y.current.x)**2+(e.clientY-y.current.y)**2)>10&&v(!1),y.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":_,onKeyDown:e=>{v(!0);let t=e.currentTarget.querySelectorAll(`.${c.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),g(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),g(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),g(0)):e.key===`End`?(e.preventDefault(),g(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${h}`)?.click()))},children:e})})})})})})},_=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:s,setActiveIndex:u,activeIndex:f}=p(),m=(0,l.useRef)(null);return(0,l.useEffect)(()=>{m.current?.focus()},[]),(0,d.jsxs)(`div`,{className:c.default.inputWrapper,children:[(0,d.jsx)(o.Icon,{component:a.default,size:`sm`}),(0,d.jsx)(`input`,{ref:m,className:c.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;s(t),u(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${f}`}),r&&(0,d.jsx)(`div`,{className:c.default.inputRight,children:r})]})},v=({children:e})=>(0,d.jsx)(`div`,{className:c.default.list,role:`listbox`,id:`wim-command-palette-listbox`,children:e}),y=({children:e,heading:t})=>(0,d.jsxs)(`div`,{className:c.default.group,children:[t&&(0,d.jsx)(`div`,{className:c.default.groupHeading,children:t}),e]}),b=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:u,onOpenChange:f}=p(),[m]=(0,l.useState)(()=>u()),h=a===m;return(0,l.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${m}`)?.scrollIntoView({block:`nearest`})},[h,i,m]),(0,d.jsx)(s.BaseListItem,{role:`option`,id:`wim-command-palette-item-${m}`,"aria-selected":h,className:c.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,d.jsx)(`div`,{className:c.default.shortcut,children:r.map(e=>(0,d.jsx)(`kbd`,{className:c.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(m),onClick:()=>{i||(t?.(),f(!1))},children:e})},x=({children:e})=>{let{t:n}=t.useWimTranslation(`components`),r=e??n(`command_palette.no_results`),{open:i,search:a}=p(),[o,s]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${c.default.item}`);s(e.length===0)},0);return()=>clearTimeout(e)}},[i,a]),!i||!o?null:(0,d.jsx)(`div`,{className:c.default.empty,children:r})},S=({children:e})=>(0,d.jsx)(`div`,{className:c.default.footer,children:e});exports.CommandPalette=m,exports.CommandPaletteContent=g,exports.CommandPaletteEmpty=x,exports.CommandPaletteFooter=S,exports.CommandPaletteGroup=y,exports.CommandPaletteInput=_,exports.CommandPaletteItem=b,exports.CommandPaletteList=v,exports.CommandPaletteTrigger=h;

package/dist/components/navigation/CommandPalette/CommandPalette.d.ts

@@ -23,8 +23,14 @@ export declare const CommandPaletteTrigger: ({ children, asChild, className, }:
 export interface CommandPaletteContentProps {
     children: ReactNode;
     className?: string;
+    /**
+     * Accessible name for the dialog. Defaults to the built-in translation —
+     * `role="dialog"` without a name is an axe `aria-dialog-name` violation
+     * (serious), and the palette has no heading to borrow one from.
+     */
+    "aria-label"?: string;
 }
-export declare const CommandPaletteContent: ({ children, className, }: CommandPaletteContentProps) => React.JSX.Element;
+export declare const CommandPaletteContent: ({ children, className, "aria-label": ariaLabel, }: CommandPaletteContentProps) => React.JSX.Element;
 export interface CommandPaletteInputProps {
     placeholder?: string;
     value?: string;

package/dist/components/navigation/CommandPalette/CommandPalette.js

@@ -71,47 +71,48 @@ var v = l(void 0), y = () => {
 		},
 		children: e
 	});
-}, S = ({ children: e, className: i }) => {
-	let { open: a, onOpenChange: o, activeIndex: c, setActiveIndex: l, isKeyboardNavigating: u, setIsKeyboardNavigating: d } = y(), f = p(null);
+}, S = ({ children: i, className: a, "aria-label": o }) => {
+	let { t: c } = e("components"), { open: l, onOpenChange: u, activeIndex: d, setActiveIndex: f, isKeyboardNavigating: m, setIsKeyboardNavigating: _ } = y(), v = p(null);
 	return /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(n, {
-		show: a,
+		show: l,
 		preset: "fade",
 		children: /* @__PURE__ */ g("div", {
 			role: "presentation",
 			className: s.overlay,
 			onClick: (e) => {
-				e.target === e.currentTarget && o(!1);
+				e.target === e.currentTarget && u(!1);
 			},
 			children: /* @__PURE__ */ g(n, {
-				show: a,
+				show: l,
 				preset: "scale",
 				children: /* @__PURE__ */ g(r, {
-					active: a,
+					active: l,
 					children: /* @__PURE__ */ g("div", {
 						role: "dialog",
 						"aria-modal": "true",
-						className: h("wim-command-palette", s.content, i),
+						"aria-label": o ?? c("command_palette.label"),
+						className: h("wim-command-palette", s.content, a),
 						onClick: (e) => e.stopPropagation(),
 						onMouseMove: (e) => {
-							if (!f.current) {
-								f.current = {
+							if (!v.current) {
+								v.current = {
 									x: e.clientX,
 									y: e.clientY
 								};
 								return;
 							}
-							Math.sqrt((e.clientX - f.current.x) ** 2 + (e.clientY - f.current.y) ** 2) > 10 && d(!1), f.current = {
+							Math.sqrt((e.clientX - v.current.x) ** 2 + (e.clientY - v.current.y) ** 2) > 10 && _(!1), v.current = {
 								x: e.clientX,
 								y: e.clientY
 							};
 						},
-						"data-keyboard-nav": u,
+						"data-keyboard-nav": m,
 						onKeyDown: (e) => {
-							d(!0);
+							_(!0);
 							let t = e.currentTarget.querySelectorAll(`.${s.item}:not([aria-disabled="true"])`).length;
-							t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), l((e) => (e + 1) % t)) : e.key === "ArrowUp" ? (e.preventDefault(), l((e) => (e - 1 + t) % t)) : e.key === "Home" ? (e.preventDefault(), l(0)) : e.key === "End" ? (e.preventDefault(), l(t - 1)) : e.key === "Enter" && (e.preventDefault(), document.getElementById(`wim-command-palette-item-${c}`)?.click()));
+							t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), f((e) => (e + 1) % t)) : e.key === "ArrowUp" ? (e.preventDefault(), f((e) => (e - 1 + t) % t)) : e.key === "Home" ? (e.preventDefault(), f(0)) : e.key === "End" ? (e.preventDefault(), f(t - 1)) : e.key === "Enter" && (e.preventDefault(), document.getElementById(`wim-command-palette-item-${d}`)?.click()));
 						},
-						children: e
+						children: i
 					})
 				})
 			})

package/dist/components/navigation/CommandPalette/command-palette.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_overlay_14537_3`,t=`_content_14537_19`,n=`_slideIn_14537_1`,r=`_inputWrapper_14537_48`,i=`_inputRight_14537_73`,a=`_input_14537_48`,o=`_list_14537_92`,s=`_group_14537_102`,c=`_groupHeading_14537_108`,l=`_item_14537_116`,u=`_active_14537_119`,d=`_shortcut_14537_123`,f=`_empty_14537_132`,p=`_footer_14537_138`,m=`_kbd_14537_152`,h=`_trigger_14537_161`,g={overlay:e,content:t,slideIn:n,inputWrapper:r,inputRight:i,input:a,list:o,group:s,groupHeading:c,item:l,active:u,shortcut:d,empty:f,footer:p,kbd:m,trigger:h};exports.active=u,exports.content=t,exports.default=g,exports.empty=f,exports.footer=p,exports.group=s,exports.groupHeading=c,exports.input=a,exports.inputRight=i,exports.inputWrapper=r,exports.item=l,exports.kbd=m,exports.list=o,exports.overlay=e,exports.shortcut=d,exports.slideIn=n,exports.trigger=h;
+var e=`_overlay_19c1u_3`,t=`_content_19c1u_19`,n=`_slideIn_19c1u_1`,r=`_inputWrapper_19c1u_48`,i=`_inputRight_19c1u_73`,a=`_input_19c1u_48`,o=`_list_19c1u_92`,s=`_group_19c1u_102`,c=`_groupHeading_19c1u_108`,l=`_item_19c1u_116`,u=`_active_19c1u_119`,d=`_shortcut_19c1u_123`,f=`_empty_19c1u_132`,p=`_footer_19c1u_138`,m=`_kbd_19c1u_152`,h=`_trigger_19c1u_161`,g={overlay:e,content:t,slideIn:n,inputWrapper:r,inputRight:i,input:a,list:o,group:s,groupHeading:c,item:l,active:u,shortcut:d,empty:f,footer:p,kbd:m,trigger:h};exports.active=u,exports.content=t,exports.default=g,exports.empty=f,exports.footer=p,exports.group=s,exports.groupHeading=c,exports.input=a,exports.inputRight=i,exports.inputWrapper=r,exports.item=l,exports.kbd=m,exports.list=o,exports.overlay=e,exports.shortcut=d,exports.slideIn=n,exports.trigger=h;

package/dist/components/navigation/CommandPalette/command-palette.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/CommandPalette/command-palette.module.scss
-var e = "_overlay_14537_3", t = "_content_14537_19", n = "_slideIn_14537_1", r = "_inputWrapper_14537_48", i = "_inputRight_14537_73", a = "_input_14537_48", o = "_list_14537_92", s = "_group_14537_102", c = "_groupHeading_14537_108", l = "_item_14537_116", u = "_active_14537_119", d = "_shortcut_14537_123", f = "_empty_14537_132", p = "_footer_14537_138", m = "_kbd_14537_152", h = "_trigger_14537_161", g = {
+var e = "_overlay_19c1u_3", t = "_content_19c1u_19", n = "_slideIn_19c1u_1", r = "_inputWrapper_19c1u_48", i = "_inputRight_19c1u_73", a = "_input_19c1u_48", o = "_list_19c1u_92", s = "_group_19c1u_102", c = "_groupHeading_19c1u_108", l = "_item_19c1u_116", u = "_active_19c1u_119", d = "_shortcut_19c1u_123", f = "_empty_19c1u_132", p = "_footer_19c1u_138", m = "_kbd_19c1u_152", h = "_trigger_19c1u_161", g = {
 	overlay: e,
 	content: t,
 	slideIn: n,

package/dist/components/navigation/Link/Link.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./link.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=a.default.forwardRef(({asChild:e=!1,label:a,size:c=`md`,priority:l=`primary`,iconName:u,iconPosition:d=`left`,external:f=!1,styles:p,className:m,children:h,target:g,..._},v)=>{let y=e?t.Root:`a`,b=f?`_blank`:g;return(0,s.jsx)(y,{ref:v,className:(0,o.default)(`wim-link`,i.default.root,i.default[c],i.default[l],f&&i.default.external,m,p?.root),target:b,..._,children:(0,s.jsxs)(`span`,{className:(0,o.default)(i.default.inner,p?.inner),children:[u&&d===`left`&&(0,s.jsx)(r.Icon,{name:u,size:c}),(0,s.jsx)(`span`,{className:(0,o.default)(i.default.label,p?.label),children:(0,s.jsx)(t.Slottable,{children:a??h})}),u&&d===`right`&&(0,s.jsx)(r.Icon,{name:u,size:c}),f&&(0,s.jsx)(r.Icon,{component:n.default,size:c,className:(0,o.default)(i.default.externalIcon,p?.externalIcon)})]})})});c.displayName=`Link`,exports.Link=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./link.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=a.default.forwardRef(({asChild:e=!1,label:a,size:c=`md`,priority:l=`primary`,iconName:u,iconPosition:d=`left`,external:f=!1,styles:p,className:m,children:h,target:g,..._},v)=>{let y=e?t.Root:`a`,b=f?`_blank`:g;return(0,s.jsx)(y,{ref:v,className:(0,o.default)(`wim-link`,i.default.root,i.default[c],i.default[l],m,p?.root),target:b,..._,children:(0,s.jsxs)(`span`,{className:(0,o.default)(i.default.inner,p?.inner),children:[u&&d===`left`&&(0,s.jsx)(r.Icon,{name:u,size:c}),(0,s.jsx)(`span`,{className:(0,o.default)(i.default.label,p?.label),children:(0,s.jsx)(t.Slottable,{children:a??h})}),u&&d===`right`&&(0,s.jsx)(r.Icon,{name:u,size:c}),f&&(0,s.jsx)(r.Icon,{component:n.default,size:c,className:(0,o.default)(i.default.externalIcon,p?.externalIcon)})]})})});c.displayName=`Link`,exports.Link=c;

package/dist/components/navigation/Link/Link.js

@@ -11,7 +11,7 @@ var l = a.forwardRef(({ asChild: a = !1, label: l, size: u = "md", priority: d =
 	let x = a ? e : "a", S = m ? "_blank" : v;
 	return /* @__PURE__ */ s(x, {
 		ref: b,
-		className: o("wim-link", i.root, i[u], i[d], m && i.external, g, h?.root),
+		className: o("wim-link", i.root, i[u], i[d], g, h?.root),
 		target: S,
 		...y,
 		children: /* @__PURE__ */ c("span", {

package/dist/components/navigation/Menubar/menubar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1rpd6_2`,t=`_menu_1rpd6_13`,n=`_trigger_1rpd6_17`,r=`_triggerOpen_1rpd6_41`,i=`_content_1rpd6_44`,a=`_alignStart_1rpd6_58`,o=`_alignEnd_1rpd6_61`,s=`_item_1rpd6_64`,c=`_separator_1rpd6_67`,l={root:e,menu:t,trigger:n,triggerOpen:r,content:i,alignStart:a,alignEnd:o,item:s,separator:c};exports.alignEnd=o,exports.alignStart=a,exports.content=i,exports.default=l,exports.item=s,exports.menu=t,exports.root=e,exports.separator=c,exports.trigger=n,exports.triggerOpen=r;
+var e=`_root_1kzhr_3`,t=`_menu_1kzhr_14`,n=`_trigger_1kzhr_18`,r=`_triggerOpen_1kzhr_45`,i=`_content_1kzhr_48`,a=`_alignStart_1kzhr_62`,o=`_alignEnd_1kzhr_65`,s=`_item_1kzhr_68`,c=`_separator_1kzhr_71`,l={root:e,menu:t,trigger:n,triggerOpen:r,content:i,alignStart:a,alignEnd:o,item:s,separator:c};exports.alignEnd=o,exports.alignStart=a,exports.content=i,exports.default=l,exports.item=s,exports.menu=t,exports.root=e,exports.separator=c,exports.trigger=n,exports.triggerOpen=r;

package/dist/components/navigation/Menubar/menubar.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/Menubar/menubar.module.scss
-var e = "_root_1rpd6_2", t = "_menu_1rpd6_13", n = "_trigger_1rpd6_17", r = "_triggerOpen_1rpd6_41", i = "_content_1rpd6_44", a = "_alignStart_1rpd6_58", o = "_alignEnd_1rpd6_61", s = "_item_1rpd6_64", c = "_separator_1rpd6_67", l = {
+var e = "_root_1kzhr_3", t = "_menu_1kzhr_14", n = "_trigger_1kzhr_18", r = "_triggerOpen_1kzhr_45", i = "_content_1kzhr_48", a = "_alignStart_1kzhr_62", o = "_alignEnd_1kzhr_65", s = "_item_1kzhr_68", c = "_separator_1kzhr_71", l = {
 	root: e,
 	menu: t,
 	trigger: n,

package/dist/components/navigation/Pagination/pagination.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_xrgtx_4`,t=`_wrapper_xrgtx_14`,n=`_root_xrgtx_20`,r=`_simple_xrgtx_28`,i=`_simplePager_xrgtx_28`,a=`_mobileIndicator_xrgtx_32`,o=`_item_xrgtx_46`,s=`_disabled_xrgtx_63`,c=`_active_xrgtx_63`,l=`_ellipsis_xrgtx_85`,u=`_number_xrgtx_93`,d=`_button_xrgtx_97`,f=`_total_xrgtx_116`,p=`_sizeChanger_xrgtx_120`,m=`_quickJumper_xrgtx_126`,h={container:e,wrapper:t,root:n,simple:r,simplePager:i,mobileIndicator:a,item:o,disabled:s,active:c,ellipsis:l,number:u,button:d,total:f,sizeChanger:p,quickJumper:m};exports.active=c,exports.button=d,exports.container=e,exports.default=h,exports.disabled=s,exports.ellipsis=l,exports.item=o,exports.mobileIndicator=a,exports.number=u,exports.quickJumper=m,exports.root=n,exports.simple=r,exports.simplePager=i,exports.sizeChanger=p,exports.total=f,exports.wrapper=t;
+var e=`_container_ouufn_4`,t=`_wrapper_ouufn_14`,n=`_root_ouufn_20`,r=`_simple_ouufn_28`,i=`_simplePager_ouufn_28`,a=`_mobileIndicator_ouufn_32`,o=`_item_ouufn_46`,s=`_disabled_ouufn_66`,c=`_active_ouufn_66`,l=`_ellipsis_ouufn_88`,u=`_number_ouufn_96`,d=`_button_ouufn_100`,f=`_total_ouufn_124`,p=`_sizeChanger_ouufn_128`,m=`_quickJumper_ouufn_134`,h={container:e,wrapper:t,root:n,simple:r,simplePager:i,mobileIndicator:a,item:o,disabled:s,active:c,ellipsis:l,number:u,button:d,total:f,sizeChanger:p,quickJumper:m};exports.active=c,exports.button=d,exports.container=e,exports.default=h,exports.disabled=s,exports.ellipsis=l,exports.item=o,exports.mobileIndicator=a,exports.number=u,exports.quickJumper=m,exports.root=n,exports.simple=r,exports.simplePager=i,exports.sizeChanger=p,exports.total=f,exports.wrapper=t;

package/dist/components/navigation/Pagination/pagination.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/Pagination/pagination.module.scss
-var e = "_container_xrgtx_4", t = "_wrapper_xrgtx_14", n = "_root_xrgtx_20", r = "_simple_xrgtx_28", i = "_simplePager_xrgtx_28", a = "_mobileIndicator_xrgtx_32", o = "_item_xrgtx_46", s = "_disabled_xrgtx_63", c = "_active_xrgtx_63", l = "_ellipsis_xrgtx_85", u = "_number_xrgtx_93", d = "_button_xrgtx_97", f = "_total_xrgtx_116", p = "_sizeChanger_xrgtx_120", m = "_quickJumper_xrgtx_126", h = {
+var e = "_container_ouufn_4", t = "_wrapper_ouufn_14", n = "_root_ouufn_20", r = "_simple_ouufn_28", i = "_simplePager_ouufn_28", a = "_mobileIndicator_ouufn_32", o = "_item_ouufn_46", s = "_disabled_ouufn_66", c = "_active_ouufn_66", l = "_ellipsis_ouufn_88", u = "_number_ouufn_96", d = "_button_ouufn_100", f = "_total_ouufn_124", p = "_sizeChanger_ouufn_128", m = "_quickJumper_ouufn_134", h = {
 	container: e,
 	wrapper: t,
 	root: n,

package/dist/components/navigation/SpeedDial/SpeedDial.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/FloatButton/FloatButton.cjs"),n=require("./speed-dial.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=r.default.forwardRef(({actions:e,icon:o=`PlusIcon`,activeIcon:s=`CloseIcon`,direction:c=`up`,trigger:l=`hover`,open:u,onOpenChange:d,className:f,...p},m)=>{let[h,g]=(0,r.useState)(!1),_=u??h,v=e=>{g(e),d?.(e)},y=()=>{l===`hover`&&v(!0)},b=()=>{l===`hover`&&v(!1)},x=()=>{l===`click`&&v(!_)};return(0,a.jsxs)(`div`,{ref:m,className:(0,i.default)(`wim-speed-dial`,n.default.root,n.default[c],_&&n.default.open,f),onMouseEnter:y,onMouseLeave:b,...p,children:[(0,a.jsx)(`div`,{className:n.default.actions,children:e.map((e,r)=>(0,a.jsx)(`div`,{className:n.default.actionWrapper,style:{transitionDelay:_?`${r*50}ms`:`0ms`},children:(0,a.jsx)(t.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,className:(0,i.default)(n.default.action,e.className),onClick:()=>{e.onClick?.(),l===`click`&&v(!1)},position:`static`})},r))}),(0,a.jsx)(t.FloatButton,{iconName:_?s:o,variant:`primary`,onClick:x,className:n.default.trigger,position:`static`,"aria-expanded":_,"aria-haspopup":`true`})]})});o.displayName=`SpeedDial`,exports.SpeedDial=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/FloatButton/FloatButton.cjs"),n=require("./speed-dial.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=r.default.forwardRef(({actions:e,icon:o=`PlusIcon`,activeIcon:s=`CloseIcon`,direction:c=`up`,trigger:l=`hover`,open:u,onOpenChange:d,className:f,...p},m)=>{let[h,g]=(0,r.useState)(!1),_=u??h,v=e=>{g(e),d?.(e)},y=()=>{l===`hover`&&v(!0)},b=()=>{l===`hover`&&v(!1)},x=()=>{l===`click`&&v(!_)};return(0,a.jsxs)(`div`,{ref:m,className:(0,i.default)(`wim-speed-dial`,n.default.root,n.default[c],_&&n.default.open,f),onMouseEnter:y,onMouseLeave:b,...p,children:[(0,a.jsx)(`div`,{className:n.default.actions,children:e.map((e,r)=>(0,a.jsx)(`div`,{className:n.default.actionWrapper,style:{transitionDelay:_?`${r*50}ms`:`0ms`},children:(0,a.jsx)(t.FloatButton,{iconName:e.icon,label:e.label,size:`sm`,className:e.className,onClick:()=>{e.onClick?.(),l===`click`&&v(!1)},position:`inline`})},r))}),(0,a.jsx)(t.FloatButton,{iconName:_?s:o,onClick:x,className:n.default.trigger,position:`inline`,"aria-expanded":_,"aria-haspopup":`true`})]})});o.displayName=`SpeedDial`,exports.SpeedDial=o;

package/dist/components/navigation/SpeedDial/SpeedDial.js

@@ -30,19 +30,18 @@ var s = n.forwardRef(({ actions: n, icon: s = "PlusIcon", activeIcon: c = "Close
 					iconName: n.icon,
 					label: n.label,
 					size: "sm",
-					className: i(t.action, n.className),
+					className: n.className,
 					onClick: () => {
 						n.onClick?.(), u === "click" && y(!1);
 					},
-					position: "static"
+					position: "inline"
 				})
 			}, r))
 		}), /* @__PURE__ */ a(e, {
 			iconName: v ? c : s,
-			variant: "primary",
 			onClick: S,
 			className: t.trigger,
-			position: "static",
+			position: "inline",
 			"aria-expanded": v,
 			"aria-haspopup": "true"
 		})]

package/dist/components/overlay/ContextMenu/ContextMenu.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("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-menu.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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=r.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),{getFloatingProps:E,getItemProps:D}=(0,l.useInteractions)([(0,l.useDismiss)(T),(0,l.useRole)(T,{role:`menu`}),(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0})]),O=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},k=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;O(e.clientX,e.clientY,t)},A=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&O(t.left+t.width/2,t.top+t.height/2,!0)}},j=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,a.default.container,f&&a.default.disabled,d),onContextMenu:k,onKeyDown:A,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{children:(0,c.jsx)(n.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!0,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...E({onClick:j,onKeyDown(e){e.key===`Escape`&&j()}}),children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:D},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>(0,c.jsxs)(`div`,{role:`group`,className:(0,s.default)(a.default.group,n),"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{className:a.default.groupTitle,"data-testid":`context-menu-group-title`,children:t}),e]}),h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;
+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("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-menu.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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=r.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),{getFloatingProps:E,getItemProps:D}=(0,l.useInteractions)([(0,l.useDismiss)(T),(0,l.useRole)(T,{role:`menu`}),(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0})]),O=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},k=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;O(e.clientX,e.clientY,t)},A=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&O(t.left+t.width/2,t.top+t.height/2,!0)}},j=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,!p&&a.default.container,f&&a.default.disabled,d),onContextMenu:k,onKeyDown:A,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{children:(0,c.jsx)(n.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!0,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...E({onClick:j,onKeyDown(e){e.key===`Escape`&&j()}}),children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:D},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>(0,c.jsxs)(`div`,{role:`group`,className:n,"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{className:a.default.groupTitle,"data-testid":`context-menu-group-title`,children:t}),e]}),h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;

package/dist/components/overlay/ContextMenu/ContextMenu.js

@@ -55,7 +55,7 @@ var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabl
 	};
 	return /* @__PURE__ */ f(E ? e : "div", {
 		ref: F,
-		className: u("wim-context-menu", a.container, S && a.disabled, s),
+		className: u("wim-context-menu", !E && a.container, S && a.disabled, s),
 		onContextMenu: H,
 		onKeyDown: U,
 		tabIndex: S ? -1 : 0,
@@ -126,7 +126,7 @@ var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabl
 	role: "separator"
 }), k = ({ children: e, title: t, className: n }) => /* @__PURE__ */ f("div", {
 	role: "group",
-	className: u(a.group, n),
+	className: n,
 	"data-testid": "context-menu-group",
 	children: [t && /* @__PURE__ */ d("div", {
 		className: a.groupTitle,

package/dist/components/overlay/ContextMenu/context-menu.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1886d_2`,t=`_disabled_1886d_5`,n=`_menu_1886d_13`,r=`_fadeIn_1886d_1`,i=`_item_1886d_24`,a=`_divider_1886d_29`,o=`_groupTitle_1886d_35`,s={container:e,disabled:t,menu:n,fadeIn:r,item:i,divider:a,groupTitle:o};exports.container=e,exports.default=s,exports.disabled=t,exports.divider=a,exports.fadeIn=r,exports.groupTitle=o,exports.item=i,exports.menu=n;
+var e=`_container_1cruc_2`,t=`_disabled_1cruc_5`,n=`_menu_1cruc_13`,r=`_fadeIn_1cruc_1`,i=`_item_1cruc_24`,a=`_divider_1cruc_29`,o=`_groupTitle_1cruc_35`,s={container:e,disabled:t,menu:n,fadeIn:r,item:i,divider:a,groupTitle:o};exports.container=e,exports.default=s,exports.disabled=t,exports.divider=a,exports.fadeIn=r,exports.groupTitle=o,exports.item=i,exports.menu=n;

package/dist/components/overlay/ContextMenu/context-menu.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/overlay/ContextMenu/context-menu.module.scss
-var e = "_container_1886d_2", t = "_disabled_1886d_5", n = "_menu_1886d_13", r = "_fadeIn_1886d_1", i = "_item_1886d_24", a = "_divider_1886d_29", o = "_groupTitle_1886d_35", s = {
+var e = "_container_1cruc_2", t = "_disabled_1cruc_5", n = "_menu_1cruc_13", r = "_fadeIn_1cruc_1", i = "_item_1cruc_24", a = "_divider_1cruc_29", o = "_groupTitle_1cruc_35", s = {
 	container: e,
 	disabled: t,
 	menu: n,

package/dist/components/overlay/Drawer/Drawer.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/OverlayBase.cjs"),r=require("./drawer.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=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`useDrawer must be used within a Drawer provider`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,side:a=`right`,slideIn:c=!0,slideOut:l=!0})=>{let[u,d]=(0,i.useState)(r),f=t!==void 0,p=f?t:u,m=e=>{f||d(e),n?.(e)},h=`wim-drawer-${(0,i.useId)()}`,g=`${h}-title`,_=`${h}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:g,descriptionId:_,open:p,onOpenChange:m,side:a,slideIn:c,slideOut:l},children:e})},u=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.trigger,n),onClick:e=>{i?.(e),u(!0)},...l,children:(0,o.jsx)(t.Slottable,{children:e})})},d=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.closeButton,n),onClick:e=>{i?.(e),u(!1)},"data-testid":`drawer-close`,...l,children:(0,o.jsx)(t.Slottable,{children:e})})},f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,side:d,slideIn:f,slideOut:p,showOverlay:m=!0,...h})=>{let{open:g,onOpenChange:_,titleId:v,descriptionId:y,side:b,slideIn:x,slideOut:S}=c(),C=l===void 0?g:l,w=u===void 0?_:u,T=d??b,E=f??x,D=p??S,O=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...h,open:C,onOpenChange:w,overlayClassName:(0,a.default)(r.default.overlay,!m&&r.default.hideOverlay),contentClassName:(0,a.default)(`wim-drawer`,r.default.content,r.default[T],i),transitionProps:{preset:`slide-${T}`,enterPreset:E?void 0:`none`,leavePreset:D?void 0:`none`},role:`dialog`,"aria-labelledby":v,"aria-describedby":y,"data-side":T,children:(0,o.jsx)(O,{"data-testid":`drawer-content`,"data-side":T,children:(0,o.jsx)(`div`,{children:(0,o.jsx)(t.Slottable,{children:e})})})})},p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`drawer-header`,...n,children:e}),m=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-testid":`drawer-footer`,...n,children:e}),h=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`drawer-title`,...n,children:e})},g=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`drawer-description`,...n,children:e})},_=e=>(0,o.jsx)(l,{...e});_.displayName=`Drawer`,_.Trigger=u,_.Content=f,_.Header=p,_.Footer=m,_.Title=h,_.Description=g,_.Close=d,exports.Drawer=_,exports.default=_,exports.DrawerClose=d,exports.DrawerContent=f,exports.DrawerDescription=g,exports.DrawerFooter=m,exports.DrawerHeader=p,exports.DrawerTitle=h,exports.DrawerTrigger=u,exports.useDrawer=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/OverlayBase.cjs"),r=require("./drawer.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=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`useDrawer must be used within a Drawer provider`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,side:a=`right`,slideIn:c=!0,slideOut:l=!0})=>{let[u,d]=(0,i.useState)(r),f=t!==void 0,p=f?t:u,m=e=>{f||d(e),n?.(e)},h=`wim-drawer-${(0,i.useId)()}`,g=`${h}-title`,_=`${h}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:g,descriptionId:_,open:p,onOpenChange:m,side:a,slideIn:c,slideOut:l},children:e})},u=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!0)},...a,children:(0,o.jsx)(t.Slottable,{children:e})})},d=({children:e,className:n,onClick:r,asChild:i,...a})=>{let{onOpenChange:s}=c();return(0,o.jsx)(t.Root,{type:`button`,className:n,onClick:e=>{r?.(e),s(!1)},"data-testid":`drawer-close`,...a,children:(0,o.jsx)(t.Slottable,{children:e})})},f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,side:d,slideIn:f,slideOut:p,showOverlay:m=!0,...h})=>{let{open:g,onOpenChange:_,titleId:v,descriptionId:y,side:b,slideIn:x,slideOut:S}=c(),C=l===void 0?g:l,w=u===void 0?_:u,T=d??b,E=f??x,D=p??S,O=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...h,open:C,onOpenChange:w,overlayClassName:(0,a.default)(r.default.overlay,!m&&r.default.hideOverlay),contentClassName:(0,a.default)(`wim-drawer`,r.default.content,r.default[T],i),transitionProps:{preset:`slide-${T}`,enterPreset:E?void 0:`none`,leavePreset:D?void 0:`none`},role:`dialog`,"aria-labelledby":v,"aria-describedby":y,"data-side":T,children:(0,o.jsx)(O,{"data-testid":`drawer-content`,"data-side":T,children:(0,o.jsx)(`div`,{children:(0,o.jsx)(t.Slottable,{children:e})})})})},p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`drawer-header`,...n,children:e}),m=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.body,t),"data-testid":`drawer-body`,...n,children:e}),h=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-testid":`drawer-footer`,...n,children:e}),g=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`drawer-title`,...n,children:e})},_=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`drawer-description`,...n,children:e})},v=e=>(0,o.jsx)(l,{...e});v.displayName=`Drawer`,v.Trigger=u,v.Content=f,v.Header=p,v.Footer=h,v.Title=g,v.Description=_,v.Close=d,exports.Drawer=v,exports.default=v,exports.DrawerBody=m,exports.DrawerClose=d,exports.DrawerContent=f,exports.DrawerDescription=_,exports.DrawerFooter=h,exports.DrawerHeader=p,exports.DrawerTitle=g,exports.DrawerTrigger=u,exports.useDrawer=c;

package/dist/components/overlay/Drawer/Drawer.d.ts

@@ -45,13 +45,33 @@ export interface DrawerProps {
     slideOut?: boolean;
 }
 export interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
-    asChild?: boolean;
+    /** 中身の要素へ委譲する。必須（理由は下のコメント）。 */
+    asChild: true;
 }
-export declare const DrawerTrigger: ({ children, className, onClick, asChild, ...props }: DrawerTriggerProps) => React.JSX.Element;
+/**
+ * Drawer を開く呼び出し口。
+ *
+ * `asChild` は必須。**素の `<button>` を返す道は塞いである** ── そちらには当てる
+ * 装いが無く（空の規則を参照していた）、ブラウザ既定のボタン枠がそのまま出ていた。
+ * 装いを与える案は採らなかった: 実利用はすべて `asChild` で、`Slot` が
+ * `className` を相手の要素へ合流させるため、こちらの装いが相手のボタンと競合する。
+ * 呼び出し側が `<Button>` なり自前の要素なりを渡す。（T121）
+ */
+export declare const DrawerTrigger: ({ children, className, onClick, asChild: _asChild, ...props }: DrawerTriggerProps) => React.JSX.Element;
 export interface DrawerCloseProps extends React.ComponentPropsWithoutRef<"button"> {
-    asChild?: boolean;
+    /** 中身の要素へ委譲する。必須（理由は下のコメント）。 */
+    asChild: true;
 }
-export declare const DrawerClose: ({ children, className, onClick, asChild, ...props }: DrawerCloseProps) => React.JSX.Element;
+/**
+ * Drawer を閉じる要素。
+ *
+ * `asChild` は必須。**素の `<button>` を返す道は塞いである** ── そちらには当てる
+ * 装いが無く（空の規則を参照していた）、ブラウザ既定のボタン枠がそのまま出ていた。
+ * 装いを与える案は採らなかった: 実利用はすべて `asChild` で、`Slot` が
+ * `className` を相手の要素へ合流させるため、こちらの装いが相手のボタンと競合する。
+ * 呼び出し側が `<Button>` なり自前の要素なりを渡す。（T121）
+ */
+export declare const DrawerClose: ({ children, className, onClick, asChild: _asChild, ...props }: DrawerCloseProps) => React.JSX.Element;
 export interface DrawerContentProps extends Partial<React.ComponentPropsWithoutRef<typeof OverlayBase>> {
     asChild?: boolean;
     side?: "left" | "right" | "top" | "bottom";
@@ -61,6 +81,14 @@ export interface DrawerContentProps extends Partial<React.ComponentPropsWithoutR
 }
 export declare const DrawerContent: ({ children, className, asChild, open: propsOpen, onOpenChange: propsOnOpenChange, side: sideProp, slideIn: slideInProp, slideOut: slideOutProp, showOverlay, ...props }: DrawerContentProps) => React.JSX.Element;
 export declare const DrawerHeader: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+/**
+ * 本文。**`DrawerHeader` / `DrawerFooter` には padding があるのに、中身には無かった。**
+ * そのため置いたものが縁に貼り付き、呼び出し側は `<div style={{ padding: "20px" }}>` へ
+ * 逃げるしかなかった ── **Drawer 自身のストーリー 6 本がまさにそれをしていた**
+ * （DESIGN.md が禁じる px 直書き。「足りなければコンポーネント側に prop / トークンを
+ * 追加する」と書かれている当のケース）。7 枚目の合成画面のレビューで表に出た。
+ */
+export declare const DrawerBody: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const DrawerFooter: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const DrawerTitle: ({ children, className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
 export declare const DrawerDescription: ({ children, className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;

package/dist/components/overlay/Drawer/Drawer.js

@@ -26,27 +26,27 @@ var u = i(void 0), d = () => {
 		},
 		children: e
 	});
-}, p = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
-	let { onOpenChange: u } = d();
-	return /* @__PURE__ */ l(o ? e : "button", {
+}, p = ({ children: n, className: r, onClick: i, asChild: a, ...o }) => {
+	let { onOpenChange: s } = d();
+	return /* @__PURE__ */ l(e, {
 		type: "button",
-		className: c(r.trigger, i),
+		className: r,
 		onClick: (e) => {
-			a?.(e), u(!0);
+			i?.(e), s(!0);
 		},
-		...s,
+		...o,
 		children: /* @__PURE__ */ l(t, { children: n })
 	});
-}, m = ({ children: n, className: i, onClick: a, asChild: o = !1, ...s }) => {
-	let { onOpenChange: u } = d();
-	return /* @__PURE__ */ l(o ? e : "button", {
+}, m = ({ children: n, className: r, onClick: i, asChild: a, ...o }) => {
+	let { onOpenChange: s } = d();
+	return /* @__PURE__ */ l(e, {
 		type: "button",
-		className: c(r.closeButton, i),
+		className: r,
 		onClick: (e) => {
-			a?.(e), u(!1);
+			i?.(e), s(!1);
 		},
 		"data-testid": "drawer-close",
-		...s,
+		...o,
 		children: /* @__PURE__ */ l(t, { children: n })
 	});
 }, h = ({ children: i, className: a, asChild: o = !1, open: s, onOpenChange: u, side: f, slideIn: p, slideOut: m, showOverlay: h = !0, ...g }) => {
@@ -78,11 +78,16 @@ var u = i(void 0), d = () => {
 	...n,
 	children: e
 }), _ = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: c(r.body, t),
+	"data-testid": "drawer-body",
+	...n,
+	children: e
+}), v = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("div", {
 	className: c(r.footer, t),
 	"data-testid": "drawer-footer",
 	...n,
 	children: e
-}), v = ({ children: e, className: t, ...n }) => {
+}), y = ({ children: e, className: t, ...n }) => {
 	let { titleId: i } = d();
 	return /* @__PURE__ */ l("h2", {
 		id: i,
@@ -91,7 +96,7 @@ var u = i(void 0), d = () => {
 		...n,
 		children: e
 	});
-}, y = ({ children: e, className: t, ...n }) => {
+}, b = ({ children: e, className: t, ...n }) => {
 	let { descriptionId: i } = d();
 	return /* @__PURE__ */ l("p", {
 		id: i,
@@ -100,7 +105,7 @@ var u = i(void 0), d = () => {
 		...n,
 		children: e
 	});
-}, b = (e) => /* @__PURE__ */ l(f, { ...e });
-b.displayName = "Drawer", b.Trigger = p, b.Content = h, b.Header = g, b.Footer = _, b.Title = v, b.Description = y, b.Close = m;
+}, x = (e) => /* @__PURE__ */ l(f, { ...e });
+x.displayName = "Drawer", x.Trigger = p, x.Content = h, x.Header = g, x.Footer = v, x.Title = y, x.Description = b, x.Close = m;
 //#endregion
-export { b as Drawer, b as default, m as DrawerClose, h as DrawerContent, y as DrawerDescription, _ as DrawerFooter, g as DrawerHeader, v as DrawerTitle, p as DrawerTrigger, d as useDrawer };
+export { x as Drawer, x as default, _ as DrawerBody, m as DrawerClose, h as DrawerContent, b as DrawerDescription, v as DrawerFooter, g as DrawerHeader, y as DrawerTitle, p as DrawerTrigger, d as useDrawer };

package/dist/components/overlay/Drawer/drawer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_overlay_lxc14_3`,t=`_hideOverlay_lxc14_13`,n=`_content_lxc14_17`,r=`_top_lxc14_31`,i=`_right_lxc14_38`,a=`_bottom_lxc14_45`,o=`_left_lxc14_52`,s=`_header_lxc14_59`,c=`_title_lxc14_66`,l=`_description_lxc14_72`,u=`_footer_lxc14_78`,d={overlay:e,hideOverlay:t,content:n,top:r,right:i,bottom:a,left:o,header:s,title:c,description:l,footer:u};exports.bottom=a,exports.content=n,exports.default=d,exports.description=l,exports.footer=u,exports.header=s,exports.hideOverlay=t,exports.left=o,exports.overlay=e,exports.right=i,exports.title=c,exports.top=r;
+var e=`_overlay_b5dnv_3`,t=`_hideOverlay_b5dnv_13`,n=`_content_b5dnv_17`,r=`_top_b5dnv_31`,i=`_right_b5dnv_38`,a=`_bottom_b5dnv_45`,o=`_left_b5dnv_52`,s=`_header_b5dnv_59`,c=`_title_b5dnv_66`,l=`_description_b5dnv_72`,u=`_body_b5dnv_80`,d=`_footer_b5dnv_86`,f={overlay:e,hideOverlay:t,content:n,top:r,right:i,bottom:a,left:o,header:s,title:c,description:l,body:u,footer:d};exports.body=u,exports.bottom=a,exports.content=n,exports.default=f,exports.description=l,exports.footer=d,exports.header=s,exports.hideOverlay=t,exports.left=o,exports.overlay=e,exports.right=i,exports.title=c,exports.top=r;