react-material-design 0.5.1 → 0.5.3

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 { c as te } from "react/compiler-runtime";
+import i from "classnames";
+import { useState as a } 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 = te(56), r;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [], n[0] = r) : r = n[0];
+	let [c, u] = a(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(l), 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(le), 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(ce), 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);
+	n[14] === C ? w = n[15] : (w = C.filter(se), n[14] = C, n[15] = w);
 	let T = w, E;
-	r[8] === C ? E = r[9] : (E = C.filter(p), r[8] = C, r[9] = E);
+	n[16] === C ? E = n[17] : (E = C.filter(oe), n[16] = C, n[17] = 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", {
+	n[18] === _ ? O = n[19] : (O = _.filter(ae), n[18] = _, n[19] = O);
+	let me = O, k;
+	n[20] === _ ? k = n[21] : (k = _.filter(ie), n[20] = _, n[21] = k);
+	let A = k, j = me, M;
+	n[22] !== A || n[23] !== x || n[24] !== D ? (M = [
+		...x,
+		...D,
+		...A
+	], n[22] = A, n[23] = x, n[24] = D, n[25] = M) : M = n[25];
+	let N = M, P = T, 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 = i("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: "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", {
+		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: "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", {
+		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: "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", {
+		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: "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",
+		children: I.map(z)
+	}), n[36] = W) : W = n[36];
+	let G = p?.className, K;
+	n[37] === G ? K = n[38] : (K = i("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 ce(e) {
 	return e.variant === "floating";
 }
-function p(e) {
+function le(e) {
 	return e.variant === "docked";
 }
-function m(e) {
+function l(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: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) * 2)}.Toolbox:has(>.tools.bottom>.Toolbar.docked){--toolbox-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Toolbox: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) * 2)}.Toolbox: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) * 2)}.Toolbox: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) * 2)}.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>*{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.top>.ButtonGroup{margin-top:var(--default-spacing)}.Toolbox>.tools.top>.ButtonGroup>.container>.ButtonContainer{min-height:unset}.Toolbox>.tools.bottom{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.1",
+	"version": "0.5.3",
 	"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",