react-material-design 0.0.0-stage → 0.5.0

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,182 @@
+import { useTheme as e } from "../Theme/Theme.js";
+import ee from "../Button/context.js";
+import { IconProvider as te, convertIconDefinition as ne } from "../Icon/Icon.js";
+import { shallowEqual as re, waitAnimationNameEndEvent as ie } from "../../utils/index.js";
+import t from "../misc/OrderedCollection/index.js";
+import n from "../Divider/index.js";
+import { getComponentSizeName as ae } from "../types.js";
+import oe from "../Button/default/index.js";
+import r from "../Button/icon/index.js";
+import './style.css';/* empty css           */
+import { c as i } from "react/compiler-runtime";
+import se from "classnames";
+import { useEffect as ce, useEffectEvent as a, useId as o, useRef as s, useState as le } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as ue } from "react-dom";
+import { useElementEventListener as de, useResizeObserver as fe } from "react-dom-event-hooks";
+//#region lib/components/Dialog/Dialog.tsx
+function u(u) {
+	let p = i(74), m = o(), { setDialogState: h, dialogsContainer: g } = e("Dialog"), _ = s(null), v = s(null), y;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (y = [], p[0] = y) : y = p[0];
+	let [b, _e] = le(y), x;
+	p[1] === b ? x = p[2] : (x = b.filter(ge), p[1] = b, p[2] = x);
+	let S = x, C;
+	p[3] === b ? C = p[4] : (C = b.filter(he), p[3] = b, p[4] = C);
+	let w = C, T;
+	p[5] === Symbol.for("react.memo_cache_sentinel") ? (T = ["Content", "DialogAction"], p[5] = T) : T = p[5];
+	let ve = T, E;
+	p[6] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+		default: "text",
+		icon: "standard"
+	}, p[6] = E) : E = p[6];
+	let ye = E, D;
+	p[7] !== u.fullscreen || p[8] !== u.icon ? (D = u.fullscreen ? null : ne(u.icon), p[7] = u.fullscreen, p[8] = u.icon, p[9] = D) : D = p[9];
+	let O = D, k;
+	p[10] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+		e.filter((e) => e.borderBoxSize.forEach((e) => {
+			v.current?.checkVisibility() && (v.current.style.setProperty("--modal-width", `${e.inlineSize}px`), v.current.style.setProperty("--modal-height", `${e.blockSize}px`));
+		}));
+	}, p[10] = k) : k = p[10];
+	let { saveRef: A } = fe(k), { saveRef: j } = de("scroll", f), M;
+	p[11] !== m || p[12] !== h ? (M = () => {
+		h(m, !0), _.current?.classList.remove("close"), _.current?.classList.add("open"), _.current?.showModal();
+	}, p[11] = m, p[12] = h, p[13] = M) : M = p[13];
+	let N = a(M), P;
+	p[14] !== m || p[15] !== h ? (P = async () => {
+		h(m, !1), _.current?.classList.remove("open"), _.current?.classList.add("close"), await ie(v.current, d), _.current?.classList.remove("close"), _.current?.close();
+	}, p[14] = m, p[15] = h, p[16] = P) : P = p[16];
+	let F = a(P), I;
+	p[17] === u ? I = p[18] : (I = (e) => {
+		e.stopPropagation(), u.onClose?.();
+	}, p[17] = u, p[18] = I);
+	let L = I, R;
+	p[19] === u ? R = p[20] : (R = (e) => {
+		e.code.toLowerCase().includes("escape") && (e.stopPropagation(), e.preventDefault(), u.onClose?.());
+	}, p[19] = u, p[20] = R);
+	let z = R, B;
+	p[21] !== F || p[22] !== N || p[23] !== u.open ? (B = () => {
+		u.open ? N() : F();
+	}, p[21] = F, p[22] = N, p[23] = u.open, p[24] = B) : B = p[24];
+	let V;
+	if (p[25] === u.open ? V = p[26] : (V = [u.open], p[25] = u.open, p[26] = V), ce(B, V), !g) return null;
+	let be = u.headline, H = u.fullscreen ? "dialog" : "alertdialog", U;
+	p[27] !== u.fullscreen || p[28] !== u.headline || p[29] !== u.icon || p[30] !== u.size ? (U = se("modal", !u.fullscreen && u.size ? ae(u.size) : void 0, {
+		fullscreen: u.fullscreen,
+		headline: u.headline,
+		icon: !u.fullscreen && u.icon
+	}), p[27] = u.fullscreen, p[28] = u.headline, p[29] = u.icon, p[30] = u.size, p[31] = U) : U = p[31];
+	let W;
+	p[32] !== O || p[33] !== u.buttonLabel || p[34] !== u.fullscreen || p[35] !== u.headline || p[36] !== u.onButtonClick || p[37] !== u.onClose || p[38] !== u.supportingText ? (W = u.fullscreen ? /* @__PURE__ */ l("div", {
+		className: "header",
+		children: [
+			/* @__PURE__ */ c(r, {
+				className: "icon",
+				color: "standard",
+				icon: "close",
+				onClick: u.onClose
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "headline",
+				children: u.headline
+			}),
+			/* @__PURE__ */ c(oe, {
+				className: "action",
+				color: "text",
+				label: u.buttonLabel,
+				onClick: u.onButtonClick
+			})
+		]
+	}) : /* @__PURE__ */ l("div", {
+		className: "description",
+		children: [
+			O && /* @__PURE__ */ c(te, {
+				size: 24,
+				children: O
+			}),
+			u.headline && /* @__PURE__ */ c("span", {
+				className: "headline",
+				children: u.headline
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "supporting-text",
+				children: u.supportingText
+			})
+		]
+	}), p[32] = O, p[33] = u.buttonLabel, p[34] = u.fullscreen, p[35] = u.headline, p[36] = u.onButtonClick, p[37] = u.onClose, p[38] = u.supportingText, p[39] = W) : W = p[39];
+	let G;
+	p[40] !== S || p[41] !== u.fullscreen ? (G = !u.fullscreen && S && /* @__PURE__ */ c(n, {}), p[40] = S, p[41] = u.fullscreen, p[42] = G) : G = p[42];
+	let K;
+	p[43] !== S || p[44] !== j ? (K = !!S && /* @__PURE__ */ c("div", {
+		ref: j,
+		className: "content",
+		children: S.map(me)
+	}), p[43] = S, p[44] = j, p[45] = K) : K = p[45];
+	let q;
+	p[46] !== S || p[47] !== u.fullscreen ? (q = !u.fullscreen && S && /* @__PURE__ */ c(n, {}), p[46] = S, p[47] = u.fullscreen, p[48] = q) : q = p[48];
+	let J;
+	p[49] !== w || p[50] !== u.fullscreen ? (J = !u.fullscreen && w && /* @__PURE__ */ c("div", {
+		className: "actions",
+		children: /* @__PURE__ */ c(ee, {
+			color: ye,
+			children: w.map(pe)
+		})
+	}), p[49] = w, p[50] = u.fullscreen, p[51] = J) : J = p[51];
+	let Y;
+	p[52] !== A || p[53] !== W || p[54] !== G || p[55] !== K || p[56] !== q || p[57] !== J ? (Y = /* @__PURE__ */ l("div", {
+		ref: A,
+		className: "container",
+		children: [
+			W,
+			G,
+			K,
+			q,
+			J
+		]
+	}), p[52] = A, p[53] = W, p[54] = G, p[55] = K, p[56] = q, p[57] = J, p[58] = Y) : Y = p[58];
+	let X;
+	p[59] !== U || p[60] !== Y ? (X = /* @__PURE__ */ c("div", {
+		ref: v,
+		className: U,
+		children: Y
+	}), p[59] = U, p[60] = Y, p[61] = X) : X = p[61];
+	let Z;
+	p[62] === u.children ? Z = p[63] : (Z = /* @__PURE__ */ c(t, {
+		name: "Dialog",
+		childName: ve,
+		onChildrenChange: _e,
+		compareChild: re,
+		children: u.children
+	}), p[62] = u.children, p[63] = Z);
+	let Q;
+	p[64] !== L || p[65] !== z || p[66] !== u.headline || p[67] !== H || p[68] !== X || p[69] !== Z ? (Q = /* @__PURE__ */ l("dialog", {
+		ref: _,
+		className: "Dialog",
+		onClose: L,
+		onKeyDown: z,
+		"aria-label": be,
+		role: H,
+		children: [X, Z]
+	}), p[64] = L, p[65] = z, p[66] = u.headline, p[67] = H, p[68] = X, p[69] = Z, p[70] = Q) : Q = p[70];
+	let $;
+	return p[71] !== g || p[72] !== Q ? ($ = ue(Q, g), p[71] = g, p[72] = Q, p[73] = $) : $ = p[73], $;
+}
+function pe(e) {
+	return e.children;
+}
+function me(e) {
+	return e.children;
+}
+function d(e) {
+	return /^dialog-\w+-container-close$/.test(e);
+}
+function f(e) {
+	e.target instanceof HTMLDivElement && (e.target.scrollTop ? e.target?.classList.add("on-scroll") : e.target?.classList.remove("on-scroll"));
+}
+function he(e) {
+	return e.orderedCollectionName === "DialogAction";
+}
+function ge(e) {
+	return e.orderedCollectionName === "Content";
+}
+//#endregion
+export { u as default };

package/dist/components/Dialog/DialogActions.cjs

@@ -0,0 +1 @@
+const e=require("../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:`DialogAction`,id:o,content:c}),a[2]=c,a[3]=o,a[4]=l):l=a[4],l}exports.default=i;

package/dist/components/Dialog/DialogActions.d.ts

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

package/dist/components/Dialog/DialogActions.js

@@ -0,0 +1,17 @@
+import { OrderedCollectionChild as e } from "../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/components/Dialog/DialogActions.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: "DialogAction",
+		id: o,
+		content: c
+	}), a[2] = c, a[3] = o, a[4] = l) : l = a[4], l;
+}
+//#endregion
+export { i as default };

package/dist/components/Dialog/index.cjs

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

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Dialog';
+export { default as DialogActions } from './DialogActions';
+export type { DialogProps, BasicDialogProps, FullscreenDialogProps } from './Dialog';
+export type { DialogActionsProps } from './DialogActions';

package/dist/components/Dialog/index.js

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

package/dist/components/Dialog/style.css

@@ -0,0 +1 @@
+@keyframes dialog-backdrop-open{0%{opacity:0}to{opacity:.4}}@keyframes dialog-backdrop-close{0%{opacity:.4}to{opacity:0}}@supports not (width:calc-size(auto, size)){@keyframes dialog-basic-container-open{0%{opacity:0;height:0}to{height:var(--modal-height);opacity:1}}@keyframes dialog-basic-container-close{0%{height:var(--modal-height);opacity:1}to{height:calc(var(--modal-height) / 100 * 20);opacity:0}}}@supports (width:calc-size(auto, size)){@keyframes dialog-basic-container-open{0%{opacity:0;height:0}to{height:calc-size(auto, size);opacity:1}}@keyframes dialog-basic-container-close{0%{height:calc-size(auto, size);pacity:1}to{height:calc-size(auto, size / 100 * 20);opacity:0}}}@keyframes dialog-fullscreen-container-open{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-fullscreen-container-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes dialog-basic-content-open{0%{opacity:0}to{opacity:1}}@keyframes dialog-basic-content-close{0%{opacity:1}to{opacity:0}}.Dialog{width:100dvw;height:100dvh;max-width:unset;max-height:unset;box-sizing:border-box;transform-origin:top;background-color:#0000;border:none;outline:none;margin:0;padding:0;position:fixed;overflow:hidden}.Dialog[open]{justify-content:center;align-items:center;display:flex}.Dialog:before{background-color:var(--md-sys-color-scrim);content:"";z-index:-1;position:fixed;inset:0}.Dialog::backdrop{opacity:0}.Dialog.open:before{animation:dialog-backdrop-open var(--md-sys-motion-spring-expressive-default-effects-duration) var(--md-sys-motion-spring-expressive-default-effects-easing) forwards}.Dialog.open>.modal:not(.fullscreen){animation:dialog-basic-container-open var(--md-sys-motion-spring-expressive-default-spatial-duration) var(--md-sys-motion-spring-expressive-default-spatial-easing) forwards}.Dialog.open>.modal:not(.fullscreen)>.container{animation:dialog-basic-content-open var(--md-sys-motion-spring-expressive-slow-spatial-duration) var(--md-sys-motion-spring-expressive-slow-spatial-easing) forwards}.Dialog.open>.modal.fullscreen{animation:dialog-fullscreen-container-open var(--md-sys-motion-spring-standard-slow-spatial-duration) var(--md-sys-motion-spring-standard-slow-spatial-easing) forwards}.Dialog.close:before{animation:dialog-backdrop-close var(--md-sys-motion-spring-expressive-default-effects-duration) var(--md-sys-motion-spring-expressive-default-effects-easing) forwards}.Dialog.close>.modal:not(.fullscreen){animation:dialog-basic-container-close var(--md-sys-motion-spring-expressive-default-spatial-duration) var(--md-sys-motion-spring-expressive-default-spatial-easing) forwards}.Dialog.close>.modal:not(.fullscreen)>.container{animation:dialog-basic-content-close var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing) forwards}.Dialog.close>.modal.fullscreen{animation:dialog-fullscreen-container-close var(--md-sys-motion-spring-standard-slow-spatial-duration) var(--md-sys-motion-spring-standard-slow-spatial-easing) forwards}.Dialog>.modal{color:var(--md-sys-color-on-surface-variant);overflow:hidden}.Dialog>.modal:not(.fullscreen){background-color:var(--md-comp-dialog-container-color);border-radius:var(--md-comp-dialog-container-shape);min-width:280px;max-width:560px;max-height:calc(100dvh - 32px);box-shadow:var(--md-comp-dialog-container-elevation)}.Dialog>.modal:not(.fullscreen).extra-small{width:280px}.Dialog>.modal:not(.fullscreen).small{width:350px}.Dialog>.modal:not(.fullscreen).medium{width:420px}.Dialog>.modal:not(.fullscreen).large{width:490px}.Dialog>.modal:not(.fullscreen).extra-large{width:560px}.Dialog>.modal:not(.fullscreen).headline.icon>.container>.description>.headline{align-self:center}.Dialog>.modal:not(.fullscreen)>.container{box-sizing:border-box;flex-direction:column;gap:24px;max-height:calc(100dvh - 32px);padding:24px;display:flex}.Dialog>.modal:not(.fullscreen)>.container>.description{flex-direction:column;gap:16px;display:flex}.Dialog>.modal:not(.fullscreen)>.container>.description>.Icon{color:var(--md-comp-dialog-with-icon-icon-color);align-self:center}.Dialog>.modal:not(.fullscreen)>.container>.description>.headline{font-family:var(--md-comp-dialog-headline-font);font-weight:var(--md-comp-dialog-headline-weight);font-size:var(--md-comp-dialog-headline-size);letter-spacing:var(--md-comp-dialog-headline-tracking);line-height:var(--md-comp-dialog-headline-line-height);font-variation-settings:"wght" var(--md-comp-dialog-headline-wght), "GRAD" var(--md-comp-dialog-headline-grad), "wdth" var(--md-comp-dialog-headline-wdth), "ROND" var(--md-comp-dialog-headline-rond), "opsz" var(--md-comp-dialog-headline-opsz), "CRSV" var(--md-comp-dialog-headline-crsv), "slnt" var(--md-comp-dialog-headline-slnt), "FILL" var(--md-comp-dialog-headline-fill), "HEXP" var(--md-comp-dialog-headline-hexp);color:var(--md-comp-dialog-headline-color)}.Dialog>.modal:not(.fullscreen)>.container>.description>.supporting-text{font-family:var(--md-comp-dialog-supporting-text-font);font-weight:var(--md-comp-dialog-supporting-text-weight);font-size:var(--md-comp-dialog-supporting-text-size);letter-spacing:var(--md-comp-dialog-supporting-text-tracking);line-height:var(--md-comp-dialog-supporting-text-line-height);font-variation-settings:"wght" var(--md-comp-dialog-supporting-text-wght), "GRAD" var(--md-comp-dialog-supporting-text-grad), "wdth" var(--md-comp-dialog-supporting-text-wdth), "ROND" var(--md-comp-dialog-supporting-text-rond), "opsz" var(--md-comp-dialog-supporting-text-opsz), "CRSV" var(--md-comp-dialog-supporting-text-crsv), "slnt" var(--md-comp-dialog-supporting-text-slnt), "FILL" var(--md-comp-dialog-supporting-text-fill), "HEXP" var(--md-comp-dialog-supporting-text-hexp);color:var(--md-comp-dialog-supporting-text-color)}.Dialog>.modal:not(.fullscreen)>.container>.content{overflow:auto}.Dialog>.modal:not(.fullscreen)>.container>.Divider{margin:0;margin-block:-6px}.Dialog>.modal:not(.fullscreen)>.container>.actions{justify-content:flex-end;gap:8px;display:flex}.Dialog>.modal:not(.fullscreen)>.container>.actions>.Button{color:var(--md-comp-dialog-action-label-text-color)}.Dialog>.modal.fullscreen{background-color:var(--md-comp-full-screen-dialog-container-color);border-radius:var(--md-comp-full-screen-dialog-container-shape);box-shadow:var(--md-comp-full-screen-dialog-container-elevation);position:fixed;inset:0}.Dialog>.modal.fullscreen>.container{flex-direction:column;display:flex;position:fixed;inset:0}.Dialog>.modal.fullscreen>.container.on-scroll>.header{box-shadow:var(--md-comp-full-screen-dialog-header-on-scroll-container-elevation)}.Dialog>.modal.fullscreen>.container>.header{flex:0 0 var(--md-comp-full-screen-dialog-header-container-height);height:var(--md-comp-full-screen-dialog-header-container-height);background-color:var(--md-comp-full-screen-dialog-header-container-color);box-shadow:var(--md-comp-full-screen-dialog-header-container-elevation);transition:background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), box-shadow var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);align-items:center;gap:8px;padding-inline:8px;display:flex}.Dialog>.modal.fullscreen>.container>.header>.icon{--md-comp-icon-size:var(--md-comp-full-screen-dialog-header-icon-size);border-radius:var(--md-sys-shape-corner-full);color:var(--md-comp-full-screen-dialog-header-icon-color)}.Dialog>.modal.fullscreen>.container>.header>.headline{font-family:var(--md-comp-full-screen-dialog-header-headline-font);font-weight:var(--md-comp-full-screen-dialog-header-headline-weight);font-size:var(--md-comp-full-screen-dialog-header-headline-size);letter-spacing:var(--md-comp-full-screen-dialog-header-headline-tracking);line-height:var(--md-comp-full-screen-dialog-header-headline-line-height);font-variation-settings:"wght" var(--md-comp-full-screen-dialog-header-headline-wght), "GRAD" var(--md-comp-full-screen-dialog-header-headline-grad), "wdth" var(--md-comp-full-screen-dialog-header-headline-wdth), "ROND" var(--md-comp-full-screen-dialog-header-headline-rond), "opsz" var(--md-comp-full-screen-dialog-header-headline-opsz), "CRSV" var(--md-comp-full-screen-dialog-header-headline-crsv), "slnt" var(--md-comp-full-screen-dialog-header-headline-slnt), "FILL" var(--md-comp-full-screen-dialog-header-headline-fill), "HEXP" var(--md-comp-full-screen-dialog-header-headline-hexp);color:var(--md-comp-full-screen-dialog-header-headline-color);flex:1}.Dialog>.modal.fullscreen>.container>.header>.headline:before{content:"";vertical-align:middle}.Dialog>.modal.fullscreen>.container>.header>.action{font-family:var(--md-comp-full-screen-dialog-header-action-label-text-font);font-weight:var(--md-comp-full-screen-dialog-header-action-label-text-weight);font-size:var(--md-comp-full-screen-dialog-header-action-label-text-size);letter-spacing:var(--md-comp-full-screen-dialog-header-action-label-text-tracking);line-height:var(--md-comp-full-screen-dialog-header-action-label-text-line-height);font-variation-settings:"wght" var(--md-comp-full-screen-dialog-header-action-label-text-wght), "GRAD" var(--md-comp-full-screen-dialog-header-action-label-text-grad), "wdth" var(--md-comp-full-screen-dialog-header-action-label-text-wdth), "ROND" var(--md-comp-full-screen-dialog-header-action-label-text-rond), "opsz" var(--md-comp-full-screen-dialog-header-action-label-text-opsz), "CRSV" var(--md-comp-full-screen-dialog-header-action-label-text-crsv), "slnt" var(--md-comp-full-screen-dialog-header-action-label-text-slnt), "FILL" var(--md-comp-full-screen-dialog-header-action-label-text-fill), "HEXP" var(--md-comp-full-screen-dialog-header-action-label-text-hexp);color:var(--md-comp-full-screen-dialog-header-action-label-text-color)}.Dialog>.modal.fullscreen>.container>.content{padding:12px 24px;flex:1;padding-bottom:24px;overflow:auto}.Dialog>.content-hide{display:none}

package/dist/components/Divider/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");;/* empty css             */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)(10),a;i[0]!==e.className||i[1]!==e.vertical?(a=(0,n.default)(`Divider`,{vertical:e.vertical},e.className),i[0]=e.className,i[1]=e.vertical,i[2]=a):a=i[2];let o;i[3]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,r.jsx)(`div`,{className:`line`}),i[3]=o):o=i[3];let s;i[4]===e.text?s=i[5]:(s=e.text&&(0,r.jsx)(`span`,{className:`text`,children:e.text}),i[4]=e.text,i[5]=s);let c;i[6]===Symbol.for(`react.memo_cache_sentinel`)?(c=(0,r.jsx)(`div`,{className:`line`}),i[6]=c):c=i[6];let l;return i[7]!==a||i[8]!==s?(l=(0,r.jsxs)(`div`,{className:a,children:[o,s,c]}),i[7]=a,i[8]=s,i[9]=l):l=i[9],l}exports.default=i;

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,6 @@
+export interface DividerProps {
+    text?: string;
+    vertical?: boolean;
+    className?: string;
+}
+export default function Divider(props: DividerProps): import('react').JSX.Element;

package/dist/components/Divider/index.js

@@ -0,0 +1,29 @@
+import './style.css';/* empty css           */
+import { c as e } from "react/compiler-runtime";
+import t from "classnames";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/Divider/index.tsx
+function i(i) {
+	let a = e(10), o;
+	a[0] !== i.className || a[1] !== i.vertical ? (o = t("Divider", { vertical: i.vertical }, i.className), a[0] = i.className, a[1] = i.vertical, a[2] = o) : o = a[2];
+	let s;
+	a[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n("div", { className: "line" }), a[3] = s) : s = a[3];
+	let c;
+	a[4] === i.text ? c = a[5] : (c = i.text && /* @__PURE__ */ n("span", {
+		className: "text",
+		children: i.text
+	}), a[4] = i.text, a[5] = c);
+	let l;
+	a[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("div", { className: "line" }), a[6] = l) : l = a[6];
+	let u;
+	return a[7] !== o || a[8] !== c ? (u = /* @__PURE__ */ r("div", {
+		className: o,
+		children: [
+			s,
+			c,
+			l
+		]
+	}), a[7] = o, a[8] = c, a[9] = u) : u = a[9], u;
+}
+//#endregion
+export { i as default };

package/dist/components/Divider/style.css

@@ -0,0 +1 @@
+.Divider{align-self:stretch;align-items:center;display:flex}.Divider .line{background-color:var(--md-comp-divider-color);transition:background-color .25s}.Divider .text{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font);font-weight:var(--md-sys-typescale-label-large-weight);font-size:var(--md-sys-typescale-label-large-size);letter-spacing:var(--md-sys-typescale-label-large-tracking);line-height:var(--md-sys-typescale-label-large-line-height);font-variation-settings:"wght" var(--md-sys-typescale-label-large-wght), "GRAD" var(--md-sys-typescale-label-large-grad), "wdth" var(--md-sys-typescale-label-large-wdth), "ROND" var(--md-sys-typescale-label-large-rond), "opsz" var(--md-sys-typescale-label-large-opsz), "CRSV" var(--md-sys-typescale-label-large-crsv), "slnt" var(--md-sys-typescale-label-large-slnt), "FILL" var(--md-sys-typescale-label-large-fill), "HEXP" var(--md-sys-typescale-label-large-hexp);transition:color .25s}.Divider:not(.vertical){margin:8px}.Divider:not(.vertical) .line{height:var(--md-comp-divider-thickness);flex:auto}.Divider.vertical{flex-direction:column}.Divider.vertical .line{width:var(--md-comp-divider-thickness);flex:auto}.Divider.vertical .text{writing-mode:vertical-rl;text-orientation:upright;margin:8px 0}

package/dist/components/Font/index.d.ts

@@ -0,0 +1,9 @@
+export interface FontPresetProps {
+    role: "";
+    size: "large" | "medium" | "small";
+    emphasized?: boolean;
+}
+export interface FontCustomProps {
+}
+export type FontProps = FontPresetProps | FontCustomProps;
+export default function Font(): null;

package/dist/components/Icon/Icon.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs");;/* empty css             */let t=require("react/compiler-runtime"),n=require("classnames");n=e.__toESM(n,1);let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");require("material-symbols/index.css");function a(e){return typeof e==`string`?(0,i.jsx)(c,{name:e}):r.default.isValidElement(e)?e:null}var o=(0,r.createContext)(null),s=()=>(0,r.useContext)(o);function c(e){let t=s(),a=typeof e.size==`number`?`${e.size}px`:e.size,o=e.opticalSize??(typeof e.size==`string`?parseFloat(e.size):e.size),c=e.emphasis===`low`?-25:e.emphasis===`high`?200:void 0,l=t?.emphasis===`low`?-25:t?.emphasis===`high`?200:void 0,u=(0,r.useMemo)(()=>({[(t?t.type:e.type)??`outlined`]:!0,fill:t?t.fill:e.fill}),[t,e.fill,e.type]),d=(0,r.useMemo)(()=>({"--md-comp-icon-size":t?typeof t.size==`number`?`${t.size}px`:t.size:a,"--md-comp-icon-weight":t?t.weight:e.weight,"--md-comp-icon-grade":t?l:c,"--md-comp-icon-optical-size":t?t.opticalSize:o}),[t,l,c,o,e.weight,a]);return(0,i.jsx)(`span`,{className:(0,n.default)(`Icon`,u,e.className),style:d,children:e.name})}function l(e){let n=(0,t.c)(2),r;return n[0]===e?r=n[1]:(r=(0,i.jsx)(o.Provider,{value:e,children:e.children}),n[0]=e,n[1]=r),r}exports.IconProvider=l,exports.convertIconDefinition=a,exports.default=c,exports.useIconContext=s;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { MaterialSymbol } from 'material-symbols';
+export interface IconProps {
+    name: MaterialSymbol;
+    type?: "outlined" | "rounded" | "sharp";
+    fill?: boolean;
+    emphasis?: "low" | "normal" | "high";
+    size?: number;
+    opticalSize?: number;
+    weight?: number;
+    className?: string;
+}
+export type IconDefinition = MaterialSymbol | React.ReactElement<IconProps> | null | undefined;
+export type IconContextData = Omit<IconProps, "name" | "className">;
+export declare function convertIconDefinition(icon: IconDefinition): React.JSX.Element | null;
+export declare const useIconContext: () => IconContextData | null;
+export default function Icon(props: IconProps): React.JSX.Element;
+export declare function IconProvider(props: React.PropsWithChildren<IconContextData>): React.JSX.Element;

package/dist/components/Icon/Icon.js

@@ -0,0 +1,47 @@
+import './style.css';/* empty css           */
+import { c as e } from "react/compiler-runtime";
+import t from "classnames";
+import n, { createContext as r, useContext as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import "material-symbols/index.css";
+//#region lib/components/Icon/Icon.tsx
+function s(e) {
+	return typeof e == "string" ? /* @__PURE__ */ o(u, { name: e }) : n.isValidElement(e) ? e : null;
+}
+var c = r(null), l = () => i(c);
+function u(e) {
+	let n = l(), r = typeof e.size == "number" ? `${e.size}px` : e.size, i = e.opticalSize ?? (typeof e.size == "string" ? parseFloat(e.size) : e.size), s = e.emphasis === "low" ? -25 : e.emphasis === "high" ? 200 : void 0, c = n?.emphasis === "low" ? -25 : n?.emphasis === "high" ? 200 : void 0, u = a(() => ({
+		[(n ? n.type : e.type) ?? "outlined"]: !0,
+		fill: n ? n.fill : e.fill
+	}), [
+		n,
+		e.fill,
+		e.type
+	]), d = a(() => ({
+		"--md-comp-icon-size": n ? typeof n.size == "number" ? `${n.size}px` : n.size : r,
+		"--md-comp-icon-weight": n ? n.weight : e.weight,
+		"--md-comp-icon-grade": n ? c : s,
+		"--md-comp-icon-optical-size": n ? n.opticalSize : i
+	}), [
+		n,
+		c,
+		s,
+		i,
+		e.weight,
+		r
+	]);
+	return /* @__PURE__ */ o("span", {
+		className: t("Icon", u, e.className),
+		style: d,
+		children: e.name
+	});
+}
+function d(t) {
+	let n = e(2), r;
+	return n[0] === t ? r = n[1] : (r = /* @__PURE__ */ o(c.Provider, {
+		value: t,
+		children: t.children
+	}), n[0] = t, n[1] = r), r;
+}
+//#endregion
+export { d as IconProvider, s as convertIconDefinition, u as default, l as useIconContext };

package/dist/components/Icon/index.cjs

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

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Icon';
+export type { IconProps, IconDefinition } from './Icon';

package/dist/components/Icon/index.js

@@ -0,0 +1 @@
+export { default } from "./Icon.js";

package/dist/components/Icon/style.css

@@ -0,0 +1 @@
+.Icon.outlined{font-family:Material Symbols Outlined}.Icon.rounded{font-family:Material Symbols Rounded}.Icon.sharp{font-family:Material Symbols Sharp}.Icon.fill{font-variation-settings:"FILL" 1, "GRAD" var(--md-comp-icon-grade), "wght" var(--md-comp-icon-weight), "opsz" var(--md-comp-icon-optical-size)}.Icon:not(.fill){font-variation-settings:"FILL" 0, "GRAD" var(--md-comp-icon-grade), "wght" var(--md-comp-icon-weight), "opsz" var(--md-comp-icon-optical-size)}.Icon{color:rgba(from var(--md-comp-icon-color,transparent) r g b/var(--md-comp-icon-opacity,0));font-style:normal;font-size:var(--md-comp-icon-size);font-weight:var(--md-comp-icon-weight);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-moz-font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;user-select:none;transition:font-variation-settings var(--md-comp-icon-spring-duration) var(--md-comp-icon-spring-easing), color var(--md-comp-icon-spring-duration) var(--md-comp-icon-spring-easing);direction:ltr;line-height:1}

package/dist/components/Menu/Menu.cjs

@@ -0,0 +1 @@
+const e=require("./Menu.render.cjs");let t=require("react/compiler-runtime"),n=require("react/jsx-runtime");function r(r){let i=(0,t.c)(2),a;return i[0]===r?a=i[1]:(a=(0,n.jsx)(e.default,{...r}),i[0]=r,i[1]=a),a}exports.default=r;

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps as MenuPropsBase } from './Menu.render';
+import { PropsWithChildren } from 'react';
+export type MenuProps = Omit<MenuPropsBase, "menuProps" | "groups">;
+export default function Menu(props: PropsWithChildren<MenuProps>): import('react').JSX.Element;

package/dist/components/Menu/Menu.js

@@ -0,0 +1,10 @@
+import e from "./Menu.render.js";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/Menu/Menu.tsx
+function r(r) {
+	let i = t(2), a;
+	return i[0] === r ? a = i[1] : (a = /* @__PURE__ */ n(e, { ...r }), i[0] = r, i[1] = a), a;
+}
+//#endregion
+export { r as default };

package/dist/components/Menu/Menu.render.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../misc/OrderedCollection/index.cjs"),n=require("./MenuContainer.cjs"),r=require("./MenuGroup.render.cjs");;/* empty css             */let i=require("classnames");i=e.__toESM(i,1);let a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom-event-hooks");function c(e){let c=(0,a.useId)(),{ref:l,color:u=e.menuProps?.color??`standard`,layout:d=e.menuProps?.layout??`standard`,density:f=e.menuProps?.density??0,groups:p,menuProps:m,...h}=e,[g,_]=(0,a.useState)([]),v=p??g,[y,b]=(0,a.useState)(0),x=(0,a.useMemo)(()=>m??{color:u,layout:d,density:f,classNames:e.className},[u,f,d,m,e.className]),S=(0,a.useMemo)(()=>(0,o.jsx)(r.MenuGroupsRender,{groups:v,menuProps:x}),[v,x]),C=(0,a.useMemo)(()=>d===`standard`?(0,o.jsx)(`div`,{className:`MenuGroup container`,children:S}):S,[d,S]),{saveRef:w}=(0,s.useResizeObserver)(([e])=>b(e.borderBoxSize.at(0)?.blockSize??0));return(0,o.jsxs)(`div`,{...(0,a.useMemo)(()=>t.cleanOrderedCollectionProps(h),[h]),ref:l,className:(0,i.default)(`Menu`,{SubMenu:e.groups?.length,[`${d}-layout`]:!0,[`${u}-color`]:!0,[`density${f}`]:f},e.className),"data-key":e.id??c,style:{"--menu-height":`${y}px`},children:[!!v.length&&C,(0,o.jsx)(`div`,{ref:w,className:`size-ref`,children:C}),!p&&(0,o.jsx)(n.default,{setGroups:_,children:e.children})]})}exports.default=c;

package/dist/components/Menu/Menu.render.d.ts

@@ -0,0 +1,15 @@
+import { MenuGroupData } from './MenuGroup';
+import { OrderedCollectionChildData } from '../misc/OrderedCollection';
+import { HTMLAttributes, PropsWithChildren, Ref } from 'react';
+export interface MenuPropsBase {
+    color?: "standard" | "vibrant";
+    layout?: "standard" | "grouped";
+    density?: 0 | -1 | -2 | -3;
+    className?: string;
+}
+export interface MenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "color">, MenuPropsBase {
+    ref?: Ref<HTMLDivElement>;
+    menuProps?: MenuProps;
+    groups?: OrderedCollectionChildData<MenuGroupData>[];
+}
+export default function MenuRender(props: PropsWithChildren<MenuProps>): import('react').JSX.Element;

package/dist/components/Menu/Menu.render.js

@@ -0,0 +1,55 @@
+import { cleanOrderedCollectionProps as e } from "../misc/OrderedCollection/index.js";
+import t from "./MenuContainer.js";
+import { MenuGroupsRender as n } from "./MenuGroup.render.js";
+import './style.css';/* empty css           */
+import r from "classnames";
+import { useId as i, useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useResizeObserver as l } from "react-dom-event-hooks";
+//#region lib/components/Menu/Menu.render.tsx
+function u(u) {
+	let d = i(), { ref: f, color: p = u.menuProps?.color ?? "standard", layout: m = u.menuProps?.layout ?? "standard", density: h = u.menuProps?.density ?? 0, groups: g, menuProps: _, ...v } = u, [y, b] = o([]), x = g ?? y, [S, C] = o(0), w = a(() => _ ?? {
+		color: p,
+		layout: m,
+		density: h,
+		classNames: u.className
+	}, [
+		p,
+		h,
+		m,
+		_,
+		u.className
+	]), T = a(() => /* @__PURE__ */ s(n, {
+		groups: x,
+		menuProps: w
+	}), [x, w]), E = a(() => m === "standard" ? /* @__PURE__ */ s("div", {
+		className: "MenuGroup container",
+		children: T
+	}) : T, [m, T]), { saveRef: D } = l(([e]) => C(e.borderBoxSize.at(0)?.blockSize ?? 0));
+	return /* @__PURE__ */ c("div", {
+		...a(() => e(v), [v]),
+		ref: f,
+		className: r("Menu", {
+			SubMenu: u.groups?.length,
+			[`${m}-layout`]: !0,
+			[`${p}-color`]: !0,
+			[`density${h}`]: h
+		}, u.className),
+		"data-key": u.id ?? d,
+		style: { "--menu-height": `${S}px` },
+		children: [
+			!!x.length && E,
+			/* @__PURE__ */ s("div", {
+				ref: D,
+				className: "size-ref",
+				children: E
+			}),
+			!g && /* @__PURE__ */ s(t, {
+				setGroups: b,
+				children: u.children
+			})
+		]
+	});
+}
+//#endregion
+export { u as default };

package/dist/components/Menu/MenuContainer.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/index.cjs"),t=require("../misc/OrderedCollection/index.cjs");let n=require("react/compiler-runtime"),r=require("react"),i=require("react/jsx-runtime");function a(a){let c=(0,n.c)(15),{setGroups:l}=a,u;c[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=[],c[0]=u):u=c[0];let[d,f]=(0,r.useState)(u),p;c[1]===d?p=c[2]:(p=d.filter(s),c[1]=d,c[2]=p);let m=p,h;c[3]===m?h=c[4]:(h={id:`__default`,orderedCollectionName:`MenuGroup`,items:m},c[3]=m,c[4]=h);let g=h,_;c[5]===d?_=c[6]:(_=d.filter(o),c[5]=d,c[6]=_);let v=_,y,b;c[7]!==g||c[8]!==v||c[9]!==l?(y=()=>{g.items.length?l([g,...v]):l(v)},b=[g,v,l],c[7]=g,c[8]=v,c[9]=l,c[10]=y,c[11]=b):(y=c[10],b=c[11]),(0,r.useEffect)(y,b);let x;c[12]===Symbol.for(`react.memo_cache_sentinel`)?(x=[`MenuItem`,`MenuGroup`],c[12]=x):x=c[12];let S;return c[13]===a.children?S=c[14]:(S=(0,i.jsx)(t.default,{name:`Menu`,childName:x,onChildrenChange:f,compareChild:e.shallowEqual,children:a.children}),c[13]=a.children,c[14]=S),S}function o(e){return e.orderedCollectionName===`MenuGroup`}function s(e){return e.orderedCollectionName===`MenuItem`}exports.default=a;

package/dist/components/Menu/MenuContainer.d.ts

@@ -0,0 +1,7 @@
+import { MenuGroupData } from './MenuGroup';
+import { OrderedCollectionChildData } from '../misc/OrderedCollection';
+import { PropsWithChildren } from 'react';
+export interface MenuContainerData {
+    setGroups: (groups: OrderedCollectionChildData<MenuGroupData>[]) => void;
+}
+export default function MenuContainer(props: PropsWithChildren<MenuContainerData>): import('react').JSX.Element;

package/dist/components/Menu/MenuContainer.js

@@ -0,0 +1,46 @@
+import { shallowEqual as e } from "../../utils/index.js";
+import t from "../misc/OrderedCollection/index.js";
+import { c as n } from "react/compiler-runtime";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/Menu/MenuContainer.tsx
+function o(o) {
+	let l = n(15), { setGroups: u } = o, d;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], l[0] = d) : d = l[0];
+	let [f, p] = i(d), m;
+	l[1] === f ? m = l[2] : (m = f.filter(c), l[1] = f, l[2] = m);
+	let h = m, g;
+	l[3] === h ? g = l[4] : (g = {
+		id: "__default",
+		orderedCollectionName: "MenuGroup",
+		items: h
+	}, l[3] = h, l[4] = g);
+	let _ = g, v;
+	l[5] === f ? v = l[6] : (v = f.filter(s), l[5] = f, l[6] = v);
+	let y = v, b, x;
+	l[7] !== _ || l[8] !== y || l[9] !== u ? (b = () => {
+		_.items.length ? u([_, ...y]) : u(y);
+	}, x = [
+		_,
+		y,
+		u
+	], l[7] = _, l[8] = y, l[9] = u, l[10] = b, l[11] = x) : (b = l[10], x = l[11]), r(b, x);
+	let S;
+	l[12] === Symbol.for("react.memo_cache_sentinel") ? (S = ["MenuItem", "MenuGroup"], l[12] = S) : S = l[12];
+	let C;
+	return l[13] === o.children ? C = l[14] : (C = /* @__PURE__ */ a(t, {
+		name: "Menu",
+		childName: S,
+		onChildrenChange: p,
+		compareChild: e,
+		children: o.children
+	}), l[13] = o.children, l[14] = C), C;
+}
+function s(e) {
+	return e.orderedCollectionName === "MenuGroup";
+}
+function c(e) {
+	return e.orderedCollectionName === "MenuItem";
+}
+//#endregion
+export { o as default };

package/dist/components/Menu/MenuGroup.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/index.cjs"),t=require("../misc/OrderedCollection/index.cjs");let n=require("react/compiler-runtime"),r=require("react"),i=require("react/jsx-runtime");function a(a){let o=(0,n.c)(13),s=(0,r.useId)(),c;o[0]===Symbol.for(`react.memo_cache_sentinel`)?(c=[],o[0]=c):c=o[0];let[l,u]=(0,r.useState)(c),d;o[1]!==l||o[2]!==s||o[3]!==a.label?(d={id:s,label:a.label,items:l},o[1]=l,o[2]=s,o[3]=a.label,o[4]=d):d=o[4];let f=d,p;o[5]!==f||o[6]!==s?(p=(0,i.jsx)(t.OrderedCollectionChild,{name:`MenuGroup`,id:s,content:f}),o[5]=f,o[6]=s,o[7]=p):p=o[7];let m;o[8]===a.children?m=o[9]:(m=(0,i.jsx)(t.default,{name:`MenuGroup`,childName:`MenuItem`,onChildrenChange:u,compareChild:e.shallowEqual,children:a.children}),o[8]=a.children,o[9]=m);let h;return o[10]!==p||o[11]!==m?(h=(0,i.jsxs)(i.Fragment,{children:[p,m]}),o[10]=p,o[11]=m,o[12]=h):h=o[12],h}exports.default=a;

package/dist/components/Menu/MenuGroup.d.ts

@@ -0,0 +1,11 @@
+import { MenuItemData } from './MenuItem';
+import { OrderedCollectionChildData } from '../misc/OrderedCollection';
+import { PropsWithChildren } from 'react';
+export interface MenuGroupProps {
+    label?: string;
+}
+export interface MenuGroupData extends MenuGroupProps {
+    id: string;
+    items: OrderedCollectionChildData<MenuItemData>[];
+}
+export default function MenuGroup(props: PropsWithChildren<MenuGroupProps>): import('react').JSX.Element;

package/dist/components/Menu/MenuGroup.js

@@ -0,0 +1,34 @@
+import { shallowEqual as e } from "../../utils/index.js";
+import t, { OrderedCollectionChild as n } from "../misc/OrderedCollection/index.js";
+import { c as r } from "react/compiler-runtime";
+import { useId as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/Menu/MenuGroup.tsx
+function l(l) {
+	let u = r(13), d = i(), f;
+	u[0] === Symbol.for("react.memo_cache_sentinel") ? (f = [], u[0] = f) : f = u[0];
+	let [p, m] = a(f), h;
+	u[1] !== p || u[2] !== d || u[3] !== l.label ? (h = {
+		id: d,
+		label: l.label,
+		items: p
+	}, u[1] = p, u[2] = d, u[3] = l.label, u[4] = h) : h = u[4];
+	let g = h, _;
+	u[5] !== g || u[6] !== d ? (_ = /* @__PURE__ */ s(n, {
+		name: "MenuGroup",
+		id: d,
+		content: g
+	}), u[5] = g, u[6] = d, u[7] = _) : _ = u[7];
+	let v;
+	u[8] === l.children ? v = u[9] : (v = /* @__PURE__ */ s(t, {
+		name: "MenuGroup",
+		childName: "MenuItem",
+		onChildrenChange: m,
+		compareChild: e,
+		children: l.children
+	}), u[8] = l.children, u[9] = v);
+	let y;
+	return u[10] !== _ || u[11] !== v ? (y = /* @__PURE__ */ c(o, { children: [_, v] }), u[10] = _, u[11] = v, u[12] = y) : y = u[12], y;
+}
+//#endregion
+export { l as default };

package/dist/components/Menu/MenuGroup.render.cjs

@@ -0,0 +1 @@
+const e=require("../Divider/index.cjs"),t=require("./MenuItem.render.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(i){let{groups:a,menuProps:o}=i;return a.map((i,a)=>o.layout===`standard`?(0,r.jsxs)(n.Fragment,{children:[!!a&&(0,r.jsx)(e.default,{}),i.label&&(0,r.jsx)(`div`,{className:`label`,children:i.label}),i.items.map(e=>(0,r.jsx)(t.default,{item:e,menuProps:o},e.id))]},i.id):(0,r.jsxs)(`div`,{className:`MenuGroup`,"data-menu-group-id":i.id,children:[i.label&&(0,r.jsx)(`div`,{className:`label`,children:i.label}),i.items.map(e=>(0,r.jsx)(t.default,{item:e,menuProps:o},e.id))]},i.id))}exports.MenuGroupsRender=i;

package/dist/components/Menu/MenuGroup.render.d.ts

@@ -0,0 +1,6 @@
+import { MenuPropsBase } from './Menu.render';
+import { MenuGroupData } from './MenuGroup';
+export declare function MenuGroupsRender(props: {
+    groups: MenuGroupData[];
+    menuProps: MenuPropsBase;
+}): import('react').JSX.Element[];