react-material-design 0.5.1 → 0.5.3

package/dist/components/Menubar/render.js

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

package/dist/components/Menubar/style.css

@@ -1 +1 @@
-.Menubar{background-color:var(--md-sys-color-surface-container-high);padding-inline:var(--md-sys-measurement-space100)}
+.Menubar{background-color:var(--md-sys-color-surface-container-high);padding-left:var(--md-sys-measurement-space100);align-items:center;gap:var(--md-sys-measurement-space100);display:flex}.Menubar>.icon{width:24px;height:24px;margin-left:var(--md-sys-measurement-space100)}.Menubar>.icon>img{max-width:100%;max-height:100%}.Menubar>.content{flex:1}

package/dist/layouts/Content.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../components/misc/OrderedCollection/index.cjs");let t=require("react/compiler-runtime"),n=require("react"),r=require("react/jsx-runtime");function i(i){let a=(0,t.c)(5),o=(0,n.useId)(),s;a[0]===i.children?s=a[1]:(s={children:i.children},a[0]=i.children,a[1]=s);let c=s,l;return a[2]!==c||a[3]!==o?(l=(0,r.jsx)(e.OrderedCollectionChild,{name:`Content`,id:o,content:c}),a[2]=c,a[3]=o,a[4]=l):l=a[4],l}exports.default=i;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../components/misc/OrderedCollection/index.cjs");let t=require("react/compiler-runtime"),n=require("react"),r=require("react/jsx-runtime");function i(i){let o=(0,t.c)(10),s=(0,n.useId)(),c;o[0]===i?c=o[1]:(c=Object.fromEntries(Object.entries(i).filter(a)),o[0]=i,o[1]=c);let l=c,u;o[2]!==l||o[3]!==i.children||o[4]!==i.className||o[5]!==i.style?(u={className:i.className,style:i.style,dataset:l,children:i.children},o[2]=l,o[3]=i.children,o[4]=i.className,o[5]=i.style,o[6]=u):u=o[6];let d=u,f;return o[7]!==d||o[8]!==s?(f=(0,r.jsx)(e.OrderedCollectionChild,{name:`Content`,id:s,content:d}),o[7]=d,o[8]=s,o[9]=f):f=o[9],f}function a(e){let[t]=e;return t.startsWith(`data-`)}exports.default=i;

package/dist/layouts/Content.d.ts

@@ -1,3 +1,9 @@
-import { PropsWithChildren } from 'react';
-export type ContentProps = PropsWithChildren;
+import { CSSProperties, PropsWithChildren } from 'react';
+export interface ContentProps extends PropsWithChildren {
+    className?: string;
+    style?: CSSProperties;
+}
+export interface ContentData extends ContentProps {
+    dataset: Record<string, string | boolean>;
+}
 export default function Content(props: ContentProps): import('react').JSX.Element;

package/dist/layouts/Content.js

@@ -4,14 +4,25 @@ import { useId as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/layouts/Content.tsx
 function i(i) {
-	let a = t(5), o = n(), s;
-	a[0] === i.children ? s = a[1] : (s = { children: i.children }, a[0] = i.children, a[1] = s);
-	let c = s, l;
-	return a[2] !== c || a[3] !== o ? (l = /* @__PURE__ */ r(e, {
+	let o = t(10), s = n(), c;
+	o[0] === i ? c = o[1] : (c = Object.fromEntries(Object.entries(i).filter(a)), o[0] = i, o[1] = c);
+	let l = c, u;
+	o[2] !== l || o[3] !== i.children || o[4] !== i.className || o[5] !== i.style ? (u = {
+		className: i.className,
+		style: i.style,
+		dataset: l,
+		children: i.children
+	}, o[2] = l, o[3] = i.children, o[4] = i.className, o[5] = i.style, o[6] = u) : u = o[6];
+	let d = u, f;
+	return o[7] !== d || o[8] !== s ? (f = /* @__PURE__ */ r(e, {
 		name: "Content",
-		id: o,
-		content: c
-	}), a[2] = c, a[3] = o, a[4] = l) : l = a[4], l;
+		id: s,
+		content: d
+	}), o[7] = d, o[8] = s, o[9] = f) : f = o[9], f;
+}
+function a(e) {
+	let [t] = e;
+	return t.startsWith("data-");
 }
 //#endregion
 export { i as default };

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

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/Page/style.css

@@ -1 +1 @@
-.Page{box-sizing:border-box;--page-content-default-spacing:var(--md-sys-measurement-space300);--page-tools-top-size:max(var(--page-tools-top-menubar-size,var(--page-content-default-spacing,0px)), var(--page-tools-top-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-bottom-size:max(var(--page-tools-bottom-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-left-size:max(var(--page-tools-left-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-right-size:max(var(--page-tools-right-toolbar-size,var(--page-content-default-spacing,0px)));justify-content:stretch;align-items:stretch;min-width:100dvw;min-height:100dvh;display:flex}.Page:has(>.tools.top>.Menubar){--page-tools-top-menubar-size:calc(48px + var(--md-sys-measurement-space200))}.Page:has(>.tools.top>.Toolbar.floating){--page-tools-top-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Page:has(>.tools.bottom>.Toolbar.docked){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Page:has(>.tools.bottom>.Toolbar.floating){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-floating-horizontal-container-height) + var(--md-comp-toolbar-floating-horizontal-container-external-space) * 2)}.Page:has(>.tools.left>.Toolbar.floating){--page-tools-left-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Page:has(>.tools.right>.Toolbar.floating){--page-tools-right-toolbar-size:calc(var(--md-comp-toolbar-floating-vertical-container-width) + var(--md-comp-toolbar-floating-vertical-container-external-space) * 2)}.Page>.tools{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.Page>.tools>*{pointer-events:initial}.Page>.tools.top{top:0;left:0;right:0}.Page>.tools.top:not(:has(>.Menubar)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.top>.Menubar{flex:1}.Page>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.bottom{bottom:0;left:0;right:0}.Page>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.bottom>.Toolbar.docked{flex:1}.Page>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Page>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Page>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.content{padding:var(--page-tools-top-size) var(--page-tools-right-size) var(--page-tools-bottom-size) var(--page-tools-left-size);box-sizing:border-box;flex:1;width:100%;height:100%}.Page>.content>*{--page-tools-top-size:initial;--page-tools-bottom-size:initial;--page-tools-left-size:initial;--page-tools-right-size:initial;--page-tools-top-menubar-size:initial;--page-tools-top-toolbar-size:initial;--page-tools-bottom-toolbar-size:initial;--page-tools-left-toolbar-size:initial;--page-tools-right-toolbar-size:initial}
+.Page{box-sizing:border-box;--page-content-default-spacing:var(--md-sys-measurement-space300);--page-tools-top-size:max(var(--page-tools-top-menubar-size,var(--page-content-default-spacing,0px)), var(--page-tools-top-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-bottom-size:max(var(--page-tools-bottom-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-left-size:max(var(--page-tools-left-toolbar-size,var(--page-content-default-spacing,0px)));--page-tools-right-size:max(var(--page-tools-right-toolbar-size,var(--page-content-default-spacing,0px)));justify-content:stretch;align-items:stretch;min-width:100dvw;min-height:100dvh;display:flex}.Page:where(:has(>.tools.top>.Menubar)){--page-tools-top-menubar-size:calc(48px + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.top>.Menubar))>.content{padding-top:48px}.Page:where(:has(>.tools.top>.Toolbar.floating)){--page-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))}.Page:where(:has(>.tools.bottom>.Toolbar.docked)){--page-tools-bottom-toolbar-size:calc(var(--md-comp-toolbar-docked-container-height) + var(--md-sys-measurement-space200))}.Page:where(:has(>.tools.bottom>.Toolbar.docked))>.content{padding-bottom:var(--md-comp-toolbar-docked-container-height)}.Page:where(:has(>.tools.bottom>.Toolbar.floating)){--page-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))}.Page:where(:has(>.tools.left>.Toolbar.floating)){--page-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))}.Page:where(:has(>.tools.right>.Toolbar.floating)){--page-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))}.Page>.tools{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed}.Page>.tools>*{pointer-events:initial}.Page>.tools.top{top:0;left:0;right:0}.Page>.tools.top:not(:has(>.Menubar)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.top>.Menubar{flex:1}.Page>.tools.top>.Toolbar.floating{margin-top:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.bottom{bottom:0;left:0;right:0}.Page>.tools.bottom:not(:has(>.Toolbar.docked)){padding-inline:var(--md-sys-measurement-space200)}.Page>.tools.bottom>.Toolbar.docked{flex:1}.Page>.tools.bottom>.Toolbar.floating{margin-bottom:var(--md-comp-toolbar-floating-horizontal-container-external-space)}.Page>.tools.left{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;left:0}.Page>.tools.left>.Toolbar.floating{margin-left:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page>.tools.right{padding-block:var(--md-sys-measurement-space300);top:0;bottom:0;right:0}.Page>.tools.right>.Toolbar.floating{margin-right:var(--md-comp-toolbar-floating-vertical-container-external-space)}.Page.inline-padding>.content{padding-inline:var(--page-tools-left-size) var(--page-tools-right-size)}.Page.block-padding>.content{padding-block:var(--page-tools-top-size) var(--page-tools-bottom-size)}.Page>.content{box-sizing:border-box;flex:1;width:100%;height:100%}.Page>.content>*{--page-tools-top-size:initial;--page-tools-bottom-size:initial;--page-tools-left-size:initial;--page-tools-right-size:initial;--page-tools-top-menubar-size:initial;--page-tools-top-toolbar-size:initial;--page-tools-bottom-toolbar-size:initial;--page-tools-left-toolbar-size:initial;--page-tools-right-toolbar-size:initial}

package/dist/layouts/Panes/style.css

@@ -1 +1 @@
-.Panes{background-color:var(--md-comp-panes-container-color);height:300px;display:flex}.Panes.horizontal{flex-direction:row}.Panes.horizontal>.ResizeHandle{cursor:col-resize}.Panes.horizontal>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-inline-size);height:var(--md-comp-panes-handle-indicator-block-size)}.Panes.horizontal>.ResizeHandle.dragging:before{width:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes.vertical{flex-direction:column}.Panes.vertical>.ResizeHandle{cursor:row-resize}.Panes.vertical>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-block-size);height:var(--md-comp-panes-handle-indicator-inline-size)}.Panes.vertical>.ResizeHandle.dragging:before{height:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes>.ResizeHandle{flex:0 0 var(--md-comp-panes-handle-size);position:relative}.Panes>.ResizeHandle:before{content:"";background-color:var(--md-comp-panes-handle-indicator-color);border-radius:var(--md-comp-panes-handle-indicator-shape);transition:width var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), height var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Panes>.ResizeHandle.dragging:before{background-color:var(--md-comp-panes-handle-indicator-dragging-color)}.Panes>.Pane{flex:0 1 var(--pane-size);background-color:var(--md-comp-panes-pane-container-color);border-radius:var(--md-comp-panes-pane-container-shape);box-sizing:border-box;overflow:auto}.Panes>.Pane.animating{transition:all var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Panes>.Pane.collapsed{overflow:hidden}.Panes>.Pane.inline-padding{padding-inline:var(--md-sys-measurement-space200)}.Panes>.Pane.block-padding{padding-block:var(--md-sys-measurement-space200)}
+.Panes{background-color:var(--md-comp-panes-container-color);width:100%;height:100%;display:flex}.Panes.horizontal{flex-direction:row}.Panes.horizontal>.ResizeHandle{cursor:col-resize}.Panes.horizontal>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-inline-size);height:var(--md-comp-panes-handle-indicator-block-size)}.Panes.horizontal>.ResizeHandle.dragging:before{width:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes.vertical{flex-direction:column}.Panes.vertical>.ResizeHandle{cursor:row-resize}.Panes.vertical>.ResizeHandle:before{width:var(--md-comp-panes-handle-indicator-block-size);height:var(--md-comp-panes-handle-indicator-inline-size)}.Panes.vertical>.ResizeHandle.dragging:before{height:var(--md-comp-panes-handle-indicator-dragging-inline-size)}.Panes>.ResizeHandle{flex:0 0 var(--md-comp-panes-handle-size);position:relative}.Panes>.ResizeHandle:before{content:"";background-color:var(--md-comp-panes-handle-indicator-color);border-radius:var(--md-comp-panes-handle-indicator-shape);transition:width var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), height var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Panes>.ResizeHandle.dragging:before{background-color:var(--md-comp-panes-handle-indicator-dragging-color)}.Panes>.Pane{flex:0 1 var(--pane-size);background-color:var(--md-comp-panes-pane-container-color);border-radius:var(--md-comp-panes-pane-container-shape);box-sizing:border-box;overflow:auto}.Panes>.Pane.animating{transition:all var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Panes>.Pane.collapsed{overflow:hidden}.Panes>.Pane.inline-padding{padding-inline:var(--md-sys-measurement-space200)}.Panes>.Pane.block-padding{padding-block:var(--md-sys-measurement-space200)}

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