react-material-design 0.5.2 → 0.5.4

package/dist/layouts/Page/index.js

@@ -4,110 +4,109 @@ import n from "../../components/ContextMenu/render.js";
 import r from "../../components/Menubar/render.js";
 import i from "../../components/Toolbar/Toolbar.render.js";
 import './style.css';/* empty css           */
-import { c as a } from "react/compiler-runtime";
-import o from "classnames";
-import { Fragment as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { c as ee } from "react/compiler-runtime";
+import a from "classnames";
+import { useState as te } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/layouts/Page/index.tsx
-function d(n) {
-	let r = a(48), i;
+function c(n) {
+	let r = ee(51), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [], r[0] = i) : i = r[0];
-	let [s, d] = c(i), _;
-	r[1] === Symbol.for("react.memo_cache_sentinel") ? (_ = [
+	let [c, ce] = te(i), p;
+	r[1] === Symbol.for("react.memo_cache_sentinel") ? (p = [
 		"Content",
 		"Menubar",
 		"Toolbar",
 		"ContextMenu"
-	], r[1] = _) : _ = r[1];
+	], r[1] = p) : p = r[1];
+	let m = p, h;
+	r[2] === c ? h = r[3] : (h = c.filter(se).at(0), r[2] = c, r[3] = h);
+	let g = h, _;
+	r[4] === c ? _ = r[5] : (_ = c.filter(oe), r[4] = c, r[5] = _);
 	let v = _, y;
-	r[2] === s ? y = r[3] : (y = s.filter(ae), r[2] = s, r[3] = y);
+	r[6] === c ? y = r[7] : (y = c.filter(f), r[6] = c, r[7] = y);
 	let b = y, x;
-	r[4] === s ? x = r[5] : (x = s.filter(ie), r[4] = s, r[5] = x);
+	r[8] === c ? x = r[9] : (x = c.filter(ae), r[8] = c, r[9] = x);
 	let S = x, C;
-	r[6] === s ? C = r[7] : (C = s.filter(g), r[6] = s, r[7] = C);
+	r[10] === b ? C = r[11] : (C = b.filter(ie), r[10] = b, r[11] = C);
 	let w = C, T;
-	r[8] === s ? T = r[9] : (T = s.filter(h), r[8] = s, r[9] = T);
+	r[12] === b ? T = r[13] : (T = b.filter(re), r[12] = b, r[13] = T);
 	let E = T, D;
-	r[10] === w ? D = r[11] : (D = w.filter(m), r[10] = w, r[11] = D);
+	r[14] === E ? D = r[15] : (D = E.filter(ne), r[14] = E, r[15] = D);
 	let O = D, k;
-	r[12] === w ? k = r[13] : (k = w.filter(re), r[12] = w, r[13] = k);
-	let A = k, j;
-	r[14] === A ? j = r[15] : (j = A.filter(ne), r[14] = A, r[15] = j);
-	let M = j, N;
-	r[16] === A ? N = r[17] : (N = A.filter(te), r[16] = A, r[17] = N);
-	let P = N, F = S, I;
-	r[18] !== O || r[19] !== P ? (I = [...O, ...P], r[18] = O, r[19] = P, r[20] = I) : I = r[20];
-	let L = I, R = M, z;
-	r[21] === Symbol.for("react.memo_cache_sentinel") ? (z = [], r[21] = z) : z = r[21];
-	let B = z, V = n.inlineContentPadding ?? n.contentPadding ?? !1, H = n.blockContentPadding ?? n.contentPadding ?? !1, U = ee, W;
-	r[22] !== H || r[23] !== V ? (W = o("Page", {
-		"inline-padding": V,
-		"block-padding": H
-	}), r[22] = H, r[23] = V, r[24] = W) : W = r[24];
-	let G;
-	r[25] === F ? G = r[26] : (G = !!F.length && /* @__PURE__ */ l("div", {
+	r[16] === E ? k = r[17] : (k = E.filter(d), r[16] = E, r[17] = k);
+	let A = k, j = v, M;
+	r[18] !== w || r[19] !== A ? (M = [...w, ...A], r[18] = w, r[19] = A, r[20] = M) : M = r[20];
+	let N = M, P = O, F;
+	r[21] === Symbol.for("react.memo_cache_sentinel") ? (F = [], r[21] = F) : F = r[21];
+	let I = F, L = n.inlineContentPadding ?? n.contentPadding ?? !1, R = n.blockContentPadding ?? n.contentPadding ?? !1, z = u, B;
+	r[22] !== R || r[23] !== L ? (B = a("Page", {
+		"inline-padding": L,
+		"block-padding": R
+	}), r[22] = R, r[23] = L, r[24] = B) : B = r[24];
+	let V;
+	r[25] === j ? V = r[26] : (V = !!j.length && /* @__PURE__ */ o("div", {
 		className: "tools top",
-		children: F.map(U)
-	}), r[25] = F, r[26] = G);
-	let K;
-	r[27] === L ? K = r[28] : (K = !!L.length && /* @__PURE__ */ l("div", {
+		children: j.map(z)
+	}), r[25] = j, r[26] = V);
+	let H;
+	r[27] === N ? H = r[28] : (H = !!N.length && /* @__PURE__ */ o("div", {
 		className: "tools bottom",
-		children: L.map(U)
-	}), r[27] = L, r[28] = K);
-	let q;
-	r[29] === R ? q = r[30] : (q = !!R.length && /* @__PURE__ */ l("div", {
+		children: N.map(z)
+	}), r[27] = N, r[28] = H);
+	let U;
+	r[29] === P ? U = r[30] : (U = !!P.length && /* @__PURE__ */ o("div", {
 		className: "tools left",
-		children: R.map(U)
-	}), r[29] = R, r[30] = q);
-	let J;
-	r[31] === Symbol.for("react.memo_cache_sentinel") ? (J = !!B.length && /* @__PURE__ */ l("div", {
+		children: P.map(z)
+	}), r[29] = P, r[30] = U);
+	let W;
+	r[31] === Symbol.for("react.memo_cache_sentinel") ? (W = !!I.length && /* @__PURE__ */ o("div", {
 		className: "tools right",
-		children: B.map(U)
-	}), r[31] = J) : J = r[31];
-	let Y;
-	r[32] === E ? Y = r[33] : (Y = E.map(p), r[32] = E, r[33] = Y);
-	let X;
-	r[34] === b ? X = r[35] : (X = b.map(f), r[34] = b, r[35] = X);
-	let Z;
-	r[36] !== Y || r[37] !== X ? (Z = /* @__PURE__ */ u("div", {
-		className: "content",
+		children: I.map(z)
+	}), r[31] = W) : W = r[31];
+	let G = g?.className, K;
+	r[32] === G ? K = r[33] : (K = a("content", G), r[32] = G, r[33] = K);
+	let q = g?.style, J = g?.dataset, Y;
+	r[34] === S ? Y = r[35] : (Y = S.map(l), r[34] = S, r[35] = Y);
+	let X = g?.children, Z;
+	r[36] !== K || r[37] !== q || r[38] !== J || r[39] !== Y || r[40] !== X ? (Z = /* @__PURE__ */ s("div", {
+		className: K,
+		style: q,
+		...J,
 		children: [Y, X]
-	}), r[36] = Y, r[37] = X, r[38] = Z) : Z = r[38];
+	}), r[36] = K, r[37] = q, r[38] = J, r[39] = Y, r[40] = X, r[41] = Z) : Z = r[41];
 	let Q;
-	r[39] === n.children ? Q = r[40] : (Q = /* @__PURE__ */ l(t, {
+	r[42] === n.children ? Q = r[43] : (Q = /* @__PURE__ */ o(t, {
 		name: "Page",
-		childName: v,
-		onChildrenChange: d,
+		childName: m,
+		onChildrenChange: ce,
 		compareChild: e,
 		children: n.children
-	}), r[39] = n.children, r[40] = Q);
+	}), r[42] = n.children, r[43] = Q);
 	let $;
-	return r[41] !== W || r[42] !== G || r[43] !== K || r[44] !== q || r[45] !== Z || r[46] !== Q ? ($ = /* @__PURE__ */ u("div", {
-		className: W,
+	return r[44] !== B || r[45] !== V || r[46] !== H || r[47] !== U || r[48] !== Z || r[49] !== Q ? ($ = /* @__PURE__ */ s("div", {
+		className: B,
 		children: [
-			G,
-			K,
-			q,
-			J,
+			V,
+			H,
+			U,
+			W,
 			Z,
 			Q
 		]
-	}), r[41] = W, r[42] = G, r[43] = K, r[44] = q, r[45] = Z, r[46] = Q, r[47] = $) : $ = r[47], $;
+	}), r[44] = B, r[45] = V, r[46] = H, r[47] = U, r[48] = Z, r[49] = Q, r[50] = $) : $ = r[50], $;
 }
-function f(e) {
-	return /* @__PURE__ */ l(s, { children: e.children }, e.id);
-}
-function p(e) {
-	return /* @__PURE__ */ l(n, { ...e }, e.id);
+function l(e) {
+	return /* @__PURE__ */ o(n, { ...e }, e.id);
 }
-function ee(e) {
+function u(e) {
 	switch (e.orderedCollectionName) {
-		case "Menubar": return /* @__PURE__ */ l(r, { ...e }, e.id);
-		case "Toolbar": return /* @__PURE__ */ l(i, { ...e }, e.id);
+		case "Menubar": return /* @__PURE__ */ o(r, { ...e }, e.id);
+		case "Toolbar": return /* @__PURE__ */ o(i, { ...e }, e.id);
 		default: return null;
 	}
 }
-function te(e) {
+function d(e) {
 	return !e.orientation || e.orientation === "horizontal";
 }
 function ne(e) {
@@ -116,20 +115,20 @@ function ne(e) {
 function re(e) {
 	return e.variant === "floating";
 }
-function m(e) {
+function ie(e) {
 	return e.variant === "docked";
 }
-function h(e) {
+function ae(e) {
 	return e.orderedCollectionName === "ContextMenu";
 }
-function g(e) {
+function f(e) {
 	return e.orderedCollectionName === "Toolbar";
 }
-function ie(e) {
+function oe(e) {
 	return e.orderedCollectionName === "Menubar";
 }
-function ae(e) {
+function se(e) {
 	return e.orderedCollectionName === "Content";
 }
 //#endregion
-export { d as default };
+export { c as default };

package/dist/layouts/Toolbox/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/index.cjs"),n=require("../../components/misc/OrderedCollection/index.cjs"),r=require("../../components/ContextMenu/render.cjs"),i=require("../../components/Toolbar/Toolbar.render.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");function l(e){let r=(0,a.c)(45),i;r[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=[],r[0]=i):i=r[0];let[l,_]=(0,s.useState)(i),v;r[1]===Symbol.for(`react.memo_cache_sentinel`)?(v=[`Content`,`Toolbar`,`ContextMenu`],r[1]=v):v=r[1];let y=v,b;r[2]===l?b=r[3]:(b=l.filter(g),r[2]=l,r[3]=b);let x=b,S;r[4]===l?S=r[5]:(S=l.filter(h),r[4]=l,r[5]=S);let C=S,w;r[6]===l?w=r[7]:(w=l.filter(m),r[6]=l,r[7]=w);let T=w,E;r[8]===C?E=r[9]:(E=C.filter(p),r[8]=C,r[9]=E);let D=E,O;r[10]===C?O=r[11]:(O=C.filter(ne),r[10]=C,r[11]=O);let k=O,A;r[12]===k?A=r[13]:(A=k.filter(te),r[12]=k,r[13]=A);let j=A,M;r[14]===k?M=r[15]:(M=k.filter(ee),r[14]=k,r[15]=M);let N=M,P;r[16]===Symbol.for(`react.memo_cache_sentinel`)?(P=[],r[16]=P):P=r[16];let F=P,I;r[17]!==D||r[18]!==N?(I=[...D,...N],r[17]=D,r[18]=N,r[19]=I):I=r[19];let L=I,R=j,z;r[20]===Symbol.for(`react.memo_cache_sentinel`)?(z=[],r[20]=z):z=r[20];let B=z,V=e.inlineContentPadding??e.contentPadding??!1,H=e.blockContentPadding??e.contentPadding??!1,U=f,W;r[21]!==H||r[22]!==V?(W=(0,o.default)(`Toolbox`,{"inline-padding":V,"block-padding":H}),r[21]=H,r[22]=V,r[23]=W):W=r[23];let G;r[24]===Symbol.for(`react.memo_cache_sentinel`)?(G=!!F.length&&(0,c.jsx)(`div`,{className:`tools top`,children:F.map(U)}),r[24]=G):G=r[24];let K;r[25]===L?K=r[26]:(K=!!L.length&&(0,c.jsx)(`div`,{className:`tools bottom`,children:L.map(U)}),r[25]=L,r[26]=K);let q;r[27]===R?q=r[28]:(q=!!R.length&&(0,c.jsx)(`div`,{className:`tools left`,children:R.map(U)}),r[27]=R,r[28]=q);let J;r[29]===Symbol.for(`react.memo_cache_sentinel`)?(J=!!B.length&&(0,c.jsx)(`div`,{className:`tools right`,children:B.map(U)}),r[29]=J):J=r[29];let Y;r[30]===T?Y=r[31]:(Y=T.map(d),r[30]=T,r[31]=Y);let X;r[32]===x?X=r[33]:(X=x.map(u),r[32]=x,r[33]=X);let Z;r[34]!==Y||r[35]!==X?(Z=(0,c.jsxs)(`div`,{className:`content`,children:[Y,X]}),r[34]=Y,r[35]=X,r[36]=Z):Z=r[36];let Q;r[37]===e.children?Q=r[38]:(Q=(0,c.jsx)(n.default,{name:`Toolbox`,childName:y,onChildrenChange:_,compareChild:t.shallowEqual,children:e.children}),r[37]=e.children,r[38]=Q);let $;return r[39]!==W||r[40]!==K||r[41]!==q||r[42]!==Z||r[43]!==Q?($=(0,c.jsxs)(`div`,{className:W,children:[G,K,q,J,Z,Q]}),r[39]=W,r[40]=K,r[41]=q,r[42]=Z,r[43]=Q,r[44]=$):$=r[44],$}function u(e){return(0,c.jsx)(s.Fragment,{children:e.children},e.id)}function d(e){return(0,c.jsx)(r.default,{...e},e.id)}function f(e){switch(e.orderedCollectionName){case`Toolbar`:return(0,c.jsx)(i.default,{...e},e.id);default:return null}}function ee(e){return!e.orientation||e.orientation===`horizontal`}function te(e){return e.orientation===`vertical`}function ne(e){return e.variant===`floating`}function p(e){return e.variant===`docked`}function m(e){return e.orderedCollectionName===`ContextMenu`}function h(e){return e.orderedCollectionName===`Toolbar`}function g(e){return e.orderedCollectionName===`Content`}exports.default=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),ee=require("../../utils/index.cjs"),te=require("../../components/misc/OrderedCollection/index.cjs"),t=require("../../components/Button/group/render.cjs"),n=require("../../components/ContextMenu/render.cjs"),r=require("../../components/Toolbar/Toolbar.render.cjs");;/* empty css             */let ne=require("react/compiler-runtime"),i=require("classnames");i=e.__toESM(i,1);let re=require("react"),a=require("react/jsx-runtime");function o(e){let t=(0,ne.c)(56),n;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=[],t[0]=n):n=t[0];let[r,o]=(0,re.useState)(n),u;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(u=[`Content`,`Toolbar`,`ButtonGroup`,`ContextMenu`],t[1]=u):u=t[1];let pe=u,d;t[2]===r?d=t[3]:(d=r.filter(l).at(0),t[2]=r,t[3]=d);let f=d,p;t[4]===r?p=t[5]:(p=r.filter(c),t[4]=r,t[5]=p);let m=p,h;t[6]===r?h=t[7]:(h=r.filter(s),t[6]=r,t[7]=h);let g=h,_;t[8]===r?_=t[9]:(_=r.filter(fe),t[8]=r,t[9]=_);let v=_,y;t[10]===m?y=t[11]:(y=m.filter(de),t[10]=m,t[11]=y);let b=y,x;t[12]===m?x=t[13]:(x=m.filter(ue),t[12]=m,t[13]=x);let S=x,C;t[14]===S?C=t[15]:(C=S.filter(le),t[14]=S,t[15]=C);let w=C,T;t[16]===S?T=t[17]:(T=S.filter(ce),t[16]=S,t[17]=T);let E=T,D;t[18]===g?D=t[19]:(D=g.filter(se),t[18]=g,t[19]=D);let O=D,k;t[20]===g?k=t[21]:(k=g.filter(oe),t[20]=g,t[21]=k);let A=k,j=O,M;t[22]!==A||t[23]!==b||t[24]!==E?(M=[...b,...E,...A],t[22]=A,t[23]=b,t[24]=E,t[25]=M):M=t[25];let N=M,P=w,F;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(F=[],t[26]=F):F=t[26];let I=F,L=e.inlineContentPadding??e.contentPadding??!1,R=e.blockContentPadding??e.contentPadding??!1,z=ae,B;t[27]!==R||t[28]!==L?(B=(0,i.default)(`Toolbox`,{"inline-padding":L,"block-padding":R}),t[27]=R,t[28]=L,t[29]=B):B=t[29];let V;t[30]===j?V=t[31]:(V=!!j.length&&(0,a.jsx)(`div`,{className:(0,i.default)(`tools top`,{multiple:j.length>1}),children:j.map(z)}),t[30]=j,t[31]=V);let H;t[32]===N?H=t[33]:(H=!!N.length&&(0,a.jsx)(`div`,{className:(0,i.default)(`tools bottom`,{multiple:N.length>1}),children:N.map(z)}),t[32]=N,t[33]=H);let U;t[34]===P?U=t[35]:(U=!!P.length&&(0,a.jsx)(`div`,{className:(0,i.default)(`tools left`,{multiple:P.length>1}),children:P.map(z)}),t[34]=P,t[35]=U);let W;t[36]===Symbol.for(`react.memo_cache_sentinel`)?(W=!!I.length&&(0,a.jsx)(`div`,{className:(0,i.default)(`tools right`,{multiple:I.length>1}),children:I.map(z)}),t[36]=W):W=t[36];let G=f?.className,K;t[37]===G?K=t[38]:(K=(0,i.default)(`content`,G),t[37]=G,t[38]=K);let q=f?.style,J=f?.dataset,Y;t[39]===v?Y=t[40]:(Y=v.map(ie),t[39]=v,t[40]=Y);let X=f?.children,Z;t[41]!==K||t[42]!==q||t[43]!==J||t[44]!==Y||t[45]!==X?(Z=(0,a.jsxs)(`div`,{className:K,style:q,...J,children:[Y,X]}),t[41]=K,t[42]=q,t[43]=J,t[44]=Y,t[45]=X,t[46]=Z):Z=t[46];let Q;t[47]===e.children?Q=t[48]:(Q=(0,a.jsx)(te.default,{name:`Toolbox`,childName:pe,onChildrenChange:o,compareChild:ee.shallowEqual,children:e.children}),t[47]=e.children,t[48]=Q);let $;return t[49]!==B||t[50]!==V||t[51]!==H||t[52]!==U||t[53]!==Z||t[54]!==Q?($=(0,a.jsxs)(`div`,{className:B,children:[V,H,U,W,Z,Q]}),t[49]=B,t[50]=V,t[51]=H,t[52]=U,t[53]=Z,t[54]=Q,t[55]=$):$=t[55],$}function ie(e){return(0,a.jsx)(n.default,{...e},e.id)}function ae(e){switch(e.orderedCollectionName){case`Toolbar`:return(0,a.jsx)(r.default,{...e},e.id);case`ButtonGroup`:return(0,a.jsx)(t.default,{...e},e.id);default:return null}}function oe(e){return e.position===`bottom`}function se(e){return e.position===`top`}function ce(e){return!e.orientation||e.orientation===`horizontal`}function le(e){return e.orientation===`vertical`}function ue(e){return e.variant===`floating`}function de(e){return e.variant===`docked`}function fe(e){return e.orderedCollectionName===`ContextMenu`}function s(e){return e.orderedCollectionName===`ButtonGroup`}function c(e){return e.orderedCollectionName===`Toolbar`}function l(e){return e.orderedCollectionName===`Content`}exports.default=o;

package/dist/layouts/Toolbox/index.js

@@ -1,129 +1,148 @@
 import { shallowEqual as e } from "../../utils/index.js";
-import t from "../../components/misc/OrderedCollection/index.js";
+import ee from "../../components/misc/OrderedCollection/index.js";
+import t from "../../components/Button/group/render.js";
 import n from "../../components/ContextMenu/render.js";
 import r from "../../components/Toolbar/Toolbar.render.js";
 import './style.css';/* empty css           */
 import { c as i } from "react/compiler-runtime";
 import a from "classnames";
-import { Fragment as o, useState as ee } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useState as te } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/layouts/Toolbox/index.tsx
-function l(n) {
-	let r = i(45), o;
-	r[0] === Symbol.for("react.memo_cache_sentinel") ? (o = [], r[0] = o) : o = r[0];
-	let [l, _] = ee(o), v;
-	r[1] === Symbol.for("react.memo_cache_sentinel") ? (v = [
+function c(t) {
+	let n = i(56), r;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [], n[0] = r) : r = n[0];
+	let [c, u] = te(r), d;
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (d = [
 		"Content",
 		"Toolbar",
+		"ButtonGroup",
 		"ContextMenu"
-	], r[1] = v) : v = r[1];
+	], n[1] = d) : d = n[1];
+	let pe = d, f;
+	n[2] === c ? f = n[3] : (f = c.filter(fe).at(0), n[2] = c, n[3] = f);
+	let p = f, m;
+	n[4] === c ? m = n[5] : (m = c.filter(de), n[4] = c, n[5] = m);
+	let h = m, g;
+	n[6] === c ? g = n[7] : (g = c.filter(ue), n[6] = c, n[7] = g);
+	let _ = g, v;
+	n[8] === c ? v = n[9] : (v = c.filter(le), n[8] = c, n[9] = v);
 	let y = v, b;
-	r[2] === l ? b = r[3] : (b = l.filter(g), r[2] = l, r[3] = b);
+	n[10] === h ? b = n[11] : (b = h.filter(ce), n[10] = h, n[11] = b);
 	let x = b, S;
-	r[4] === l ? S = r[5] : (S = l.filter(h), r[4] = l, r[5] = S);
+	n[12] === h ? S = n[13] : (S = h.filter(l), n[12] = h, n[13] = S);
 	let C = S, w;
-	r[6] === l ? w = r[7] : (w = l.filter(m), r[6] = l, r[7] = w);
-	let T = w, E;
-	r[8] === C ? E = r[9] : (E = C.filter(p), r[8] = C, r[9] = E);
-	let D = E, O;
-	r[10] === C ? O = r[11] : (O = C.filter(re), r[10] = C, r[11] = O);
-	let k = O, A;
-	r[12] === k ? A = r[13] : (A = k.filter(ne), r[12] = k, r[13] = A);
-	let j = A, M;
-	r[14] === k ? M = r[15] : (M = k.filter(te), r[14] = k, r[15] = M);
-	let N = M, P;
-	r[16] === Symbol.for("react.memo_cache_sentinel") ? (P = [], r[16] = P) : P = r[16];
-	let F = P, I;
-	r[17] !== D || r[18] !== N ? (I = [...D, ...N], r[17] = D, r[18] = N, r[19] = I) : I = r[19];
-	let L = I, R = j, z;
-	r[20] === Symbol.for("react.memo_cache_sentinel") ? (z = [], r[20] = z) : z = r[20];
-	let B = z, V = n.inlineContentPadding ?? n.contentPadding ?? !1, H = n.blockContentPadding ?? n.contentPadding ?? !1, U = f, W;
-	r[21] !== H || r[22] !== V ? (W = a("Toolbox", {
-		"inline-padding": V,
-		"block-padding": H
-	}), r[21] = H, r[22] = V, r[23] = W) : W = r[23];
-	let G;
-	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = !!F.length && /* @__PURE__ */ s("div", {
-		className: "tools top",
-		children: F.map(U)
-	}), r[24] = G) : G = r[24];
-	let K;
-	r[25] === L ? K = r[26] : (K = !!L.length && /* @__PURE__ */ s("div", {
-		className: "tools bottom",
-		children: L.map(U)
-	}), r[25] = L, r[26] = K);
-	let q;
-	r[27] === R ? q = r[28] : (q = !!R.length && /* @__PURE__ */ s("div", {
-		className: "tools left",
-		children: R.map(U)
-	}), r[27] = R, r[28] = q);
-	let J;
-	r[29] === Symbol.for("react.memo_cache_sentinel") ? (J = !!B.length && /* @__PURE__ */ s("div", {
-		className: "tools right",
-		children: B.map(U)
-	}), r[29] = J) : J = r[29];
-	let Y;
-	r[30] === T ? Y = r[31] : (Y = T.map(d), r[30] = T, r[31] = Y);
-	let X;
-	r[32] === x ? X = r[33] : (X = x.map(u), r[32] = x, r[33] = X);
-	let Z;
-	r[34] !== Y || r[35] !== X ? (Z = /* @__PURE__ */ c("div", {
-		className: "content",
+	n[14] === C ? w = n[15] : (w = C.filter(se), n[14] = C, n[15] = w);
+	let me = w, T;
+	n[16] === C ? T = n[17] : (T = C.filter(oe), n[16] = C, n[17] = T);
+	let E = T, D;
+	n[18] === _ ? D = n[19] : (D = _.filter(ae), n[18] = _, n[19] = D);
+	let O = D, k;
+	n[20] === _ ? k = n[21] : (k = _.filter(ie), n[20] = _, n[21] = k);
+	let A = k, j = O, M;
+	n[22] !== A || n[23] !== x || n[24] !== E ? (M = [
+		...x,
+		...E,
+		...A
+	], n[22] = A, n[23] = x, n[24] = E, n[25] = M) : M = n[25];
+	let N = M, P = me, F;
+	n[26] === Symbol.for("react.memo_cache_sentinel") ? (F = [], n[26] = F) : F = n[26];
+	let I = F, L = t.inlineContentPadding ?? t.contentPadding ?? !1, R = t.blockContentPadding ?? t.contentPadding ?? !1, z = re, B;
+	n[27] !== R || n[28] !== L ? (B = a("Toolbox", {
+		"inline-padding": L,
+		"block-padding": R
+	}), n[27] = R, n[28] = L, n[29] = B) : B = n[29];
+	let V;
+	n[30] === j ? V = n[31] : (V = !!j.length && /* @__PURE__ */ o("div", {
+		className: a("tools top", { multiple: j.length > 1 }),
+		children: j.map(z)
+	}), n[30] = j, n[31] = V);
+	let H;
+	n[32] === N ? H = n[33] : (H = !!N.length && /* @__PURE__ */ o("div", {
+		className: a("tools bottom", { multiple: N.length > 1 }),
+		children: N.map(z)
+	}), n[32] = N, n[33] = H);
+	let U;
+	n[34] === P ? U = n[35] : (U = !!P.length && /* @__PURE__ */ o("div", {
+		className: a("tools left", { multiple: P.length > 1 }),
+		children: P.map(z)
+	}), n[34] = P, n[35] = U);
+	let W;
+	n[36] === Symbol.for("react.memo_cache_sentinel") ? (W = !!I.length && /* @__PURE__ */ o("div", {
+		className: a("tools right", { multiple: I.length > 1 }),
+		children: I.map(z)
+	}), n[36] = W) : W = n[36];
+	let G = p?.className, K;
+	n[37] === G ? K = n[38] : (K = a("content", G), n[37] = G, n[38] = K);
+	let q = p?.style, J = p?.dataset, Y;
+	n[39] === y ? Y = n[40] : (Y = y.map(ne), n[39] = y, n[40] = Y);
+	let X = p?.children, Z;
+	n[41] !== K || n[42] !== q || n[43] !== J || n[44] !== Y || n[45] !== X ? (Z = /* @__PURE__ */ s("div", {
+		className: K,
+		style: q,
+		...J,
 		children: [Y, X]
-	}), r[34] = Y, r[35] = X, r[36] = Z) : Z = r[36];
+	}), n[41] = K, n[42] = q, n[43] = J, n[44] = Y, n[45] = X, n[46] = Z) : Z = n[46];
 	let Q;
-	r[37] === n.children ? Q = r[38] : (Q = /* @__PURE__ */ s(t, {
+	n[47] === t.children ? Q = n[48] : (Q = /* @__PURE__ */ o(ee, {
 		name: "Toolbox",
-		childName: y,
-		onChildrenChange: _,
+		childName: pe,
+		onChildrenChange: u,
 		compareChild: e,
-		children: n.children
-	}), r[37] = n.children, r[38] = Q);
+		children: t.children
+	}), n[47] = t.children, n[48] = Q);
 	let $;
-	return r[39] !== W || r[40] !== K || r[41] !== q || r[42] !== Z || r[43] !== Q ? ($ = /* @__PURE__ */ c("div", {
-		className: W,
+	return n[49] !== B || n[50] !== V || n[51] !== H || n[52] !== U || n[53] !== Z || n[54] !== Q ? ($ = /* @__PURE__ */ s("div", {
+		className: B,
 		children: [
-			G,
-			K,
-			q,
-			J,
+			V,
+			H,
+			U,
+			W,
 			Z,
 			Q
 		]
-	}), r[39] = W, r[40] = K, r[41] = q, r[42] = Z, r[43] = Q, r[44] = $) : $ = r[44], $;
+	}), n[49] = B, n[50] = V, n[51] = H, n[52] = U, n[53] = Z, n[54] = Q, n[55] = $) : $ = n[55], $;
 }
-function u(e) {
-	return /* @__PURE__ */ s(o, { children: e.children }, e.id);
-}
-function d(e) {
-	return /* @__PURE__ */ s(n, { ...e }, e.id);
+function ne(e) {
+	return /* @__PURE__ */ o(n, { ...e }, e.id);
 }
-function f(e) {
+function re(e) {
 	switch (e.orderedCollectionName) {
-		case "Toolbar": return /* @__PURE__ */ s(r, { ...e }, e.id);
+		case "Toolbar": return /* @__PURE__ */ o(r, { ...e }, e.id);
+		case "ButtonGroup": return /* @__PURE__ */ o(t, { ...e }, e.id);
 		default: return null;
 	}
 }
-function te(e) {
+function ie(e) {
+	return e.position === "bottom";
+}
+function ae(e) {
+	return e.position === "top";
+}
+function oe(e) {
 	return !e.orientation || e.orientation === "horizontal";
 }
-function ne(e) {
+function se(e) {
 	return e.orientation === "vertical";
 }
-function re(e) {
+function l(e) {
 	return e.variant === "floating";
 }
-function p(e) {
+function ce(e) {
 	return e.variant === "docked";
 }
-function m(e) {
+function le(e) {
 	return e.orderedCollectionName === "ContextMenu";
 }
-function h(e) {
+function ue(e) {
+	return e.orderedCollectionName === "ButtonGroup";
+}
+function de(e) {
 	return e.orderedCollectionName === "Toolbar";
 }
-function g(e) {
+function fe(e) {
 	return e.orderedCollectionName === "Content";
 }
 //#endregion
-export { l as default };
+export { c as default };

package/dist/layouts/Toolbox/style.css

@@ -1 +1 @@
-.Toolbox{box-sizing:border-box;--toolbox-content-default-spacing:var(--md-sys-measurement-space200);--toolbox-tools-top-size:max(var(--toolbox-tools-top-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-bottom-size:max(var(--toolbox-tools-bottom-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-left-size:max(var(--toolbox-tools-left-toolbar-size,var(--toolbox-content-default-spacing,0)));--toolbox-tools-right-size:max(var(--toolbox-tools-right-toolbar-size,var(--toolbox-content-default-spacing,0)));flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.Toolbox:where(:has(>.tools.top>.Toolbar.floating)){--toolbox-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked))>.content{padding-bottom:var(--md-comp-toolbar-docked-container-height)}.Toolbox:where(:has(>.tools.bottom>.Toolbar.floating)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.left>.Toolbar.floating)){--toolbox-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.right>.Toolbar.floating)){--toolbox-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox>.tools{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.Toolbox>.tools>*{pointer-events:initial}.Toolbox>.tools.top{top:0;left:0;right:0}.Toolbox>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.bottom{bottom:0;left:0;right:0}.Toolbox>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Toolbox>.tools.bottom>.Toolbar.docked{flex:1}.Toolbox>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Toolbox>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Toolbox>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox.inline-padding>.content{padding-inline:var(--toolbox-tools-left-size) var(--toolbox-tools-right-size)}.Toolbox.block-padding>.content{padding-block:var(--toolbox-tools-top-size) var(--toolbox-tools-bottom-size)}.Toolbox>.content{flex:1;overflow:auto}.Toolbox>.content>*{--toolbox-tools-top-size:initial;--toolbox-tools-bottom-size:initial;--toolbox-tools-left-size:initial;--toolbox-tools-right-size:initial;--toolbox-tools-top-menubar-size:initial;--toolbox-tools-top-toolbar-size:initial;--toolbox-tools-bottom-toolbar-size:initial;--toolbox-tools-left-toolbar-size:initial;--toolbox-tools-right-toolbar-size:initial}
+.Toolbox{box-sizing:border-box;--default-spacing:var(--md-sys-measurement-space200);--toolbox-tools-top-size:max(var(--toolbox-tools-top-toolbar-size,var(--default-spacing)), var(--toolbox-tools-top-button-group-size,var(--default-spacing)));--toolbox-tools-bottom-size:max(var(--toolbox-tools-bottom-toolbar-size,var(--default-spacing)), var(--toolbox-tools-bottom-button-group-size,var(--default-spacing)));--toolbox-tools-left-size:max(var(--toolbox-tools-left-toolbar-size,var(--default-spacing)));--toolbox-tools-right-size:max(var(--toolbox-tools-right-toolbar-size,var(--default-spacing)));flex:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.Toolbox:where(:has(>.tools.top>.Toolbar.floating)){--toolbox-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--md-sys-measurement-space200))}.Toolbox:where(:has(>.tools.top>.ButtonGroup.connected.extra-small)){--toolbox-tools-top-button-group-size:calc(var(--md-comp-button-group-connected-xsmall-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.top>.ButtonGroup.connected.small)){--toolbox-tools-top-button-group-size:calc(var(--md-comp-button-group-connected-small-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.top>.ButtonGroup.connected.medium)){--toolbox-tools-top-button-group-size:calc(var(--md-comp-button-group-connected-medium-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.top>.ButtonGroup.connected.large)){--toolbox-tools-top-button-group-size:calc(var(--md-comp-button-group-connected-large-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.top>.ButtonGroup.connected.extra-large)){--toolbox-tools-top-button-group-size:calc(var(--md-comp-button-group-connected-xlarge-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--default-spacing))}.Toolbox:where(:has(>.tools.bottom>.Toolbar.docked))>.content{padding-bottom:var(--md-comp-toolbar-docked-container-height)}.Toolbox:where(:has(>.tools.bottom>.Toolbar.floating)){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) + var(--default-spacing))}.Toolbox:where(:has(>.tools.bottom>.ButtonGroup.connected.extra-small)){--toolbox-tools-bottom-button-group-size:calc(var(--md-comp-button-group-connected-xsmall-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.bottom>.ButtonGroup.connected.small)){--toolbox-tools-bottom-button-group-size:calc(var(--md-comp-button-group-connected-small-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.bottom>.ButtonGroup.connected.medium)){--toolbox-tools-bottom-button-group-size:calc(var(--md-comp-button-group-connected-medium-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.bottom>.ButtonGroup.connected.large)){--toolbox-tools-bottom-button-group-size:calc(var(--md-comp-button-group-connected-large-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.bottom>.ButtonGroup.connected.extra-large)){--toolbox-tools-bottom-button-group-size:calc(var(--md-comp-button-group-connected-xlarge-container-height) + var(--default-spacing) * 2)}.Toolbox:where(:has(>.tools.left>.Toolbar.floating)){--toolbox-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--default-spacing))}.Toolbox:where(:has(>.tools.right>.Toolbar.floating)){--toolbox-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) + var(--default-spacing))}.Toolbox>.tools{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.Toolbox>.tools.multiple{justify-content:space-between}.Toolbox>.tools>*{pointer-events:initial}.Toolbox>.tools.top{padding-inline:var(--md-sys-measurement-space200);top:0;left:0;right:0}.Toolbox>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.top>.ButtonGroup{margin-top:var(--default-spacing)}.Toolbox>.tools.top>.ButtonGroup>.container>.ButtonContainer{min-height:unset}.Toolbox>.tools.bottom{padding-inline:var(--md-sys-measurement-space200);bottom:0;left:0;right:0}.Toolbox>.tools.bottom:not(:has(>.Toolbar.docked),:has(>.ButtonGroup)){padding-inline:var(--default-spacing)}.Toolbox>.tools.bottom>.Toolbar.docked{flex:1}.Toolbox>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Toolbox>.tools.bottom>.ButtonGroup{margin-bottom:var(--md-sys-measurement-space200)}.Toolbox>.tools.bottom>.ButtonGroup>.container>.ButtonContainer{min-height:unset}.Toolbox>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Toolbox>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Toolbox>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Toolbox.inline-padding>.content{padding-inline:var(--toolbox-tools-left-size) var(--toolbox-tools-right-size)}.Toolbox.block-padding>.content{padding-block:var(--toolbox-tools-top-size) var(--toolbox-tools-bottom-size)}.Toolbox>.content{flex:1;overflow:auto}.Toolbox>.content>*{--toolbox-tools-top-size:initial;--toolbox-tools-bottom-size:initial;--toolbox-tools-left-size:initial;--toolbox-tools-right-size:initial;--toolbox-tools-top-toolbar-size:initial;--toolbox-tools-top-button-group-size:initial;--toolbox-tools-bottom-toolbar-size:initial;--toolbox-tools-bottom-button-group-size:initial;--toolbox-tools-left-toolbar-size:initial;--toolbox-tools-right-toolbar-size:initial}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-material-design",
-	"version": "0.5.2",
+	"version": "0.5.4",
 	"type": "module",
 	"license": "MIT",
 	"author": {
@@ -10,7 +10,7 @@
 		"url": "git+https://github.com/Mondemen/react-material-design.git"
 	},
 	"scripts": {
-		"dev": "vite --clearScreen",
+		"dev": "vite --clearScreen=false",
 		"build": "vite build --mode lib",
 		"prepublishOnly": "npm run build",
 		"lint": "oxlint",
@@ -41,13 +41,13 @@
 		"babel-plugin-react-compiler": "^1.0.0",
 		"commander": "^15.0.0",
 		"globals": "^17.13.0",
-		"oxlint": "^1.88.0",
-		"sass": "^1.105.2",
+		"oxlint": "^1.89.0",
+		"sass": "^1.106.1",
 		"sass-alias": "^2.0.1",
 		"tsx": "^4.23.15",
 		"typescript": "^6.0.3",
 		"unplugin-dts": "^1.1.2",
-		"vite": "^8.3.4",
+		"vite": "^8.3.5",
 		"vite-plugin-lib-inject-css": "^2.2.2",
 		"vite-tsconfig-paths": "^6.1.1"
 	},