react-material-design 0.5.2 → 0.5.3

package/dist/components/Button/group/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./render.cjs");exports.default=e.default;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../misc/OrderedCollection/index.cjs"),t=require("./render.cjs");let n=require("react/compiler-runtime"),r=require("react/jsx-runtime");function i(i){let a=(0,n.c)(4);if(e.useOrderedCollection()){let t;return a[0]===i?t=a[1]:(t=(0,r.jsx)(e.OrderedCollectionChild,{name:`ButtonGroup`,content:i}),a[0]=i,a[1]=t),t}let o;return a[2]===i?o=a[3]:(o=(0,r.jsx)(t.default,{...i}),a[2]=i,a[3]=o),o}exports.default=i;

package/dist/components/Button/group/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './render';
+import { ButtonGroupProps } from './render';
 export type { ButtonGroupProps, ConnectedButtonGroupProps, StandardButtonGroupProps } from './render';
+export default function ButtonGroup(props: ButtonGroupProps): import('react').JSX.Element;

package/dist/components/Button/group/index.js

@@ -1 +1,19 @@
-export { default } from "./render.js";
+import { OrderedCollectionChild as e, useOrderedCollection as t } from "../../misc/OrderedCollection/index.js";
+import n from "./render.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/Button/group/index.tsx
+function a(a) {
+	let o = r(4);
+	if (t()) {
+		let t;
+		return o[0] === a ? t = o[1] : (t = /* @__PURE__ */ i(e, {
+			name: "ButtonGroup",
+			content: a
+		}), o[0] = a, o[1] = t), t;
+	}
+	let s;
+	return o[2] === a ? s = o[3] : (s = /* @__PURE__ */ i(n, { ...a }), o[2] = a, o[3] = s), s;
+}
+//#endregion
+export { a as default };

package/dist/components/Button/group/render.cjs

@@ -1 +1 @@
-require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/index.cjs"),n=require("../../misc/OrderedCollection/index.cjs"),r=require("../../misc/Transitionable/index.cjs"),i=require("../../types.cjs"),a=require("../icon/render.cjs");;/* empty css             */const o=require("../default/render.cjs");let s=require("classnames");s=e.__toESM(s,1);let c=require("react"),l=require("react/jsx-runtime");var u=[`type`,`align`,`size`,`shape`,`selectable`,`selected`,`onSelected`,`required`,`requiredMessage`,`children`];function d(e){let t={...e};return u.forEach(e=>delete t[e]),t}function f(e){return typeof e==`object`&&e?.selectable}var p=(0,c.createContext)(null),m=()=>(0,c.useContext)(p);function h(e){let{onSelected:u}=e,m=(0,c.useId)(),[h,g]=(0,c.useState)([]),[_,v]=(0,c.useState)(),[y,b]=(0,c.useState)([]),x=(0,c.useMemo)(()=>[`Button`,`IconButton`],[]),S={},C=(0,c.useMemo)(()=>({size:e.size,selectable:!!e.selectable,required:!!(e.selectable&&e.required),get selected(){return h.reduce((e,t)=>e.set(t.id,y.includes(t.id)),new Map)},onSelected:(t,n)=>{let r;e.selectable&&(v(void 0),e.selectable===`single`?(r=n?[t]:[],u?.(n?t:void 0)):(r=[...y],n?r.push(t):r=r.filter(e=>e!==t),u?.(r)),b(r))},onPressed:(t,n,r)=>{let i,a=null,o=null;e.type!==`connected`&&(n?.previousElementSibling instanceof HTMLElement&&(a=n.previousElementSibling),n?.nextElementSibling instanceof HTMLElement&&(o=n.nextElementSibling),r?(i=n.getBoundingClientRect().width/100*15,!a&&o?(n.style.setProperty(`--button-width-extra`,`${i/2}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&o?(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&!o&&(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i/2}px`))):(a?.style.removeProperty(`--button-width-extra`),n.style.removeProperty(`--button-width-extra`),o?.style.removeProperty(`--button-width-extra`)))}}),[h,u,e.required,e.selectable,e.size,e.type,y]);return(0,c.useEffect)(()=>{e.selectable&&(e.selectable===`single`?b(e.selected?[e.selected]:[]):b(e.selected??[]))},[e.selectable,e.selected]),S.ButtonGroup=!0,S[e.type??`standard`]=!0,e.type!==`connected`&&(S[`align-`+(e.align??`left`)]=!0),S[e.shape??`round`]=!0,S[i.getComponentSizeName(e.size)]=!0,f(e)&&(S.selectable=!0,S[e.selectable]=!0),(0,l.jsxs)(`div`,{...d(e),className:(0,s.default)(S,e.className),children:[(0,l.jsx)(`div`,{className:`container`,children:(0,l.jsxs)(p,{value:C,children:[h.map(e=>{switch(e.orderedCollectionName){case`Button`:return(0,l.jsx)(o.default,{...e},e.id);case`IconButton`:return(0,l.jsx)(a.default,{...e},e.id)}}),(0,l.jsx)(n.default,{childName:x,onChildrenChange:g,compareChild:t.shallowEqual,children:e.children})]})}),e.selectable&&e.required&&(0,l.jsx)(r.default,{value:_,className:`error`}),(0,l.jsx)(`div`,{style:(0,c.useMemo)(()=>({display:`none`}),[]),children:e.selectable&&e.required&&h.map((t,n)=>(0,l.jsx)(`input`,{type:`radio`,name:`group_${m}`,required:!n&&!y.length,defaultChecked:y.includes(t.id),onInvalid:t=>{v((f(e)?e.requiredMessage:void 0)??t.currentTarget.validationMessage),t.preventDefault()}},t.id))})]})}exports.ButtonGroupContext=p,exports.default=h,exports.useButtonGroupContext=m;
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/index.cjs"),n=require("../../misc/OrderedCollection/index.cjs"),r=require("../../misc/Transitionable/index.cjs"),i=require("../../types.cjs"),a=require("../icon/render.cjs");;/* empty css             */const o=require("../default/render.cjs");let s=require("classnames");s=e.__toESM(s,1);let c=require("react"),l=require("react/jsx-runtime");var u=[`type`,`align`,`size`,`shape`,`selectable`,`selected`,`onSelected`,`required`,`requiredMessage`,`children`];function d(e){let t={...e};return u.forEach(e=>delete t[e]),t}var f=(0,c.createContext)(null),p=()=>(0,c.useContext)(f);function m(e){let{onSelected:u}=e,p=(0,c.useId)(),[m,h]=(0,c.useState)([]),[g,_]=(0,c.useState)(),[v,y]=(0,c.useState)([]),b=(0,c.useMemo)(()=>[`Button`,`IconButton`],[]),x={},S=(0,c.useMemo)(()=>({size:e.size,selectable:!!e.selectable,required:!!(e.selectable&&e.required),get selected(){return m.reduce((e,t)=>e.set(t.id,v.includes(t.id)),new Map)},onSelected:(t,n)=>{let r;e.selectable&&(_(void 0),e.selectable===`single`?(r=n?[t]:[],u?.(n?t:void 0)):(r=[...v],n?r.push(t):r=r.filter(e=>e!==t),u?.(r)),y(r))},onPressed:(t,n,r)=>{let i,a=null,o=null;e.type!==`connected`&&(n?.previousElementSibling instanceof HTMLElement&&(a=n.previousElementSibling),n?.nextElementSibling instanceof HTMLElement&&(o=n.nextElementSibling),r?(i=n.getBoundingClientRect().width/100*15,!a&&o?(n.style.setProperty(`--button-width-extra`,`${i/2}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&o?(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&!o&&(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i/2}px`))):(a?.style.removeProperty(`--button-width-extra`),n.style.removeProperty(`--button-width-extra`),o?.style.removeProperty(`--button-width-extra`)))}}),[m,u,e.required,e.selectable,e.size,e.type,v]);return(0,c.useEffect)(()=>{e.selectable&&(e.selectable===`single`?y(e.selected?[e.selected]:[]):y(e.selected??[]))},[e.selectable,e.selected]),x.ButtonGroup=!0,x[e.type??`standard`]=!0,e.type!==`connected`&&(x[`align-`+(e.align??`left`)]=!0),x[e.shape??`round`]=!0,x[i.getComponentSizeName(e.size)]=!0,e.selectable&&(x.selectable=!0,x[e.selectable]=!0),(0,l.jsxs)(`div`,{...d(e),className:(0,s.default)(x,e.className),children:[(0,l.jsx)(`div`,{className:`container`,children:(0,l.jsxs)(f,{value:S,children:[m.map(e=>{switch(e.orderedCollectionName){case`Button`:return(0,l.jsx)(o.default,{...e},e.id);case`IconButton`:return(0,l.jsx)(a.default,{...e},e.id)}}),(0,l.jsx)(n.default,{childName:b,onChildrenChange:h,compareChild:t.shallowEqual,children:e.children})]})}),e.selectable&&e.required&&(0,l.jsx)(r.default,{value:g,className:`error`}),(0,l.jsx)(`div`,{style:(0,c.useMemo)(()=>({display:`none`}),[]),children:e.selectable&&e.required&&m.map((t,n)=>(0,l.jsx)(`input`,{type:`radio`,name:`group_${p}`,required:!n&&!v.length,defaultChecked:v.includes(t.id),onInvalid:t=>{_((e.selectable?e.requiredMessage:void 0)??t.currentTarget.validationMessage),t.preventDefault()}},t.id))})]})}exports.ButtonGroupContext=f,exports.default=m,exports.useButtonGroupContext=p;

package/dist/components/Button/group/render.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
 import { CommonButtonProps } from '../types';
 interface BaseButtonGroupProps extends Pick<CommonButtonProps, "size" | "shape">, Omit<React.ButtonHTMLAttributes<HTMLElement>, "type"> {
+    position?: "top" | "bottom";
     selectable?: false;
     children?: React.ReactNode;
 }
 export interface BaseButtonGroupSelectable {
+    position?: "top" | "bottom";
     required?: boolean;
     requiredMessage?: string;
 }
@@ -45,5 +47,5 @@ export interface ButtonGroupContext {
 }
 export declare const ButtonGroupContext: React.Context<ButtonGroupContext | null>;
 export declare const useButtonGroupContext: () => ButtonGroupContext | null;
-export default function ButtonGroup(props: ButtonGroupProps): React.JSX.Element;
+export default function ButtonGroupRender(props: ButtonGroupProps): React.JSX.Element;
 export {};

package/dist/components/Button/group/render.js

@@ -25,71 +25,68 @@ function g(e) {
 	let t = { ...e };
 	return h.forEach((e) => delete t[e]), t;
 }
-function _(e) {
-	return typeof e == "object" && e?.selectable;
-}
-var v = s(null), y = () => c(v);
-function b(s) {
-	let { onSelected: c } = s, h = u(), [y, b] = f([]), [x, S] = f(), [C, w] = f([]), T = d(() => ["Button", "IconButton"], []), E = {}, D = d(() => ({
+var _ = s(null), v = () => c(_);
+function y(s) {
+	let { onSelected: c } = s, h = u(), [v, y] = f([]), [b, x] = f(), [S, C] = f([]), w = d(() => ["Button", "IconButton"], []), T = {}, E = d(() => ({
 		size: s.size,
 		selectable: !!s.selectable,
 		required: !!(s.selectable && s.required),
 		get selected() {
-			return y.reduce((e, t) => e.set(t.id, C.includes(t.id)), /* @__PURE__ */ new Map());
+			return v.reduce((e, t) => e.set(t.id, S.includes(t.id)), /* @__PURE__ */ new Map());
 		},
 		onSelected: (e, t) => {
 			let n;
-			s.selectable && (S(void 0), s.selectable === "single" ? (n = t ? [e] : [], c?.(t ? e : void 0)) : (n = [...C], t ? n.push(e) : n = n.filter((t) => t !== e), c?.(n)), w(n));
+			s.selectable && (x(void 0), s.selectable === "single" ? (n = t ? [e] : [], c?.(t ? e : void 0)) : (n = [...S], t ? n.push(e) : n = n.filter((t) => t !== e), c?.(n)), C(n));
 		},
 		onPressed: (e, t, n) => {
 			let r, i = null, a = null;
 			s.type !== "connected" && (t?.previousElementSibling instanceof HTMLElement && (i = t.previousElementSibling), t?.nextElementSibling instanceof HTMLElement && (a = t.nextElementSibling), n ? (r = t.getBoundingClientRect().width / 100 * 15, !i && a ? (t.style.setProperty("--button-width-extra", `${r / 2}px`), a.style.setProperty("--button-width-extra", `-${r / 2}px`)) : i && a ? (i.style.setProperty("--button-width-extra", `-${r / 2}px`), t.style.setProperty("--button-width-extra", `${r}px`), a.style.setProperty("--button-width-extra", `-${r / 2}px`)) : i && !a && (i.style.setProperty("--button-width-extra", `-${r / 2}px`), t.style.setProperty("--button-width-extra", `${r / 2}px`))) : (i?.style.removeProperty("--button-width-extra"), t.style.removeProperty("--button-width-extra"), a?.style.removeProperty("--button-width-extra")));
 		}
 	}), [
-		y,
+		v,
 		c,
 		s.required,
 		s.selectable,
 		s.size,
 		s.type,
-		C
+		S
 	]);
 	return l(() => {
-		s.selectable && (s.selectable === "single" ? w(s.selected ? [s.selected] : []) : w(s.selected ?? []));
-	}, [s.selectable, s.selected]), E.ButtonGroup = !0, E[s.type ?? "standard"] = !0, s.type !== "connected" && (E["align-" + (s.align ?? "left")] = !0), E[s.shape ?? "round"] = !0, E[r(s.size)] = !0, _(s) && (E.selectable = !0, E[s.selectable] = !0), /* @__PURE__ */ m("div", {
+		s.selectable && (s.selectable === "single" ? C(s.selected ? [s.selected] : []) : C(s.selected ?? []));
+	}, [s.selectable, s.selected]), T.ButtonGroup = !0, T[s.type ?? "standard"] = !0, s.type !== "connected" && (T["align-" + (s.align ?? "left")] = !0), T[s.shape ?? "round"] = !0, T[r(s.size)] = !0, s.selectable && (T.selectable = !0, T[s.selectable] = !0), /* @__PURE__ */ m("div", {
 		...g(s),
-		className: o(E, s.className),
+		className: o(T, s.className),
 		children: [
 			/* @__PURE__ */ p("div", {
 				className: "container",
-				children: /* @__PURE__ */ m(v, {
-					value: D,
-					children: [y.map((e) => {
+				children: /* @__PURE__ */ m(_, {
+					value: E,
+					children: [v.map((e) => {
 						switch (e.orderedCollectionName) {
 							case "Button": return /* @__PURE__ */ p(a, { ...e }, e.id);
 							case "IconButton": return /* @__PURE__ */ p(i, { ...e }, e.id);
 						}
 					}), /* @__PURE__ */ p(t, {
-						childName: T,
-						onChildrenChange: b,
+						childName: w,
+						onChildrenChange: y,
 						compareChild: e,
 						children: s.children
 					})]
 				})
 			}),
 			s.selectable && s.required && /* @__PURE__ */ p(n, {
-				value: x,
+				value: b,
 				className: "error"
 			}),
 			/* @__PURE__ */ p("div", {
 				style: d(() => ({ display: "none" }), []),
-				children: s.selectable && s.required && y.map((e, t) => /* @__PURE__ */ p("input", {
+				children: s.selectable && s.required && v.map((e, t) => /* @__PURE__ */ p("input", {
 					type: "radio",
 					name: `group_${h}`,
-					required: !t && !C.length,
-					defaultChecked: C.includes(e.id),
+					required: !t && !S.length,
+					defaultChecked: S.includes(e.id),
 					onInvalid: (e) => {
-						S((_(s) ? s.requiredMessage : void 0) ?? e.currentTarget.validationMessage), e.preventDefault();
+						x((s.selectable ? s.requiredMessage : void 0) ?? e.currentTarget.validationMessage), e.preventDefault();
 					}
 				}, e.id))
 			})
@@ -97,4 +94,4 @@ function b(s) {
 	});
 }
 //#endregion
-export { v as ButtonGroupContext, b as default, y as useButtonGroupContext };
+export { _ as ButtonGroupContext, y as default, v as useButtonGroupContext };

package/dist/components/Dialog/Dialog.cjs

@@ -1 +1 @@
-require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs"),ee=require("../Button/context.cjs"),n=require("../Icon/Icon.cjs"),r=require("../../utils/index.cjs"),i=require("../misc/OrderedCollection/index.cjs"),a=require("../Divider/index.cjs"),te=require("../types.cjs"),o=require("../Button/default/index.cjs"),s=require("../Button/icon/index.cjs");;/* empty css             */let c=require("react/compiler-runtime"),l=require("classnames");l=e.__toESM(l,1);let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),ne=require("react-dom"),f=require("react-dom-event-hooks");function p(e){let p=(0,c.c)(74),m=(0,u.useId)(),{setDialogState:h,dialogsContainer:g}=t.useTheme(`Dialog`),_=(0,u.useRef)(null),v=(0,u.useRef)(null),y;p[0]===Symbol.for(`react.memo_cache_sentinel`)?(y=[],p[0]=y):y=p[0];let[b,le]=(0,u.useState)(y),x;p[1]===b?x=p[2]:(x=b.filter(ce),p[1]=b,p[2]=x);let S=x,C;p[3]===b?C=p[4]:(C=b.filter(se),p[3]=b,p[4]=C);let w=C,T;p[5]===Symbol.for(`react.memo_cache_sentinel`)?(T=[`Content`,`DialogAction`],p[5]=T):T=p[5];let ue=T,E;p[6]===Symbol.for(`react.memo_cache_sentinel`)?(E={default:`text`,icon:`standard`},p[6]=E):E=p[6];let de=E,D;p[7]!==e.fullscreen||p[8]!==e.icon?(D=e.fullscreen?null:n.convertIconDefinition(e.icon),p[7]=e.fullscreen,p[8]=e.icon,p[9]=D):D=p[9];let O=D,k;p[10]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>{e.filter(e=>e.borderBoxSize.forEach(e=>{v.current?.checkVisibility()&&(v.current.style.setProperty(`--modal-width`,`${e.inlineSize}px`),v.current.style.setProperty(`--modal-height`,`${e.blockSize}px`))}))},p[10]=k):k=p[10];let{saveRef:A}=(0,f.useResizeObserver)(k),{saveRef:j}=(0,f.useElementEventListener)(`scroll`,oe),M;p[11]!==m||p[12]!==h?(M=()=>{h(m,!0),_.current?.classList.remove(`close`),_.current?.classList.add(`open`),_.current?.showModal()},p[11]=m,p[12]=h,p[13]=M):M=p[13];let N=(0,u.useEffectEvent)(M),P;p[14]!==m||p[15]!==h?(P=async()=>{h(m,!1),_.current?.classList.remove(`open`),_.current?.classList.add(`close`),await r.waitAnimationNameEndEvent(v.current,ae),_.current?.classList.remove(`close`),_.current?.close()},p[14]=m,p[15]=h,p[16]=P):P=p[16];let F=(0,u.useEffectEvent)(P),I;p[17]===e?I=p[18]:(I=t=>{t.stopPropagation(),e.onClose?.()},p[17]=e,p[18]=I);let L=I,R;p[19]===e?R=p[20]:(R=t=>{t.code.toLowerCase().includes(`escape`)&&(t.stopPropagation(),t.preventDefault(),e.onClose?.())},p[19]=e,p[20]=R);let z=R,B;p[21]!==F||p[22]!==N||p[23]!==e.open?(B=()=>{e.open?N():F()},p[21]=F,p[22]=N,p[23]=e.open,p[24]=B):B=p[24];let V;if(p[25]===e.open?V=p[26]:(V=[e.open],p[25]=e.open,p[26]=V),(0,u.useEffect)(B,V),!g)return null;let fe=e.headline,H=e.fullscreen?`dialog`:`alertdialog`,U;p[27]!==e.fullscreen||p[28]!==e.headline||p[29]!==e.icon||p[30]!==e.size?(U=(0,l.default)(`modal`,!e.fullscreen&&e.size?te.getComponentSizeName(e.size):void 0,{fullscreen:e.fullscreen,headline:e.headline,icon:!e.fullscreen&&e.icon}),p[27]=e.fullscreen,p[28]=e.headline,p[29]=e.icon,p[30]=e.size,p[31]=U):U=p[31];let W;p[32]!==O||p[33]!==e.buttonLabel||p[34]!==e.fullscreen||p[35]!==e.headline||p[36]!==e.onButtonClick||p[37]!==e.onClose||p[38]!==e.supportingText?(W=e.fullscreen?(0,d.jsxs)(`div`,{className:`header`,children:[(0,d.jsx)(s.default,{className:`icon`,color:`standard`,icon:`close`,onClick:e.onClose}),(0,d.jsx)(`span`,{className:`headline`,children:e.headline}),(0,d.jsx)(o.default,{className:`action`,color:`text`,label:e.buttonLabel,onClick:e.onButtonClick})]}):(0,d.jsxs)(`div`,{className:`description`,children:[O&&(0,d.jsx)(n.IconProvider,{size:24,children:O}),e.headline&&(0,d.jsx)(`span`,{className:`headline`,children:e.headline}),(0,d.jsx)(`span`,{className:`supporting-text`,children:e.supportingText})]}),p[32]=O,p[33]=e.buttonLabel,p[34]=e.fullscreen,p[35]=e.headline,p[36]=e.onButtonClick,p[37]=e.onClose,p[38]=e.supportingText,p[39]=W):W=p[39];let G;p[40]!==S||p[41]!==e.fullscreen?(G=!e.fullscreen&&S&&(0,d.jsx)(a.default,{}),p[40]=S,p[41]=e.fullscreen,p[42]=G):G=p[42];let K;p[43]!==S||p[44]!==j?(K=!!S&&(0,d.jsx)(`div`,{ref:j,className:`content`,children:S.map(ie)}),p[43]=S,p[44]=j,p[45]=K):K=p[45];let q;p[46]!==S||p[47]!==e.fullscreen?(q=!e.fullscreen&&S&&(0,d.jsx)(a.default,{}),p[46]=S,p[47]=e.fullscreen,p[48]=q):q=p[48];let J;p[49]!==w||p[50]!==e.fullscreen?(J=!e.fullscreen&&w&&(0,d.jsx)(`div`,{className:`actions`,children:(0,d.jsx)(ee.default,{color:de,children:w.map(re)})}),p[49]=w,p[50]=e.fullscreen,p[51]=J):J=p[51];let Y;p[52]!==A||p[53]!==W||p[54]!==G||p[55]!==K||p[56]!==q||p[57]!==J?(Y=(0,d.jsxs)(`div`,{ref:A,className:`container`,children:[W,G,K,q,J]}),p[52]=A,p[53]=W,p[54]=G,p[55]=K,p[56]=q,p[57]=J,p[58]=Y):Y=p[58];let X;p[59]!==U||p[60]!==Y?(X=(0,d.jsx)(`div`,{ref:v,className:U,children:Y}),p[59]=U,p[60]=Y,p[61]=X):X=p[61];let Z;p[62]===e.children?Z=p[63]:(Z=(0,d.jsx)(i.default,{name:`Dialog`,childName:ue,onChildrenChange:le,compareChild:r.shallowEqual,children:e.children}),p[62]=e.children,p[63]=Z);let Q;p[64]!==L||p[65]!==z||p[66]!==e.headline||p[67]!==H||p[68]!==X||p[69]!==Z?(Q=(0,d.jsxs)(`dialog`,{ref:_,className:`Dialog`,onClose:L,onKeyDown:z,"aria-label":fe,role:H,children:[X,Z]}),p[64]=L,p[65]=z,p[66]=e.headline,p[67]=H,p[68]=X,p[69]=Z,p[70]=Q):Q=p[70];let $;return p[71]!==g||p[72]!==Q?($=(0,ne.createPortal)(Q,g),p[71]=g,p[72]=Q,p[73]=$):$=p[73],$}function re(e){return e.children}function ie(e){return e.children}function ae(e){return/^dialog-\w+-container-close$/.test(e)}function oe(e){e.target instanceof HTMLDivElement&&(e.target.scrollTop?e.target?.classList.add(`on-scroll`):e.target?.classList.remove(`on-scroll`))}function se(e){return e.orderedCollectionName===`DialogAction`}function ce(e){return e.orderedCollectionName===`Content`}exports.default=p;
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs"),ee=require("../Button/context.cjs"),n=require("../Icon/Icon.cjs"),r=require("../../utils/index.cjs"),te=require("../misc/OrderedCollection/index.cjs"),i=require("../Divider/index.cjs"),ne=require("../types.cjs"),re=require("../Button/default/index.cjs"),ie=require("../Button/icon/index.cjs");;/* empty css             */let a=require("react/compiler-runtime"),o=require("classnames");o=e.__toESM(o,1);let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom"),u=require("react-dom-event-hooks");function d(e){let d=(0,a.c)(74),f=(0,s.useId)(),{setDialogState:p,dialogsContainer:m}=t.useTheme(`Dialog`),h=(0,s.useRef)(null),g=(0,s.useRef)(null),_;d[0]===Symbol.for(`react.memo_cache_sentinel`)?(_=[],d[0]=_):_=d[0];let[v,ue]=(0,s.useState)(_),y;d[1]===v?y=d[2]:(y=v.filter(le).at(0),d[1]=v,d[2]=y);let b=y,x;d[3]===v?x=d[4]:(x=v.filter(ce),d[3]=v,d[4]=x);let S=x,C;d[5]===Symbol.for(`react.memo_cache_sentinel`)?(C=[`Content`,`DialogAction`],d[5]=C):C=d[5];let de=C,w;d[6]===Symbol.for(`react.memo_cache_sentinel`)?(w={default:`text`,icon:`standard`},d[6]=w):w=d[6];let T=w,E;d[7]!==e.fullscreen||d[8]!==e.icon?(E=e.fullscreen?null:n.convertIconDefinition(e.icon),d[7]=e.fullscreen,d[8]=e.icon,d[9]=E):E=d[9];let D=E,O;d[10]===Symbol.for(`react.memo_cache_sentinel`)?(O=e=>{e.filter(e=>e.borderBoxSize.forEach(e=>{g.current?.checkVisibility()&&(g.current.style.setProperty(`--modal-width`,`${e.inlineSize}px`),g.current.style.setProperty(`--modal-height`,`${e.blockSize}px`))}))},d[10]=O):O=d[10];let{saveRef:k}=(0,u.useResizeObserver)(O),{saveRef:A}=(0,u.useElementEventListener)(`scroll`,se),j;d[11]!==f||d[12]!==p?(j=()=>{p(f,!0),h.current?.classList.remove(`close`),h.current?.classList.add(`open`),h.current?.showModal()},d[11]=f,d[12]=p,d[13]=j):j=d[13];let M=(0,s.useEffectEvent)(j),N;d[14]!==f||d[15]!==p?(N=async()=>{p(f,!1),h.current?.classList.remove(`open`),h.current?.classList.add(`close`),await r.waitAnimationNameEndEvent(g.current,oe),h.current?.classList.remove(`close`),h.current?.close()},d[14]=f,d[15]=p,d[16]=N):N=d[16];let P=(0,s.useEffectEvent)(N),F;d[17]===e?F=d[18]:(F=t=>{t.stopPropagation(),e.onClose?.()},d[17]=e,d[18]=F);let I=F,L;d[19]===e?L=d[20]:(L=t=>{t.code.toLowerCase().includes(`escape`)&&(t.stopPropagation(),t.preventDefault(),e.onClose?.())},d[19]=e,d[20]=L);let R=L,z;d[21]!==P||d[22]!==M||d[23]!==e.open?(z=()=>{e.open?M():P()},d[21]=P,d[22]=M,d[23]=e.open,d[24]=z):z=d[24];let B;if(d[25]===e.open?B=d[26]:(B=[e.open],d[25]=e.open,d[26]=B),(0,s.useEffect)(z,B),!m)return null;let V=e.headline,H=e.fullscreen?`dialog`:`alertdialog`,U;d[27]!==e.fullscreen||d[28]!==e.headline||d[29]!==e.icon||d[30]!==e.size?(U=(0,o.default)(`modal`,!e.fullscreen&&e.size?ne.getComponentSizeName(e.size):void 0,{fullscreen:e.fullscreen,headline:e.headline,icon:!e.fullscreen&&e.icon}),d[27]=e.fullscreen,d[28]=e.headline,d[29]=e.icon,d[30]=e.size,d[31]=U):U=d[31];let W;d[32]!==D||d[33]!==e.buttonLabel||d[34]!==e.fullscreen||d[35]!==e.headline||d[36]!==e.onButtonClick||d[37]!==e.onClose||d[38]!==e.supportingText?(W=e.fullscreen?(0,c.jsxs)(`div`,{className:`header`,children:[(0,c.jsx)(ie.default,{className:`icon`,color:`standard`,icon:`close`,onClick:e.onClose}),(0,c.jsx)(`span`,{className:`headline`,children:e.headline}),(0,c.jsx)(re.default,{className:`action`,color:`text`,label:e.buttonLabel,onClick:e.onButtonClick})]}):(0,c.jsxs)(`div`,{className:`description`,children:[D&&(0,c.jsx)(n.IconProvider,{size:24,children:D}),e.headline&&(0,c.jsx)(`span`,{className:`headline`,children:e.headline}),(0,c.jsx)(`span`,{className:`supporting-text`,children:e.supportingText})]}),d[32]=D,d[33]=e.buttonLabel,d[34]=e.fullscreen,d[35]=e.headline,d[36]=e.onButtonClick,d[37]=e.onClose,d[38]=e.supportingText,d[39]=W):W=d[39];let G;d[40]!==b||d[41]!==e.fullscreen?(G=!e.fullscreen&&b&&(0,c.jsx)(i.default,{}),d[40]=b,d[41]=e.fullscreen,d[42]=G):G=d[42];let K;d[43]!==b||d[44]!==A?(K=!!b&&(0,c.jsx)(`div`,{ref:A,className:(0,o.default)(`content`,b.className),style:b.style,...b.dataset,children:b.children}),d[43]=b,d[44]=A,d[45]=K):K=d[45];let q;d[46]!==b||d[47]!==e.fullscreen?(q=!e.fullscreen&&b&&(0,c.jsx)(i.default,{}),d[46]=b,d[47]=e.fullscreen,d[48]=q):q=d[48];let J;d[49]!==S||d[50]!==e.fullscreen?(J=!e.fullscreen&&S&&(0,c.jsx)(`div`,{className:`actions`,children:(0,c.jsx)(ee.default,{color:T,children:S.map(ae)})}),d[49]=S,d[50]=e.fullscreen,d[51]=J):J=d[51];let Y;d[52]!==k||d[53]!==W||d[54]!==G||d[55]!==K||d[56]!==q||d[57]!==J?(Y=(0,c.jsxs)(`div`,{ref:k,className:`container`,children:[W,G,K,q,J]}),d[52]=k,d[53]=W,d[54]=G,d[55]=K,d[56]=q,d[57]=J,d[58]=Y):Y=d[58];let X;d[59]!==U||d[60]!==Y?(X=(0,c.jsx)(`div`,{ref:g,className:U,children:Y}),d[59]=U,d[60]=Y,d[61]=X):X=d[61];let Z;d[62]===e.children?Z=d[63]:(Z=(0,c.jsx)(te.default,{name:`Dialog`,childName:de,onChildrenChange:ue,compareChild:r.shallowEqual,children:e.children}),d[62]=e.children,d[63]=Z);let Q;d[64]!==I||d[65]!==R||d[66]!==e.headline||d[67]!==H||d[68]!==X||d[69]!==Z?(Q=(0,c.jsxs)(`dialog`,{ref:h,className:`Dialog`,onClose:I,onKeyDown:R,"aria-label":V,role:H,children:[X,Z]}),d[64]=I,d[65]=R,d[66]=e.headline,d[67]=H,d[68]=X,d[69]=Z,d[70]=Q):Q=d[70];let $;return d[71]!==m||d[72]!==Q?($=(0,l.createPortal)(Q,m),d[71]=m,d[72]=Q,d[73]=$):$=d[73],$}function ae(e){return e.children}function oe(e){return/^dialog-\w+-container-close$/.test(e)}function se(e){e.target instanceof HTMLDivElement&&(e.target.scrollTop?e.target?.classList.add(`on-scroll`):e.target?.classList.remove(`on-scroll`))}function ce(e){return e.orderedCollectionName===`DialogAction`}function le(e){return e.orderedCollectionName===`Content`}exports.default=d;

package/dist/components/Dialog/Dialog.js

@@ -2,127 +2,129 @@ import { useTheme as e } from "../Theme/Theme.js";
 import ee from "../Button/context.js";
 import { IconProvider as te, convertIconDefinition as ne } from "../Icon/Icon.js";
 import { shallowEqual as re, waitAnimationNameEndEvent as ie } from "../../utils/index.js";
-import t from "../misc/OrderedCollection/index.js";
-import n from "../Divider/index.js";
-import { getComponentSizeName as ae } from "../types.js";
-import oe from "../Button/default/index.js";
-import r from "../Button/icon/index.js";
+import ae from "../misc/OrderedCollection/index.js";
+import t from "../Divider/index.js";
+import { getComponentSizeName as oe } from "../types.js";
+import n from "../Button/default/index.js";
+import se from "../Button/icon/index.js";
 import './style.css';/* empty css           */
-import { c as i } from "react/compiler-runtime";
-import se from "classnames";
-import { useEffect as ce, useEffectEvent as a, useId as o, useRef as s, useState as le } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as ue } from "react-dom";
-import { useElementEventListener as de, useResizeObserver as fe } from "react-dom-event-hooks";
+import { c as ce } from "react/compiler-runtime";
+import r from "classnames";
+import { useEffect as le, useEffectEvent as i, useId as ue, useRef as a, useState as de } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createPortal as fe } from "react-dom";
+import { useElementEventListener as pe, useResizeObserver as c } from "react-dom-event-hooks";
 //#region lib/components/Dialog/Dialog.tsx
-function u(u) {
-	let p = i(74), m = o(), { setDialogState: h, dialogsContainer: g } = e("Dialog"), _ = s(null), v = s(null), y;
-	p[0] === Symbol.for("react.memo_cache_sentinel") ? (y = [], p[0] = y) : y = p[0];
-	let [b, _e] = le(y), x;
-	p[1] === b ? x = p[2] : (x = b.filter(ge), p[1] = b, p[2] = x);
-	let S = x, C;
-	p[3] === b ? C = p[4] : (C = b.filter(he), p[3] = b, p[4] = C);
-	let w = C, T;
-	p[5] === Symbol.for("react.memo_cache_sentinel") ? (T = ["Content", "DialogAction"], p[5] = T) : T = p[5];
-	let ve = T, E;
-	p[6] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+function l(l) {
+	let d = ce(74), f = ue(), { setDialogState: p, dialogsContainer: m } = e("Dialog"), h = a(null), g = a(null), _;
+	d[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = [], d[0] = _) : _ = d[0];
+	let [v, y] = de(_), b;
+	d[1] === v ? b = d[2] : (b = v.filter(_e).at(0), d[1] = v, d[2] = b);
+	let x = b, S;
+	d[3] === v ? S = d[4] : (S = v.filter(ge), d[3] = v, d[4] = S);
+	let C = S, w;
+	d[5] === Symbol.for("react.memo_cache_sentinel") ? (w = ["Content", "DialogAction"], d[5] = w) : w = d[5];
+	let ve = w, T;
+	d[6] === Symbol.for("react.memo_cache_sentinel") ? (T = {
 		default: "text",
 		icon: "standard"
-	}, p[6] = E) : E = p[6];
-	let ye = E, D;
-	p[7] !== u.fullscreen || p[8] !== u.icon ? (D = u.fullscreen ? null : ne(u.icon), p[7] = u.fullscreen, p[8] = u.icon, p[9] = D) : D = p[9];
+	}, d[6] = T) : T = d[6];
+	let E = T, D;
+	d[7] !== l.fullscreen || d[8] !== l.icon ? (D = l.fullscreen ? null : ne(l.icon), d[7] = l.fullscreen, d[8] = l.icon, d[9] = D) : D = d[9];
 	let O = D, k;
-	p[10] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+	d[10] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
 		e.filter((e) => e.borderBoxSize.forEach((e) => {
-			v.current?.checkVisibility() && (v.current.style.setProperty("--modal-width", `${e.inlineSize}px`), v.current.style.setProperty("--modal-height", `${e.blockSize}px`));
+			g.current?.checkVisibility() && (g.current.style.setProperty("--modal-width", `${e.inlineSize}px`), g.current.style.setProperty("--modal-height", `${e.blockSize}px`));
 		}));
-	}, p[10] = k) : k = p[10];
-	let { saveRef: A } = fe(k), { saveRef: j } = de("scroll", f), M;
-	p[11] !== m || p[12] !== h ? (M = () => {
-		h(m, !0), _.current?.classList.remove("close"), _.current?.classList.add("open"), _.current?.showModal();
-	}, p[11] = m, p[12] = h, p[13] = M) : M = p[13];
-	let N = a(M), P;
-	p[14] !== m || p[15] !== h ? (P = async () => {
-		h(m, !1), _.current?.classList.remove("open"), _.current?.classList.add("close"), await ie(v.current, d), _.current?.classList.remove("close"), _.current?.close();
-	}, p[14] = m, p[15] = h, p[16] = P) : P = p[16];
-	let F = a(P), I;
-	p[17] === u ? I = p[18] : (I = (e) => {
-		e.stopPropagation(), u.onClose?.();
-	}, p[17] = u, p[18] = I);
+	}, d[10] = k) : k = d[10];
+	let { saveRef: A } = c(k), { saveRef: j } = pe("scroll", he), M;
+	d[11] !== f || d[12] !== p ? (M = () => {
+		p(f, !0), h.current?.classList.remove("close"), h.current?.classList.add("open"), h.current?.showModal();
+	}, d[11] = f, d[12] = p, d[13] = M) : M = d[13];
+	let N = i(M), P;
+	d[14] !== f || d[15] !== p ? (P = async () => {
+		p(f, !1), h.current?.classList.remove("open"), h.current?.classList.add("close"), await ie(g.current, u), h.current?.classList.remove("close"), h.current?.close();
+	}, d[14] = f, d[15] = p, d[16] = P) : P = d[16];
+	let F = i(P), I;
+	d[17] === l ? I = d[18] : (I = (e) => {
+		e.stopPropagation(), l.onClose?.();
+	}, d[17] = l, d[18] = I);
 	let L = I, R;
-	p[19] === u ? R = p[20] : (R = (e) => {
-		e.code.toLowerCase().includes("escape") && (e.stopPropagation(), e.preventDefault(), u.onClose?.());
-	}, p[19] = u, p[20] = R);
+	d[19] === l ? R = d[20] : (R = (e) => {
+		e.code.toLowerCase().includes("escape") && (e.stopPropagation(), e.preventDefault(), l.onClose?.());
+	}, d[19] = l, d[20] = R);
 	let z = R, B;
-	p[21] !== F || p[22] !== N || p[23] !== u.open ? (B = () => {
-		u.open ? N() : F();
-	}, p[21] = F, p[22] = N, p[23] = u.open, p[24] = B) : B = p[24];
+	d[21] !== F || d[22] !== N || d[23] !== l.open ? (B = () => {
+		l.open ? N() : F();
+	}, d[21] = F, d[22] = N, d[23] = l.open, d[24] = B) : B = d[24];
 	let V;
-	if (p[25] === u.open ? V = p[26] : (V = [u.open], p[25] = u.open, p[26] = V), ce(B, V), !g) return null;
-	let be = u.headline, H = u.fullscreen ? "dialog" : "alertdialog", U;
-	p[27] !== u.fullscreen || p[28] !== u.headline || p[29] !== u.icon || p[30] !== u.size ? (U = se("modal", !u.fullscreen && u.size ? ae(u.size) : void 0, {
-		fullscreen: u.fullscreen,
-		headline: u.headline,
-		icon: !u.fullscreen && u.icon
-	}), p[27] = u.fullscreen, p[28] = u.headline, p[29] = u.icon, p[30] = u.size, p[31] = U) : U = p[31];
+	if (d[25] === l.open ? V = d[26] : (V = [l.open], d[25] = l.open, d[26] = V), le(B, V), !m) return null;
+	let ye = l.headline, H = l.fullscreen ? "dialog" : "alertdialog", U;
+	d[27] !== l.fullscreen || d[28] !== l.headline || d[29] !== l.icon || d[30] !== l.size ? (U = r("modal", !l.fullscreen && l.size ? oe(l.size) : void 0, {
+		fullscreen: l.fullscreen,
+		headline: l.headline,
+		icon: !l.fullscreen && l.icon
+	}), d[27] = l.fullscreen, d[28] = l.headline, d[29] = l.icon, d[30] = l.size, d[31] = U) : U = d[31];
 	let W;
-	p[32] !== O || p[33] !== u.buttonLabel || p[34] !== u.fullscreen || p[35] !== u.headline || p[36] !== u.onButtonClick || p[37] !== u.onClose || p[38] !== u.supportingText ? (W = u.fullscreen ? /* @__PURE__ */ l("div", {
+	d[32] !== O || d[33] !== l.buttonLabel || d[34] !== l.fullscreen || d[35] !== l.headline || d[36] !== l.onButtonClick || d[37] !== l.onClose || d[38] !== l.supportingText ? (W = l.fullscreen ? /* @__PURE__ */ s("div", {
 		className: "header",
 		children: [
-			/* @__PURE__ */ c(r, {
+			/* @__PURE__ */ o(se, {
 				className: "icon",
 				color: "standard",
 				icon: "close",
-				onClick: u.onClose
+				onClick: l.onClose
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ o("span", {
 				className: "headline",
-				children: u.headline
+				children: l.headline
 			}),
-			/* @__PURE__ */ c(oe, {
+			/* @__PURE__ */ o(n, {
 				className: "action",
 				color: "text",
-				label: u.buttonLabel,
-				onClick: u.onButtonClick
+				label: l.buttonLabel,
+				onClick: l.onButtonClick
 			})
 		]
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ s("div", {
 		className: "description",
 		children: [
-			O && /* @__PURE__ */ c(te, {
+			O && /* @__PURE__ */ o(te, {
 				size: 24,
 				children: O
 			}),
-			u.headline && /* @__PURE__ */ c("span", {
+			l.headline && /* @__PURE__ */ o("span", {
 				className: "headline",
-				children: u.headline
+				children: l.headline
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ o("span", {
 				className: "supporting-text",
-				children: u.supportingText
+				children: l.supportingText
 			})
 		]
-	}), p[32] = O, p[33] = u.buttonLabel, p[34] = u.fullscreen, p[35] = u.headline, p[36] = u.onButtonClick, p[37] = u.onClose, p[38] = u.supportingText, p[39] = W) : W = p[39];
+	}), d[32] = O, d[33] = l.buttonLabel, d[34] = l.fullscreen, d[35] = l.headline, d[36] = l.onButtonClick, d[37] = l.onClose, d[38] = l.supportingText, d[39] = W) : W = d[39];
 	let G;
-	p[40] !== S || p[41] !== u.fullscreen ? (G = !u.fullscreen && S && /* @__PURE__ */ c(n, {}), p[40] = S, p[41] = u.fullscreen, p[42] = G) : G = p[42];
+	d[40] !== x || d[41] !== l.fullscreen ? (G = !l.fullscreen && x && /* @__PURE__ */ o(t, {}), d[40] = x, d[41] = l.fullscreen, d[42] = G) : G = d[42];
 	let K;
-	p[43] !== S || p[44] !== j ? (K = !!S && /* @__PURE__ */ c("div", {
+	d[43] !== x || d[44] !== j ? (K = !!x && /* @__PURE__ */ o("div", {
 		ref: j,
-		className: "content",
-		children: S.map(me)
-	}), p[43] = S, p[44] = j, p[45] = K) : K = p[45];
+		className: r("content", x.className),
+		style: x.style,
+		...x.dataset,
+		children: x.children
+	}), d[43] = x, d[44] = j, d[45] = K) : K = d[45];
 	let q;
-	p[46] !== S || p[47] !== u.fullscreen ? (q = !u.fullscreen && S && /* @__PURE__ */ c(n, {}), p[46] = S, p[47] = u.fullscreen, p[48] = q) : q = p[48];
+	d[46] !== x || d[47] !== l.fullscreen ? (q = !l.fullscreen && x && /* @__PURE__ */ o(t, {}), d[46] = x, d[47] = l.fullscreen, d[48] = q) : q = d[48];
 	let J;
-	p[49] !== w || p[50] !== u.fullscreen ? (J = !u.fullscreen && w && /* @__PURE__ */ c("div", {
+	d[49] !== C || d[50] !== l.fullscreen ? (J = !l.fullscreen && C && /* @__PURE__ */ o("div", {
 		className: "actions",
-		children: /* @__PURE__ */ c(ee, {
-			color: ye,
-			children: w.map(pe)
+		children: /* @__PURE__ */ o(ee, {
+			color: E,
+			children: C.map(me)
 		})
-	}), p[49] = w, p[50] = u.fullscreen, p[51] = J) : J = p[51];
+	}), d[49] = C, d[50] = l.fullscreen, d[51] = J) : J = d[51];
 	let Y;
-	p[52] !== A || p[53] !== W || p[54] !== G || p[55] !== K || p[56] !== q || p[57] !== J ? (Y = /* @__PURE__ */ l("div", {
+	d[52] !== A || d[53] !== W || d[54] !== G || d[55] !== K || d[56] !== q || d[57] !== J ? (Y = /* @__PURE__ */ s("div", {
 		ref: A,
 		className: "container",
 		children: [
@@ -132,51 +134,48 @@ function u(u) {
 			q,
 			J
 		]
-	}), p[52] = A, p[53] = W, p[54] = G, p[55] = K, p[56] = q, p[57] = J, p[58] = Y) : Y = p[58];
+	}), d[52] = A, d[53] = W, d[54] = G, d[55] = K, d[56] = q, d[57] = J, d[58] = Y) : Y = d[58];
 	let X;
-	p[59] !== U || p[60] !== Y ? (X = /* @__PURE__ */ c("div", {
-		ref: v,
+	d[59] !== U || d[60] !== Y ? (X = /* @__PURE__ */ o("div", {
+		ref: g,
 		className: U,
 		children: Y
-	}), p[59] = U, p[60] = Y, p[61] = X) : X = p[61];
+	}), d[59] = U, d[60] = Y, d[61] = X) : X = d[61];
 	let Z;
-	p[62] === u.children ? Z = p[63] : (Z = /* @__PURE__ */ c(t, {
+	d[62] === l.children ? Z = d[63] : (Z = /* @__PURE__ */ o(ae, {
 		name: "Dialog",
 		childName: ve,
-		onChildrenChange: _e,
+		onChildrenChange: y,
 		compareChild: re,
-		children: u.children
-	}), p[62] = u.children, p[63] = Z);
+		children: l.children
+	}), d[62] = l.children, d[63] = Z);
 	let Q;
-	p[64] !== L || p[65] !== z || p[66] !== u.headline || p[67] !== H || p[68] !== X || p[69] !== Z ? (Q = /* @__PURE__ */ l("dialog", {
-		ref: _,
+	d[64] !== L || d[65] !== z || d[66] !== l.headline || d[67] !== H || d[68] !== X || d[69] !== Z ? (Q = /* @__PURE__ */ s("dialog", {
+		ref: h,
 		className: "Dialog",
 		onClose: L,
 		onKeyDown: z,
-		"aria-label": be,
+		"aria-label": ye,
 		role: H,
 		children: [X, Z]
-	}), p[64] = L, p[65] = z, p[66] = u.headline, p[67] = H, p[68] = X, p[69] = Z, p[70] = Q) : Q = p[70];
+	}), d[64] = L, d[65] = z, d[66] = l.headline, d[67] = H, d[68] = X, d[69] = Z, d[70] = Q) : Q = d[70];
 	let $;
-	return p[71] !== g || p[72] !== Q ? ($ = ue(Q, g), p[71] = g, p[72] = Q, p[73] = $) : $ = p[73], $;
-}
-function pe(e) {
-	return e.children;
+	return d[71] !== m || d[72] !== Q ? ($ = fe(Q, m), d[71] = m, d[72] = Q, d[73] = $) : $ = d[73], $;
 }
 function me(e) {
 	return e.children;
 }
-function d(e) {
+function u(e) {
 	return /^dialog-\w+-container-close$/.test(e);
 }
-function f(e) {
+function he(e) {
 	e.target instanceof HTMLDivElement && (e.target.scrollTop ? e.target?.classList.add("on-scroll") : e.target?.classList.remove("on-scroll"));
 }
-function he(e) {
+function ge(e) {
 	return e.orderedCollectionName === "DialogAction";
 }
-function ge(e) {
+function _e(e) {
 	return e.orderedCollectionName === "Content";
 }
 //#endregion
-export { u as default };
+export { l as default };

package/dist/components/Menubar/index.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { MenubarProps } from './render';
 export { default as MenuSection, type MenuSectionProps } from './MenuSection';
-export default function Menubar(props: PropsWithChildren): import('react').JSX.Element;
+export type { MenubarProps } from './render';
+export default function Menubar(props: MenubarProps): import('react').JSX.Element;

package/dist/components/Menubar/render.cjs

@@ -1 +1 @@
-require('./style.css');const e=require("../../utils/index.cjs"),t=require("../misc/OrderedCollection/index.cjs"),n=require("../Button/default/index.cjs");;/* empty css             */let r=require("react/compiler-runtime"),i=require("react"),a=require("react/jsx-runtime"),o=require("react-dom-event-hooks");function s(s){let l=(0,r.c)(19),u;l[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=[],l[0]=u):u=l[0];let[d,f]=(0,i.useState)(u),[p,m]=(0,i.useState)(),{saveRef:h,ref:g}=(0,o.useMultiElementRef)(),_=c,v;l[1]!==g||l[2]!==p?(v=e=>{e.target instanceof Node&&p&&!Array.from(g.current.values()).some(t=>t.contains(e.target))&&m(void 0)},l[1]=g,l[2]=p,l[3]=v):v=l[3],(0,o.useWindowEventListener)(`pointerdown`,v);let y;l[4]!==g||l[5]!==p?(y=e=>{e.target instanceof Node&&p&&(!e.target.parentElement?.parentElement?.classList.contains(`selectable`)||!Array.from(g.current.values()).some(t=>t.contains(e.target)))&&m(void 0)},l[4]=g,l[5]=p,l[6]=y):y=l[6],(0,o.useWindowEventListener)(`click`,y);let b;if(l[7]!==p||l[8]!==h||l[9]!==d){let e;l[11]!==p||l[12]!==h?(e=e=>(0,a.jsx)(n.default,{label:e.label,color:`text`,shape:`square`,size:`extra-small`,onClick:t=>{t.stopPropagation(),m(t=>t?void 0:e.id)},onPointerDown:_,onMouseEnter:()=>p&&m(e.id),menuRef:h,menuOpen:p===e.id,density:-3,menuOpenBehavior:`manual`,children:e.children},e.id),l[11]=p,l[12]=h,l[13]=e):e=l[13],b=d.map(e),l[7]=p,l[8]=h,l[9]=d,l[10]=b}else b=l[10];let x;l[14]===s.children?x=l[15]:(x=(0,a.jsx)(t.default,{childName:`MenuSection`,onChildrenChange:f,compareChild:e.shallowEqual,children:s.children}),l[14]=s.children,l[15]=x);let S;return l[16]!==b||l[17]!==x?(S=(0,a.jsxs)(`div`,{className:`Menubar`,children:[b,x]}),l[16]=b,l[17]=x,l[18]=S):S=l[18],S}function c(e){return e.stopPropagation()}exports.default=s;
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Icon/Icon.cjs"),n=require("../../utils/index.cjs"),r=require("../misc/OrderedCollection/index.cjs"),i=require("../Button/default/index.cjs");;/* empty css             */let a=require("react/compiler-runtime"),o=require("classnames");o=e.__toESM(o,1);let s=require("react"),c=require("react/jsx-runtime"),l=require("react-dom-event-hooks");function u(e){let u=(0,a.c)(40),h;u[0]===e?h=u[1]:(h=Object.fromEntries(Object.entries(e).filter(m)),u[0]=e,u[1]=h);let g=h,_;u[2]===Symbol.for(`react.memo_cache_sentinel`)?(_=[],u[2]=_):_=u[2];let[v,y]=(0,s.useState)(_),b;u[3]===v?b=u[4]:(b=v.filter(p),u[3]=v,u[4]=b);let x=b,S;u[5]===v?S=u[6]:(S=v.filter(f).at(0),u[5]=v,u[6]=S);let C=S,[w,T]=(0,s.useState)(),{saveRef:E,ref:D}=(0,l.useMultiElementRef)(),O=d,k;u[7]===e.icon?k=u[8]:(k=t.convertIconDefinition(e.icon),u[7]=e.icon,u[8]=k);let A=k,j;u[9]!==D||u[10]!==w?(j=e=>{e.target instanceof Node&&w&&!Array.from(D.current.values()).some(t=>t.contains(e.target))&&T(void 0)},u[9]=D,u[10]=w,u[11]=j):j=u[11],(0,l.useWindowEventListener)(`pointerdown`,j);let M;u[12]!==D||u[13]!==w?(M=e=>{e.target instanceof Node&&w&&(!e.target.parentElement?.parentElement?.classList.contains(`selectable`)||!Array.from(D.current.values()).some(t=>t.contains(e.target)))&&T(void 0)},u[12]=D,u[13]=w,u[14]=M):M=u[14],(0,l.useWindowEventListener)(`click`,M);let N;u[15]===e.className?N=u[16]:(N=(0,o.default)(`Menubar`,e.className),u[15]=e.className,u[16]=N);let P;u[17]===A?P=u[18]:(P=A&&(0,c.jsx)(`div`,{className:`icon`,children:A}),u[17]=A,u[18]=P);let F;if(u[19]!==w||u[20]!==E||u[21]!==x){let e;u[23]!==w||u[24]!==E?(e=e=>(0,c.jsx)(i.default,{label:e.label,color:`text`,shape:`square`,size:`extra-small`,onClick:t=>{t.stopPropagation(),T(t=>t?void 0:e.id)},onPointerDown:O,onMouseEnter:()=>w&&T(e.id),menuRef:E,menuOpen:w===e.id,density:-3,menuOpenBehavior:`manual`,children:e.children},e.id),u[23]=w,u[24]=E,u[25]=e):e=u[25],F=x.map(e),u[19]=w,u[20]=E,u[21]=x,u[22]=F}else F=u[22];let I;u[26]===F?I=u[27]:(I=(0,c.jsx)(`div`,{className:`container`,children:F}),u[26]=F,u[27]=I);let L;u[28]===C?L=u[29]:(L=!!C&&(0,c.jsx)(`div`,{className:(0,o.default)(`content`,C.className),style:C.style,...C.dataset,children:C.children}),u[28]=C,u[29]=L);let R;u[30]===Symbol.for(`react.memo_cache_sentinel`)?(R=[`MenuSection`,`Content`],u[30]=R):R=u[30];let z;u[31]===e.children?z=u[32]:(z=(0,c.jsx)(r.default,{childName:R,onChildrenChange:y,compareChild:n.shallowEqual,children:e.children}),u[31]=e.children,u[32]=z);let B;return u[33]!==g||u[34]!==I||u[35]!==L||u[36]!==z||u[37]!==N||u[38]!==P?(B=(0,c.jsxs)(`div`,{...g,className:N,children:[P,I,L,z]}),u[33]=g,u[34]=I,u[35]=L,u[36]=z,u[37]=N,u[38]=P,u[39]=B):B=u[39],B}function d(e){return e.stopPropagation()}function f(e){return e.orderedCollectionName===`Content`}function p(e){return e.orderedCollectionName===`MenuSection`}function m(e){let[t]=e;return t.startsWith(`data-`)}exports.default=u;

package/dist/components/Menubar/render.d.ts

@@ -1,3 +1,7 @@
+import { IconDefinition } from '../Icon';
 import { PropsWithChildren } from 'react';
-export type MenubarProps = PropsWithChildren;
+export interface MenubarProps extends PropsWithChildren {
+    icon?: IconDefinition;
+    className?: string;
+}
 export default function MenubarRender(props: MenubarProps): import('react').JSX.Element;