npm - wimui - Versions diffs - 0.13.0 → 0.15.0 - Mend

wimui 0.13.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/dist/components/form/Select/select.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Select/select.module.scss
-var e = "_root_k0ww0_2", t = "_fullWidth_k0ww0_9", n = "_trigger_k0ww0_13", r = "_disabled_k0ww0_31", i = "_open_k0ww0_40", a = "_value_k0ww0_48", o = "_placeholder_k0ww0_49", s = "_icon_k0ww0_52", c = "_icons_k0ww0_65", l = "_clear_k0ww0_77", u = "_dropdown_k0ww0_93", d = "_search_k0ww0_104", f = "_searchInput_k0ww0_108", p = "_list_k0ww0_123", m = "_groupLabel_k0ww0_130", h = "_option_k0ww0_148", g = "_selected_k0ww0_148", _ = "_empty_k0ww0_157", v = "_separator_k0ww0_164", y = "_native_k0ww0_172", b = "_nativeWrapper_k0ww0_172", x = "_select_k0ww0_148", S = {
+var e = "_root_1y77u_3", t = "_fullWidth_1y77u_17", n = "_trigger_1y77u_21", r = "_disabled_1y77u_41", i = "_open_1y77u_50", a = "_value_1y77u_58", o = "_placeholder_1y77u_59", s = "_icon_1y77u_62", c = "_icons_1y77u_75", l = "_clear_1y77u_87", u = "_dropdown_1y77u_103", d = "_search_1y77u_114", f = "_searchInput_1y77u_118", p = "_list_1y77u_133", m = "_groupLabel_1y77u_140", h = "_option_1y77u_158", g = "_selected_1y77u_158", _ = "_empty_1y77u_167", v = "_separator_1y77u_174", y = "_native_1y77u_182", b = "_nativeWrapper_1y77u_182", x = "_select_1y77u_158", S = {
 	root: e,
 	fullWidth: t,
 	trigger: n,

package/dist/components/form/SmartSearchInput/SmartSearchInput.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../../hooks/useAutoResize.cjs"),a=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),o=require("./smart-search-input.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=(0,s.forwardRef)(({intent:e=`default`,variant:u=`outline`,fullWidth:d=!1,width:f,label:p,error:m,required:h,layout:g,maxRows:_=8,allowClear:v=!0,onClear:y,onSubmit:b,onChange:x,value:S,defaultValue:C=``,placeholder:w,disabled:T,className:E,id:D,maxLength:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(`form`),N=S!==void 0,[P,F]=s.default.useState(C),I=N?S:P,L=i.useAutoResize(I,_);s.default.useImperativeHandle(j,()=>L.current);let R=(0,s.useId)(),z=D||`smart-search-${R}`,B=m?`${z}-error`:void 0,V=p?`${z}-label`:void 0,H=(0,s.useCallback)(e=>{let t=e.target.value;N||F(t),x?.(t)},[N,x]),U=(0,s.useCallback)(()=>{!I.trim()||T||b?.(I.trim())},[I,T,b]),W=(0,s.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),U())},[U]),G=()=>{N||F(``),x?.(``),y?.(),L.current?.focus()},K=m?`danger`:e;return(0,l.jsx)(r.FieldTemplate,{label:p,error:m,required:h,layout:g,htmlFor:z,labelId:V,errorId:B,className:(0,c.default)(`wim-smart-search-input`,E,d&&o.default.fullWidth),children:(0,l.jsxs)(`div`,{className:o.default.container,children:[(0,l.jsx)(n.InputBase,{intent:K,variant:u,fullWidth:d,width:f,disabled:T,leftIcon:`SearchIcon`,allowClear:v,hasValue:!!I,onClear:G,children:(0,l.jsx)(`textarea`,{id:z,ref:L,className:(0,c.default)(o.default.textarea,o.default[u],T&&o.default.disabled),value:I,onChange:H,onKeyDown:W,placeholder:w,rows:1,disabled:T,maxLength:O,"aria-label":k??(p?void 0:M(`smart_search.input_label`)),...A})}),(0,l.jsx)(a.FieldCharacterCount,{count:I.length,maxLength:O,className:o.default.charCount})]})})});u.displayName=`SmartSearchInput`,exports.SmartSearchInput=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../../hooks/useAutoResize.cjs"),a=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),o=require("./smart-search-input.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=(0,s.forwardRef)(({intent:e=`default`,variant:u=`outline`,fullWidth:d=!1,width:f,label:p,error:m,required:h,layout:g,maxRows:_=8,allowClear:v=!0,onClear:y,onSubmit:b,onChange:x,value:S,defaultValue:C=``,placeholder:w,disabled:T,className:E,id:D,maxLength:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(`form`),N=S!==void 0,[P,F]=s.default.useState(C),I=N?S:P,L=i.useAutoResize(I,_);s.default.useImperativeHandle(j,()=>L.current);let R=(0,s.useId)(),z=D||`smart-search-${R}`,B=m?`${z}-error`:void 0,V=p?`${z}-label`:void 0,H=(0,s.useCallback)(e=>{let t=e.target.value;N||F(t),x?.(t)},[N,x]),U=(0,s.useCallback)(()=>{!I.trim()||T||b?.(I.trim())},[I,T,b]),W=(0,s.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),U())},[U]),G=()=>{N||F(``),x?.(``),y?.(),L.current?.focus()},K=m?`danger`:e;return(0,l.jsx)(r.FieldTemplate,{label:p,error:m,required:h,layout:g,htmlFor:z,labelId:V,errorId:B,className:(0,c.default)(`wim-smart-search-input`,E,d&&o.default.fullWidth),children:(0,l.jsxs)(`div`,{className:o.default.container,children:[(0,l.jsx)(n.InputBase,{intent:K,variant:u,fullWidth:d,width:f,disabled:T,leftIcon:`SearchIcon`,allowClear:v,hasValue:!!I,onClear:G,children:(0,l.jsx)(`textarea`,{id:z,ref:L,className:(0,c.default)(o.default.textarea,o.default[u]),value:I,onChange:H,onKeyDown:W,placeholder:w,rows:1,disabled:T,maxLength:O,"aria-label":k??(p?void 0:M(`smart_search.input_label`)),...A})}),(0,l.jsx)(a.FieldCharacterCount,{count:I.length,maxLength:O,className:o.default.charCount})]})})});u.displayName=`SmartSearchInput`,exports.SmartSearchInput=u;

package/dist/components/form/SmartSearchInput/SmartSearchInput.js CHANGED Viewed

@@ -50,7 +50,7 @@ var p = s(({ intent: s = "default", variant: p = "outline", fullWidth: m = !1, w
 				children: /* @__PURE__ */ d("textarea", {
 					id: H,
 					ref: B,
-					className: u(a.textarea, a[p], O && a.disabled),
+					className: u(a.textarea, a[p]),
 					value: z,
 					onChange: G,
 					onKeyDown: q,

package/dist/components/form/SmartSearchInput/smart-search-input.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_nw9me_2`,t=`_fullWidth_nw9me_7`,n=`_textarea_nw9me_10`,r=`_charCount_nw9me_38`,i={container:e,fullWidth:t,textarea:n,charCount:r};exports.charCount=r,exports.container=e,exports.default=i,exports.fullWidth=t,exports.textarea=n;
+var e=`_container_9k8ar_3`,t=`_fullWidth_9k8ar_8`,n=`_textarea_9k8ar_11`,r=`_charCount_9k8ar_41`,i={container:e,fullWidth:t,textarea:n,charCount:r};exports.charCount=r,exports.container=e,exports.default=i,exports.fullWidth=t,exports.textarea=n;

package/dist/components/form/SmartSearchInput/smart-search-input.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/SmartSearchInput/smart-search-input.module.scss
-var e = "_container_nw9me_2", t = "_fullWidth_nw9me_7", n = "_textarea_nw9me_10", r = "_charCount_nw9me_38", i = {
+var e = "_container_9k8ar_3", t = "_fullWidth_9k8ar_8", n = "_textarea_9k8ar_11", r = "_charCount_9k8ar_41", i = {
 	container: e,
 	fullWidth: t,
 	textarea: n,

package/dist/components/form/Textarea/textarea.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_142tf_15`,t=`_outline_142tf_42`,n=`_ghost_142tf_48`,r=`_danger_142tf_6`,i=`_disabled_142tf_65`,a=`_fullWidth_142tf_75`,o=`_widthXs_142tf_79`,s=`_widthSm_142tf_82`,c=`_widthMd_142tf_85`,l=`_widthLg_142tf_88`,u=`_widthXl_142tf_91`,d=`_hasCustomWidth_142tf_94`,f=`_fieldSizingContent_142tf_98`,p={root:e,outline:t,ghost:n,danger:r,disabled:i,fullWidth:a,widthXs:o,widthSm:s,widthMd:c,widthLg:l,widthXl:u,hasCustomWidth:d,fieldSizingContent:f};exports.danger=r,exports.default=p,exports.disabled=i,exports.fieldSizingContent=f,exports.fullWidth=a,exports.ghost=n,exports.hasCustomWidth=d,exports.outline=t,exports.root=e,exports.widthLg=l,exports.widthMd=c,exports.widthSm=s,exports.widthXl=u,exports.widthXs=o;
+var e=`_root_1y1hn_16`,t=`_outline_1y1hn_45`,n=`_ghost_1y1hn_51`,r=`_danger_1y1hn_7`,i=`_disabled_1y1hn_68`,a=`_fullWidth_1y1hn_78`,o=`_widthXs_1y1hn_85`,s=`_widthSm_1y1hn_88`,c=`_widthMd_1y1hn_91`,l=`_widthLg_1y1hn_94`,u=`_widthXl_1y1hn_97`,d=`_hasCustomWidth_1y1hn_100`,f=`_fieldSizingContent_1y1hn_104`,p={root:e,outline:t,ghost:n,danger:r,disabled:i,fullWidth:a,widthXs:o,widthSm:s,widthMd:c,widthLg:l,widthXl:u,hasCustomWidth:d,fieldSizingContent:f};exports.danger=r,exports.default=p,exports.disabled=i,exports.fieldSizingContent=f,exports.fullWidth=a,exports.ghost=n,exports.hasCustomWidth=d,exports.outline=t,exports.root=e,exports.widthLg=l,exports.widthMd=c,exports.widthSm=s,exports.widthXl=u,exports.widthXs=o;

package/dist/components/form/Textarea/textarea.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Textarea/textarea.module.scss
-var e = "_root_142tf_15", t = "_outline_142tf_42", n = "_ghost_142tf_48", r = "_danger_142tf_6", i = "_disabled_142tf_65", a = "_fullWidth_142tf_75", o = "_widthXs_142tf_79", s = "_widthSm_142tf_82", c = "_widthMd_142tf_85", l = "_widthLg_142tf_88", u = "_widthXl_142tf_91", d = "_hasCustomWidth_142tf_94", f = "_fieldSizingContent_142tf_98", p = {
+var e = "_root_1y1hn_16", t = "_outline_1y1hn_45", n = "_ghost_1y1hn_51", r = "_danger_1y1hn_7", i = "_disabled_1y1hn_68", a = "_fullWidth_1y1hn_78", o = "_widthXs_1y1hn_85", s = "_widthSm_1y1hn_88", c = "_widthMd_1y1hn_91", l = "_widthLg_1y1hn_94", u = "_widthXl_1y1hn_97", d = "_hasCustomWidth_1y1hn_100", f = "_fieldSizingContent_1y1hn_104", p = {
 	root: e,
 	outline: t,
 	ghost: n,

package/dist/components/form/ToggleGroup/ToggleGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.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=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,disabled:y=!1,label:b,error:x,required:S,layout:C=`vertical`,id:w,asChild:T=!1,children:E},D)=>{let O=s.default.useId(),k=w||`wim-toggle-group-${O}`,A=`${k}-label`,j=`${k}-error`,M=u!==void 0,[N,P]=(0,s.useState)(d??(p===`multiple`?[]:``)),F=M?u:N,{containerRef:I,sliderStyle:L,isReady:R}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),z=(0,s.useRef)([]),B=e.findIndex(e=>!e.disabled),[V,H]=(0,s.useState)(()=>{if(p===`single`){let t=M?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return B>=0?B:0});(0,s.useEffect)(()=>{if(p===`single`&&M&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&H(t)}},[u,p,M,e]);let U=e=>{let t;if(p===`multiple`){let n=Array.isArray(F)?F:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=F===e?``:e;M||P(t),f?.(t)},W=e=>p===`multiple`?(Array.isArray(F)?F:[]).includes(e):F===e,G=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},K=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=G(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=G(t,-1);else if(n.key===`Home`)n.preventDefault(),r=B>=0?B:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(H(r),z.current[r]?.focus(),p===`single`&&U(e[r].value))},q=p===`single`?`radiogroup`:`toolbar`;return(0,l.jsx)(i.FieldTemplate,{label:b,error:x,required:S,layout:C,labelId:A,htmlFor:`${k}-item-0`,errorId:j,className:g,children:(0,l.jsxs)(T?t.Root:`div`,{ref:r.useMergedRef(I,D),id:k,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,R&&o.default.ready,x&&o.default.danger),role:q,"aria-label":_,"aria-labelledby":b?A:v,"aria-orientation":`horizontal`,"aria-invalid":x?!0:void 0,"aria-describedby":x?j:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],R&&o.default.ready),style:L,"aria-hidden":`true`}),e.map((e,t)=>(0,l.jsxs)(`button`,{id:`${k}-item-${t}`,ref:e=>{z.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],W(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{H(t),U(e.value)},onKeyDown:e=>K(t,e),disabled:y||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?W(e.value):void 0,"aria-pressed":p===`multiple`?W(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===V?0:-1,children:[e.iconName&&(0,l.jsx)(n.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:o.default.label,children:e.label})]},e.value)),(0,l.jsx)(t.Slottable,{children:E})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.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=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,disabled:y=!1,label:b,error:x,required:S,layout:C=`vertical`,id:w,asChild:T=!1,children:E},D)=>{let O=s.default.useId(),k=w||`wim-toggle-group-${O}`,A=`${k}-label`,j=`${k}-error`,M=u!==void 0,[N,P]=(0,s.useState)(d??(p===`multiple`?[]:``)),F=M?u:N,{containerRef:I,sliderStyle:L,isReady:R}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),z=(0,s.useRef)([]),B=e.findIndex(e=>!e.disabled),[V,H]=(0,s.useState)(()=>{if(p===`single`){let t=M?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return B>=0?B:0});(0,s.useEffect)(()=>{if(p===`single`&&M&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&H(t)}},[u,p,M,e]);let U=e=>{let t;if(p===`multiple`){let n=Array.isArray(F)?F:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=F===e?``:e;M||P(t),f?.(t)},W=e=>p===`multiple`?(Array.isArray(F)?F:[]).includes(e):F===e,G=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},K=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=G(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=G(t,-1);else if(n.key===`Home`)n.preventDefault(),r=B>=0?B:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(H(r),z.current[r]?.focus(),p===`single`&&U(e[r].value))},q=p===`single`?`radiogroup`:`toolbar`;return(0,l.jsx)(i.FieldTemplate,{label:b,error:x,required:S,layout:C,labelId:A,htmlFor:`${k}-item-0`,errorId:j,className:g,children:(0,l.jsxs)(T?t.Root:`div`,{ref:r.useMergedRef(I,D),id:k,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,R&&o.default.ready,x&&o.default.danger),role:q,"aria-label":_,"aria-labelledby":b?A:v,"aria-orientation":`horizontal`,"aria-invalid":x?!0:void 0,"aria-describedby":x?j:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],R&&o.default.ready),style:L,"aria-hidden":`true`}),e.map((e,t)=>(0,l.jsxs)(`button`,{id:`${k}-item-${t}`,ref:e=>{z.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],W(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{H(t),U(e.value)},onKeyDown:e=>K(t,e),disabled:y||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?W(e.value):void 0,"aria-pressed":p===`multiple`?W(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===V?0:-1,children:[e.iconName&&(0,l.jsx)(n.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)),(0,l.jsx)(t.Slottable,{children:E})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;

package/dist/components/form/ToggleGroup/ToggleGroup.js CHANGED Viewed

@@ -107,10 +107,7 @@ var h = c(({ options: c, value: h, defaultValue: g, onChange: _, selectionMode:
 						name: e.iconName,
 						size: y,
 						className: o.icon
-					}), e.label && /* @__PURE__ */ p("span", {
-						className: o.label,
-						children: e.label
-					})]
+					}), e.label && /* @__PURE__ */ p("span", { children: e.label })]
 				}, e.value)),
 				/* @__PURE__ */ p(t, { children: j })
 			]

package/dist/components/form/Transfer/transfer.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_155zi_247`,t=`_root_155zi_253`,n=`_list_155zi_270`,r=`_header_155zi_299`,i=`_headerTitle_155zi_314`,a=`_disabled_155zi_320`,o=`_headerCount_155zi_330`,s=`_body_155zi_341`,c=`_itemList_155zi_368`,l=`_item_155zi_368`,u=`_checkboxVisual_155zi_382`,d=`_checked_155zi_408`,f=`_active_155zi_425`,p=`_operation_155zi_438`,m=`_button_155zi_450`,h=`_empty_155zi_458`,g={"wim-docs-container":`_wim-docs-container_155zi_129`,"wim-t":`_wim-t_155zi_216`,"react-flow":`_react-flow_155zi_239`,"react-flow__edges":`_react-flow__edges_155zi_240`,"react-flow__connectionline":`_react-flow__connectionline_155zi_241`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
+var e=`_container_1a6xp_247`,t=`_root_1a6xp_257`,n=`_list_1a6xp_276`,r=`_header_1a6xp_305`,i=`_headerTitle_1a6xp_320`,a=`_disabled_1a6xp_326`,o=`_headerCount_1a6xp_336`,s=`_body_1a6xp_347`,c=`_itemList_1a6xp_374`,l=`_item_1a6xp_374`,u=`_checkboxVisual_1a6xp_388`,d=`_checked_1a6xp_414`,f=`_active_1a6xp_431`,p=`_operation_1a6xp_444`,m=`_button_1a6xp_456`,h=`_empty_1a6xp_464`,g={"wim-docs-container":`_wim-docs-container_1a6xp_129`,"wim-t":`_wim-t_1a6xp_216`,"react-flow":`_react-flow_1a6xp_239`,"react-flow__edges":`_react-flow__edges_1a6xp_240`,"react-flow__connectionline":`_react-flow__connectionline_1a6xp_241`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;

package/dist/components/form/Transfer/transfer.module.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Transfer/transfer.module.scss
-var e = "_container_155zi_247", t = "_root_155zi_253", n = "_list_155zi_270", r = "_header_155zi_299", i = "_headerTitle_155zi_314", a = "_disabled_155zi_320", o = "_headerCount_155zi_330", s = "_body_155zi_341", c = "_itemList_155zi_368", l = "_item_155zi_368", u = "_checkboxVisual_155zi_382", d = "_checked_155zi_408", f = "_active_155zi_425", p = "_operation_155zi_438", m = "_button_155zi_450", h = "_empty_155zi_458", g = {
-	"wim-docs-container": "_wim-docs-container_155zi_129",
-	"wim-t": "_wim-t_155zi_216",
-	"react-flow": "_react-flow_155zi_239",
-	"react-flow__edges": "_react-flow__edges_155zi_240",
-	"react-flow__connectionline": "_react-flow__connectionline_155zi_241",
+var e = "_container_1a6xp_247", t = "_root_1a6xp_257", n = "_list_1a6xp_276", r = "_header_1a6xp_305", i = "_headerTitle_1a6xp_320", a = "_disabled_1a6xp_326", o = "_headerCount_1a6xp_336", s = "_body_1a6xp_347", c = "_itemList_1a6xp_374", l = "_item_1a6xp_374", u = "_checkboxVisual_1a6xp_388", d = "_checked_1a6xp_414", f = "_active_1a6xp_431", p = "_operation_1a6xp_444", m = "_button_1a6xp_456", h = "_empty_1a6xp_464", g = {
+	"wim-docs-container": "_wim-docs-container_1a6xp_129",
+	"wim-t": "_wim-t_1a6xp_216",
+	"react-flow": "_react-flow_1a6xp_239",
+	"react-flow__edges": "_react-flow__edges_1a6xp_240",
+	"react-flow__connectionline": "_react-flow__connectionline_1a6xp_241",
 	container: e,
 	root: t,
 	list: n,

package/dist/components/form/TreeSelect/tree-select.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_19txj_248`,t=`_root_19txj_252`,n=`_fullWidth_19txj_265`,r=`_label_19txj_269`,i=`_trigger_19txj_276`,a=`_disabled_19txj_289`,o=`_open_19txj_301`,s=`_value_19txj_309`,c=`_placeholder_19txj_310`,l=`_icon_19txj_313`,u=`_clear_19txj_333`,d=`_dropdown_19txj_345`,f=`_treeView_19txj_375`,p=`_treeViewItem_19txj_383`,m=`_treeViewSearch_19txj_386`,h={"wim-docs-container":`_wim-docs-container_19txj_129`,"wim-t":`_wim-t_19txj_216`,"react-flow":`_react-flow_19txj_239`,"react-flow__edges":`_react-flow__edges_19txj_240`,"react-flow__connectionline":`_react-flow__connectionline_19txj_241`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
+var e=`_container_sqjkt_248`,t=`_root_sqjkt_258`,n=`_fullWidth_sqjkt_271`,r=`_label_sqjkt_275`,i=`_trigger_sqjkt_282`,a=`_disabled_sqjkt_295`,o=`_open_sqjkt_307`,s=`_value_sqjkt_315`,c=`_placeholder_sqjkt_316`,l=`_icon_sqjkt_319`,u=`_clear_sqjkt_339`,d=`_dropdown_sqjkt_351`,f=`_treeView_sqjkt_381`,p=`_treeViewItem_sqjkt_389`,m=`_treeViewSearch_sqjkt_392`,h={"wim-docs-container":`_wim-docs-container_sqjkt_129`,"wim-t":`_wim-t_sqjkt_216`,"react-flow":`_react-flow_sqjkt_239`,"react-flow__edges":`_react-flow__edges_sqjkt_240`,"react-flow__connectionline":`_react-flow__connectionline_sqjkt_241`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;

package/dist/components/form/TreeSelect/tree-select.module.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/TreeSelect/tree-select.module.scss
-var e = "_container_19txj_248", t = "_root_19txj_252", n = "_fullWidth_19txj_265", r = "_label_19txj_269", i = "_trigger_19txj_276", a = "_disabled_19txj_289", o = "_open_19txj_301", s = "_value_19txj_309", c = "_placeholder_19txj_310", l = "_icon_19txj_313", u = "_clear_19txj_333", d = "_dropdown_19txj_345", f = "_treeView_19txj_375", p = "_treeViewItem_19txj_383", m = "_treeViewSearch_19txj_386", h = {
-	"wim-docs-container": "_wim-docs-container_19txj_129",
-	"wim-t": "_wim-t_19txj_216",
-	"react-flow": "_react-flow_19txj_239",
-	"react-flow__edges": "_react-flow__edges_19txj_240",
-	"react-flow__connectionline": "_react-flow__connectionline_19txj_241",
+var e = "_container_sqjkt_248", t = "_root_sqjkt_258", n = "_fullWidth_sqjkt_271", r = "_label_sqjkt_275", i = "_trigger_sqjkt_282", a = "_disabled_sqjkt_295", o = "_open_sqjkt_307", s = "_value_sqjkt_315", c = "_placeholder_sqjkt_316", l = "_icon_sqjkt_319", u = "_clear_sqjkt_339", d = "_dropdown_sqjkt_351", f = "_treeView_sqjkt_381", p = "_treeViewItem_sqjkt_389", m = "_treeViewSearch_sqjkt_392", h = {
+	"wim-docs-container": "_wim-docs-container_sqjkt_129",
+	"wim-t": "_wim-t_sqjkt_216",
+	"react-flow": "_react-flow_sqjkt_239",
+	"react-flow__edges": "_react-flow__edges_sqjkt_240",
+	"react-flow__connectionline": "_react-flow__connectionline_sqjkt_241",
 	container: e,
 	root: t,
 	fullWidth: n,

package/dist/components/layout/AppShell/AppShell.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./appshell.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,header:a,sidebar:o,footer:s,navbar:c,padding:l=!0,centered:u,maxWidth:d,...f},p)=>{let m=d?{"--wim-appshell-max-width":typeof d==`number`?`${d}px`:d}:void 0;return(0,i.jsxs)(`div`,{ref:p,className:(0,r.default)(`wim-app-shell`,t.default.root,!!o&&t.default.withSidebar,!!c&&t.default.withNavbar,e),style:m,...f,children:[a&&(0,i.jsx)(`div`,{className:t.default.header,children:a}),(0,i.jsxs)(`div`,{className:t.default.body,children:[o&&(0,i.jsx)(`div`,{className:t.default.sidebar,children:o}),(0,i.jsx)(`main`,{className:(0,r.default)(t.default.main,l&&t.default.padded,u&&t.default.centered),tabIndex:0,children:u?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n})]}),c&&(0,i.jsx)(`div`,{className:t.default.navbar,children:c}),s&&(0,i.jsx)(`div`,{className:t.default.footer,children:s})]})});a.displayName=`AppShell`;var o=n.default.forwardRef(({className:e,children:n,padding:a=!0,centered:o,...s},c)=>(0,i.jsx)(`main`,{ref:c,className:(0,r.default)(t.default.main,a&&t.default.padded,o&&t.default.centered,e),tabIndex:0,...s,children:o?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n}));o.displayName=`AppShell.Main`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.body,e),...a,children:n}));s.displayName=`AppShell.Body`;var c=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.header,e),...a,children:n}));c.displayName=`AppShell.Header`;var l=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.sidebar,e),...a,children:n}));l.displayName=`AppShell.Sidebar`;var u=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.footer,e),...a,children:n}));u.displayName=`AppShell.Footer`;var d=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.navbar,e),...a,children:n}));d.displayName=`AppShell.Navbar`;var f=a;f.Main=o,f.Body=s,f.Header=c,f.Sidebar=l,f.Footer=u,f.Navbar=d,exports.AppShell=f,exports.default=f,exports.AppShellBody=s,exports.AppShellFooter=u,exports.AppShellHeader=c,exports.AppShellMain=o,exports.AppShellNavbar=d,exports.AppShellRoot=a,exports.AppShellSidebar=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./appshell.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=new Set([]),o=e=>n.default.Children.toArray(e).some(e=>n.default.isValidElement(e)&&a.has(e.type)),s=n.default.forwardRef(({className:e,children:n,header:a,sidebar:s,footer:c,navbar:l,padding:u=!0,centered:d,maxWidth:f,...p},m)=>{let h=o(n),g=f?{"--wim-appshell-max-width":typeof f==`number`?`${f}px`:f}:void 0;return(0,i.jsxs)(`div`,{ref:m,className:(0,r.default)(`wim-app-shell`,t.default.root,!!l&&t.default.withNavbar,e),style:g,...p,children:[a&&(0,i.jsx)(`div`,{className:t.default.header,children:a}),h?n:(0,i.jsxs)(`div`,{className:t.default.body,children:[s&&(0,i.jsx)(`div`,{className:t.default.sidebar,children:s}),(0,i.jsx)(`main`,{className:(0,r.default)(t.default.main,u&&t.default.padded,d&&t.default.centered),tabIndex:0,children:d?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n})]}),l&&(0,i.jsx)(`div`,{className:t.default.navbar,children:l}),c&&(0,i.jsx)(`div`,{className:t.default.footer,children:c})]})});s.displayName=`AppShell`;var c=n.default.forwardRef(({className:e,children:n,padding:a=!0,centered:o,...s},c)=>(0,i.jsx)(`main`,{ref:c,className:(0,r.default)(t.default.main,a&&t.default.padded,o&&t.default.centered,e),tabIndex:0,...s,children:o?(0,i.jsx)(`div`,{className:t.default.content,children:n}):n}));c.displayName=`AppShell.Main`;var l=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.body,e),...a,children:n}));l.displayName=`AppShell.Body`;var u=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.header,e),...a,children:n}));u.displayName=`AppShell.Header`;var d=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.sidebar,e),...a,children:n}));d.displayName=`AppShell.Sidebar`;var f=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.footer,e),...a,children:n}));f.displayName=`AppShell.Footer`;var p=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.navbar,e),...a,children:n}));p.displayName=`AppShell.Navbar`;var m=s;for(let e of[l,c,u,d,f,p])a.add(e);m.Main=c,m.Body=l,m.Header=u,m.Sidebar=d,m.Footer=f,m.Navbar=p,exports.AppShell=m,exports.default=m,exports.AppShellBody=l,exports.AppShellFooter=f,exports.AppShellHeader=u,exports.AppShellMain=c,exports.AppShellNavbar=p,exports.AppShellRoot=s,exports.AppShellSidebar=d;

package/dist/components/layout/AppShell/AppShell.d.ts CHANGED Viewed

@@ -15,37 +15,6 @@ export interface AppShellProps extends Omit<React.ComponentPropsWithoutRef<"div"
     /** Maximum width for centered content */
     maxWidth?: number | string;
 }
-/**
- * アプリケーション全体のレイアウトを構成するルートコンポーネント。
- *
- * ## 使い方
- * ### 1. Composition API（推奨）
- * サブコンポーネント（`AppShell.Header`, `AppShell.Sidebar` など）を
- * `children` として渡す方法。柔軟なカスタマイズが可能。
- *
- * ```tsx
- * <AppShell>
- *   <AppShell.Header>...</AppShell.Header>
- *   <AppShell.Sidebar>...</AppShell.Sidebar>
- *   <AppShell.Main>...</AppShell.Main>
- * </AppShell>
- * ```
- *
- * ### 2. Props API（シンプルなケース向け）
- * `header`, `sidebar`, `footer`, `navbar` を props として渡す方法。
- * ただし、サイドバーを使う場合は Composition API を推奨。
- *
- * ```tsx
- * <AppShell header={<Header />} sidebar={<Sidebar />}>
- *   <main>...</main>
- * </AppShell>
- * ```
- *
- * @note Props API で `sidebar` を渡した場合、`--with-sidebar` クラスが自動付与されます。
- *       Composition API で `AppShell.Sidebar` を使う場合は、
- *       親 `AppShell` に `sidebar` prop として何かを渡すか、
- *       `AppShell.Body` を使って手動でレイアウトを構成してください。
- */
 export declare const AppShellRoot: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
 export interface AppShellMainProps extends Omit<React.ComponentPropsWithoutRef<"main">, "size"> {
     /** Add padding to content */

package/dist/components/layout/AppShell/AppShell.js CHANGED Viewed

@@ -4,45 +4,45 @@ import t from "react";
 import n from "classnames";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/layout/AppShell/AppShell.tsx
-var a = t.forwardRef(({ className: t, children: a, header: o, sidebar: s, footer: c, navbar: l, padding: u = !0, centered: d, maxWidth: f, ...p }, m) => {
-	let h = f ? { "--wim-appshell-max-width": typeof f == "number" ? `${f}px` : f } : void 0;
+var a = /* @__PURE__ */ new Set([]), o = (e) => t.Children.toArray(e).some((e) => t.isValidElement(e) && a.has(e.type)), s = t.forwardRef(({ className: t, children: a, header: s, sidebar: c, footer: l, navbar: u, padding: d = !0, centered: f, maxWidth: p, ...m }, h) => {
+	let g = o(a), _ = p ? { "--wim-appshell-max-width": typeof p == "number" ? `${p}px` : p } : void 0;
 	return /* @__PURE__ */ i("div", {
-		ref: m,
-		className: n("wim-app-shell", e.root, !!s && e.withSidebar, !!l && e.withNavbar, t),
-		style: h,
-		...p,
+		ref: h,
+		className: n("wim-app-shell", e.root, !!u && e.withNavbar, t),
+		style: _,
+		...m,
 		children: [
-			o && /* @__PURE__ */ r("div", {
+			s && /* @__PURE__ */ r("div", {
 				className: e.header,
-				children: o
+				children: s
 			}),
-			/* @__PURE__ */ i("div", {
+			g ? a : /* @__PURE__ */ i("div", {
 				className: e.body,
-				children: [s && /* @__PURE__ */ r("div", {
+				children: [c && /* @__PURE__ */ r("div", {
 					className: e.sidebar,
-					children: s
+					children: c
 				}), /* @__PURE__ */ r("main", {
-					className: n(e.main, u && e.padded, d && e.centered),
+					className: n(e.main, d && e.padded, f && e.centered),
 					tabIndex: 0,
-					children: d ? /* @__PURE__ */ r("div", {
+					children: f ? /* @__PURE__ */ r("div", {
 						className: e.content,
 						children: a
 					}) : a
 				})]
 			}),
-			l && /* @__PURE__ */ r("div", {
+			u && /* @__PURE__ */ r("div", {
 				className: e.navbar,
-				children: l
+				children: u
 			}),
-			c && /* @__PURE__ */ r("div", {
+			l && /* @__PURE__ */ r("div", {
 				className: e.footer,
-				children: c
+				children: l
 			})
 		]
 	});
 });
-a.displayName = "AppShell";
-var o = t.forwardRef(({ className: t, children: i, padding: a = !0, centered: o, ...s }, c) => /* @__PURE__ */ r("main", {
+s.displayName = "AppShell";
+var c = t.forwardRef(({ className: t, children: i, padding: a = !0, centered: o, ...s }, c) => /* @__PURE__ */ r("main", {
 	ref: c,
 	className: n(e.main, a && e.padded, o && e.centered, t),
 	tabIndex: 0,
@@ -52,43 +52,51 @@ var o = t.forwardRef(({ className: t, children: i, padding: a = !0, centered: o,
 		children: i
 	}) : i
 }));
-o.displayName = "AppShell.Main";
-var s = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+c.displayName = "AppShell.Main";
+var l = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,
 	className: n(e.body, t),
 	...a,
 	children: i
 }));
-s.displayName = "AppShell.Body";
-var c = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+l.displayName = "AppShell.Body";
+var u = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,
 	className: n(e.header, t),
 	...a,
 	children: i
 }));
-c.displayName = "AppShell.Header";
-var l = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+u.displayName = "AppShell.Header";
+var d = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,
 	className: n(e.sidebar, t),
 	...a,
 	children: i
 }));
-l.displayName = "AppShell.Sidebar";
-var u = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+d.displayName = "AppShell.Sidebar";
+var f = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,
 	className: n(e.footer, t),
 	...a,
 	children: i
 }));
-u.displayName = "AppShell.Footer";
-var d = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+f.displayName = "AppShell.Footer";
+var p = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
 	ref: o,
 	className: n(e.navbar, t),
 	...a,
 	children: i
 }));
-d.displayName = "AppShell.Navbar";
-var f = a;
-f.Main = o, f.Body = s, f.Header = c, f.Sidebar = l, f.Footer = u, f.Navbar = d;
+p.displayName = "AppShell.Navbar";
+var m = s;
+for (let e of [
+	l,
+	c,
+	u,
+	d,
+	f,
+	p
+]) a.add(e);
+m.Main = c, m.Body = l, m.Header = u, m.Sidebar = d, m.Footer = f, m.Navbar = p;
 //#endregion
-export { f as AppShell, f as default, s as AppShellBody, u as AppShellFooter, c as AppShellHeader, o as AppShellMain, d as AppShellNavbar, a as AppShellRoot, l as AppShellSidebar };
+export { m as AppShell, m as default, l as AppShellBody, f as AppShellFooter, u as AppShellHeader, c as AppShellMain, p as AppShellNavbar, s as AppShellRoot, d as AppShellSidebar };

package/dist/components/layout/BentoGrid/bento-grid.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_136wn_3`,t=`_root_136wn_8`,n=`_item_136wn_22`,r=`_itemHeader_136wn_36`,i=`_itemContent_136wn_44`,a=`_itemIcon_136wn_49`,o=`_itemText_136wn_52`,s=`_itemTitle_136wn_56`,c=`_itemDescription_136wn_61`,l={container:e,root:t,item:n,itemHeader:r,itemContent:i,itemIcon:a,itemText:o,itemTitle:s,itemDescription:c};exports.container=e,exports.default=l,exports.item=n,exports.itemContent=i,exports.itemDescription=c,exports.itemHeader=r,exports.itemIcon=a,exports.itemText=o,exports.itemTitle=s,exports.root=t;
+var e=`_container_1c0p7_3`,t=`_root_1c0p7_16`,n=`_item_1c0p7_30`,r=`_itemHeader_1c0p7_44`,i=`_itemContent_1c0p7_52`,a=`_itemIcon_1c0p7_57`,o=`_itemText_1c0p7_60`,s=`_itemTitle_1c0p7_64`,c=`_itemDescription_1c0p7_69`,l={container:e,root:t,item:n,itemHeader:r,itemContent:i,itemIcon:a,itemText:o,itemTitle:s,itemDescription:c};exports.container=e,exports.default=l,exports.item=n,exports.itemContent=i,exports.itemDescription=c,exports.itemHeader=r,exports.itemIcon=a,exports.itemText=o,exports.itemTitle=s,exports.root=t;

package/dist/components/layout/BentoGrid/bento-grid.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/layout/BentoGrid/bento-grid.module.scss
-var e = "_container_136wn_3", t = "_root_136wn_8", n = "_item_136wn_22", r = "_itemHeader_136wn_36", i = "_itemContent_136wn_44", a = "_itemIcon_136wn_49", o = "_itemText_136wn_52", s = "_itemTitle_136wn_56", c = "_itemDescription_136wn_61", l = {
+var e = "_container_1c0p7_3", t = "_root_1c0p7_16", n = "_item_1c0p7_30", r = "_itemHeader_1c0p7_44", i = "_itemContent_1c0p7_52", a = "_itemIcon_1c0p7_57", o = "_itemText_1c0p7_60", s = "_itemTitle_1c0p7_64", c = "_itemDescription_1c0p7_69", l = {
 	container: e,
 	root: t,
 	item: n,

package/dist/components/layout/Dashboard/Dashboard.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close-small.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.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)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:(0,u.default)(c.default.editToggle,{[c.default.editActive]:A}),onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close-small.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.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)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:void 0,onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;

package/dist/components/layout/Dashboard/Dashboard.js CHANGED Viewed

@@ -46,7 +46,7 @@ var _ = l(null), v = () => {
 					size: "sm",
 					variant: N ? "solid" : "outline",
 					intent: "default",
-					className: m(s.editToggle, { [s.editActive]: N }),
+					className: void 0,
 					onClick: P,
 					"aria-pressed": N,
 					"aria-label": k(N ? "dashboard_widget.exit_edit" : "dashboard_widget.enter_edit"),

package/dist/components/layout/Dashboard/dashboard.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_7qy7g_3`,t=`_header_7qy7g_11`,n=`_heading_7qy7g_18`,r=`_grid_7qy7g_26`,i=`_widget_7qy7g_61`,a=`_editMode_7qy7g_69`,o=`_widgetHeader_7qy7g_102`,s=`_widgetMeta_7qy7g_111`,c=`_widgetTitle_7qy7g_118`,l=`_widgetDescription_7qy7g_128`,u=`_removeButton_7qy7g_137`,d=`_widgetContent_7qy7g_141`,f=`_addButton_7qy7g_146`,p={root:e,header:t,heading:n,grid:r,"gap-xs":`_gap-xs_7qy7g_41`,"gap-sm":`_gap-sm_7qy7g_45`,"gap-md":`_gap-md_7qy7g_49`,"gap-lg":`_gap-lg_7qy7g_53`,"gap-xl":`_gap-xl_7qy7g_57`,widget:i,editMode:a,"span-1":`_span-1_7qy7g_74`,"span-2":`_span-2_7qy7g_78`,"span-3":`_span-3_7qy7g_82`,"span-4":`_span-4_7qy7g_86`,"row-1":`_row-1_7qy7g_90`,"row-2":`_row-2_7qy7g_94`,"row-3":`_row-3_7qy7g_98`,widgetHeader:o,widgetMeta:s,widgetTitle:c,widgetDescription:l,removeButton:u,widgetContent:d,addButton:f};exports.addButton=f,exports.default=p,exports.editMode=a,exports.grid=r,exports.header=t,exports.heading=n,exports.removeButton=u,exports.root=e,exports.widget=i,exports.widgetContent=d,exports.widgetDescription=l,exports.widgetHeader=o,exports.widgetMeta=s,exports.widgetTitle=c;
+var e=`_root_1cmk7_3`,t=`_header_1cmk7_19`,n=`_heading_1cmk7_26`,r=`_grid_1cmk7_34`,i=`_widget_1cmk7_69`,a=`_editMode_1cmk7_77`,o=`_widgetHeader_1cmk7_110`,s=`_widgetMeta_1cmk7_119`,c=`_widgetTitle_1cmk7_126`,l=`_widgetDescription_1cmk7_136`,u=`_removeButton_1cmk7_145`,d=`_widgetContent_1cmk7_149`,f=`_addButton_1cmk7_154`,p={root:e,header:t,heading:n,grid:r,"gap-xs":`_gap-xs_1cmk7_49`,"gap-sm":`_gap-sm_1cmk7_53`,"gap-md":`_gap-md_1cmk7_57`,"gap-lg":`_gap-lg_1cmk7_61`,"gap-xl":`_gap-xl_1cmk7_65`,widget:i,editMode:a,"span-1":`_span-1_1cmk7_82`,"span-2":`_span-2_1cmk7_86`,"span-3":`_span-3_1cmk7_90`,"span-4":`_span-4_1cmk7_94`,"row-1":`_row-1_1cmk7_98`,"row-2":`_row-2_1cmk7_102`,"row-3":`_row-3_1cmk7_106`,widgetHeader:o,widgetMeta:s,widgetTitle:c,widgetDescription:l,removeButton:u,widgetContent:d,addButton:f};exports.addButton=f,exports.default=p,exports.editMode=a,exports.grid=r,exports.header=t,exports.heading=n,exports.removeButton=u,exports.root=e,exports.widget=i,exports.widgetContent=d,exports.widgetDescription=l,exports.widgetHeader=o,exports.widgetMeta=s,exports.widgetTitle=c;

package/dist/components/layout/Dashboard/dashboard.module.js CHANGED Viewed

@@ -1,24 +1,24 @@
 "use client";
 //#region src/components/layout/Dashboard/dashboard.module.scss
-var e = "_root_7qy7g_3", t = "_header_7qy7g_11", n = "_heading_7qy7g_18", r = "_grid_7qy7g_26", i = "_widget_7qy7g_61", a = "_editMode_7qy7g_69", o = "_widgetHeader_7qy7g_102", s = "_widgetMeta_7qy7g_111", c = "_widgetTitle_7qy7g_118", l = "_widgetDescription_7qy7g_128", u = "_removeButton_7qy7g_137", d = "_widgetContent_7qy7g_141", f = "_addButton_7qy7g_146", p = {
+var e = "_root_1cmk7_3", t = "_header_1cmk7_19", n = "_heading_1cmk7_26", r = "_grid_1cmk7_34", i = "_widget_1cmk7_69", a = "_editMode_1cmk7_77", o = "_widgetHeader_1cmk7_110", s = "_widgetMeta_1cmk7_119", c = "_widgetTitle_1cmk7_126", l = "_widgetDescription_1cmk7_136", u = "_removeButton_1cmk7_145", d = "_widgetContent_1cmk7_149", f = "_addButton_1cmk7_154", p = {
 	root: e,
 	header: t,
 	heading: n,
 	grid: r,
-	"gap-xs": "_gap-xs_7qy7g_41",
-	"gap-sm": "_gap-sm_7qy7g_45",
-	"gap-md": "_gap-md_7qy7g_49",
-	"gap-lg": "_gap-lg_7qy7g_53",
-	"gap-xl": "_gap-xl_7qy7g_57",
+	"gap-xs": "_gap-xs_1cmk7_49",
+	"gap-sm": "_gap-sm_1cmk7_53",
+	"gap-md": "_gap-md_1cmk7_57",
+	"gap-lg": "_gap-lg_1cmk7_61",
+	"gap-xl": "_gap-xl_1cmk7_65",
 	widget: i,
 	editMode: a,
-	"span-1": "_span-1_7qy7g_74",
-	"span-2": "_span-2_7qy7g_78",
-	"span-3": "_span-3_7qy7g_82",
-	"span-4": "_span-4_7qy7g_86",
-	"row-1": "_row-1_7qy7g_90",
-	"row-2": "_row-2_7qy7g_94",
-	"row-3": "_row-3_7qy7g_98",
+	"span-1": "_span-1_1cmk7_82",
+	"span-2": "_span-2_1cmk7_86",
+	"span-3": "_span-3_1cmk7_90",
+	"span-4": "_span-4_1cmk7_94",
+	"row-1": "_row-1_1cmk7_98",
+	"row-2": "_row-2_1cmk7_102",
+	"row-3": "_row-3_1cmk7_106",
 	widgetHeader: o,
 	widgetMeta: s,
 	widgetTitle: c,

package/dist/components/layout/Grid/grid.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1n6kv_4`,t=`_root_1n6kv_8`,n={container:e,root:t};exports.container=e,exports.default=n,exports.root=t;
+var e=`_container_113yt_4`,t=`_root_113yt_14`,n={container:e,root:t};exports.container=e,exports.default=n,exports.root=t;

package/dist/components/layout/Grid/grid.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/layout/Grid/grid.module.scss
-var e = "_container_1n6kv_4", t = "_root_1n6kv_8", n = {
+var e = "_container_113yt_4", t = "_root_113yt_14", n = {
 	container: e,
 	root: t
 };

package/dist/components/layout/Sidebar/Sidebar.d.ts CHANGED Viewed

@@ -8,9 +8,35 @@ export interface SidebarProps extends React.ComponentPropsWithoutRef<"aside"> {
     width?: number | string;
     /** Border at the right */
     bordered?: boolean;
-    /** Enable responsive behavior (mobile drawer) */
+    /**
+     * Below the `md` breakpoint, move the sidebar off-canvas so it stops taking
+     * width from the content. Defaults to `true`.
+     *
+     * **It does not bring a way back on screen.** Off-canvas means
+     * `left: -{width}` until `mobileOpen` is true, and nothing in this component
+     * flips that — so on a phone the sidebar and everything in it become
+     * unreachable unless you wire a trigger yourself. Measured at 390px: the rail
+     * sits at `x = -260` with no control anywhere on the page (T60).
+     *
+     * Pair it with `mobileOpen` and a `HamburgerMenu`, the way the AppShell story
+     * does:
+     *
+     * ```tsx
+     * const [open, setOpen] = useState(false);
+     *
+     * <HamburgerMenu visibleBelow="md" open={open} onClick={() => setOpen((o) => !o)} />
+     * <Sidebar mobileOpen={open} onOverlayClick={() => setOpen(false)}>…</Sidebar>
+     * ```
+     *
+     * `visibleBelow="md"` keeps the control out of the way at widths where the
+     * rail is already on screen. The trigger lives outside this component on
+     * purpose: it usually belongs in the header, and a built-in one would sit in
+     * the wrong place or duplicate the one you already have.
+     *
+     * Set `responsive={false}` to keep the sidebar in flow at every width.
+     */
     responsive?: boolean;
-    /** Mobile drawer open state */
+    /** Mobile drawer open state. Required for the rail to be reachable below `md` — see `responsive`. */
     mobileOpen?: boolean;
     /** Callback when overlay is clicked */
     onOverlayClick?: () => void;

package/dist/components/layout/SimpleGrid/simple-grid.module.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1foy8_4`,t=`_root_1foy8_8`,n={container:e,root:t};exports.container=e,exports.default=n,exports.root=t;
+var e=`_container_1xnjl_4`,t=`_root_1xnjl_14`,n={container:e,root:t};exports.container=e,exports.default=n,exports.root=t;

package/dist/components/layout/SimpleGrid/simple-grid.module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/layout/SimpleGrid/simple-grid.module.scss
-var e = "_container_1foy8_4", t = "_root_1foy8_8", n = {
+var e = "_container_1xnjl_4", t = "_root_1xnjl_14", n = {
 	container: e,
 	root: t
 };

package/dist/components/layout/Transition/Transition.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=e=>e.split(` `).filter(Boolean),s=n.default.forwardRef(({show:e,children:s,preset:c,enter:l=``,enterFrom:u=``,enterTo:d=``,leave:f=``,leaveFrom:p=``,leaveTo:m=``,unmount:h=!0,appear:g=!1,className:_,...v},y)=>{let[b,x]=(0,n.useState)(e),[S,C]=(0,n.useState)(()=>e&&g?`entering`:`idle`),[w,T]=(0,n.useState)(e),E=(0,n.useRef)(null),D=c?a(c):{},O=(0,r.default)(D.enter,l),k=(0,r.default)(D.enterFrom,u),A=(0,r.default)(D.enterTo,d),j=(0,r.default)(D.leave,f),M=(0,r.default)(D.leaveFrom,p),N=(0,r.default)(D.leaveTo,m);e&&!b&&x(!0),e!==w&&(T(e),e?S!==`entering`&&C(`entering`):S!==`leaving`&&C(`leaving`)),(0,n.useImperativeHandle)(y,()=>E.current);let P=(0,n.useCallback)(e=>{if(e.target===E.current&&(S===`entering`||S===`leaving`)){let e=S===`leaving`;C(`idle`),e&&h&&x(!1)}},[S,h]);return(0,n.useLayoutEffect)(()=>{let e=E.current;if(e){if(S===`entering`){let t=o(k),n=o(O),r=o(A);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}if(S===`leaving`){let t=o(M),n=o(j),r=o(N);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}}},[S,O,k,A,j,M,N,P]),!b&&h?null:(0,i.jsx)(`div`,{ref:E,className:(0,r.default)(_,{[t.default.hidden]:!e&&S===`idle`&&!h,[O]:S===`entering`,[A]:S===`entering`,[j]:S===`leaving`,[N]:S===`leaving`}),onTransitionEnd:P,...v,children:s})});s.displayName=`Transition`,exports.Transition=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./transition.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>{switch(e){case`fade`:return{enter:t.default.fadeEnterTo,enterFrom:t.default.fadeEnter,enterTo:t.default.fadeEnterTo,leave:t.default.fadeLeaveTo,leaveFrom:t.default.fadeLeave,leaveTo:t.default.fadeLeaveTo};case`scale`:return{enter:t.default.scaleEnterTo,enterFrom:t.default.scaleEnter,enterTo:t.default.scaleEnterTo,leave:t.default.scaleLeaveTo,leaveFrom:t.default.scaleLeave,leaveTo:t.default.scaleLeaveTo};case`slide-right`:return{enter:t.default.slideBase,enterFrom:t.default.slideRightEnterFrom,enterTo:t.default.slideRightEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideRightLeaveFrom,leaveTo:t.default.slideRightLeaveTo};case`slide-left`:return{enter:t.default.slideBase,enterFrom:t.default.slideLeftEnterFrom,enterTo:t.default.slideLeftEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideLeftLeaveFrom,leaveTo:t.default.slideLeftLeaveTo};case`slide-top`:return{enter:t.default.slideBase,enterFrom:t.default.slideTopEnterFrom,enterTo:t.default.slideTopEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideTopLeaveFrom,leaveTo:t.default.slideTopLeaveTo};case`slide-bottom`:return{enter:t.default.slideBase,enterFrom:t.default.slideBottomEnterFrom,enterTo:t.default.slideBottomEnterTo,leave:t.default.slideBase,leaveFrom:t.default.slideBottomLeaveFrom,leaveTo:t.default.slideBottomLeaveTo};default:return{}}},o=e=>e.split(` `).filter(Boolean),s=n.default.forwardRef(({show:e,children:s,preset:c,enterPreset:l,leavePreset:u,enter:d=``,enterFrom:f=``,enterTo:p=``,leave:m=``,leaveFrom:h=``,leaveTo:g=``,unmount:_=!0,appear:v=!1,className:y,...b},x)=>{let[S,C]=(0,n.useState)(e),[w,T]=(0,n.useState)(()=>e&&v?`entering`:`idle`),[E,D]=(0,n.useState)(e),O=(0,n.useRef)(null),k=e=>e&&e!==`none`?a(e):{},A=k(l??c),j=k(u??c),M=(0,r.default)(A.enter,d),N=(0,r.default)(A.enterFrom,f),P=(0,r.default)(A.enterTo,p),F=(0,r.default)(j.leave,m),I=(0,r.default)(j.leaveFrom,h),L=(0,r.default)(j.leaveTo,g);e&&!S&&C(!0),e!==E&&(D(e),e?w!==`entering`&&T(`entering`):w!==`leaving`&&T(`leaving`)),(0,n.useImperativeHandle)(x,()=>O.current);let R=(0,n.useCallback)(e=>{if(e.target===O.current&&(w===`entering`||w===`leaving`)){let e=w===`leaving`;T(`idle`),e&&_&&C(!1)}},[w,_]);return(0,n.useLayoutEffect)(()=>{let e=O.current;if(e){if(w===`entering`){let t=o(N),n=o(M),r=o(P);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}if(w===`leaving`){let t=o(I),n=o(F),r=o(L);return e.classList.add(...t,...n),e.offsetHeight,e.classList.remove(...t),e.classList.add(...r),()=>{e.classList.remove(...t,...n,...r)}}}},[w,M,N,P,F,I,L,R]),!S&&_?null:(0,i.jsx)(`div`,{ref:O,className:(0,r.default)(y,{[t.default.hidden]:!e&&w===`idle`&&!_,[M]:w===`entering`,[P]:w===`entering`,[F]:w===`leaving`,[L]:w===`leaving`}),onTransitionEnd:R,...b,children:s})});s.displayName=`Transition`,exports.Transition=s;

package/dist/components/layout/Transition/Transition.d.ts CHANGED Viewed

@@ -1,12 +1,23 @@
 import { default as React } from 'react';
-export type TransitionPreset = "fade" | "scale" | "slide-right" | "slide-left" | "slide-top" | "slide-bottom";
+/** `"none"` は「その相はアニメーションしない」の意味で、`enterPreset` / `leavePreset` に渡す。 */
+export type TransitionPreset = "none" | "fade" | "scale" | "slide-right" | "slide-left" | "slide-top" | "slide-bottom";
 export interface TransitionProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Whether the content is shown (drives the enter/leave transitions) */
     show: boolean;
     /** Content to transition */
     children: React.ReactNode;
-    /** Preset transition (fade, scale, slide-*) */
+    /** Preset transition (fade, scale, slide-*) — 入りと出の両方に効く */
     preset?: TransitionPreset;
+    /**
+     * 入りだけ別扱いにしたいときのプリセット。`"none"` で入りのアニメーションを止める。
+     * 省略時は `preset` に従う。
+     *
+     * `Drawer` の `slideIn` / `slideOut` のように**片方だけ切りたい** API があるのに、
+     * `preset` は両相を一括で決めるため表現できなかった（T58）。
+     */
+    enterPreset?: TransitionPreset;
+    /** 出だけ別扱いにしたいときのプリセット。`"none"` で出のアニメーションを止める。 */
+    leavePreset?: TransitionPreset;
     /** Class applied during the enter transition */
     enter?: string;
     /** Class applied at the start of the enter transition */