react-material-design 0.0.0-stage → 0.5.1

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

@@ -0,0 +1,31 @@
+import e from "../Divider/index.js";
+import t from "./MenuItem.render.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/components/Menu/MenuGroup.render.tsx
+function a(a) {
+	let { groups: o, menuProps: s } = a;
+	return o.map((a, o) => s.layout === "standard" ? /* @__PURE__ */ i(n, { children: [
+		!!o && /* @__PURE__ */ r(e, {}),
+		a.label && /* @__PURE__ */ r("div", {
+			className: "label",
+			children: a.label
+		}),
+		a.items.map((e) => /* @__PURE__ */ r(t, {
+			item: e,
+			menuProps: s
+		}, e.id))
+	] }, a.id) : /* @__PURE__ */ i("div", {
+		className: "MenuGroup",
+		"data-menu-group-id": a.id,
+		children: [a.label && /* @__PURE__ */ r("div", {
+			className: "label",
+			children: a.label
+		}), a.items.map((e) => /* @__PURE__ */ r(t, {
+			item: e,
+			menuProps: s
+		}, e.id))]
+	}, a.id));
+}
+//#endregion
+export { a as MenuGroupsRender };

package/dist/components/Menu/MenuItem.cjs

@@ -0,0 +1 @@
+const e=require("../misc/OrderedCollection/index.cjs"),t=require("./MenuContainer.cjs");let n=require("react/compiler-runtime"),r=require("react"),i=require("react/jsx-runtime");function a(a){let o=(0,n.c)(12),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]!==a?(d={...a,subMenuGroups:l},o[1]=l,o[2]=a,o[3]=d):d=o[3];let f=d,p;o[4]===a.children?p=o[5]:(p=(0,i.jsx)(t.default,{setGroups:u,children:a.children}),o[4]=a.children,o[5]=p);let m=a.id??s,h;o[6]!==f||o[7]!==m?(h=(0,i.jsx)(e.OrderedCollectionChild,{name:`MenuItem`,id:m,content:f}),o[6]=f,o[7]=m,o[8]=h):h=o[8];let g;return o[9]!==p||o[10]!==h?(g=(0,i.jsxs)(i.Fragment,{children:[p,h]}),o[9]=p,o[10]=h,o[11]=g):g=o[11],g}exports.default=a;

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

@@ -0,0 +1,19 @@
+import { IconDefinition } from '../Icon';
+import { MenuGroupData } from './MenuGroup';
+import { OrderedCollectionChildData } from '../misc/OrderedCollection';
+import { PolymorphicComponent } from '../misc/Polymorphic';
+import { ElementType, PropsWithChildren } from 'react';
+export type MenuItemProps<As extends ElementType = "button"> = PolymorphicComponent<"MenuItem", As, "button", {
+    id?: string;
+    icon?: IconDefinition | ((selected: boolean) => IconDefinition);
+    text: string | ((selected: boolean) => string);
+    supportingText?: string | ((selected: boolean) => string);
+    selectable?: boolean;
+    selected?: boolean;
+    onSelected?: (selected: boolean) => void;
+    disabled?: boolean;
+}>;
+export type MenuItemData<As extends ElementType = "button"> = MenuItemProps<As> & {
+    subMenuGroups: OrderedCollectionChildData<MenuGroupData>[];
+};
+export default function MenuItem<As extends ElementType = "button">(props: PropsWithChildren<MenuItemProps<As>>): import('react').JSX.Element;

package/dist/components/Menu/MenuItem.js

@@ -0,0 +1,30 @@
+import { OrderedCollectionChild as e } from "../misc/OrderedCollection/index.js";
+import t from "./MenuContainer.js";
+import { c as n } from "react/compiler-runtime";
+import { useId as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/Menu/MenuItem.tsx
+function c(c) {
+	let l = n(12), u = r(), 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 || l[2] !== c ? (m = {
+		...c,
+		subMenuGroups: f
+	}, l[1] = f, l[2] = c, l[3] = m) : m = l[3];
+	let h = m, g;
+	l[4] === c.children ? g = l[5] : (g = /* @__PURE__ */ o(t, {
+		setGroups: p,
+		children: c.children
+	}), l[4] = c.children, l[5] = g);
+	let _ = c.id ?? u, v;
+	l[6] !== h || l[7] !== _ ? (v = /* @__PURE__ */ o(e, {
+		name: "MenuItem",
+		id: _,
+		content: h
+	}), l[6] = h, l[7] = _, l[8] = v) : v = l[8];
+	let y;
+	return l[9] !== g || l[10] !== v ? (y = /* @__PURE__ */ s(a, { children: [g, v] }), l[9] = g, l[10] = v, l[11] = y) : y = l[11], y;
+}
+//#endregion
+export { c as default };

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Icon/Icon.cjs"),n=require("../misc/Polymorphic.cjs"),r=require("../misc/StateLayer/index.cjs"),i=require("../misc/Transitionable/index.cjs"),a=require("./Menu.render.cjs");let o=require("classnames");o=e.__toESM(o,1);let s=require("react"),c=require("react/jsx-runtime");var l=[`id`,`text`,`tooltip`,`disabled`,`icon`,`test`,`supportingText`,`selectable`,`selected`,`onSelected`];function u(e){let{item:{subMenuGroups:u,onSelected:d,...f},menuProps:p}=e,[m,h]=(0,s.useState)((f.selectable?f.selected:void 0)??!1),g=f.selectable?f.selected??m:!1,_=(typeof f?.icon==`function`?f?.icon?.(g??!1):f?.icon)??(g?`check`:void 0),v=t.convertIconDefinition(_),y=typeof f?.text==`function`?f?.text?.(g??!1):f?.text,b=typeof f?.supportingText==`function`?f?.supportingText?.(g??!1):f?.supportingText,x={...f},S=(0,s.useCallback)(()=>{f.selectable&&(f.selected===void 0&&h(!g),d?.(!g))},[f.selectable,f.selected,d,g]);return x.className=(0,o.default)(`MenuItem`,{selectable:f.selectable,selected:g,disabled:f.disabled},f.className),x[`aria-label`]=y,x.role=`button`,x.onClick=f.onClick,(0,c.jsxs)(`div`,{className:`item`,onClick:S,children:[(0,c.jsxs)(n.default,{name:`MenuItem`,as:f.as,base:`button`,props:x,excludePropsName:l,disabled:f.disabled,children:[(0,c.jsx)(r.default,{subLayer:!0,disabled:f.disabled}),(0,c.jsx)(i.default,{value:v,className:`icon leading`}),(0,c.jsx)(i.default,{value:y,className:`text`}),(0,c.jsx)(i.default,{value:b,className:`supporting-text`}),(0,c.jsx)(`div`,{className:`spacer`}),!!u.length&&(0,c.jsx)(i.default,{value:(0,c.jsx)(t.default,{name:`arrow_right`}),className:`icon trailing`})]},f.id),!!u.length&&(0,c.jsx)(a.default,{menuProps:p,groups:u})]})}exports.MenuItemNativeProps=l,exports.default=u;

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

@@ -0,0 +1,7 @@
+import { MenuPropsBase } from './Menu.render';
+import { MenuItemData } from './MenuItem';
+export declare const MenuItemNativeProps: string[];
+export default function MenuItemRender(props: {
+    item: MenuItemData;
+    menuProps: MenuPropsBase;
+}): import('react').JSX.Element;

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

@@ -0,0 +1,75 @@
+import e, { convertIconDefinition as t } from "../Icon/Icon.js";
+import n from "../misc/Polymorphic.js";
+import r from "../misc/StateLayer/index.js";
+import i from "../misc/Transitionable/index.js";
+import a from "./Menu.render.js";
+import o from "classnames";
+import { useCallback as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region lib/components/Menu/MenuItem.render.tsx
+var d = [
+	"id",
+	"text",
+	"tooltip",
+	"disabled",
+	"icon",
+	"test",
+	"supportingText",
+	"selectable",
+	"selected",
+	"onSelected"
+];
+function f(f) {
+	let { item: { subMenuGroups: p, onSelected: m, ...h }, menuProps: g } = f, [_, v] = c((h.selectable ? h.selected : void 0) ?? !1), y = h.selectable ? h.selected ?? _ : !1, b = (typeof h?.icon == "function" ? h?.icon?.(y ?? !1) : h?.icon) ?? (y ? "check" : void 0), x = t(b), S = typeof h?.text == "function" ? h?.text?.(y ?? !1) : h?.text, C = typeof h?.supportingText == "function" ? h?.supportingText?.(y ?? !1) : h?.supportingText, w = { ...h }, T = s(() => {
+		h.selectable && (h.selected === void 0 && v(!y), m?.(!y));
+	}, [
+		h.selectable,
+		h.selected,
+		m,
+		y
+	]);
+	return w.className = o("MenuItem", {
+		selectable: h.selectable,
+		selected: y,
+		disabled: h.disabled
+	}, h.className), w["aria-label"] = S, w.role = "button", w.onClick = h.onClick, /* @__PURE__ */ u("div", {
+		className: "item",
+		onClick: T,
+		children: [/* @__PURE__ */ u(n, {
+			name: "MenuItem",
+			as: h.as,
+			base: "button",
+			props: w,
+			excludePropsName: d,
+			disabled: h.disabled,
+			children: [
+				/* @__PURE__ */ l(r, {
+					subLayer: !0,
+					disabled: h.disabled
+				}),
+				/* @__PURE__ */ l(i, {
+					value: x,
+					className: "icon leading"
+				}),
+				/* @__PURE__ */ l(i, {
+					value: S,
+					className: "text"
+				}),
+				/* @__PURE__ */ l(i, {
+					value: C,
+					className: "supporting-text"
+				}),
+				/* @__PURE__ */ l("div", { className: "spacer" }),
+				!!p.length && /* @__PURE__ */ l(i, {
+					value: /* @__PURE__ */ l(e, { name: "arrow_right" }),
+					className: "icon trailing"
+				})
+			]
+		}, h.id), !!p.length && /* @__PURE__ */ l(a, {
+			menuProps: g,
+			groups: p
+		})]
+	});
+}
+//#endregion
+export { d as MenuItemNativeProps, f as default };

package/dist/components/Menu/index.cjs

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

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

@@ -0,0 +1,3 @@
+export { default } from './Menu';
+export { default as MenuGroup } from './MenuGroup';
+export { default as MenuItem } from './MenuItem';

package/dist/components/Menu/index.js

@@ -0,0 +1,4 @@
+import e from "./Menu.js";
+import t from "./MenuGroup.js";
+import n from "./MenuItem.js";
+export { t as MenuGroup, n as MenuItem, e as default };

package/dist/components/Menu/style.css

@@ -0,0 +1 @@
+.MenuGroup>.item:has(.SubMenu):not(:hover)>.SubMenu,.Menu:is(.context-menu,.sub-component):not(.visible){opacity:0;visibility:hidden}.MenuGroup>.item:has(.SubMenu):not(:hover)>.SubMenu>.MenuGroup>.item>.MenuItem,.Menu:is(.context-menu,.sub-component):not(.visible)>.MenuGroup>.item>.MenuItem{padding-block:0}.Menu,.SubMenu{gap:var(--md-comp-menus-group-padding);width:fit-content;height:var(--menu-height,auto);transition:gap var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), opacity var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), visibility var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);flex-direction:column;display:flex;position:relative}.Menu.top,.SubMenu.top{justify-content:flex-end}.Menu.bottom,.SubMenu.bottom{justify-content:flex-start}.Menu.SubMenu,.SubMenu.SubMenu{transition:gap var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing) .3s, opacity var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing) .3s, visibility var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing) .3s}.Menu.SubMenu .MenuGroup>.item>.MenuItem,.SubMenu.SubMenu .MenuGroup>.item>.MenuItem{transition:height var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), min-height var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), font var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), margin var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), padding var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), gap var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), border-radius var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), padding-block var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing) .3s, background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), 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), outline var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), opacity var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Menu>.size-ref,.SubMenu>.size-ref{visibility:hidden;gap:var(--md-comp-menus-group-padding);flex-direction:column;display:flex;position:absolute;top:0;left:0}.Menu.density-1>.MenuGroup>.item>.MenuItem,.Menu.density-1>.size-ref>.MenuGroup>.item>.MenuItem,.SubMenu.density-1>.MenuGroup>.item>.MenuItem,.SubMenu.density-1>.size-ref>.MenuGroup>.item>.MenuItem{padding-top:var(--md-comp-menus-menu-item-top-space-1);padding-bottom:var(--md-comp-menus-menu-item-bottom-space-1)}.Menu.density-2>.MenuGroup>.item>.MenuItem,.Menu.density-2>.size-ref>.MenuGroup>.item>.MenuItem,.SubMenu.density-2>.MenuGroup>.item>.MenuItem,.SubMenu.density-2>.size-ref>.MenuGroup>.item>.MenuItem{padding-top:var(--md-comp-menus-menu-item-top-space-2);padding-bottom:var(--md-comp-menus-menu-item-bottom-space-2)}.Menu.density-3>.MenuGroup>.item>.MenuItem,.Menu.density-3>.size-ref>.MenuGroup>.item>.MenuItem,.SubMenu.density-3>.MenuGroup>.item>.MenuItem,.SubMenu.density-3>.size-ref>.MenuGroup>.item>.MenuItem{padding-top:var(--md-comp-menus-menu-item-top-space-3);padding-bottom:var(--md-comp-menus-menu-item-bottom-space-3)}.Menu.context-menu,.SubMenu.context-menu{z-index:10000;position:fixed}.Menu.standard-color .MenuGroup,.SubMenu.standard-color .MenuGroup{background-color:var(--md-comp-menus-standard-container-color)}.Menu.standard-color .MenuGroup>.label,.SubMenu.standard-color .MenuGroup>.label{color:var(--md-comp-menus-standard-section-label-text-color)}.Menu.standard-color .MenuGroup>.item>.MenuItem:not(.selected),.SubMenu.standard-color .MenuGroup>.item>.MenuItem:not(.selected){--md-comp-state-hover-state-layer-opacity:var(--md-comp-menus-standard-menu-item-hovered-state-layer-opacity);--md-comp-state-focused-state-layer-opacity:var(--md-comp-menus-standard-menu-item-focused-state-layer-opacity);--md-comp-state-pressed-state-layer-opacity:var(--md-comp-menus-standard-menu-item-pressed-state-layer-opacity);--md-comp-state-hover-state-layer-color:var(--md-comp-menus-standard-menu-item-hovered-state-layer-color);--md-comp-state-focused-state-layer-color:var(--md-comp-menus-standard-menu-item-focused-state-layer-color);--md-comp-state-pressed-state-layer-color:var(--md-comp-menus-standard-menu-item-pressed-state-layer-color);color:var(--md-comp-menus-standard-menu-item-label-text-color);background-color:var(--md-comp-menus-standard-menu-item-container-color)}.Menu.standard-color .MenuGroup>.item>.MenuItem:not(.selected)>.icon.leading,.SubMenu.standard-color .MenuGroup>.item>.MenuItem:not(.selected)>.icon.leading{--md-comp-icon-color:var(--md-comp-menus-standard-menu-item-leading-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-standard-menu-item-leading-icon-opacity,1)}.Menu.standard-color .MenuGroup>.item>.MenuItem:not(.selected)>.icon.trailing,.SubMenu.standard-color .MenuGroup>.item>.MenuItem:not(.selected)>.icon.trailing{--md-comp-icon-color:var(--md-comp-menus-standard-menu-item-trailing-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-standard-menu-item-trailing-icon-opacity,1)}.Menu.standard-color .MenuGroup>.item>.MenuItem.selected,.SubMenu.standard-color .MenuGroup>.item>.MenuItem.selected{color:var(--md-comp-menus-standard-menu-item-selected-label-text-color);background-color:var(--md-comp-menus-standard-menu-item-selected-container-color)}.Menu.standard-color .MenuGroup>.item>.MenuItem.selected>.icon.leading,.SubMenu.standard-color .MenuGroup>.item>.MenuItem.selected>.icon.leading{--md-comp-icon-color:var(--md-comp-menus-standard-menu-item-selected-leading-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-standard-menu-item-selected-leading-icon-opacity,1)}.Menu.standard-color .MenuGroup>.item>.MenuItem.selected>.icon.trailing,.SubMenu.standard-color .MenuGroup>.item>.MenuItem.selected>.icon.trailing{--md-comp-icon-color:var(--md-comp-menus-standard-menu-item-selected-trailing-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-standard-menu-item-selected-trailing-icon-opacity,1)}.Menu.vibrant-color .MenuGroup,.SubMenu.vibrant-color .MenuGroup{background-color:var(--md-comp-menus-vibrant-container-color)}.Menu.vibrant-color .MenuGroup>.label,.SubMenu.vibrant-color .MenuGroup>.label{color:var(--md-comp-menus-vibrant-section-label-text-color)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect),.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect){--md-comp-state-hover-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-opacity);--md-comp-state-focused-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-focused-state-layer-opacity);--md-comp-state-pressed-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-opacity);--md-comp-state-hover-state-layer-color:var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-color);--md-comp-state-focused-state-layer-color:var(--md-comp-menus-vibrant-menu-item-focused-state-layer-color);--md-comp-state-pressed-state-layer-color:var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-color);color:var(--md-comp-menus-vibrant-menu-item-label-text-color);background-color:var(--md-comp-menus-vibrant-menu-item-container-color)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect)>.icon.leading,.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect)>.icon.leading{--md-comp-icon-color:var(--md-comp-menus-vibrant-menu-item-leading-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-vibrant-menu-item-leading-icon-opacity,1)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect)>.icon.trailing,.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem:not(.selectect)>.icon.trailing{--md-comp-icon-color:var(--md-comp-menus-vibrant-menu-item-trailing-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-vibrant-menu-item-trailing-icon-opacity,1)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem.selected,.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem.selected{--md-comp-state-hover-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-opacity);--md-comp-state-focused-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-opacity);--md-comp-state-pressed-state-layer-opacity:var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-opacity);--md-comp-state-hover-state-layer-color:var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-color);--md-comp-state-focused-state-layer-color:var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-color);--md-comp-state-pressed-state-layer-color:var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-color);color:var(--md-comp-menus-vibrant-menu-item-selected-label-text-color);background-color:var(--md-comp-menus-vibrant-menu-item-selected-container-color)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem.selected>.icon.leading,.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem.selected>.icon.leading{--md-comp-icon-color:var(--md-comp-menus-vibrant-menu-item-selected-leading-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-vibrant-menu-item-selected-leading-icon-opacity,1)}.Menu.vibrant-color .MenuGroup>.item>.MenuItem.selected>.icon.trailing,.SubMenu.vibrant-color .MenuGroup>.item>.MenuItem.selected>.icon.trailing{--md-comp-icon-color:var(--md-comp-menus-vibrant-menu-item-selected-trailing-icon-color);--md-comp-icon-opacity:var(--md-comp-menus-vibrant-menu-item-selected-trailing-icon-opacity,1)}.Menu>.MenuGroup,.Menu>.size-ref>.MenuGroup,.SubMenu>.MenuGroup,.SubMenu>.size-ref>.MenuGroup{gap:var(--md-comp-menus-gap);padding:var(--md-comp-menus-group-padding);border-radius:var(--md-comp-menus-container-shape);box-shadow:var(--md-comp-menus-container-elevation);flex-direction:column;width:200px;display:flex}.Menu>.MenuGroup>.label,.Menu>.size-ref>.MenuGroup>.label,.SubMenu>.MenuGroup>.label,.SubMenu>.size-ref>.MenuGroup>.label{font-family:var(--md-comp-menus-menu-item-label-text-font);font-weight:var(--md-comp-menus-menu-item-label-text-weight);font-size:var(--md-comp-menus-menu-item-label-text-size);letter-spacing:var(--md-comp-menus-menu-item-label-text-tracking);line-height:var(--md-comp-menus-menu-item-label-text-line-height);font-variation-settings:"wght" var(--md-comp-menus-menu-item-label-text-wght), "GRAD" var(--md-comp-menus-menu-item-label-text-grad), "wdth" var(--md-comp-menus-menu-item-label-text-wdth), "ROND" var(--md-comp-menus-menu-item-label-text-rond), "opsz" var(--md-comp-menus-menu-item-label-text-opsz), "CRSV" var(--md-comp-menus-menu-item-label-text-crsv), "slnt" var(--md-comp-menus-menu-item-label-text-slnt), "FILL" var(--md-comp-menus-menu-item-label-text-fill), "HEXP" var(--md-comp-menus-menu-item-label-text-hexp);padding-block:var(--md-sys-measurement-space100);padding-left:var(--md-comp-menus-horizontal-menu-item-leading-space);padding-right:var(--md-comp-menus-horizontal-menu-item-trailing-space)}.Menu>.MenuGroup>.item,.Menu>.size-ref>.MenuGroup>.item,.SubMenu>.MenuGroup>.item,.SubMenu>.size-ref>.MenuGroup>.item{position:relative}.Menu>.MenuGroup>.item>.MenuItem,.Menu>.size-ref>.MenuGroup>.item>.MenuItem,.SubMenu>.MenuGroup>.item>.MenuItem,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem{font-family:var(--md-comp-menus-menu-item-label-text-font);font-weight:var(--md-comp-menus-menu-item-label-text-weight);font-size:var(--md-comp-menus-menu-item-label-text-size);letter-spacing:var(--md-comp-menus-menu-item-label-text-tracking);line-height:var(--md-comp-menus-menu-item-label-text-line-height);font-variation-settings:"wght" var(--md-comp-menus-menu-item-label-text-wght), "GRAD" var(--md-comp-menus-menu-item-label-text-grad), "wdth" var(--md-comp-menus-menu-item-label-text-wdth), "ROND" var(--md-comp-menus-menu-item-label-text-rond), "opsz" var(--md-comp-menus-menu-item-label-text-opsz), "CRSV" var(--md-comp-menus-menu-item-label-text-crsv), "slnt" var(--md-comp-menus-menu-item-label-text-slnt), "FILL" var(--md-comp-menus-menu-item-label-text-fill), "HEXP" var(--md-comp-menus-menu-item-label-text-hexp);--md-comp-state-focus-indicator-color:var(--md-comp-menus-menu-item-focus-indicator-color);--md-comp-state-focus-indicator-thickness:var(--md-comp-menus-menu-item-focus-indicator-thickness);--md-comp-state-focus-indicator-outer-offset:var(--md-comp-menus-menu-item-focus-indicator-outline-offset);width:100%;padding-top:var(--md-comp-menus-menu-item-top-space);padding-bottom:var(--md-comp-menus-menu-item-bottom-space);padding-left:var(--md-comp-menus-horizontal-menu-item-leading-space);padding-right:var(--md-comp-menus-horizontal-menu-item-trailing-space);border-radius:var(--md-comp-menus-menu-item-shape);user-select:none;cursor:pointer;transition:height var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), min-height var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), font var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), margin var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), padding var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), gap var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), border-radius var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), background-color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), 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), outline var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), opacity var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);border:none;outline:none;align-items:center;text-decoration:none;display:flex}.Menu>.MenuGroup>.item>.MenuItem:first-child,.Menu>.size-ref>.MenuGroup>.item>.MenuItem:first-child,.SubMenu>.MenuGroup>.item>.MenuItem:first-child,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem:first-child{border-top-left-radius:var(--md-comp-menus-menu-item-first-child-shape);border-top-right-radius:var(--md-comp-menus-menu-item-first-child-shape);border-bottom-left-radius:var(--md-comp-menus-menu-item-first-child-inner-corner-corner-size);border-bottom-right-radius:var(--md-comp-menus-menu-item-first-child-inner-corner-corner-size)}.Menu>.MenuGroup>.item>.MenuItem:last-child,.Menu>.size-ref>.MenuGroup>.item>.MenuItem:last-child,.SubMenu>.MenuGroup>.item>.MenuItem:last-child,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem:last-child{border-top-left-radius:var(--md-comp-menus-menu-item-last-child-inner-corner-corner-size);border-top-right-radius:var(--md-comp-menus-menu-item-last-child-inner-corner-corner-size);border-bottom-left-radius:var(--md-comp-menus-menu-item-last-child-shape);border-bottom-right-radius:var(--md-comp-menus-menu-item-last-child-shape)}.Menu>.MenuGroup>.item>.MenuItem:is(:first-child,:last-child),.Menu>.size-ref>.MenuGroup>.item>.MenuItem:is(:first-child,:last-child),.SubMenu>.MenuGroup>.item>.MenuItem:is(:first-child,:last-child),.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem:is(:first-child,:last-child){border-top-left-radius:var(--md-comp-menus-menu-item-first-child-shape);border-top-right-radius:var(--md-comp-menus-menu-item-first-child-shape);border-bottom-left-radius:var(--md-comp-menus-menu-item-last-child-shape);border-bottom-right-radius:var(--md-comp-menus-menu-item-last-child-shape)}.Menu>.MenuGroup>.item>.MenuItem>.icon.leading,.Menu>.size-ref>.MenuGroup>.item>.MenuItem>.icon.leading,.SubMenu>.MenuGroup>.item>.MenuItem>.icon.leading,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem>.icon.leading{--md-comp-icon-size:var(--md-comp-menus-menu-item-leading-icon-size);margin-right:var(--md-comp-menus-menu-item-leading-space)}.Menu>.MenuGroup>.item>.MenuItem>.icon.trailing,.Menu>.size-ref>.MenuGroup>.item>.MenuItem>.icon.trailing,.SubMenu>.MenuGroup>.item>.MenuItem>.icon.trailing,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem>.icon.trailing{--md-comp-icon-size:var(--md-comp-menus-menu-item-trailing-icon-size);margin-left:var(--md-comp-menus-menu-item-trailing-space)}.Menu>.MenuGroup>.item>.MenuItem>.spacer,.Menu>.size-ref>.MenuGroup>.item>.MenuItem>.spacer,.SubMenu>.MenuGroup>.item>.MenuItem>.spacer,.SubMenu>.size-ref>.MenuGroup>.item>.MenuItem>.spacer{flex:1}.Menu>.MenuGroup>.item>.SubMenu,.Menu>.size-ref>.MenuGroup>.item>.SubMenu,.SubMenu>.MenuGroup>.item>.SubMenu,.SubMenu>.size-ref>.MenuGroup>.item>.SubMenu{position:absolute;top:0;left:100%}.Menu>.MenuGroup>.Divider,.Menu>.size-ref>.MenuGroup>.Divider,.SubMenu>.MenuGroup>.Divider,.SubMenu>.size-ref>.MenuGroup>.Divider{margin-block:2px}

package/dist/components/Menubar/MenuSection.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)(7),o=(0,n.useId)(),s;a[0]!==o||a[1]!==i.children||a[2]!==i.label?(s={id:o,label:i.label,children:i.children},a[0]=o,a[1]=i.children,a[2]=i.label,a[3]=s):s=a[3];let c=s,l;return a[4]!==c||a[5]!==o?(l=(0,r.jsx)(e.OrderedCollectionChild,{name:`MenuSection`,id:o,content:c}),a[4]=c,a[5]=o,a[6]=l):l=a[6],l}exports.default=i;

package/dist/components/Menubar/MenuSection.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export interface MenuSectionProps extends PropsWithChildren {
+    label: string;
+}
+export interface MenuSectionData extends MenuSectionProps {
+    id: string;
+}
+export default function MenuSection(props: PropsWithChildren<MenuSectionProps>): import('react').JSX.Element;

package/dist/components/Menubar/MenuSection.js

@@ -0,0 +1,21 @@
+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/Menubar/MenuSection.tsx
+function i(i) {
+	let a = t(7), o = n(), s;
+	a[0] !== o || a[1] !== i.children || a[2] !== i.label ? (s = {
+		id: o,
+		label: i.label,
+		children: i.children
+	}, a[0] = o, a[1] = i.children, a[2] = i.label, a[3] = s) : s = a[3];
+	let c = s, l;
+	return a[4] !== c || a[5] !== o ? (l = /* @__PURE__ */ r(e, {
+		name: "MenuSection",
+		id: o,
+		content: c
+	}), a[4] = c, a[5] = o, a[6] = l) : l = a[6], l;
+}
+//#endregion
+export { i as default };

package/dist/components/Menubar/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../misc/OrderedCollection/index.cjs"),t=require("./render.cjs"),n=require("./MenuSection.cjs");let r=require("react/compiler-runtime"),i=require("react/jsx-runtime");function a(n){let a=(0,r.c)(4);if(e.useOrderedCollection()){let t;return a[0]===n?t=a[1]:(t=(0,i.jsx)(e.OrderedCollectionChild,{name:`Menubar`,content:n}),a[0]=n,a[1]=t),t}let o;return a[2]===n?o=a[3]:(o=(0,i.jsx)(t.default,{...n}),a[2]=n,a[3]=o),o}exports.MenuSection=n.default,exports.default=a;

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export { default as MenuSection, type MenuSectionProps } from './MenuSection';
+export default function Menubar(props: PropsWithChildren): import('react').JSX.Element;

package/dist/components/Menubar/index.js

@@ -0,0 +1,20 @@
+import { OrderedCollectionChild as e, useOrderedCollection as t } from "../misc/OrderedCollection/index.js";
+import n from "./render.js";
+import r from "./MenuSection.js";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/Menubar/index.tsx
+function o(r) {
+	let o = i(4);
+	if (t()) {
+		let t;
+		return o[0] === r ? t = o[1] : (t = /* @__PURE__ */ a(e, {
+			name: "Menubar",
+			content: r
+		}), o[0] = r, o[1] = t), t;
+	}
+	let s;
+	return o[2] === r ? s = o[3] : (s = /* @__PURE__ */ a(n, { ...r }), o[2] = r, o[3] = s), s;
+}
+//#endregion
+export { r as MenuSection, o as default };

package/dist/components/Menubar/render.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../utils/index.cjs"),t=require("../misc/OrderedCollection/index.cjs"),n=require("../Button/default/index.cjs");;/* empty css             */let r=require("react/compiler-runtime"),i=require("react"),a=require("react/jsx-runtime"),o=require("react-dom-event-hooks");function s(s){let l=(0,r.c)(19),u;l[0]===Symbol.for(`react.memo_cache_sentinel`)?(u=[],l[0]=u):u=l[0];let[d,f]=(0,i.useState)(u),[p,m]=(0,i.useState)(),{saveRef:h,ref:g}=(0,o.useMultiElementRef)(),_=c,v;l[1]!==g||l[2]!==p?(v=e=>{e.target instanceof Node&&p&&!Array.from(g.current.values()).some(t=>t.contains(e.target))&&m(void 0)},l[1]=g,l[2]=p,l[3]=v):v=l[3],(0,o.useWindowEventListener)(`pointerdown`,v);let y;l[4]!==g||l[5]!==p?(y=e=>{e.target instanceof Node&&p&&(!e.target.parentElement?.parentElement?.classList.contains(`selectable`)||!Array.from(g.current.values()).some(t=>t.contains(e.target)))&&m(void 0)},l[4]=g,l[5]=p,l[6]=y):y=l[6],(0,o.useWindowEventListener)(`click`,y);let b;if(l[7]!==p||l[8]!==h||l[9]!==d){let e;l[11]!==p||l[12]!==h?(e=e=>(0,a.jsx)(n.default,{label:e.label,color:`text`,shape:`square`,size:`extra-small`,onClick:t=>{t.stopPropagation(),m(t=>t?void 0:e.id)},onPointerDown:_,onMouseEnter:()=>p&&m(e.id),menuRef:h,menuOpen:p===e.id,density:-3,menuOpenBehavior:`manual`,children:e.children},e.id),l[11]=p,l[12]=h,l[13]=e):e=l[13],b=d.map(e),l[7]=p,l[8]=h,l[9]=d,l[10]=b}else b=l[10];let x;l[14]===s.children?x=l[15]:(x=(0,a.jsx)(t.default,{childName:`MenuSection`,onChildrenChange:f,compareChild:e.shallowEqual,children:s.children}),l[14]=s.children,l[15]=x);let S;return l[16]!==b||l[17]!==x?(S=(0,a.jsxs)(`div`,{className:`Menubar`,children:[b,x]}),l[16]=b,l[17]=x,l[18]=S):S=l[18],S}function c(e){return e.stopPropagation()}exports.default=s;

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

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

package/dist/components/Menubar/render.js

@@ -0,0 +1,58 @@
+import { shallowEqual as e } from "../../utils/index.js";
+import t from "../misc/OrderedCollection/index.js";
+import n from "../Button/default/index.js";
+import './style.css';/* empty css           */
+import { c as r } from "react/compiler-runtime";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useMultiElementRef as s, useWindowEventListener as c } from "react-dom-event-hooks";
+//#region lib/components/Menubar/render.tsx
+function l(l) {
+	let d = r(19), f;
+	d[0] === Symbol.for("react.memo_cache_sentinel") ? (f = [], d[0] = f) : f = d[0];
+	let [p, m] = i(f), [h, g] = i(), { saveRef: _, ref: v } = s(), y = u, b;
+	d[1] !== v || d[2] !== h ? (b = (e) => {
+		e.target instanceof Node && h && !Array.from(v.current.values()).some((t) => t.contains(e.target)) && g(void 0);
+	}, d[1] = v, d[2] = h, d[3] = b) : b = d[3], c("pointerdown", b);
+	let x;
+	d[4] !== v || d[5] !== h ? (x = (e) => {
+		e.target instanceof Node && h && (!e.target.parentElement?.parentElement?.classList.contains("selectable") || !Array.from(v.current.values()).some((t) => t.contains(e.target))) && g(void 0);
+	}, d[4] = v, d[5] = h, d[6] = x) : x = d[6], c("click", x);
+	let S;
+	if (d[7] !== h || d[8] !== _ || d[9] !== p) {
+		let e;
+		d[11] !== h || d[12] !== _ ? (e = (e) => /* @__PURE__ */ a(n, {
+			label: e.label,
+			color: "text",
+			shape: "square",
+			size: "extra-small",
+			onClick: (t) => {
+				t.stopPropagation(), g((t) => t ? void 0 : e.id);
+			},
+			onPointerDown: y,
+			onMouseEnter: () => h && g(e.id),
+			menuRef: _,
+			menuOpen: h === e.id,
+			density: -3,
+			menuOpenBehavior: "manual",
+			children: e.children
+		}, e.id), d[11] = h, d[12] = _, d[13] = e) : e = d[13], S = p.map(e), d[7] = h, d[8] = _, d[9] = p, d[10] = S;
+	} else S = d[10];
+	let C;
+	d[14] === l.children ? C = d[15] : (C = /* @__PURE__ */ a(t, {
+		childName: "MenuSection",
+		onChildrenChange: m,
+		compareChild: e,
+		children: l.children
+	}), d[14] = l.children, d[15] = C);
+	let w;
+	return d[16] !== S || d[17] !== C ? (w = /* @__PURE__ */ o("div", {
+		className: "Menubar",
+		children: [S, C]
+	}), d[16] = S, d[17] = C, d[18] = w) : w = d[18], w;
+}
+function u(e) {
+	return e.stopPropagation();
+}
+//#endregion
+export { l as default };

package/dist/components/Menubar/style.css

@@ -0,0 +1 @@
+.Menubar{background-color:var(--md-sys-color-surface-container-high);padding-inline:var(--md-sys-measurement-space100)}

package/dist/components/NumberField/NumberField.cjs

@@ -0,0 +1 @@
+const e=require("../misc/OrderedCollection/index.cjs"),t=require("./NumberField.render.cjs");let n=require("react/compiler-runtime"),r=require("react/jsx-runtime");function i(i){let a=(0,n.c)(4);if(e.useOrderedCollection()){let t;return a[0]===i?t=a[1]:(t=(0,r.jsx)(e.OrderedCollectionChild,{name:`NumberField`,content:i}),a[0]=i,a[1]=t),t}let o;return a[2]===i?o=a[3]:(o=(0,r.jsx)(t.default,{...i}),a[2]=i,a[3]=o),o}exports.default=i;

package/dist/components/NumberField/NumberField.d.ts

@@ -0,0 +1,2 @@
+import { NumberFieldProps } from './NumberField.render';
+export default function NumberField(props: NumberFieldProps): import('react').JSX.Element;

package/dist/components/NumberField/NumberField.js

@@ -0,0 +1,19 @@
+import { OrderedCollectionChild as e, useOrderedCollection as t } from "../misc/OrderedCollection/index.js";
+import n from "./NumberField.render.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/NumberField/NumberField.tsx
+function a(a) {
+	let o = r(4);
+	if (t()) {
+		let t;
+		return o[0] === a ? t = o[1] : (t = /* @__PURE__ */ i(e, {
+			name: "NumberField",
+			content: a
+		}), o[0] = a, o[1] = t), t;
+	}
+	let s;
+	return o[2] === a ? s = o[3] : (s = /* @__PURE__ */ i(n, { ...a }), o[2] = a, o[3] = s), s;
+}
+//#endregion
+export { a as default };

package/dist/components/NumberField/NumberField.render.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Icon/Icon.cjs"),n=require("../../utils/index.cjs"),r=require("../misc/StateLayer/index.cjs"),i=require("../Button/icon/index.cjs"),a=require("../containers/FilledField/index.cjs"),o=require("../containers/OutlinedField/index.cjs");;/* empty css             */let s=require("react/compiler-runtime"),c=require("classnames");c=e.__toESM(c,1);let l=require("react"),u=require("react/jsx-runtime"),d=require("react-dom-event-hooks");function f(e,t=`decimal`){return Intl.NumberFormat(e).formatToParts(1000.1).find(e=>e.type===t)?.value}function ee(e,t,r,i,a=4){let o=10**a;return n.clamp((e.toFixed(a)*o+t.toFixed(a)*o)/o,r,i)}function te(e,t,r,i,a=4){let o=10**a;return n.clamp((e.toFixed(a)*o-t.toFixed(a)*o)/o,r,i)}function p(e){let p=(0,s.c)(149),m,h,g,_,v,y,b,x,S,C,w,T,E,ne,D;if(p[0]!==e){let{shape:t,label:n,onValueChange:r,onChange:i,onInvalid:a,value:o,supportingText:s,clearable:c,decimal:l,hugeStep:u,hideArrow:d,leadingIcon:f,trailingIcon:ee,prefix:te,suffix:O,...k}=e;T=t,y=n,C=r,x=i,S=a,h=o,ne=s,m=c,_=u,g=d,b=f,D=ee,w=te,E=O,v=k,p[0]=e,p[1]=m,p[2]=h,p[3]=g,p[4]=_,p[5]=v,p[6]=y,p[7]=b,p[8]=x,p[9]=S,p[10]=C,p[11]=w,p[12]=T,p[13]=E,p[14]=ne,p[15]=D}else m=p[1],h=p[2],g=p[3],_=p[4],v=p[5],y=p[6],b=p[7],x=p[8],S=p[9],C=p[10],w=p[11],T=p[12],E=p[13],ne=p[14],D=p[15];let O=(0,l.useRef)(null),k;p[16]!==h||p[17]!==e.defaultValue?(k=h?.toString()??e.defaultValue?.toString()??``,p[16]=h,p[17]=e.defaultValue,p[18]=k):k=p[18];let[re,ie]=(0,l.useState)(k),ae;p[19]!==h||p[20]!==re?(ae=h?.toString()??re,p[19]=h,p[20]=re,p[21]=ae):ae=p[21];let A=ae,[oe,se]=(0,l.useState)(!1),[j,ce]=(0,l.useState)(),[le,ue]=(0,l.useState)(!1),de=(0,l.useRef)(!1),fe=(0,l.useRef)(null),pe=(0,l.useRef)(null),me;p[22]===Symbol.for(`react.memo_cache_sentinel`)?(me=e=>de.current=e.shiftKey,p[22]=me):me=p[22];let he=me,ge=typeof e.value==`number`||!!A.length||le,_e=j??ne,M=e.lang??(n.isBrowser()?window.navigator.language:void 0),N;p[23]===e.min?N=p[24]:(N=e.min===void 0?void 0:parseFloat(e.min.toString()),p[23]=e.min,p[24]=N);let P=N,F;p[25]===e.max?F=p[26]:(F=e.max===void 0?void 0:parseFloat(e.max.toString()),p[25]=e.max,p[26]=F);let I=F,L;p[27]===e.step?L=p[28]:(L=e.step===void 0?void 0:parseFloat(e.step.toString()),p[27]=e.step,p[28]=L);let R=L,ve;p[29]===_?ve=p[30]:(ve=_===void 0?void 0:parseFloat(_.toString()),p[29]=_,p[30]=ve);let z=ve,B=y?y+(e.required?`*`:``):void 0,ye;p[31]!==h||p[32]!==C?(ye=e=>{h===void 0&&ie(e),ce(void 0),ue(!1),C?.(parseFloat(e))},p[31]=h,p[32]=C,p[33]=ye):ye=p[33];let V=ye,be;p[34]!==x||p[35]!==V?(be=e=>{V(e.target.value),x?.(e)},p[34]=x,p[35]=V,p[36]=be):be=p[36];let xe=be,Se;p[37]===Symbol.for(`react.memo_cache_sentinel`)?(Se=()=>{pe.current!==null&&clearTimeout(pe.current),fe.current!==null&&clearInterval(fe.current)},p[37]=Se):Se=p[37];let Ce=Se,we;p[38]!==z||p[39]!==I||p[40]!==P||p[41]!==V||p[42]!==R||p[43]!==A?(we=e=>{let t=e===void 0||e,r=P??-1/0,i=I??1/0,a=()=>n.clamp((de.current?z??R:R)??1,r,i);V(ee(parseFloat(A||`${P??0}`),a(),r,i).toString()),t&&(Ce(),pe.current=setTimeout(()=>fe.current=setInterval(()=>V(ee(parseFloat(O.current?.value?O.current.value:`${P??0}`),a(),r,i).toString()),20),400))},p[38]=z,p[39]=I,p[40]=P,p[41]=V,p[42]=R,p[43]=A,p[44]=we):we=p[44];let H=we,Te;p[45]!==z||p[46]!==I||p[47]!==P||p[48]!==V||p[49]!==R||p[50]!==A?(Te=e=>{let t=e===void 0||e,r=P??-1/0,i=I??1/0,a=()=>n.clamp((de.current?z??R:R)??1,P??-1/0,I??1/0);V(te(parseFloat(A||`${P??0}`),a(),r,i).toString()),t&&(Ce(),pe.current=setTimeout(()=>fe.current=setInterval(()=>V(te(parseFloat(O.current?.value?O.current.value:`${P??0}`),a(),r,i).toString()),20),400))},p[45]=z,p[46]=I,p[47]=P,p[48]=V,p[49]=R,p[50]=A,p[51]=Te):Te=p[51];let U=Te,Ee;p[52]===H?Ee=p[53]:(Ee=()=>H(),p[52]=H,p[53]=Ee);let W=Ee,De;p[54]===U?De=p[55]:(De=()=>U(),p[54]=U,p[55]=De);let G=De,Oe;p[56]===Symbol.for(`react.memo_cache_sentinel`)?(Oe=()=>se(!0),p[56]=Oe):Oe=p[56];let ke=Oe,Ae;p[57]===Symbol.for(`react.memo_cache_sentinel`)?(Ae=e=>{se(!1),O.current?.validity.badInput?ue(!0):O.current?.validity.valid&&(e.currentTarget.value=e.currentTarget.valueAsNumber.toString())},p[57]=Ae):Ae=p[57];let je=Ae,Me;p[58]===S?Me=p[59]:(Me=e=>{e.preventDefault(),ce(e.currentTarget.validationMessage),S?.(e),e.currentTarget.focus()},p[58]=S,p[59]=Me);let Ne=Me,Pe;p[60]===b?Pe=p[61]:(Pe=t.convertIconDefinition(b),p[60]=b,p[61]=Pe);let K=Pe,Fe;bb0:{if(m){let e=D??`close`,t;p[62]===V?t=p[63]:(t=()=>V(``),p[62]=V,p[63]=t);let n;p[64]!==e||p[65]!==t?(n=(0,u.jsx)(i.default,{icon:e,color:`standard`,onClick:t,className:`trailing`}),p[64]=e,p[65]=t,p[66]=n):n=p[66],Fe=n;break bb0}if(j){let e;p[67]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,u.jsx)(t.default,{name:`error`,fill:!0,className:`error`}),p[67]=e):e=p[67],Fe=e;break bb0}Fe=D}let Ie=Fe,Le;p[68]===Ie?Le=p[69]:(Le=t.convertIconDefinition(Ie),p[68]=Ie,p[69]=Le);let q=Le,Re;p[70]!==U||p[71]!==H||p[72]!==M?(Re=e=>{let t=f(M);e.ctrlKey||(RegExp(`^[^\\d.${t}]$`).test(e.key)&&e.preventDefault(),de.current&&(e.code===`ArrowDown`||e.code===`ArrowUp`)&&(e.preventDefault(),e.code===`ArrowUp`?H(!1):e.code===`ArrowDown`&&U(!1)))},p[70]=U,p[71]=H,p[72]=M,p[73]=Re):Re=p[73];let ze=Re,J;p[74]!==v||p[75]!==M||p[76]!==xe||p[77]!==Ne||p[78]!==ze||p[79]!==e.required||p[80]!==A?(J=(0,u.jsx)(`input`,{...v,ref:O,type:`number`,lang:M,required:e.required,onFocus:ke,onBlur:je,value:A,onChange:xe,onKeyDown:ze,onInvalid:Ne,title:``}),p[74]=v,p[75]=M,p[76]=xe,p[77]=Ne,p[78]=ze,p[79]=e.required,p[80]=A,p[81]=J):J=p[81];let Y=J,Be;bb1:{if(T===`filled`){let e;p[82]===Symbol.for(`react.memo_cache_sentinel`)?(e=()=>requestAnimationFrame(()=>O.current?.focus()),p[82]=e):e=p[82];let n;p[83]!==B||p[84]!==y?(n=y&&(0,u.jsx)(`span`,{className:`label`,children:B}),p[83]=B,p[84]=y,p[85]=n):n=p[85];let i;p[86]!==w||p[87]!==E?(i=(0,c.default)(`content`,{prefix:w,suffix:E}),p[86]=w,p[87]=E,p[88]=i):i=p[88];let a;p[89]===w?a=p[90]:(a=w&&(0,u.jsx)(`span`,{className:`prefix`,children:w}),p[89]=w,p[90]=a);let o;p[91]===E?o=p[92]:(o=E&&(0,u.jsx)(`span`,{className:`suffix`,children:E}),p[91]=E,p[92]=o);let s;p[93]!==Y||p[94]!==i||p[95]!==a||p[96]!==o?(s=(0,u.jsxs)(`div`,{className:i,children:[a,Y,o]}),p[93]=Y,p[94]=i,p[95]=a,p[96]=o,p[97]=s):s=p[97];let l;p[98]!==n||p[99]!==s?(l=(0,u.jsxs)(`div`,{className:`container`,onMouseDown:e,children:[n,s]}),p[98]=n,p[99]=s,p[100]=l):l=p[100];let d;p[101]!==g||p[102]!==G||p[103]!==W?(d=!g&&(0,u.jsxs)(`div`,{className:`arrow`,children:[(0,u.jsxs)(`div`,{className:`button`,onMouseDown:W,children:[(0,u.jsx)(r.default,{}),(0,u.jsx)(t.default,{name:`keyboard_arrow_up`})]}),(0,u.jsxs)(`div`,{className:`button`,onMouseDown:G,children:[(0,u.jsx)(r.default,{}),(0,u.jsx)(t.default,{name:`keyboard_arrow_down`})]})]}),p[101]=g,p[102]=G,p[103]=W,p[104]=d):d=p[104];let f;p[105]!==K||p[106]!==l||p[107]!==d||p[108]!==q?(f=(0,u.jsxs)(u.Fragment,{children:[K,l,q,d]}),p[105]=K,p[106]=l,p[107]=d,p[108]=q,p[109]=f):f=p[109],Be=f;break bb1}let e;p[110]!==w||p[111]!==E?(e=(0,c.default)(`content`,{prefix:w,suffix:E}),p[110]=w,p[111]=E,p[112]=e):e=p[112];let n;p[113]===w?n=p[114]:(n=w&&(0,u.jsx)(`span`,{className:`prefix`,children:w}),p[113]=w,p[114]=n);let i;p[115]===E?i=p[116]:(i=E&&(0,u.jsx)(`span`,{className:`suffix`,children:E}),p[115]=E,p[116]=i);let a;p[117]!==Y||p[118]!==e||p[119]!==n||p[120]!==i?(a=(0,u.jsxs)(`div`,{className:e,children:[n,Y,i]}),p[117]=Y,p[118]=e,p[119]=n,p[120]=i,p[121]=a):a=p[121];let o;p[122]!==g||p[123]!==G||p[124]!==W?(o=!g&&(0,u.jsxs)(`div`,{className:`arrow`,children:[(0,u.jsxs)(`div`,{className:`button`,onMouseDown:W,children:[(0,u.jsx)(r.default,{}),(0,u.jsx)(t.default,{name:`keyboard_arrow_up`})]}),(0,u.jsxs)(`div`,{className:`button`,onMouseDown:G,children:[(0,u.jsx)(r.default,{}),(0,u.jsx)(t.default,{name:`keyboard_arrow_down`})]})]}),p[122]=g,p[123]=G,p[124]=W,p[125]=o):o=p[125];let s;p[126]!==K||p[127]!==a||p[128]!==o||p[129]!==q?(s=(0,u.jsxs)(u.Fragment,{children:[K,a,q,o]}),p[126]=K,p[127]=a,p[128]=o,p[129]=q,p[130]=s):s=p[130],Be=s}let Ve=Be;(0,d.useWindowEventListener)(`keydown`,he),(0,d.useWindowEventListener)(`keyup`,he),(0,d.useWindowEventListener)(`mouseup`,Ce);let X;p[131]===j?X=p[132]:(X=(0,c.default)(`TextField`,`NumberField`,{error:j}),p[131]=j,p[132]=X);let Z;p[133]!==Ve||p[134]!==j||p[135]!==ge||p[136]!==oe||p[137]!==B||p[138]!==K||p[139]!==e.prefix||p[140]!==T||p[141]!==q?(Z=T===`filled`?(0,u.jsx)(a.default,{label:B,filled:ge||!!e.prefix,focus:oe,error:!!j,className:(0,c.default)({leadingIcon:K,trailingIcon:q}),children:Ve}):(0,u.jsx)(o.default,{label:B,filled:ge||!!e.prefix,focus:oe,error:!!j,className:(0,c.default)({leadingIcon:K,trailingIcon:q}),children:Ve}),p[133]=Ve,p[134]=j,p[135]=ge,p[136]=oe,p[137]=B,p[138]=K,p[139]=e.prefix,p[140]=T,p[141]=q,p[142]=Z):Z=p[142];let Q;p[143]===_e?Q=p[144]:(Q=_e&&(0,u.jsx)(`div`,{className:`support`,children:(0,u.jsx)(`div`,{className:`message`,children:_e})}),p[143]=_e,p[144]=Q);let $;return p[145]!==X||p[146]!==Z||p[147]!==Q?($=(0,u.jsxs)(`div`,{className:X,children:[Z,Q]}),p[145]=X,p[146]=Z,p[147]=Q,p[148]=$):$=p[148],$}exports.default=p;

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

@@ -0,0 +1,10 @@
+import { TextFieldBaseProps } from '../TextField/TextField.render';
+export interface NumberFieldProps extends Omit<TextFieldBaseProps, "type" | "minLength" | "maxLength" | "pattern"> {
+    onValueChange?: (value: number) => void;
+    defaultValue?: number;
+    value?: number;
+    hugeStep?: number | undefined;
+    decimal?: number;
+    hideArrow?: boolean;
+}
+export default function NumberFieldRender(props: NumberFieldProps): import('react').JSX.Element;