react-material-design 0.0.0-stage → 0.5.0

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

@@ -0,0 +1,28 @@
+import { SizeUnit } from '../../utils/index';
+import { PointerEvent, PropsWithChildren } from 'react';
+export interface SavedPane {
+    size: SizeUnit;
+    collapsed: boolean;
+}
+export interface PanesProps extends PropsWithChildren {
+    orientation?: "horizontal" | "vertical";
+    className?: string;
+    defaultLayout?: Record<string, SavedPane>;
+    autoSaveId?: string;
+    onLayoutChange?: (layout: Record<string, SavedPane>) => void;
+}
+export interface PaneData {
+    id: string;
+    size: SizeUnit | "auto";
+    snapped: boolean;
+    collapsed: boolean;
+    isRecovering: boolean;
+    isAnimating: boolean;
+}
+export interface PanesContext {
+    activeDrag: string | null;
+    startDrag: (leftId: string, rightId: string, event: PointerEvent) => void;
+}
+export declare const PanesContext: import('react').Context<PanesContext | null>;
+export declare const usePanes: () => PanesContext;
+export default function Panes(props: PanesProps): import('react').JSX.Element;

package/dist/layouts/Panes/Panes.js

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

package/dist/layouts/Panes/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Panes.cjs"),t=require("./Pane.cjs");exports.Pane=t.default,exports.default=e.default;

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

@@ -0,0 +1,2 @@
+export { default } from './Panes';
+export { default as Pane } from './Pane';

package/dist/layouts/Panes/index.js

@@ -0,0 +1,3 @@
+import e from "./Panes.js";
+import t from "./Pane.js";
+export { t as Pane, e as default };

package/dist/layouts/Panes/style.css

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

package/dist/layouts/Tabs/Tab.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '../../components/Icon/Icon';
+import { PropsWithChildren } from 'react';
+import { LayoutPadding } from '../types';
+export interface TabProps extends PropsWithChildren, LayoutPadding {
+    id: string;
+    label: string | ((current: boolean) => string);
+    icon?: IconDefinition | ((current: boolean) => IconDefinition);
+}
+export interface TabData extends TabProps {
+    label: string;
+    icon?: IconDefinition;
+}
+export default function Tab(props: TabProps): import('react').JSX.Element;

package/dist/layouts/Tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface TabsProps {
+    variant?: "primary" | "secondary";
+    defaultActiveTab?: string;
+    activeTab?: string;
+    onActiveTabChange?: (active: string) => void;
+}
+export declare const TabsContext: import('react').Context<string | undefined>;
+export default function Tabs(props: PropsWithChildren<TabsProps>): import('react').JSX.Element;

package/dist/layouts/Tabs/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

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

@@ -0,0 +1 @@
+export {};

package/dist/layouts/Toolbox/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/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;

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { LayoutPadding } from '../types';
+export interface ToolboxProps extends PropsWithChildren, LayoutPadding {
+}
+export default function Toolbox(props: ToolboxProps): import('react').JSX.Element;

package/dist/layouts/Toolbox/index.js

@@ -0,0 +1,129 @@
+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/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";
+//#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 = [
+		"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(re), r[10] = C, r[11] = O);
+	let k = O, A;
+	r[12] === k ? A = r[13] : (A = k.filter(ne), r[12] = k, r[13] = A);
+	let j = A, M;
+	r[14] === k ? M = r[15] : (M = k.filter(te), r[14] = k, r[15] = M);
+	let N = M, P;
+	r[16] === Symbol.for("react.memo_cache_sentinel") ? (P = [], r[16] = P) : P = r[16];
+	let F = P, I;
+	r[17] !== D || r[18] !== N ? (I = [...D, ...N], r[17] = D, r[18] = N, r[19] = I) : I = r[19];
+	let L = I, R = j, z;
+	r[20] === Symbol.for("react.memo_cache_sentinel") ? (z = [], r[20] = z) : z = r[20];
+	let B = z, V = n.inlineContentPadding ?? n.contentPadding ?? !1, H = n.blockContentPadding ?? n.contentPadding ?? !1, U = f, W;
+	r[21] !== H || r[22] !== V ? (W = a("Toolbox", {
+		"inline-padding": V,
+		"block-padding": H
+	}), r[21] = H, r[22] = V, r[23] = W) : W = r[23];
+	let G;
+	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = !!F.length && /* @__PURE__ */ s("div", {
+		className: "tools top",
+		children: F.map(U)
+	}), r[24] = G) : G = r[24];
+	let K;
+	r[25] === L ? K = r[26] : (K = !!L.length && /* @__PURE__ */ s("div", {
+		className: "tools bottom",
+		children: L.map(U)
+	}), r[25] = L, r[26] = K);
+	let q;
+	r[27] === R ? q = r[28] : (q = !!R.length && /* @__PURE__ */ s("div", {
+		className: "tools left",
+		children: R.map(U)
+	}), r[27] = R, r[28] = q);
+	let J;
+	r[29] === Symbol.for("react.memo_cache_sentinel") ? (J = !!B.length && /* @__PURE__ */ s("div", {
+		className: "tools right",
+		children: B.map(U)
+	}), r[29] = J) : J = r[29];
+	let Y;
+	r[30] === T ? Y = r[31] : (Y = T.map(d), r[30] = T, r[31] = Y);
+	let X;
+	r[32] === x ? X = r[33] : (X = x.map(u), r[32] = x, r[33] = X);
+	let Z;
+	r[34] !== Y || r[35] !== X ? (Z = /* @__PURE__ */ c("div", {
+		className: "content",
+		children: [Y, X]
+	}), r[34] = Y, r[35] = X, r[36] = Z) : Z = r[36];
+	let Q;
+	r[37] === n.children ? Q = r[38] : (Q = /* @__PURE__ */ s(t, {
+		name: "Toolbox",
+		childName: y,
+		onChildrenChange: _,
+		compareChild: e,
+		children: n.children
+	}), r[37] = n.children, r[38] = Q);
+	let $;
+	return r[39] !== W || r[40] !== K || r[41] !== q || r[42] !== Z || r[43] !== Q ? ($ = /* @__PURE__ */ c("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 /* @__PURE__ */ s(o, { children: e.children }, e.id);
+}
+function d(e) {
+	return /* @__PURE__ */ s(n, { ...e }, e.id);
+}
+function f(e) {
+	switch (e.orderedCollectionName) {
+		case "Toolbar": return /* @__PURE__ */ s(r, { ...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 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";
+}
+//#endregion
+export { l as default };

package/dist/layouts/Toolbox/style.css

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

package/dist/style/motions.d.ts

@@ -0,0 +1,37 @@
+interface MotionSpringCssConfig {
+    duration: number;
+    easing: string;
+}
+interface MotionSpringConfig {
+    duration: number;
+    easing: (offset: number) => number;
+}
+export declare const MotionSpringCss: {
+    ExpressiveFastSpatial: MotionSpringCssConfig;
+    ExpressiveDefaultSpatial: MotionSpringCssConfig;
+    ExpressiveSlowSpatial: MotionSpringCssConfig;
+    ExpressiveFastEffects: MotionSpringCssConfig;
+    ExpressiveDefaultEffects: MotionSpringCssConfig;
+    ExpressiveSlowEffects: MotionSpringCssConfig;
+    StandardFastSpatial: MotionSpringCssConfig;
+    StandardDefaultSpatial: MotionSpringCssConfig;
+    StandardSlowSpatial: MotionSpringCssConfig;
+    StandardFastEffects: MotionSpringCssConfig;
+    StandardDefaultEffects: MotionSpringCssConfig;
+    StandardSlowEffects: MotionSpringCssConfig;
+};
+export declare const MotionSpring: {
+    ExpressiveFastSpatial: MotionSpringConfig;
+    ExpressiveDefaultSpatial: MotionSpringConfig;
+    ExpressiveSlowSpatial: MotionSpringConfig;
+    ExpressiveFastEffects: MotionSpringConfig;
+    ExpressiveDefaultEffects: MotionSpringConfig;
+    ExpressiveSlowEffects: MotionSpringConfig;
+    StandardFastSpatial: MotionSpringConfig;
+    StandardDefaultSpatial: MotionSpringConfig;
+    StandardSlowSpatial: MotionSpringConfig;
+    StandardFastEffects: MotionSpringConfig;
+    StandardDefaultEffects: MotionSpringConfig;
+    StandardSlowEffects: MotionSpringConfig;
+};
+export {};

package/dist/style/shapes/12_sided_cookie.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeSidedCookie12Path = "M136.7 9.85021C137.24 9.32021 137.51 9.05019 137.74 8.83019C150.25 -2.93981 169.75 -2.93981 182.26 8.83019C182.49 9.05019 182.76 9.32021 183.3 9.85021C183.63 10.1602 183.79 10.3201 183.94 10.4701C191.95 18.1101 203.28 21.1401 214.03 18.5301C214.24 18.4801 214.46 18.4202 214.9 18.3102C215.63 18.1202 216 18.0301 216.31 17.9501C233.02 14.0101 249.92 23.7601 254.86 40.2101C254.95 40.5201 255.05 40.8802 255.26 41.6102C255.38 42.0502 255.44 42.2701 255.5 42.4801C258.61 53.0901 266.91 61.3901 277.52 64.5001C277.73 64.5601 277.95 64.6201 278.39 64.7401C279.12 64.9501 279.48 65.05 279.79 65.14C296.24 70.08 305.99 86.98 302.05 103.69C301.97 104 301.88 104.37 301.69 105.1C301.58 105.54 301.52 105.76 301.47 105.97C298.86 116.72 301.89 128.05 309.53 136.06C309.68 136.21 309.84 136.37 310.15 136.7C310.68 137.24 310.95 137.51 311.17 137.74C322.94 150.25 322.94 169.75 311.17 182.26C310.95 182.49 310.68 182.76 310.15 183.3C309.84 183.63 309.68 183.79 309.53 183.94C301.89 191.95 298.86 203.28 301.47 214.03C301.52 214.24 301.58 214.46 301.69 214.9C301.88 215.63 301.97 216 302.05 216.31C305.99 233.02 296.24 249.92 279.79 254.86C279.48 254.95 279.12 255.05 278.39 255.26C277.95 255.38 277.73 255.44 277.52 255.5C266.91 258.61 258.61 266.91 255.5 277.52C255.44 277.73 255.38 277.95 255.26 278.39C255.05 279.12 254.95 279.48 254.86 279.79C249.92 296.24 233.02 305.99 216.31 302.05C216 301.97 215.63 301.88 214.9 301.69C214.46 301.58 214.24 301.52 214.03 301.47C203.28 298.86 191.95 301.89 183.94 309.53C183.79 309.68 183.63 309.84 183.3 310.15C182.76 310.68 182.49 310.95 182.26 311.17C169.75 322.94 150.25 322.94 137.74 311.17C137.51 310.95 137.24 310.68 136.7 310.15C136.37 309.84 136.21 309.68 136.06 309.53C128.05 301.89 116.72 298.86 105.97 301.47C105.76 301.52 105.54 301.58 105.1 301.69C104.37 301.88 104 301.97 103.69 302.05C86.9799 305.99 70.08 296.24 65.14 279.79C65.05 279.48 64.95 279.12 64.74 278.39C64.62 277.95 64.56 277.73 64.5 277.52C61.39 266.91 53.09 258.61 42.48 255.5C42.27 255.44 42.05 255.38 41.61 255.26C40.88 255.05 40.5199 254.95 40.2099 254.86C23.7599 249.92 14.0099 233.02 17.9499 216.31C18.0299 216 18.12 215.63 18.31 214.9C18.42 214.46 18.48 214.24 18.53 214.03C21.14 203.28 18.11 191.95 10.47 183.94C10.32 183.79 10.16 183.63 9.84996 183.3C9.31996 182.76 9.04994 182.49 8.82994 182.26C-2.94006 169.75 -2.94006 150.25 8.82994 137.74C9.04994 137.51 9.31996 137.24 9.84996 136.7C10.16 136.37 10.32 136.21 10.47 136.06C18.11 128.05 21.14 116.72 18.53 105.97C18.48 105.76 18.42 105.54 18.31 105.1C18.12 104.37 18.0299 104 17.9499 103.69C14.0099 86.98 23.7599 70.08 40.2099 65.14C40.5199 65.05 40.88 64.9501 41.61 64.7401C42.05 64.6201 42.27 64.5601 42.48 64.5001C53.09 61.3901 61.39 53.0901 64.5 42.4801C64.56 42.2701 64.62 42.0502 64.74 41.6102C64.95 40.8802 65.05 40.5201 65.14 40.2101C70.08 23.7601 86.9799 14.0101 103.69 17.9501C104 18.0301 104.37 18.1202 105.1 18.3102C105.54 18.4202 105.76 18.4801 105.97 18.5301C116.72 21.1401 128.05 18.1101 136.06 10.4701C136.21 10.3201 136.37 10.1602 136.7 9.85021Z";
+export default function ShapeSidedCookie12(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/4_leaf_clover.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeLeafClover4Path = "M 22.702 160 C 8.54 143.07 0 121.222 0 97.362 C 0 43.59 43.362 0 96.864 0 C 121.07 0 143.21 8.93 160.184 23.686 C 177.124 8.93 199.21 0 223.362 0 C 276.736 0 320 43.59 320 97.362 C 320 121.222 311.482 143.07 297.352 160 C 311.482 176.93 320 198.778 320 222.638 C 320 276.41 276.736 320 223.362 320 C 199.21 320 177.124 311.07 160.184 296.314 C 143.21 311.07 121.07 320 96.864 320 C 43.362 320 0 276.41 0 222.638 C 0 198.778 8.54 176.93 22.702 160 Z";
+export default function ShapeLeafClover4(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/4_sided_cookie.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeSidedCookie4Path = "M 33 160 C 19.9 144.34 12 124.13 12 102.06 C 12 52.32 52.11 12 101.6 12 C 123.99 12 144.47 20.26 160.17 33.91 C 175.84 20.26 196.27 12 218.61 12 C 267.98 12 308 52.32 308 102.06 C 308 124.13 300.12 144.34 287.05 160 C 300.12 175.66 308 195.87 308 217.94 C 308 267.68 267.98 308 218.61 308 C 196.27 308 175.84 299.74 160.17 286.09 C 144.47 299.74 123.99 308 101.6 308 C 52.11 308 12 267.68 12 217.94 C 12 195.87 19.9 175.66 33 160 Z";
+export default function ShapeSidedCookie4(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/6_sided_cookie.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeSidedCookie6Path = "M 103.479 22.855 C 134.963 -7.616 185.037 -7.616 216.521 22.855 C 226.155 32.172 237.959 38.967 250.875 42.622 C 293.084 54.572 318.12 97.813 307.396 140.223 C 304.115 153.205 304.115 166.795 307.396 179.778 C 318.12 222.188 293.084 265.429 250.875 277.378 C 237.959 281.034 226.155 287.829 216.521 297.146 C 185.037 327.617 134.963 327.617 103.479 297.146 C 93.844 287.829 82.041 281.034 69.125 277.378 C 26.916 265.429 1.88 222.188 12.604 179.778 C 15.885 166.795 15.885 153.205 12.604 140.223 C 1.88 97.813 26.916 54.572 69.125 42.622 C 82.041 38.967 93.844 32.172 103.479 22.855 Z";
+export default function ShapeSidedCookie6(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/7_sided_cookie.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeSidedCookie7Path = "M 112.67 21.777 C 116.243 18.638 118.029 17.068 119.672 15.797 C 143.425 -2.602 176.575 -2.602 200.329 15.797 C 201.972 17.068 203.757 18.638 207.33 21.777 C 208.526 22.838 209.125 23.359 209.724 23.868 C 218.136 30.918 228.171 35.768 238.921 37.958 C 239.688 38.118 240.472 38.258 242.038 38.538 C 246.719 39.377 249.059 39.787 251.076 40.288 C 280.235 47.428 300.903 73.408 301.365 103.487 C 301.397 105.568 301.284 107.948 301.058 112.708 C 300.983 114.307 300.945 115.098 300.926 115.887 C 300.666 126.878 303.144 137.758 308.137 147.548 C 308.494 148.249 308.873 148.949 309.63 150.358 C 311.895 154.548 313.027 156.638 313.897 158.528 C 326.504 185.828 319.128 218.228 295.95 237.339 C 294.348 238.668 292.42 240.058 288.566 242.848 C 287.276 243.788 286.63 244.248 286.007 244.728 C 277.27 251.379 270.327 260.108 265.803 270.118 C 265.481 270.838 265.17 271.568 264.548 273.038 C 262.691 277.428 261.762 279.617 260.833 281.478 C 247.393 308.378 217.527 322.799 188.162 316.558 C 186.132 316.118 183.842 315.477 179.262 314.199 C 177.729 313.778 176.963 313.559 176.203 313.368 C 165.57 310.668 154.432 310.668 143.797 313.368 C 143.039 313.559 142.273 313.778 140.739 314.199 C 136.158 315.477 133.868 316.118 131.838 316.558 C 102.475 322.799 72.607 308.378 59.168 281.478 C 58.239 279.617 57.311 277.428 55.453 273.038 C 54.831 271.568 54.52 270.838 54.198 270.118 C 49.674 260.108 42.73 251.379 33.993 244.728 C 33.37 244.248 32.725 243.788 31.434 242.848 C 27.581 240.058 25.654 238.668 24.052 237.339 C 0.873 218.228 -6.504 185.828 6.103 158.528 C 6.974 156.638 8.107 154.548 10.37 150.358 C 11.129 148.949 11.508 148.249 11.863 147.548 C 16.857 137.758 19.335 126.878 19.075 115.887 C 19.056 115.098 19.019 114.307 18.943 112.708 C 18.718 107.948 18.605 105.568 18.637 103.487 C 19.098 73.408 39.766 47.428 68.926 40.288 C 70.942 39.787 73.282 39.377 77.962 38.538 C 79.53 38.258 80.313 38.118 81.08 37.958 C 91.829 35.768 101.864 30.918 110.276 23.868 C 110.877 23.359 111.475 22.838 112.67 21.777 Z";
+export default function ShapeSidedCookie7(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/8_leaf_clover.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeLeafClover8Path = "M308.58 160C334.43 208.16 314.9 251.77 265.07 265.06C251.77 314.9 208.16 334.42 160 308.58C111.83 334.43 68.2201 314.9 54.9301 265.07C5.10006 251.77 -14.4299 208.16 11.4201 160C-14.4299 111.83 5.10006 68.2198 54.9301 54.9298C68.2201 5.09982 111.83 -14.4302 160 11.4198C208.16 -14.4302 251.77 5.09982 265.06 54.9298C314.9 68.2198 334.42 111.83 308.58 160Z";
+export default function ShapeLeafClover8(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/9_sided_cookie.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeSidedCookie9Path = "M125.26 13.3798C126.99 11.9498 127.85 11.2398 128.64 10.6398C147.19 -3.55019 172.81 -3.55019 191.36 10.6398C192.15 11.2398 193.01 11.9498 194.74 13.3798C195.51 14.0098 195.89 14.3298 196.27 14.6398C205 21.5798 215.71 25.52 226.82 25.87C227.3 25.88 227.8 25.8898 228.79 25.8998C231.02 25.9298 232.14 25.9399 233.12 25.9899C256.36 27.1799 275.98 43.8199 281.17 66.7299C281.39 67.6999 281.6 68.8099 282.02 71.0199C282.2 72.0099 282.29 72.4999 282.39 72.9799C284.66 83.9799 290.36 93.9398 298.64 101.42C299.01 101.75 299.38 102.08 300.14 102.73C301.83 104.2 302.67 104.94 303.39 105.62C320.44 121.61 324.89 147.11 314.29 168.03C313.84 168.92 313.29 169.9 312.2 171.86C311.71 172.74 311.47 173.18 311.24 173.61C305.99 183.5 304.01 194.84 305.6 205.95C305.67 206.44 305.75 206.93 305.91 207.92C306.27 210.15 306.45 211.26 306.57 212.25C309.45 235.57 296.64 257.99 275.21 267.13C274.3 267.52 273.25 267.92 271.17 268.72C270.24 269.07 269.77 269.25 269.32 269.43C259 273.6 250.28 281 244.42 290.54C244.17 290.96 243.92 291.39 243.41 292.25C242.27 294.19 241.7 295.16 241.16 296C228.53 315.73 204.46 324.59 182.22 317.67C181.28 317.38 180.22 317.01 178.12 316.26C177.18 315.93 176.71 315.76 176.25 315.61C165.7 312.1 154.3 312.1 143.75 315.61C143.29 315.76 142.82 315.93 141.88 316.26C139.78 317.01 138.72 317.38 137.78 317.67C115.54 324.59 91.47 315.73 78.84 296C78.3 295.16 77.73 294.19 76.59 292.25C76.08 291.39 75.83 290.96 75.58 290.54C69.72 281 61.0001 273.6 50.6801 269.43C50.2301 269.25 49.76 269.07 48.83 268.72C46.75 267.92 45.7001 267.52 44.7901 267.13C23.3601 257.99 10.5501 235.57 13.4301 212.25C13.5501 211.26 13.73 210.15 14.09 207.92C14.25 206.93 14.3301 206.44 14.4001 205.95C15.9901 194.84 14.01 183.5 8.76004 173.61C8.53004 173.18 8.29008 172.74 7.80008 171.86C6.71008 169.9 6.15999 168.92 5.70999 168.03C-4.89001 147.11 -0.439983 121.61 16.61 105.62C17.33 104.94 18.17 104.2 19.86 102.73C20.62 102.08 20.99 101.75 21.36 101.42C29.64 93.9398 35.34 83.9799 37.61 72.9799C37.71 72.4999 37.8 72.0099 37.98 71.0199C38.4 68.8099 38.61 67.6999 38.83 66.7299C44.02 43.8199 63.64 27.1799 86.88 25.9899C87.86 25.9399 88.98 25.9298 91.21 25.8998C92.2 25.8898 92.7001 25.88 93.1801 25.87C104.29 25.52 115 21.5798 123.73 14.6398C124.11 14.3298 124.49 14.0098 125.26 13.3798Z";
+export default function ShapeSidedCookie9(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/arch.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeArchPath = "M 320 267.074 C 320 273.505 320 276.726 319.674 279.432 C 317.168 300.537 300.537 317.168 279.432 319.674 C 276.726 320 273.505 320 267.074 320 L 52.927 320 C 46.494 320 43.277 320 40.573 319.674 C 19.468 317.168 2.829 300.537 0.321 279.432 C 0 276.726 0 273.505 0 267.074 L 0 160 C 0 71.632 71.635 0 160 0 C 248.368 0 320 71.632 320 160 L 320 267.074 Z";
+export default function ShapeArch(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/arrow.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeArrowPath = "M 275.008 142.988 C 260.812 121.135 246.618 99.252 232.422 77.399 C 223.213 63.211 213.84 48.832 201.389 37.561 C 188.938 26.27 172.808 18.29 156.269 19.333 C 141.748 20.265 128.288 28.072 117.662 38.27 C 107.036 48.467 98.781 61.024 90.661 73.459 C 68.701 107.059 46.714 140.659 24.753 174.279 C 14.318 190.239 3.61 206.897 0.722 225.915 C -2.766 248.892 6.635 272.295 23.309 287.576 C 40.746 303.555 69 302.259 90.226 297.885 C 113.494 293.074 136.244 284.031 159.975 284.062 C 180.301 284.062 199.945 290.745 219.725 295.606 C 239.478 300.436 260.704 303.414 279.776 296.224 C 303.452 287.322 320.454 262.006 319.991 236.021 C 319.554 212.315 306.285 191.14 293.508 171.414 C 287.35 161.945 281.193 152.457 275.035 142.988 L 275.008 142.988 Z";
+export default function ShapeArrow(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/boom.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeBoomPath = "M156.818 10.1599C157.571 4.13988 157.948 1.13006 158.52 0.590059C159.353 -0.199941 160.647 -0.199941 161.48 0.590059C162.052 1.13006 162.429 4.13988 163.182 10.1599L172.76 86.74C173.064 89.17 173.216 90.3799 173.652 90.8899C174.285 91.6099 175.32 91.8399 176.193 91.4299C176.794 91.1499 177.425 90.1 178.686 88L218.415 21.9599C221.539 16.7699 223.101 14.1699 223.842 13.9099C224.92 13.5399 226.102 14.0699 226.546 15.1299C226.851 15.8499 225.977 18.76 224.229 24.57L201.999 98.4399C201.293 100.79 200.941 101.96 201.136 102.59C201.42 103.52 202.276 104.14 203.238 104.13C203.901 104.12 204.901 103.42 206.901 102.02L269.911 57.9399C274.867 54.4699 277.344 52.74 278.125 52.8C279.261 52.9 280.127 53.87 280.105 55.01C280.091 55.8 278.117 58.0999 274.17 62.6899L223.976 121.09C222.383 122.94 221.587 123.87 221.508 124.53C221.393 125.49 221.922 126.41 222.807 126.79C223.416 127.06 224.613 126.82 227.006 126.36L302.403 111.86C308.332 110.72 311.297 110.15 311.983 110.53C312.981 111.08 313.381 112.32 312.898 113.36C312.566 114.07 309.834 115.36 304.37 117.94L234.892 150.77C232.686 151.81 231.584 152.33 231.244 152.9C230.751 153.73 230.862 154.79 231.516 155.5C231.966 155.99 233.152 156.27 235.525 156.82L310.272 174.41C316.15 175.79 319.09 176.48 319.562 177.11C320.249 178.02 320.114 179.32 319.253 180.07C318.66 180.58 315.643 180.65 309.607 180.77L232.857 182.34C230.421 182.39 229.203 182.42 228.662 182.8C227.875 183.36 227.548 184.37 227.859 185.29C228.073 185.92 229.043 186.66 230.985 188.14L292.158 234.76C296.968 238.43 299.374 240.27 299.551 241.03C299.809 242.15 299.162 243.28 298.071 243.61C297.322 243.84 294.54 242.66 288.975 240.31L218.226 210.36C215.98 209.41 214.857 208.93 214.207 209.06C213.263 209.25 212.555 210.04 212.468 211C212.409 211.66 212.996 212.74 214.171 214.88L251.192 282.5C254.103 287.81 255.559 290.47 255.411 291.25C255.194 292.37 254.148 293.14 253.016 293C252.238 292.9 250.173 290.69 246.043 286.26L193.526 229.96C191.859 228.18 191.025 227.28 190.38 227.14C189.441 226.92 188.475 227.35 188.006 228.2C187.683 228.78 187.786 230 187.991 232.44L194.458 309.35C194.967 315.4 195.221 318.42 194.773 319.07C194.12 320.01 192.854 320.28 191.878 319.69C191.206 319.28 190.215 316.41 188.233 310.68L163.029 237.78C162.229 235.46 161.829 234.31 161.299 233.91C160.529 233.33 159.471 233.33 158.701 233.91C158.171 234.31 157.771 235.46 156.971 237.78L131.767 310.68C129.785 316.41 128.794 319.28 128.122 319.69C127.146 320.28 125.88 320.01 125.227 319.07C124.779 318.42 125.033 315.4 125.542 309.35L132.009 232.44C132.214 230 132.317 228.78 131.994 228.2C131.525 227.35 130.559 226.92 129.621 227.14C128.975 227.28 128.141 228.18 126.474 229.96L73.9568 286.26C69.8267 290.69 67.7616 292.9 66.984 293C65.8524 293.14 64.8055 292.37 64.5894 291.25C64.4409 290.47 65.8966 287.81 68.808 282.5L105.829 214.88C107.004 212.74 107.591 211.66 107.532 211C107.445 210.04 106.737 209.25 105.793 209.06C105.143 208.93 104.02 209.41 101.774 210.36L31.0245 240.31C25.4605 242.66 22.6785 243.84 21.9288 243.61C20.838 243.28 20.191 242.15 20.4489 241.03C20.6262 240.27 23.0316 238.43 27.8424 234.76L89.0148 188.14C90.957 186.66 91.927 185.92 92.141 185.29C92.452 184.37 92.125 183.36 91.338 182.8C90.797 182.42 89.5787 182.39 87.1425 182.34L10.3933 180.77C4.35749 180.65 1.3395 180.58 0.747495 180.07C-0.114065 179.32 -0.249315 178.02 0.438095 177.11C0.910495 176.48 3.84969 175.79 9.72809 174.41L84.475 156.82C86.8477 156.27 88.034 155.99 88.4844 155.5C89.1385 154.79 89.2491 153.73 88.756 152.9C88.4164 152.33 87.3137 151.81 85.1083 150.77L15.6304 117.94C10.1664 115.36 7.4344 114.07 7.1023 113.36C6.6191 112.32 7.01889 111.08 8.01699 110.53C8.70279 110.15 11.6676 110.72 17.5971 111.86L92.994 126.36C95.387 126.82 96.584 127.06 97.193 126.79C98.078 126.41 98.607 125.49 98.492 124.53C98.414 123.87 97.617 122.94 96.024 121.09L45.8303 62.6899C41.8829 58.0999 39.9092 55.8 39.8946 55.01C39.8732 53.87 40.739 52.9 41.8751 52.8C42.6558 52.74 45.1335 54.4699 50.0889 57.9399L113.099 102.02C115.099 103.42 116.099 104.12 116.762 104.13C117.724 104.14 118.58 103.52 118.864 102.59C119.059 101.96 118.707 100.79 118.001 98.4399L95.771 24.57C94.023 18.76 93.149 15.8499 93.454 15.1299C93.898 14.0699 95.08 13.5399 96.158 13.9099C96.899 14.1699 98.461 16.7699 101.585 21.9599L141.314 88C142.575 90.1 143.206 91.1499 143.807 91.4299C144.68 91.8399 145.715 91.6099 146.348 90.8899C146.784 90.3799 146.936 89.17 147.24 86.74L156.818 10.1599Z";
+export default function ShapeBoom(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/bun.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeBunPath = "M 5 81.36 C 5 36.42 41.42 0 86.36 0 L 233.64 0 C 278.58 0 315 36.42 315 81.36 C 315 118.41 290.23 149.68 256.34 159.5 C 256.12 159.57 255.97 159.77 255.97 160 C 255.97 160.23 256.12 160.43 256.34 160.5 C 290.23 170.32 315 201.59 315 238.64 C 315 283.58 278.58 320 233.64 320 L 86.36 320 C 41.42 320 5 283.58 5 238.64 C 5 201.83 29.45 170.73 63 160.69 C 63.3 160.6 63.51 160.32 63.51 160 C 63.51 159.68 63.3 159.4 63 159.31 C 29.45 149.27 5 118.17 5 81.36 Z";
+export default function ShapeBun(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/burst.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeBurstPath = "M157.39 2.55C158.13 1.23 158.49 0.58 158.94 0.3C159.59 -0.1 160.41 -0.1 161.06 0.3C161.51 0.58 161.87 1.23 162.61 2.55L187.87 47.6999C188.32 48.5099 188.55 48.92 188.86 49.16C189.3 49.52 189.87 49.6699 190.43 49.5799C190.82 49.5199 191.22 49.29 192.01 48.81L236.47 22.3399C237.76 21.5699 238.41 21.18 238.93 21.17C239.7 21.14 240.4 21.5499 240.77 22.2199C241.02 22.6899 241.01 23.4399 240.99 24.9499L240.29 76.68C240.27 77.61 240.27 78.0699 240.41 78.4399C240.61 78.9699 241.03 79.3899 241.56 79.5899C241.93 79.7299 242.39 79.7299 243.32 79.7099L295.05 79.01C296.56 78.99 297.31 78.9799 297.78 79.2299C298.45 79.5999 298.86 80.2999 298.83 81.0699C298.82 81.5899 298.43 82.24 297.66 83.53L271.19 127.99C270.71 128.78 270.48 129.18 270.42 129.57C270.33 130.13 270.48 130.7 270.84 131.14C271.08 131.45 271.49 131.68 272.3 132.13L317.45 157.39C318.77 158.13 319.42 158.49 319.7 158.94C320.1 159.59 320.1 160.41 319.7 161.06C319.42 161.51 318.77 161.87 317.45 162.61L272.3 187.87C271.49 188.32 271.08 188.55 270.84 188.86C270.48 189.3 270.33 189.87 270.42 190.43C270.48 190.82 270.71 191.22 271.19 192.01L297.66 236.47C298.43 237.76 298.82 238.41 298.83 238.93C298.86 239.7 298.45 240.4 297.78 240.77C297.31 241.02 296.56 241.01 295.05 240.99L243.32 240.29C242.39 240.27 241.93 240.27 241.56 240.41C241.03 240.61 240.61 241.03 240.41 241.56C240.27 241.93 240.27 242.39 240.29 243.32L240.99 295.05C241.01 296.56 241.02 297.31 240.77 297.78C240.4 298.45 239.7 298.86 238.93 298.83C238.41 298.82 237.76 298.43 236.47 297.66L192.01 271.19C191.22 270.71 190.82 270.48 190.43 270.42C189.87 270.33 189.3 270.48 188.86 270.84C188.55 271.08 188.32 271.49 187.87 272.3L162.61 317.45C161.87 318.77 161.51 319.42 161.06 319.7C160.41 320.1 159.59 320.1 158.94 319.7C158.49 319.42 158.13 318.77 157.39 317.45L132.13 272.3C131.68 271.49 131.45 271.08 131.14 270.84C130.7 270.48 130.13 270.33 129.57 270.42C129.18 270.48 128.78 270.71 127.99 271.19L83.53 297.66C82.24 298.43 81.5899 298.82 81.0699 298.83C80.2999 298.86 79.5999 298.45 79.2299 297.78C78.9799 297.31 78.99 296.56 79.01 295.05L79.7099 243.32C79.7299 242.39 79.7299 241.93 79.5899 241.56C79.3899 241.03 78.9699 240.61 78.4399 240.41C78.0699 240.27 77.61 240.27 76.68 240.29L24.9499 240.99C23.4399 241.01 22.6899 241.02 22.2199 240.77C21.5499 240.4 21.14 239.7 21.17 238.93C21.18 238.41 21.5699 237.76 22.3399 236.47L48.81 192.01C49.29 191.22 49.5199 190.82 49.5799 190.43C49.6699 189.87 49.52 189.3 49.16 188.86C48.92 188.55 48.5099 188.32 47.6999 187.87L2.55 162.61C1.23 161.87 0.58 161.51 0.3 161.06C-0.1 160.41 -0.1 159.59 0.3 158.94C0.58 158.49 1.23 158.13 2.55 157.39L47.6999 132.13C48.5099 131.68 48.92 131.45 49.16 131.14C49.52 130.7 49.6699 130.13 49.5799 129.57C49.5199 129.18 49.29 128.78 48.81 127.99L22.3399 83.53C21.5699 82.24 21.18 81.5899 21.17 81.0699C21.14 80.2999 21.5499 79.5999 22.2199 79.2299C22.6899 78.9799 23.4399 78.99 24.9499 79.01L76.68 79.7099C77.61 79.7299 78.0699 79.7299 78.4399 79.5899C78.9699 79.3899 79.3899 78.9699 79.5899 78.4399C79.7299 78.0699 79.7299 77.61 79.7099 76.68L79.01 24.9499C78.99 23.4399 78.9799 22.6899 79.2299 22.2199C79.5999 21.5499 80.2999 21.14 81.0699 21.17C81.5899 21.18 82.24 21.5699 83.53 22.3399L127.99 48.81C128.78 49.29 129.18 49.5199 129.57 49.5799C130.13 49.6699 130.7 49.52 131.14 49.16C131.45 48.92 131.68 48.5099 132.13 47.6999L157.39 2.55Z";
+export default function ShapeBurst(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/circle.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeCirclePath = "M320 160C320 248.366 248.366 320 160 320C71.6344 320 -1e-05 248.366 0 160C0 71.6344 71.6345 -7.72516e-06 160 0C248.366 7.72516e-06 320 71.6345 320 160Z";
+export default function ShapeCircle(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/clamshell.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeClamshellPath = "M 306.405 123.333 C 313.114 134.875 316.468 140.646 318.162 146.675 C 320.613 155.392 320.613 164.608 318.162 173.325 C 316.468 179.354 313.114 185.125 306.405 196.667 L 285.967 231.831 C 279.258 243.373 275.904 249.144 271.495 253.618 C 265.12 260.083 257.084 264.692 248.259 266.943 C 242.155 268.5 235.446 268.5 222.028 268.5 L 97.972 268.5 C 84.554 268.5 77.845 268.5 71.741 266.943 C 62.916 264.692 54.88 260.084 48.505 253.618 C 44.096 249.145 40.742 243.373 34.033 231.831 L 13.595 196.667 C 6.886 185.125 3.532 179.354 1.838 173.325 C -0.613 164.608 -0.613 155.392 1.838 146.675 C 3.532 140.646 6.886 134.875 13.595 123.333 L 34.033 88.169 C 40.742 76.627 44.096 70.855 48.505 66.382 C 54.88 59.916 62.916 55.308 71.741 53.057 C 77.845 51.5 84.554 51.5 97.972 51.5 L 222.028 51.5 C 235.446 51.5 242.155 51.5 248.259 53.057 C 257.084 55.308 265.12 59.916 271.495 66.382 C 275.904 70.855 279.258 76.626 285.967 88.169 L 306.405 123.333 Z";
+export default function ShapeClamshell(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/diamond.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeDiamondPath = "M 217.442 276.481 C 200.606 298.514 192.188 309.53 182.466 314.548 C 168.383 321.817 151.617 321.817 137.534 314.548 C 127.812 309.53 119.394 298.514 102.558 276.481 L 46.646 203.308 C 36.406 189.906 31.286 183.206 28.751 176.032 C 25.083 165.654 25.083 154.346 28.751 143.968 C 31.286 136.794 36.406 130.094 46.646 116.692 L 102.558 43.52 C 119.394 21.486 127.812 10.47 137.534 5.452 C 151.617 -1.817 168.383 -1.817 182.466 5.452 C 192.188 10.47 200.606 21.486 217.442 43.52 L 273.354 116.692 C 283.594 130.094 288.714 136.794 291.249 143.968 C 294.917 154.346 294.917 165.654 291.249 176.032 C 288.714 183.206 283.594 189.906 273.354 203.308 L 217.442 276.481 Z";
+export default function ShapeDiamond(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/fan.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeFanPath = "M 0 50.526 C 0 48.744 0 47.852 0.023 47.098 C 0.819 21.437 21.437 0.82 47.098 0.023 C 47.853 0 48.744 0 50.527 0 C 60.034 0 64.789 0 68.809 0.125 C 205.669 4.372 315.623 114.329 319.874 251.191 C 320 255.211 320 259.966 320 269.473 C 320 271.256 320 272.147 319.977 272.902 C 319.177 298.563 298.56 319.181 272.903 319.977 C 272.149 320 271.257 320 269.474 320 L 71.937 320 C 50.202 320 39.334 320 30.713 316.586 C 18.234 311.646 8.354 301.766 3.414 289.287 C 0 280.666 0 269.798 0 248.063 L 0 50.526 Z";
+export default function ShapeFan(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/flower.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeFlowerPath = "M273.13 46.8625C261.25 34.988 234.19 40.8597 201.55 59.6813C191.77 23.2855 176.79 2.9362e-06 160 0C143.2 -2.9362e-06 128.22 23.2841 118.45 59.6779C85.7999 40.8581 58.75 34.9874 46.87 46.8614C35 58.7367 40.8699 85.7963 59.6899 118.446C23.2899 128.222 0 143.204 0 160C0 176.793 23.2801 191.773 59.6801 201.549C40.8501 234.2 34.98 261.261 46.85 273.137C58.73 285.013 85.7899 279.138 118.44 260.31C128.22 296.711 143.2 320 160 320C176.79 320 191.77 296.709 201.55 260.307C234.21 279.136 261.27 285.012 273.15 273.136C285.02 261.26 279.15 234.2 260.32 201.549C296.72 191.773 320 176.793 320 160C320 143.204 296.71 128.222 260.3 118.446C279.13 85.7966 285 58.7376 273.13 46.8625Z";
+export default function ShapeFlower(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/gem.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeGemPath = "M 99.979 27.314 C 118.605 13.78 127.928 7.013 137.856 3.649 C 152.215 -1.216 167.785 -1.216 182.144 3.649 C 192.072 7.013 201.395 13.78 220.021 27.315 L 261.918 57.748 C 272.985 65.786 278.523 69.804 283.026 74.628 C 289.549 81.601 294.544 89.849 297.713 98.852 C 299.908 105.081 300.903 111.844 302.913 125.37 L 310.667 177.679 C 314.185 201.408 315.949 213.273 314.174 223.966 C 311.6 239.434 303.836 253.566 292.164 264.032 C 284.092 271.268 273.128 276.149 251.21 285.911 L 201.559 308.027 C 188.328 313.918 181.713 316.863 174.923 318.368 C 165.087 320.544 154.913 320.544 145.077 318.368 C 138.287 316.863 131.672 313.918 118.441 308.027 L 68.79 285.911 C 46.872 276.149 35.908 271.268 27.836 264.032 C 16.164 253.566 8.4 239.434 5.826 223.966 C 4.051 213.273 5.815 201.408 9.333 177.679 L 17.087 125.37 C 19.097 111.844 20.092 105.081 22.287 98.852 C 25.456 89.849 30.451 81.601 36.974 74.628 C 41.477 69.804 47.015 65.786 58.082 57.748 L 99.979 27.314 Z";
+export default function ShapeGem(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/ghost_ish.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeGhostIshPath = "M 0 152.381 C 0 68.223 71.634 0 160 0 C 248.365 0 320 68.223 320 152.381 L 320 259.047 C 320 292.711 291.346 320 256 320 C 245.523 320 235.635 317.602 226.905 313.353 C 222.458 311.186 218.02 308.813 213.563 306.428 C 197.88 298.038 181.964 289.524 164.555 289.524 L 155.445 289.524 C 138.036 289.524 122.12 298.038 106.437 306.428 C 101.98 308.813 97.542 311.186 93.095 313.353 C 84.365 317.602 74.477 320 64 320 C 28.654 320 0 292.711 0 259.047 L 0 152.381 Z";
+export default function ShapeGhostIsh(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;

package/dist/style/shapes/heart.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+export declare const ShapeHeartPath = "M 251.1 17.13 C 229.439 17.13 210.113 27.3 197.481 43.2 L 160 84.51 L 160 84.38 L 122.519 43.06 C 109.887 27.17 90.561 17 68.9 17 C 30.848 17 0 48.37 0 87.06 C 0 121.06 28.375 146.47 48.919 170.88 C 69.389 195.21 89.856 219.52 110.323 243.84 L 156.272 298.44 C 157.516 299.91 158.756 301.39 160 302.87 L 160 303 C 161.244 301.52 162.484 300.05 163.728 298.57 C 179.043 280.37 194.358 262.18 209.677 243.98 C 230.144 219.66 250.614 195.34 271.081 171.02 C 291.625 146.61 320 121.2 320 87.19 C 320 48.5 289.152 17.13 251.1 17.13 Z";
+export default function ShapeHeart(props: SVGProps<SVGSVGElement>): import('react').JSX.Element;