react-material-design 0.0.0-stage → 0.5.0

package/dist/hooks/useFloating/middleware/flip.js

@@ -0,0 +1,88 @@
+import { computeBaseCoords as e, getOppositeAlignment as t, getOppositeSide as n, parsePlacement as r } from "../utils.js";
+//#region lib/hooks/useFloating/middleware/flip.ts
+function i(e, t, n) {
+	let { flipX: r, flipY: i, flipBoth: a } = {
+		"top-left": {
+			flipX: "top-right",
+			flipY: "bottom-left",
+			flipBoth: "bottom-right"
+		},
+		"top-right": {
+			flipX: "top-left",
+			flipY: "bottom-right",
+			flipBoth: "bottom-left"
+		},
+		"bottom-left": {
+			flipX: "bottom-right",
+			flipY: "top-left",
+			flipBoth: "top-right"
+		},
+		"bottom-right": {
+			flipX: "bottom-left",
+			flipY: "top-right",
+			flipBoth: "top-left"
+		}
+	}[e];
+	return t && n ? [
+		e,
+		a,
+		r,
+		i
+	] : t ? [
+		e,
+		r,
+		a,
+		i
+	] : [
+		e,
+		i,
+		a,
+		r
+	];
+}
+function a(e, r, i) {
+	let [a, o] = e.split("-"), s = n(a), c = t(o), l = a === "top" || a === "bottom", u = l ? i : r, d = l ? r : i, f = [e, s], p = `${s}-${o}`, m = `${a}-${c}`, h = `${s}-${c}`;
+	return s ? o ? c ? u && d ? [
+		e,
+		h,
+		p,
+		m
+	] : u ? [
+		e,
+		p,
+		h,
+		m
+	] : d ? [
+		e,
+		m,
+		h,
+		p
+	] : [
+		e,
+		p,
+		m,
+		h
+	] : [e, `${s}-${o}`] : (l ? f.push("left", "right") : f.push("top", "bottom"), f) : [e];
+}
+var o = (t = {}) => (n) => {
+	let { padding: o = 0, offset: s = 0, fallbackPlacements: c = [] } = t, { x: l, y: u, placement: d, refRect: f, floatRect: p, hasFlipped: m, viewport: h } = n, g = h.left > l || l + p.width > h.right, _ = h.top > u || u + p.height > h.bottom, { isDiagonal: v } = r(d), y, b = c, x, S = d, C = l, w = u, T, E, D = Infinity, O, k, A, j, M;
+	if (m) return {};
+	b.length === 0 && (b = v ? i(d, g, _) : a(d, g, _)), t.allowedPlacements && t.allowedPlacements.length > 0 && (b = b.filter((e) => t.allowedPlacements?.includes(e)));
+	for (let t of b) {
+		if (T = n.x, E = n.y, t !== d && (x = e(f, p, t), T = x.x, E = x.y, s > 0 && (y = t.split("-").at(0), y === "top" && (E -= s), y === "bottom" && (E += s), y === "left" && (T -= s), y === "right" && (T += s))), k = Math.max(0, h.top + o - E), A = Math.max(0, E + p.height - (h.bottom - o)), j = Math.max(0, h.left + o - T), M = Math.max(0, T + p.width - (h.right - o)), O = k + A + j + M, O === 0) return t === d ? {} : {
+			hasFlipped: !0,
+			reset: { placement: t },
+			x: T,
+			y: E
+		};
+		O < D && (D = O, S = t, C = T, w = E);
+	}
+	return S === d ? {} : {
+		x: C,
+		y: w,
+		hasFlipped: !0,
+		reset: { placement: S }
+	};
+};
+//#endregion
+export { o as flip };

package/dist/hooks/useFloating/middleware/offset.cjs

@@ -0,0 +1 @@
+var e=(e={})=>t=>{let{mainAxis:n=0,crossAxis:r=0}=typeof e==`number`?{mainAxis:e}:e,{x:i,y:a,placement:o}=t;switch(o){case`top`:case`top-start`:case`top-end`:a-=n,i+=r;break;case`bottom`:case`bottom-start`:case`bottom-end`:a+=n,i+=r;break;case`left`:case`left-start`:case`left-end`:i-=n,a+=r;break;case`right`:case`right-start`:case`right-end`:i+=n,a+=r;break;case`top-left`:i-=r===0?n:r,a-=n;break;case`top-right`:i+=r===0?n:r,a-=n;break;case`bottom-left`:i-=r===0?n:r,a+=n;break;case`bottom-right`:i+=r===0?n:r,a+=n}return{x:i,y:a}};exports.offset=e;

package/dist/hooks/useFloating/middleware/offset.d.ts

@@ -0,0 +1,2 @@
+import { Middleware, OffsetOptions } from '../types';
+export declare const offset: (options?: number | OffsetOptions) => Middleware;

package/dist/hooks/useFloating/middleware/offset.js

@@ -0,0 +1,42 @@
+//#region lib/hooks/useFloating/middleware/offset.ts
+var e = (e = {}) => (t) => {
+	let { mainAxis: n = 0, crossAxis: r = 0 } = typeof e == "number" ? { mainAxis: e } : e, { x: i, y: a, placement: o } = t;
+	switch (o) {
+		case "top":
+		case "top-start":
+		case "top-end":
+			a -= n, i += r;
+			break;
+		case "bottom":
+		case "bottom-start":
+		case "bottom-end":
+			a += n, i += r;
+			break;
+		case "left":
+		case "left-start":
+		case "left-end":
+			i -= n, a += r;
+			break;
+		case "right":
+		case "right-start":
+		case "right-end":
+			i += n, a += r;
+			break;
+		case "top-left":
+			i -= r === 0 ? n : r, a -= n;
+			break;
+		case "top-right":
+			i += r === 0 ? n : r, a -= n;
+			break;
+		case "bottom-left":
+			i -= r === 0 ? n : r, a += n;
+			break;
+		case "bottom-right": i += r === 0 ? n : r, a += n;
+	}
+	return {
+		x: i,
+		y: a
+	};
+};
+//#endregion
+export { e as offset };

package/dist/hooks/useFloating/middleware/shift.cjs

@@ -0,0 +1 @@
+const e=require("../utils.cjs");var t=(t={})=>n=>{let{x:r,y:i,placement:a,viewport:o,refRect:s,floatRect:c}=n,{side:l,isDiagonal:u}=e.parsePlacement(a),d=l===`top`||l===`bottom`,f=typeof t==`number`?{padding:t}:t,p=f.padding??8,m=f.crossAxis??!0,h=f.mainAxis??!1,g=typeof f.limitShift==`number`?f.limitShift:f.limitShift?0:null,_=o.left+p,v=o.right-c.width-p,y=o.top+p,b=o.bottom-c.height-p,x=r,S=i,C,w,T,E;return g!==null&&(C=s.left-c.width+g,w=s.right+g,T=s.top-c.height+g,E=s.bottom+g,C<=w&&(_=Math.max(_,C),v=Math.min(v,w)),T<=E&&(y=Math.max(y,T),b=Math.min(b,E))),_=Math.min(_,v),y=Math.min(y,b),u?(h||m)&&(x=Math.max(_,Math.min(x,v)),S=Math.max(y,Math.min(S,b))):((d&&m||!d&&h)&&(x=Math.max(_,Math.min(x,v))),(d&&h||!d&&m)&&(S=Math.max(y,Math.min(S,b)))),{x,y:S}};exports.shift=t;

package/dist/hooks/useFloating/middleware/shift.d.ts

@@ -0,0 +1,2 @@
+import { Middleware, ShiftOptions } from '../types';
+export declare const shift: (options?: number | ShiftOptions) => Middleware;

package/dist/hooks/useFloating/middleware/shift.js

@@ -0,0 +1,11 @@
+import { parsePlacement as e } from "../utils.js";
+//#region lib/hooks/useFloating/middleware/shift.ts
+var t = (t = {}) => (n) => {
+	let { x: r, y: i, placement: a, viewport: o, refRect: s, floatRect: c } = n, { side: l, isDiagonal: u } = e(a), d = l === "top" || l === "bottom", f = typeof t == "number" ? { padding: t } : t, p = f.padding ?? 8, m = f.crossAxis ?? !0, h = f.mainAxis ?? !1, g = typeof f.limitShift == "number" ? f.limitShift : f.limitShift ? 0 : null, _ = o.left + p, v = o.right - c.width - p, y = o.top + p, b = o.bottom - c.height - p, x = r, S = i, C, w, T, E;
+	return g !== null && (C = s.left - c.width + g, w = s.right + g, T = s.top - c.height + g, E = s.bottom + g, C <= w && (_ = Math.max(_, C), v = Math.min(v, w)), T <= E && (y = Math.max(y, T), b = Math.min(b, E))), _ = Math.min(_, v), y = Math.min(y, b), u ? (h || m) && (x = Math.max(_, Math.min(x, v)), S = Math.max(y, Math.min(S, b))) : ((d && m || !d && h) && (x = Math.max(_, Math.min(x, v))), (d && h || !d && m) && (S = Math.max(y, Math.min(S, b)))), {
+		x,
+		y: S
+	};
+};
+//#endregion
+export { t as shift };

package/dist/hooks/useFloating/middleware/size.cjs

@@ -0,0 +1 @@
+var e=e=>t=>{let{placement:n,x:r,y:i,floatRect:a,viewport:o}=t,s=e.padding??0,[c]=n.split(`-`),l=o.width-s*2,u=o.height-s*2;return c===`top`?u=Math.max(0,i+a.height-o.top-s):c===`bottom`?u=Math.max(0,o.bottom-i-s):c===`left`?l=Math.max(0,r+a.width-o.left-s):c===`right`&&(l=Math.max(0,o.right-r-s)),e.apply(l,u,t),{}};exports.size=e;

package/dist/hooks/useFloating/middleware/size.d.ts

@@ -0,0 +1,6 @@
+import { Middleware, MiddlewareState } from '../types';
+export interface SizeOptions {
+    padding?: number;
+    apply: (availableWidth: number, availableHeight: number, state: MiddlewareState) => void;
+}
+export declare const size: (options: SizeOptions) => Middleware;

package/dist/hooks/useFloating/middleware/size.js

@@ -0,0 +1,7 @@
+//#region lib/hooks/useFloating/middleware/size.ts
+var e = (e) => (t) => {
+	let { placement: n, x: r, y: i, floatRect: a, viewport: o } = t, s = e.padding ?? 0, [c] = n.split("-"), l = o.width - s * 2, u = o.height - s * 2;
+	return c === "top" ? u = Math.max(0, i + a.height - o.top - s) : c === "bottom" ? u = Math.max(0, o.bottom - i - s) : c === "left" ? l = Math.max(0, r + a.width - o.left - s) : c === "right" && (l = Math.max(0, o.right - r - s)), e.apply(l, u, t), {};
+};
+//#endregion
+export { e as size };

package/dist/hooks/useFloating/utils.cjs

@@ -0,0 +1 @@
+function e(e){let t=[`top-left`,`top-right`,`bottom-left`,`bottom-right`].includes(e),[n,r]=e.split(`-`);return t?{side:e,isDiagonal:!0}:{side:n,alignment:r,isDiagonal:!1}}function t(e){return{top:`bottom`,bottom:`top`,left:`right`,right:`left`}[e]}function n(e){return{start:`end`,end:`start`}[e]}function r(e,t,n){let r;switch(n){case`top`:r={x:e.left+(e.width-t.width)/2,y:e.top-t.height};break;case`top-start`:r={x:e.left,y:e.top-t.height};break;case`top-end`:r={x:e.right-t.width,y:e.top-t.height};break;case`bottom`:r={x:e.left+(e.width-t.width)/2,y:e.bottom};break;case`bottom-start`:r={x:e.left,y:e.bottom};break;case`bottom-end`:r={x:e.right-t.width,y:e.bottom};break;case`left`:r={x:e.left-t.width,y:e.top+(e.height-t.height)/2};break;case`left-start`:r={x:e.left-t.width,y:e.top};break;case`left-end`:r={x:e.left-t.width,y:e.bottom-t.height};break;case`right`:r={x:e.right,y:e.top+(e.height-t.height)/2};break;case`right-start`:r={x:e.right,y:e.top};break;case`right-end`:r={x:e.right,y:e.bottom-t.height};break;case`top-left`:r={x:e.left-t.width,y:e.top-t.height};break;case`top-right`:r={x:e.right,y:e.top-t.height};break;case`bottom-left`:r={x:e.left-t.width,y:e.bottom};break;case`bottom-right`:r={x:e.right,y:e.bottom};break;default:r={x:e.left,y:e.top}}return new DOMRect(r.x,r.y,t.width,t.height)}function i(e,t){return{getBoundingClientRect:()=>new DOMRect(e.clientX,e.clientY,0,0),contextElement:t}}exports.computeBaseCoords=r,exports.createCursorVirtualElement=i,exports.getOppositeAlignment=n,exports.getOppositeSide=t,exports.parsePlacement=e;

package/dist/hooks/useFloating/utils.d.ts

@@ -0,0 +1,22 @@
+import { VirtualElement } from '.';
+import { Alignment, DiagonalPlacement, Placement, Side } from './types';
+export declare function parsePlacement(placement: Placement): {
+    side: DiagonalPlacement;
+    isDiagonal: boolean;
+    alignment?: undefined;
+} | {
+    side: Side;
+    alignment: Alignment | undefined;
+    isDiagonal: boolean;
+};
+export declare function getOppositeSide(side: Side): Side;
+export declare function getOppositeAlignment(alignment: Alignment): Alignment;
+export declare function getDiagonalCandidates(placement: DiagonalPlacement, overflowX: boolean, overflowY: boolean): Placement[];
+export declare function computeBaseCoords(refRect: DOMRect, floatRect: {
+    width: number;
+    height: number;
+}, placement: Placement): DOMRect;
+export declare function createCursorVirtualElement(client: {
+    clientX: number;
+    clientY: number;
+}, contextElement?: HTMLElement): VirtualElement;

package/dist/hooks/useFloating/utils.js

@@ -0,0 +1,145 @@
+//#region lib/hooks/useFloating/utils.ts
+function e(e) {
+	let t = [
+		"top-left",
+		"top-right",
+		"bottom-left",
+		"bottom-right"
+	].includes(e), [n, r] = e.split("-");
+	return t ? {
+		side: e,
+		isDiagonal: !0
+	} : {
+		side: n,
+		alignment: r,
+		isDiagonal: !1
+	};
+}
+function t(e) {
+	return {
+		top: "bottom",
+		bottom: "top",
+		left: "right",
+		right: "left"
+	}[e];
+}
+function n(e) {
+	return {
+		start: "end",
+		end: "start"
+	}[e];
+}
+function r(e, t, n) {
+	let r;
+	switch (n) {
+		case "top":
+			r = {
+				x: e.left + (e.width - t.width) / 2,
+				y: e.top - t.height
+			};
+			break;
+		case "top-start":
+			r = {
+				x: e.left,
+				y: e.top - t.height
+			};
+			break;
+		case "top-end":
+			r = {
+				x: e.right - t.width,
+				y: e.top - t.height
+			};
+			break;
+		case "bottom":
+			r = {
+				x: e.left + (e.width - t.width) / 2,
+				y: e.bottom
+			};
+			break;
+		case "bottom-start":
+			r = {
+				x: e.left,
+				y: e.bottom
+			};
+			break;
+		case "bottom-end":
+			r = {
+				x: e.right - t.width,
+				y: e.bottom
+			};
+			break;
+		case "left":
+			r = {
+				x: e.left - t.width,
+				y: e.top + (e.height - t.height) / 2
+			};
+			break;
+		case "left-start":
+			r = {
+				x: e.left - t.width,
+				y: e.top
+			};
+			break;
+		case "left-end":
+			r = {
+				x: e.left - t.width,
+				y: e.bottom - t.height
+			};
+			break;
+		case "right":
+			r = {
+				x: e.right,
+				y: e.top + (e.height - t.height) / 2
+			};
+			break;
+		case "right-start":
+			r = {
+				x: e.right,
+				y: e.top
+			};
+			break;
+		case "right-end":
+			r = {
+				x: e.right,
+				y: e.bottom - t.height
+			};
+			break;
+		case "top-left":
+			r = {
+				x: e.left - t.width,
+				y: e.top - t.height
+			};
+			break;
+		case "top-right":
+			r = {
+				x: e.right,
+				y: e.top - t.height
+			};
+			break;
+		case "bottom-left":
+			r = {
+				x: e.left - t.width,
+				y: e.bottom
+			};
+			break;
+		case "bottom-right":
+			r = {
+				x: e.right,
+				y: e.bottom
+			};
+			break;
+		default: r = {
+			x: e.left,
+			y: e.top
+		};
+	}
+	return new DOMRect(r.x, r.y, t.width, t.height);
+}
+function i(e, t) {
+	return {
+		getBoundingClientRect: () => new DOMRect(e.clientX, e.clientY, 0, 0),
+		contextElement: t
+	};
+}
+//#endregion
+export { r as computeBaseCoords, i as createCursorVirtualElement, n as getOppositeAlignment, t as getOppositeSide, e as parsePlacement };

package/dist/layouts/Content.cjs

@@ -0,0 +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;

package/dist/layouts/Content.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export type ContentProps = PropsWithChildren;
+export default function Content(props: ContentProps): import('react').JSX.Element;

package/dist/layouts/Content.js

@@ -0,0 +1,17 @@
+import { OrderedCollectionChild as e } from "../components/misc/OrderedCollection/index.js";
+import { c as t } from "react/compiler-runtime";
+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, {
+		name: "Content",
+		id: o,
+		content: c
+	}), a[2] = c, a[3] = o, a[4] = l) : l = a[4], l;
+}
+//#endregion
+export { i as default };

package/dist/layouts/Page/index.cjs

@@ -0,0 +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;

package/dist/layouts/Page/index.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface PageProps extends PropsWithChildren {
+    contentPadding?: boolean;
+    inlineContentPadding?: boolean;
+    blockContentPadding?: boolean;
+}
+export default function Page(props: PageProps): import('react').JSX.Element;

package/dist/layouts/Page/index.js

@@ -0,0 +1,135 @@
+import { shallowEqual as e } from "../../utils/index.js";
+import t from "../../components/misc/OrderedCollection/index.js";
+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";
+//#region lib/layouts/Page/index.tsx
+function d(n) {
+	let r = a(48), 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") ? (_ = [
+		"Content",
+		"Menubar",
+		"Toolbar",
+		"ContextMenu"
+	], r[1] = _) : _ = r[1];
+	let v = _, y;
+	r[2] === s ? y = r[3] : (y = s.filter(ae), r[2] = s, r[3] = y);
+	let b = y, x;
+	r[4] === s ? x = r[5] : (x = s.filter(ie), r[4] = s, r[5] = x);
+	let S = x, C;
+	r[6] === s ? C = r[7] : (C = s.filter(g), r[6] = s, r[7] = C);
+	let w = C, T;
+	r[8] === s ? T = r[9] : (T = s.filter(h), r[8] = s, r[9] = T);
+	let E = T, D;
+	r[10] === w ? D = r[11] : (D = w.filter(m), r[10] = w, r[11] = 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", {
+		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", {
+		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", {
+		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", {
+		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: [Y, X]
+	}), r[36] = Y, r[37] = X, r[38] = Z) : Z = r[38];
+	let Q;
+	r[39] === n.children ? Q = r[40] : (Q = /* @__PURE__ */ l(t, {
+		name: "Page",
+		childName: v,
+		onChildrenChange: d,
+		compareChild: e,
+		children: n.children
+	}), r[39] = n.children, r[40] = 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,
+		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 f(e) {
+	return /* @__PURE__ */ l(s, { children: e.children }, e.id);
+}
+function p(e) {
+	return /* @__PURE__ */ l(n, { ...e }, e.id);
+}
+function ee(e) {
+	switch (e.orderedCollectionName) {
+		case "Menubar": return /* @__PURE__ */ l(r, { ...e }, e.id);
+		case "Toolbar": return /* @__PURE__ */ l(i, { ...e }, e.id);
+		default: return null;
+	}
+}
+function te(e) {
+	return !e.orientation || e.orientation === "horizontal";
+}
+function ne(e) {
+	return e.orientation === "vertical";
+}
+function re(e) {
+	return e.variant === "floating";
+}
+function m(e) {
+	return e.variant === "docked";
+}
+function h(e) {
+	return e.orderedCollectionName === "ContextMenu";
+}
+function g(e) {
+	return e.orderedCollectionName === "Toolbar";
+}
+function ie(e) {
+	return e.orderedCollectionName === "Menubar";
+}
+function ae(e) {
+	return e.orderedCollectionName === "Content";
+}
+//#endregion
+export { d as default };

package/dist/layouts/Page/style.css

@@ -0,0 +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}

package/dist/layouts/Panes/Pane.cjs

@@ -0,0 +1 @@
+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)(12),o=(0,n.useId)(),s=i.id??o,c=i.minSize??`10%`,l;a[0]!==i.blockContentPadding||a[1]!==i.children||a[2]!==i.className||a[3]!==i.contentPadding||a[4]!==i.defaultSize||a[5]!==i.inlineContentPadding||a[6]!==i.snapPoints||a[7]!==s||a[8]!==c?(l={id:s,defaultSize:i.defaultSize,minSize:c,snapPoints:i.snapPoints,inlineContentPadding:i.inlineContentPadding,blockContentPadding:i.blockContentPadding,contentPadding:i.contentPadding,className:i.className,children:i.children},a[0]=i.blockContentPadding,a[1]=i.children,a[2]=i.className,a[3]=i.contentPadding,a[4]=i.defaultSize,a[5]=i.inlineContentPadding,a[6]=i.snapPoints,a[7]=s,a[8]=c,a[9]=l):l=a[9];let u=l,d;return a[10]===u?d=a[11]:(d=(0,r.jsx)(e.OrderedCollectionChild,{name:`Pane`,parentName:`Panes`,content:u}),a[10]=u,a[11]=d),d}exports.default=i;

package/dist/layouts/Panes/Pane.d.ts

@@ -0,0 +1,11 @@
+import { SizeUnit } from '../../utils/index';
+import { PropsWithChildren } from 'react';
+import { LayoutPadding } from '../types';
+export interface PaneProps extends PropsWithChildren, LayoutPadding {
+    id?: string;
+    defaultSize?: SizeUnit | "auto";
+    minSize?: SizeUnit;
+    snapPoints?: SizeUnit[];
+    className?: string;
+}
+export default function Pane(props: PaneProps): import('react').JSX.Element;

package/dist/layouts/Panes/Pane.js

@@ -0,0 +1,27 @@
+import { OrderedCollectionChild as e } from "../../components/misc/OrderedCollection/index.js";
+import { c as t } from "react/compiler-runtime";
+import { useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/layouts/Panes/Pane.tsx
+function i(i) {
+	let a = t(12), o = n(), s = i.id ?? o, c = i.minSize ?? "10%", l;
+	a[0] !== i.blockContentPadding || a[1] !== i.children || a[2] !== i.className || a[3] !== i.contentPadding || a[4] !== i.defaultSize || a[5] !== i.inlineContentPadding || a[6] !== i.snapPoints || a[7] !== s || a[8] !== c ? (l = {
+		id: s,
+		defaultSize: i.defaultSize,
+		minSize: c,
+		snapPoints: i.snapPoints,
+		inlineContentPadding: i.inlineContentPadding,
+		blockContentPadding: i.blockContentPadding,
+		contentPadding: i.contentPadding,
+		className: i.className,
+		children: i.children
+	}, a[0] = i.blockContentPadding, a[1] = i.children, a[2] = i.className, a[3] = i.contentPadding, a[4] = i.defaultSize, a[5] = i.inlineContentPadding, a[6] = i.snapPoints, a[7] = s, a[8] = c, a[9] = l) : l = a[9];
+	let u = l, d;
+	return a[10] === u ? d = a[11] : (d = /* @__PURE__ */ r(e, {
+		name: "Pane",
+		parentName: "Panes",
+		content: u
+	}), a[10] = u, a[11] = d), d;
+}
+//#endregion
+export { i as default };

package/dist/layouts/Panes/Pane.render.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react/compiler-runtime"),n=require("classnames");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){let i=(0,t.c)(19),a=e.inlineContentPadding??e.contentPadding??!1,o=e.blockContentPadding??e.contentPadding??!1,s,c=`100%`;if(e.size!==`auto`){if(typeof e.size==`string`&&e.size.endsWith(`%`)){s=parseFloat(e.size);let t;i[0]!==s||i[1]!==e.totalHandlesSize?(t=e.totalHandlesSize>0?`calc(${s.toFixed(3)}% - ${Math.round(s/100*e.totalHandlesSize)}px)`:`${s.toFixed(3)}%`,i[0]=s,i[1]=e.totalHandlesSize,i[2]=t):t=i[2],c=t}else if(typeof e.size==`number`){let t;i[3]===e.size?t=i[4]:(t=Math.round(e.size),i[3]=e.size,i[4]=t),c=`calc(0% + ${t}px)`}else c=e.size}let l=!e.activeDrag||e.isAnimating,u;i[5]!==o||i[6]!==a||i[7]!==e.className||i[8]!==e.collapsed||i[9]!==e.snapped||i[10]!==l?(u=(0,n.default)(`Pane`,{snapped:e.snapped,collapsed:e.collapsed,"inline-padding":a,"block-padding":o,animating:l},e.className),i[5]=o,i[6]=a,i[7]=e.className,i[8]=e.collapsed,i[9]=e.snapped,i[10]=l,i[11]=u):u=i[11];let d;i[12]===c?d=i[13]:(d={"--pane-size":c},i[12]=c,i[13]=d);let f;return i[14]!==e.children||i[15]!==e.id||i[16]!==u||i[17]!==d?(f=(0,r.jsx)(`section`,{className:u,"data-key":e.id,style:d,children:e.children}),i[14]=e.children,i[15]=e.id,i[16]=u,i[17]=d,i[18]=f):f=i[18],f}exports.default=i;

package/dist/layouts/Panes/Pane.render.d.ts

@@ -0,0 +1,6 @@
+import { PaneProps } from './Pane';
+import { PaneData } from './Panes';
+export default function PaneRender(props: PaneProps & PaneData & {
+    totalHandlesSize: number;
+    activeDrag: string | null;
+}): import('react').JSX.Element;

package/dist/layouts/Panes/Pane.render.js

@@ -0,0 +1,36 @@
+import { c as e } from "react/compiler-runtime";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/layouts/Panes/Pane.render.tsx
+function r(r) {
+	let i = e(19), a = r.inlineContentPadding ?? r.contentPadding ?? !1, o = r.blockContentPadding ?? r.contentPadding ?? !1, s, c = "100%";
+	if (r.size !== "auto") {
+		if (typeof r.size == "string" && r.size.endsWith("%")) {
+			s = parseFloat(r.size);
+			let e;
+			i[0] !== s || i[1] !== r.totalHandlesSize ? (e = r.totalHandlesSize > 0 ? `calc(${s.toFixed(3)}% - ${Math.round(s / 100 * r.totalHandlesSize)}px)` : `${s.toFixed(3)}%`, i[0] = s, i[1] = r.totalHandlesSize, i[2] = e) : e = i[2], c = e;
+		} else if (typeof r.size == "number") {
+			let e;
+			i[3] === r.size ? e = i[4] : (e = Math.round(r.size), i[3] = r.size, i[4] = e), c = `calc(0% + ${e}px)`;
+		} else c = r.size;
+	}
+	let l = !r.activeDrag || r.isAnimating, u;
+	i[5] !== o || i[6] !== a || i[7] !== r.className || i[8] !== r.collapsed || i[9] !== r.snapped || i[10] !== l ? (u = t("Pane", {
+		snapped: r.snapped,
+		collapsed: r.collapsed,
+		"inline-padding": a,
+		"block-padding": o,
+		animating: l
+	}, r.className), i[5] = o, i[6] = a, i[7] = r.className, i[8] = r.collapsed, i[9] = r.snapped, i[10] = l, i[11] = u) : u = i[11];
+	let d;
+	i[12] === c ? d = i[13] : (d = { "--pane-size": c }, i[12] = c, i[13] = d);
+	let f;
+	return i[14] !== r.children || i[15] !== r.id || i[16] !== u || i[17] !== d ? (f = /* @__PURE__ */ n("section", {
+		className: u,
+		"data-key": r.id,
+		style: d,
+		children: r.children
+	}), i[14] = r.children, i[15] = r.id, i[16] = u, i[17] = d, i[18] = f) : f = i[18], f;
+}
+//#endregion
+export { r as default };

package/dist/layouts/Panes/Panes.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/index.cjs"),n=require("../../utils/hooks.cjs"),r=require("../../components/misc/OrderedCollection/index.cjs"),i=require("./Pane.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"),l=require("react-dom-event-hooks");var u=(0,s.createContext)(null),d=()=>{let e=(0,s.useContext)(u);if(!e)throw Error(`MenuPane or MenuGroup must be used in Menu component`);return e};function f(e){let t=(0,a.c)(10),{startDrag:n,activeDrag:r}=d(),i=r===e.leftId,s;t[0]!==e.leftId||t[1]!==e.rightId||t[2]!==n?(s=t=>n(e.leftId,e.rightId,t),t[0]=e.leftId,t[1]=e.rightId,t[2]=n,t[3]=s):s=t[3];let l=s,u;t[4]===i?u=t[5]:(u=(0,o.default)(`ResizeHandle`,{dragging:i}),t[4]=i,t[5]=u);let f;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,c.jsx)(`div`,{className:`handle`}),t[6]=f):f=t[6];let p;return t[7]!==l||t[8]!==u?(p=(0,c.jsx)(`div`,{className:u,role:`separator`,onPointerDown:l,children:f}),t[7]=l,t[8]=u,t[9]=p):p=t[9],p}function p(e){let{orientation:a=`horizontal`,autoSaveId:d,onLayoutChange:p}=e,[m,h]=(0,s.useState)(0),[g,_]=(0,s.useState)(0),{saveRef:v}=(0,l.useElementRef)((0,s.useCallback)(e=>{let n=e.getBoundingClientRect();_(a===`horizontal`?n.width:n.height),h(t.getComponentTokenValue(e,`panes-handle-size`))},[a])),[y,b]=(0,s.useState)([]),[x,S]=(0,s.useState)({}),C=(0,s.useMemo)(()=>Math.max(0,y.length-1)*m,[m,y.length]),w=(0,s.useMemo)(()=>Math.max(0,g-C),[g,C]),[T,E]=(0,s.useState)(null),D=(0,s.useRef)(null),O=(0,s.useRef)(null),k=(0,s.useRef)({}),A=(0,s.useCallback)((e,t)=>!(e.id!==t.id||e.defaultSize!==t.defaultSize||e.minSize!==t.minSize||e.snapPoints?.length!==t.snapPoints?.length||t.snapPoints?.every((t,n)=>t!==e.snapPoints?.at(n))||e.className!==t.className||e.children!==t.children),[]),j=(0,s.useCallback)(e=>{b(e),S(e.reduce((e,t)=>{let n=x[t.id];return e[t.id]={id:t.id,size:n?n.size:D.current?.[t.id]?.size??t.defaultSize??`auto`,snapped:n?n.snapped:!1,collapsed:n?n.collapsed:D.current?.[t.id]?.collapsed??!1,isRecovering:n?n.isRecovering:!1,isAnimating:n?n.isAnimating:!1},e},{}))},[x]),M=(0,s.useEffectEvent)(()=>{S(e=>{let n=y.filter(t=>e[t.id]?.size===`auto`),r={...e},i,a=0,o=0,s,c;return n.length===0?e:(y.forEach(n=>{i=e[n.id]?.size,i&&i!==`auto`&&(typeof i==`string`&&i.endsWith(`%`)&&(o+=parseFloat(i)),a+=t.parseSizeToPx(i,w,0))}),w>0?(s=Math.max(0,w-a),c=s/w*100/n.length,n.forEach(e=>r[e.id]={...r[e.id],size:`${c}%`})):(s=Math.max(0,100-o),c=s/n.length,n.forEach(e=>r[e.id]={...r[e.id],size:`${c}%`})),r)})}),N=(0,s.useCallback)(e=>{let t={};for(let n in e)t[n]={size:e[n].size,collapsed:e[n].collapsed};d&&typeof window<`u`&&localStorage.setItem(`material-panes-${d}`,JSON.stringify(t)),p?.(t)},[d,p]),P=(0,s.useMemo)(()=>({activeDrag:T,startDrag(e,n,r){let i=x[e],a=x[n];i&&a&&w&&(r.preventDefault(),r.currentTarget.setPointerCapture(r.pointerId),O.current={leftId:e,rightId:n,startX:r.clientX,startY:r.clientY,startLeftPx:t.parseSizeToPx(i.size,w),startRightPx:t.parseSizeToPx(a.size,w)},E(e))}}),[T,w,x]),F=(0,s.useMemo)(()=>y.map((e,t)=>{let n=x[e.id];return n?(0,c.jsxs)(s.Fragment,{children:[!!t&&(0,c.jsx)(f,{leftId:y[t-1]?.id,rightId:e.id}),(0,c.jsx)(i.default,{...n,...e,totalHandlesSize:C,activeDrag:T,children:e.children})]},n.id):null}),[T,x,y,C]);return(0,l.useWindowEventListener)(`pointermove`,e=>{if(!O.current)return;let{leftId:n,rightId:r,startX:i,startY:o,startLeftPx:s,startRightPx:c}=O.current,l=a===`horizontal`?e.clientX-i:e.clientY-o,u=s+c,d=y.find(e=>e.id===n),f=y.find(e=>e.id===r),p=x[n],m=x[r],h=t.parseSizeToPx(d?.minSize,w,0),g=t.parseSizeToPx(f?.minSize,w,0),_=s+l,v=c-l,b,C=!1,T=!1,E=!1,D=!1,A=!1,j,M,N;if(d?.snapPoints){for(let e of d.snapPoints)if(b=t.parseSizeToPx(e,w),Math.abs(_-b)<20){_=b,v=u-_,C=!0,D=!0;break}}if(!C&&f?.snapPoints){for(let e of f.snapPoints)if(b=t.parseSizeToPx(e,w),Math.abs(v-b)<20){v=b,_=u-v,A=!0;break}}_<h/2?(T=!0,_=0,v=u):_<h&&(_=h,v=u-h),v<g/2?(E=!0,v=0,_=u):v<g&&(v=g,_=u-g),_<0&&(_=0,v=u),v<0&&(_=u,v=0),j=!T&&p.collapsed||!D&&p.snapped,M=!E&&m.collapsed||!A&&m.snapped,N=p.isRecovering||m.isRecovering||!1,j||M?(N=!0,k.current[n]&&clearTimeout(k.current[n]),k.current[n]=setTimeout(()=>{S(e=>{let t={...e};return t[n]&&(t[n]={...t[n],isRecovering:!1,isAnimating:!1}),t[r]&&(t[r]={...t[r],isRecovering:!1,isAnimating:!1}),t})},200)):(T||D||E||A)&&(N=!1,k.current[n]&&clearTimeout(k.current[n])),S(e=>{let i=t.formatSizeFromPx(_,e[n].size,w),a=t.formatSizeFromPx(v,e[r].size,w),o=T||D||E||A||N;return{...e,[n]:{...e[n],snapped:D,collapsed:T,isRecovering:N,isAnimating:o,size:i},[r]:{...e[r],snapped:A,collapsed:E,isRecovering:N,isAnimating:o,size:a}}})}),(0,l.useWindowEventListener)(`pointerup`,()=>{O.current&&(N(x),O.current=null,E(null))}),n.useIsomorphicLayoutEffect(()=>{let n;if(D.current===null){if(e.defaultLayout)D.current=e.defaultLayout;else if(e.autoSaveId&&t.isBrowser())try{n=localStorage.getItem(`material-panes-${e.autoSaveId}`),n&&(D.current=JSON.parse(n))}catch(e){console.error(`localStorage error:`,e)}D.current||={}}M()}),(0,c.jsx)(`div`,{ref:v,className:(0,o.default)(`Panes`,a,e.className),children:(0,c.jsxs)(u,{value:P,children:[F,(0,c.jsx)(r.default,{childName:`Pane`,onChildrenChange:j,compareChild:A,children:e.children})]})})}exports.PanesContext=u,exports.default=p,exports.usePanes=d;