react-material-design 0.0.0-stage → 0.5.0

package/dist/components/Toolbar/Toolbar.render.js

@@ -0,0 +1,64 @@
+import e from "../Button/context.js";
+import { shallowEqual as t } from "../../utils/index.js";
+import n from "../misc/OrderedCollection/index.js";
+import r from "../Button/icon/render.js";
+import i from "../Button/default/render.js";
+import a from "../NumberField/NumberField.render.js";
+import o from "../TextField/TextField.render.js";
+import './style.css';/* empty css           */
+import { c as s } from "react/compiler-runtime";
+import c from "classnames";
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region lib/components/Toolbar/Toolbar.render.tsx
+function f(r) {
+	let i = s(21), { color: a } = r, o = a === void 0 ? "standard" : a, f;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (f = [], i[0] = f) : f = i[0];
+	let [m, h] = l(f), g;
+	i[1] !== r.orientation || i[2] !== r.variant ? (g = r.variant === "floating" && r.orientation === "vertical" ? "IconButton" : [
+		"Button",
+		"IconButton",
+		"TextField",
+		"NumberField"
+	], i[1] = r.orientation, i[2] = r.variant, i[3] = g) : g = i[3];
+	let _ = g, v;
+	i[4] !== o || i[5] !== r.orientation || i[6] !== r.placement || i[7] !== r.variant ? (v = c("Toolbar", r.variant, o, r.variant === "floating" ? [r.orientation ?? "horizontal", r.placement ?? "center"] : ""), i[4] = o, i[5] = r.orientation, i[6] = r.placement, i[7] = r.variant, i[8] = v) : v = i[8];
+	let y;
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+		default: "text",
+		icon: "standard"
+	}, i[9] = y) : y = i[9];
+	let b;
+	i[10] === m ? b = i[11] : (b = m.map(p), i[10] = m, i[11] = b);
+	let x;
+	i[12] !== _ || i[13] !== r.children ? (x = /* @__PURE__ */ u(n, {
+		name: "Toolbar",
+		childName: _,
+		onChildrenChange: h,
+		compareChild: t,
+		children: r.children
+	}), i[12] = _, i[13] = r.children, i[14] = x) : x = i[14];
+	let S;
+	i[15] !== b || i[16] !== x ? (S = /* @__PURE__ */ d(e, {
+		color: y,
+		shape: "round",
+		width: "default",
+		children: [b, x]
+	}), i[15] = b, i[16] = x, i[17] = S) : S = i[17];
+	let C;
+	return i[18] !== v || i[19] !== S ? (C = /* @__PURE__ */ u("div", {
+		className: v,
+		children: S
+	}), i[18] = v, i[19] = S, i[20] = C) : C = i[20], C;
+}
+function p(e) {
+	switch (e.orderedCollectionName) {
+		case "Button": return /* @__PURE__ */ u(i, { ...e }, e.id);
+		case "IconButton": return /* @__PURE__ */ u(r, { ...e }, e.id);
+		case "TextField": return /* @__PURE__ */ u(o, { ...e }, e.id);
+		case "NumberField": return /* @__PURE__ */ u(a, { ...e }, e.id);
+		default: return null;
+	}
+}
+//#endregion
+export { f as default };

package/dist/components/Toolbar/index.cjs

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

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

@@ -0,0 +1,2 @@
+export { default } from './Toolbar';
+export type { DockedToolbarProps, FloatingToolbarProps, ToolbarProps } from './Toolbar.render';

package/dist/components/Toolbar/index.js

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

package/dist/components/Toolbar/style.css

@@ -0,0 +1 @@
+.Toolbar.standard{background-color:var(--md-comp-toolbar-standard-container-color)}.Toolbar.standard .IconButton.standard{--md-comp-icon-button-container-color:var(--md-comp-toolbar-standard-button-container-color);--md-comp-icon-button-icon-color:var(--md-comp-toolbar-standard-icon-color);--md-comp-icon-button-selected-container-shape-round:var(--md-comp-button-small-container-shape-round);--md-comp-icon-button-unselected-icon-color:var(--md-comp-toolbar-standard-icon-color);--md-comp-icon-button-selected-icon-color:var(--md-comp-toolbar-standard-selected-icon-color);--md-comp-icon-button-hovered-icon-color:var(--md-comp-toolbar-standard-hovered-icon-color);--md-comp-icon-button-focused-icon-color:var(--md-comp-toolbar-standard-focused-icon-color);--md-comp-icon-button-pressed-icon-color:var(--md-comp-toolbar-standard-pressed-icon-color);--md-comp-icon-button-unselected-hovered-icon-color:var(--md-comp-toolbar-standard-hovered-icon-color);--md-comp-icon-button-unselected-focused-icon-color:var(--md-comp-toolbar-standard-focused-icon-color);--md-comp-icon-button-unselected-pressed-icon-color:var(--md-comp-toolbar-standard-pressed-icon-color);--md-comp-icon-button-selected-hovered-icon-color:var(--md-comp-toolbar-standard-selected-hovered-icon-color);--md-comp-icon-button-selected-focused-icon-color:var(--md-comp-toolbar-standard-selected-focused-icon-color);--md-comp-icon-button-selected-pressed-icon-color:var(--md-comp-toolbar-standard-selected-pressed-icon-color)}.Toolbar.standard .IconButton.standard.selectable{--md-comp-icon-button-container-color:var(--md-comp-toolbar-standard-button-container-color)}.Toolbar.standard .IconButton.standard.selectable.selected{--md-comp-icon-button-container-color:var(--md-comp-toolbar-standard-selected-button-container-color)}.Toolbar.standard .Button.text{--md-comp-button-container-color:var(--md-comp-toolbar-standard-button-container-color);--md-comp-button-selected-container-shape-round:var(--md-comp-button-small-container-shape-round);--md-comp-button-icon-color:var(--md-comp-toolbar-standard-icon-color);--md-comp-button-unselected-icon-color:var(--md-comp-toolbar-standard-icon-color);--md-comp-button-selected-icon-color:var(--md-comp-toolbar-standard-selected-icon-color);--md-comp-button-hovered-icon-color:var(--md-comp-toolbar-standard-hovered-icon-color);--md-comp-button-focused-icon-color:var(--md-comp-toolbar-standard-focused-icon-color);--md-comp-button-pressed-icon-color:var(--md-comp-toolbar-standard-pressed-icon-color);--md-comp-button-unselected-hovered-icon-color:var(--md-comp-toolbar-standard-hovered-icon-color);--md-comp-button-unselected-focused-icon-color:var(--md-comp-toolbar-standard-focused-icon-color);--md-comp-button-unselected-pressed-icon-color:var(--md-comp-toolbar-standard-pressed-icon-color);--md-comp-button-selected-hovered-icon-color:var(--md-comp-toolbar-standard-selected-hovered-icon-color);--md-comp-button-selected-focused-icon-color:var(--md-comp-toolbar-standard-selected-focused-icon-color);--md-comp-button-selected-pressed-icon-color:var(--md-comp-toolbar-standard-selected-pressed-icon-color);--md-comp-button-label-text-color:var(--md-comp-toolbar-standard-label-text-color);--md-comp-button-unselected-label-text-color:var(--md-comp-toolbar-standard-label-text-color);--md-comp-button-selected-label-text-color:var(--md-comp-toolbar-standard-selected-label-text-color);--md-comp-button-hovered-label-text-color:var(--md-comp-toolbar-standard-hovered-label-text-color);--md-comp-button-focused-label-text-color:var(--md-comp-toolbar-standard-focused-label-text-color);--md-comp-button-pressed-label-text-color:var(--md-comp-toolbar-standard-pressed-label-text-color);--md-comp-button-unselected-hovered-label-text-color:var(--md-comp-toolbar-standard-hovered-label-text-color);--md-comp-button-unselected-focused-label-text-color:var(--md-comp-toolbar-standard-focused-label-text-color);--md-comp-button-unselected-pressed-label-text-color:var(--md-comp-toolbar-standard-pressed-label-text-color);--md-comp-button-selected-hovered-label-text-color:var(--md-comp-toolbar-standard-selected-hovered-label-text-color);--md-comp-button-selected-focused-label-text-color:var(--md-comp-toolbar-standard-selected-focused-label-text-color);--md-comp-button-selected-pressed-label-text-color:var(--md-comp-toolbar-standard-selected-pressed-label-text-color)}.Toolbar.standard .Button.text.selectable{--md-comp-button-container-color:var(--md-comp-toolbar-standard-button-container-color)}.Toolbar.standard .Button.text.selectable.selected{--md-comp-button-container-color:var(--md-comp-toolbar-standard-selected-button-container-color)}.Toolbar.vibrant{background-color:var(--md-comp-toolbar-vibrant-container-color)}.Toolbar.vibrant .IconButton.standard{--md-comp-icon-button-container-color:var(--md-comp-toolbar-vibrant-button-container-color);--md-comp-icon-button-icon-color:var(--md-comp-toolbar-vibrant-icon-color);--md-comp-icon-button-selected-container-shape-round:var(--md-comp-button-small-container-shape-round);--md-comp-icon-button-unselected-icon-color:var(--md-comp-toolbar-vibrant-icon-color);--md-comp-icon-button-selected-icon-color:var(--md-comp-toolbar-vibrant-selected-icon-color);--md-comp-icon-button-hovered-icon-color:var(--md-comp-toolbar-vibrant-hovered-icon-color);--md-comp-icon-button-focused-icon-color:var(--md-comp-toolbar-vibrant-focused-icon-color);--md-comp-icon-button-pressed-icon-color:var(--md-comp-toolbar-vibrant-pressed-icon-color);--md-comp-icon-button-unselected-hovered-icon-color:var(--md-comp-toolbar-vibrant-hovered-icon-color);--md-comp-icon-button-unselected-focused-icon-color:var(--md-comp-toolbar-vibrant-focused-icon-color);--md-comp-icon-button-unselected-pressed-icon-color:var(--md-comp-toolbar-vibrant-pressed-icon-color);--md-comp-icon-button-selected-hovered-icon-color:var(--md-comp-toolbar-vibrant-selected-hovered-icon-color);--md-comp-icon-button-selected-focused-icon-color:var(--md-comp-toolbar-vibrant-selected-focused-icon-color);--md-comp-icon-button-selected-pressed-icon-color:var(--md-comp-toolbar-vibrant-selected-pressed-icon-color)}.Toolbar.vibrant .IconButton.standard.selectable{--md-comp-icon-button-container-color:var(--md-comp-toolbar-vibrant-button-container-color)}.Toolbar.vibrant .IconButton.standard.selectable.selected{--md-comp-icon-button-container-color:var(--md-comp-toolbar-vibrant-selected-button-container-color)}.Toolbar.vibrant .Button.text{--md-comp-button-container-color:var(--md-comp-toolbar-vibrant-button-container-color);--md-comp-button-selected-container-shape-round:var(--md-comp-button-small-container-shape-round);--md-comp-button-icon-color:var(--md-comp-toolbar-vibrant-icon-color);--md-comp-button-unselected-icon-color:var(--md-comp-toolbar-vibrant-icon-color);--md-comp-button-selected-icon-color:var(--md-comp-toolbar-vibrant-selected-icon-color);--md-comp-button-hovered-icon-color:var(--md-comp-toolbar-vibrant-hovered-icon-color);--md-comp-button-focused-icon-color:var(--md-comp-toolbar-vibrant-focused-icon-color);--md-comp-button-pressed-icon-color:var(--md-comp-toolbar-vibrant-pressed-icon-color);--md-comp-button-unselected-hovered-icon-color:var(--md-comp-toolbar-vibrant-hovered-icon-color);--md-comp-button-unselected-focused-icon-color:var(--md-comp-toolbar-vibrant-focused-icon-color);--md-comp-button-unselected-pressed-icon-color:var(--md-comp-toolbar-vibrant-pressed-icon-color);--md-comp-button-selected-hovered-icon-color:var(--md-comp-toolbar-vibrant-selected-hovered-icon-color);--md-comp-button-selected-focused-icon-color:var(--md-comp-toolbar-vibrant-selected-focused-icon-color);--md-comp-button-selected-pressed-icon-color:var(--md-comp-toolbar-vibrant-selected-pressed-icon-color);--md-comp-button-label-text-color:var(--md-comp-toolbar-vibrant-label-text-color);--md-comp-button-unselected-label-text-color:var(--md-comp-toolbar-vibrant-label-text-color);--md-comp-button-selected-label-text-color:var(--md-comp-toolbar-vibrant-selected-label-text-color);--md-comp-button-hovered-label-text-color:var(--md-comp-toolbar-vibrant-hovered-label-text-color);--md-comp-button-focused-label-text-color:var(--md-comp-toolbar-vibrant-focused-label-text-color);--md-comp-button-pressed-label-text-color:var(--md-comp-toolbar-vibrant-pressed-label-text-color);--md-comp-button-unselected-hovered-label-text-color:var(--md-comp-toolbar-vibrant-hovered-label-text-color);--md-comp-button-unselected-focused-label-text-color:var(--md-comp-toolbar-vibrant-focused-label-text-color);--md-comp-button-unselected-pressed-label-text-color:var(--md-comp-toolbar-vibrant-pressed-label-text-color);--md-comp-button-selected-hovered-label-text-color:var(--md-comp-toolbar-vibrant-selected-hovered-label-text-color);--md-comp-button-selected-focused-label-text-color:var(--md-comp-toolbar-vibrant-selected-focused-label-text-color);--md-comp-button-selected-pressed-label-text-color:var(--md-comp-toolbar-vibrant-selected-pressed-label-text-color)}.Toolbar.vibrant .Button.text.selectable{--md-comp-button-container-color:var(--md-comp-toolbar-vibrant-button-container-color)}.Toolbar.vibrant .Button.text.selectable.selected{--md-comp-button-container-color:var(--md-comp-toolbar-vibrant-selected-button-container-color)}.Toolbar.docked{height:var(--md-comp-toolbar-docked-container-height);padding-left:var(--md-comp-toolbar-docked-container-leading-space);padding-right:var(--md-comp-toolbar-docked-container-trailing-space);justify-content:space-between;align-items:center;gap:var(--md-comp-toolbar-docked-container-between-space);border-radius:var(--md-comp-toolbar-docked-container-shape);box-shadow:var(--md-comp-toolbar-docked-container-elevation);display:flex}.Toolbar.floating{justify-content:center;align-items:center;gap:var(--md-comp-toolbar-floating-container-between-space);border-radius:var(--md-comp-toolbar-floating-container-shape);box-shadow:var(--md-comp-toolbar-floating-container-elevation);display:flex}.Toolbar.floating.horizontal{width:fit-content;height:var(--md-comp-toolbar-floating-horizontal-container-height);padding-left:var(--md-comp-toolbar-floating-container-leading-space);padding-right:var(--md-comp-toolbar-floating-container-trailing-space)}.Toolbar.floating.horizontal>.ButtonContainer:first-child>.Button{margin-left:var(--md-sys-measurement-space50)}.Toolbar.floating.horizontal>.ButtonContainer:nth-last-child(2)>.Button{margin-right:var(--md-sys-measurement-space50)}.Toolbar.floating.vertical{width:var(--md-comp-toolbar-floating-vertical-container-width);height:fit-content;padding-top:var(--md-comp-toolbar-floating-container-leading-space);padding-bottom:var(--md-comp-toolbar-floating-container-trailing-space);flex-direction:column}.Toolbar.floating.vertical>.ButtonContainer:first-child>.Button{margin-top:var(--md-sys-measurement-space50)}.Toolbar.floating.vertical>.ButtonContainer:nth-last-child(2)>.Button{margin-bottom:var(--md-sys-measurement-space50)}

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs"),n=require("../misc/FloatingElement/index.cjs");;/* empty css             */let r=require("react/compiler-runtime"),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,r.c)(15),l=(0,a.useId)(),{tooltip:u,setTooltip:d,tooltipsContainer:f}=t.useTheme(`Tooltip`),p;c[0]===Symbol.for(`react.memo_cache_sentinel`)?(p={padding:12,allowedPlacements:[`top`,`bottom`]},c[0]=p):p=c[0];let m=p,h;c[1]===Symbol.for(`react.memo_cache_sentinel`)?(h={padding:8,limitShift:8},c[1]=h):h=c[1];let g=h,_=u===l,v;c[2]!==l||c[3]!==d?(v=e=>{let t=()=>d(l),n=()=>d();return e.addEventListener(`mouseenter`,t),e.addEventListener(`mouseleave`,n),()=>{e.removeEventListener(`mouseenter`,t),e.removeEventListener(`mouseleave`,n)}},c[2]=l,c[3]=d,c[4]=v):v=c[4];let{saveRef:y}=(0,s.useElementRef)(v);if(e.variant===`plain`){let t;c[5]===_?t=c[6]:(t=(0,i.default)(`Tooltip plain`,{open:_}),c[5]=_,c[6]=t);let r;c[7]!==e.text||c[8]!==t?(r=(0,o.jsx)(`div`,{className:t,role:`tooltip`,children:e.text}),c[7]=e.text,c[8]=t,c[9]=r):r=c[9];let a;return c[10]!==_||c[11]!==y||c[12]!==r||c[13]!==f?(a=(0,o.jsx)(n.default,{ref:y,root:f,placement:`top`,offset:4,flip:m,shift:g,open:_,children:r}),c[10]=_,c[11]=y,c[12]=r,c[13]=f,c[14]=a):a=c[14],a}}exports.default=c;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+export interface PlainTooltipProps {
+    variant: "plain";
+    text: string;
+}
+export interface RichTooltipProps {
+    variant: "rich";
+    subhead?: string;
+    text: string;
+}
+export type TooltipProps = PlainTooltipProps | RichTooltipProps;
+export default function Tooltip(props: PropsWithChildren<TooltipProps>): import('react').JSX.Element | undefined;

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,52 @@
+import { useTheme as e } from "../Theme/Theme.js";
+import t from "../misc/FloatingElement/index.js";
+import './style.css';/* empty css           */
+import { c as n } from "react/compiler-runtime";
+import r from "classnames";
+import { useId as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useElementRef as o } from "react-dom-event-hooks";
+//#region lib/components/Tooltip/Tooltip.tsx
+function s(s) {
+	let c = n(15), l = i(), { tooltip: u, setTooltip: d, tooltipsContainer: f } = e("Tooltip"), p;
+	c[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
+		padding: 12,
+		allowedPlacements: ["top", "bottom"]
+	}, c[0] = p) : p = c[0];
+	let m = p, h;
+	c[1] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+		padding: 8,
+		limitShift: 8
+	}, c[1] = h) : h = c[1];
+	let g = h, _ = u === l, v;
+	c[2] !== l || c[3] !== d ? (v = (e) => {
+		let t = () => d(l), n = () => d();
+		return e.addEventListener("mouseenter", t), e.addEventListener("mouseleave", n), () => {
+			e.removeEventListener("mouseenter", t), e.removeEventListener("mouseleave", n);
+		};
+	}, c[2] = l, c[3] = d, c[4] = v) : v = c[4];
+	let { saveRef: y } = o(v);
+	if (s.variant === "plain") {
+		let e;
+		c[5] === _ ? e = c[6] : (e = r("Tooltip plain", { open: _ }), c[5] = _, c[6] = e);
+		let n;
+		c[7] !== s.text || c[8] !== e ? (n = /* @__PURE__ */ a("div", {
+			className: e,
+			role: "tooltip",
+			children: s.text
+		}), c[7] = s.text, c[8] = e, c[9] = n) : n = c[9];
+		let i;
+		return c[10] !== _ || c[11] !== y || c[12] !== n || c[13] !== f ? (i = /* @__PURE__ */ a(t, {
+			ref: y,
+			root: f,
+			placement: "top",
+			offset: 4,
+			flip: m,
+			shift: g,
+			open: _,
+			children: n
+		}), c[10] = _, c[11] = y, c[12] = n, c[13] = f, c[14] = i) : i = c[14], i;
+	}
+}
+//#endregion
+export { s as default };

package/dist/components/Tooltip/index.cjs

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

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

@@ -0,0 +1 @@
+export { default, type PlainTooltipProps, type RichTooltipProps, type TooltipProps } from './Tooltip';

package/dist/components/Tooltip/index.js

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

package/dist/components/Tooltip/style.css

@@ -0,0 +1 @@
+.FloatingElement:has(>.Tooltip){z-index:1000}.Tooltip{transition:opacity 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), color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing)}.Tooltip:not(.open){opacity:0;pointer-events:none}.Tooltip.open{opacity:1}.Tooltip.plain{font-family:var(--md-comp-plain-tooltip-supporting-text-font);font-weight:var(--md-comp-plain-tooltip-supporting-text-weight);font-size:var(--md-comp-plain-tooltip-supporting-text-size);letter-spacing:var(--md-comp-plain-tooltip-supporting-text-tracking);line-height:var(--md-comp-plain-tooltip-supporting-text-line-height);font-variation-settings:"wght" var(--md-comp-plain-tooltip-supporting-text-wght), "GRAD" var(--md-comp-plain-tooltip-supporting-text-grad), "wdth" var(--md-comp-plain-tooltip-supporting-text-wdth), "ROND" var(--md-comp-plain-tooltip-supporting-text-rond), "opsz" var(--md-comp-plain-tooltip-supporting-text-opsz), "CRSV" var(--md-comp-plain-tooltip-supporting-text-crsv), "slnt" var(--md-comp-plain-tooltip-supporting-text-slnt), "FILL" var(--md-comp-plain-tooltip-supporting-text-fill), "HEXP" var(--md-comp-plain-tooltip-supporting-text-hexp);padding-inline:var(--md-sys-measurement-space100);background-color:var(--md-comp-plain-tooltip-container-color);color:var(--md-comp-plain-tooltip-supporting-text-color);border-radius:var(--md-comp-plain-tooltip-container-shape)}

package/dist/components/containers/FilledField/index.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../misc/StateLayer/index.cjs");;/* empty css             */let n=require("react/compiler-runtime"),r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){let a=(0,n.c)(23),o,s,c,l,u,d;a[0]===e?(o=a[1],s=a[2],c=a[3],l=a[4],u=a[5],d=a[6]):({label:d,filled:l,focus:u,disabled:o,error:c,...s}=e,a[0]=e,a[1]=o,a[2]=s,a[3]=c,a[4]=l,a[5]=u,a[6]=d);let f;a[7]!==o||a[8]!==c||a[9]!==l||a[10]!==u||a[11]!==d||a[12]!==e.className?(f=(0,r.default)(`FilledField Field`,{label:d,filled:l,focus:u,disabled:o,error:c},e.className),a[7]=o,a[8]=c,a[9]=l,a[10]=u,a[11]=d,a[12]=e.className,a[13]=f):f=a[13];let p;a[14]===Symbol.for(`react.memo_cache_sentinel`)?(p=(0,i.jsx)(t.default,{ripple:!1}),a[14]=p):p=a[14];let m;a[15]===d?m=a[16]:(m=d&&(0,i.jsx)(`span`,{className:`label`,children:d}),a[15]=d,a[16]=m);let h;a[17]===Symbol.for(`react.memo_cache_sentinel`)?(h=(0,i.jsx)(`span`,{className:`indicator`}),a[17]=h):h=a[17];let g;return a[18]!==s||a[19]!==e.children||a[20]!==f||a[21]!==m?(g=(0,i.jsxs)(`div`,{...s,className:f,children:[p,m,e.children,h]}),a[18]=s,a[19]=e.children,a[20]=f,a[21]=m,a[22]=g):g=a[22],g}exports.default=a;

package/dist/components/containers/FilledField/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface FilledFieldProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {
+    label?: string;
+    filled?: boolean;
+    focus?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+}
+export default function FilledField(props: React.PropsWithChildren<FilledFieldProps>): React.JSX.Element;

package/dist/components/containers/FilledField/index.js

@@ -0,0 +1,40 @@
+import e from "../../misc/StateLayer/index.js";
+import './style.css';/* empty css           */
+import { c as t } from "react/compiler-runtime";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/components/containers/FilledField/index.tsx
+function a(a) {
+	let o = t(23), s, c, l, u, d, f;
+	o[0] === a ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6]) : ({label: f, filled: u, focus: d, disabled: s, error: l, ...c} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f);
+	let p;
+	o[7] !== s || o[8] !== l || o[9] !== u || o[10] !== d || o[11] !== f || o[12] !== a.className ? (p = n("FilledField Field", {
+		label: f,
+		filled: u,
+		focus: d,
+		disabled: s,
+		error: l
+	}, a.className), o[7] = s, o[8] = l, o[9] = u, o[10] = d, o[11] = f, o[12] = a.className, o[13] = p) : p = o[13];
+	let m;
+	o[14] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ r(e, { ripple: !1 }), o[14] = m) : m = o[14];
+	let h;
+	o[15] === f ? h = o[16] : (h = f && /* @__PURE__ */ r("span", {
+		className: "label",
+		children: f
+	}), o[15] = f, o[16] = h);
+	let g;
+	o[17] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ r("span", { className: "indicator" }), o[17] = g) : g = o[17];
+	let _;
+	return o[18] !== c || o[19] !== a.children || o[20] !== p || o[21] !== h ? (_ = /* @__PURE__ */ i("div", {
+		...c,
+		className: p,
+		children: [
+			m,
+			h,
+			a.children,
+			g
+		]
+	}), o[18] = c, o[19] = a.children, o[20] = p, o[21] = h, o[22] = _) : _ = o[22], _;
+}
+//#endregion
+export { a as default };

package/dist/components/containers/FilledField/style.css

@@ -0,0 +1 @@
+.FilledField{background-color:var(--md-sys-color-surface-container-highest);--filled-field-border-size:1px;--filled-field-border-color:var(--md-sys-color-on-surface-variant);border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}.FilledField>.label{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight);font-size:var(--md-sys-typescale-body-large-size);letter-spacing:var(--md-sys-typescale-body-large-tracking);line-height:var(--md-sys-typescale-body-large-line-height);font-variation-settings:"wght" var(--md-sys-typescale-body-large-wght), "GRAD" var(--md-sys-typescale-body-large-grad), "wdth" var(--md-sys-typescale-body-large-wdth), "ROND" var(--md-sys-typescale-body-large-rond), "opsz" var(--md-sys-typescale-body-large-opsz), "CRSV" var(--md-sys-typescale-body-large-crsv), "slnt" var(--md-sys-typescale-body-large-slnt), "FILL" var(--md-sys-typescale-body-large-fill), "HEXP" var(--md-sys-typescale-body-large-hexp);transition:inset var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), transform var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), font-size var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);user-select:none;pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.FilledField>.label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(16px + var(--filled-field-label-position-inline-offset,0px))}.FilledField>.label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto;right:calc(16px + var(--filled-field-label-position-inline-offset,0px))}.FilledField>.indicator{width:100%;height:var(--filled-field-border-size);background-color:var(--filled-field-border-color);transition:height 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);position:absolute;bottom:0;left:0}.FilledField.filled>.label,.FilledField.focus>.label{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight);font-size:var(--md-sys-typescale-body-small-size);letter-spacing:var(--md-sys-typescale-body-small-tracking);line-height:var(--md-sys-typescale-body-small-line-height);font-variation-settings:"wght" var(--md-sys-typescale-body-small-wght), "GRAD" var(--md-sys-typescale-body-small-grad), "wdth" var(--md-sys-typescale-body-small-wdth), "ROND" var(--md-sys-typescale-body-small-rond), "opsz" var(--md-sys-typescale-body-small-opsz), "CRSV" var(--md-sys-typescale-body-small-crsv), "slnt" var(--md-sys-typescale-body-small-slnt), "FILL" var(--md-sys-typescale-body-small-fill), "HEXP" var(--md-sys-typescale-body-small-hexp);top:8px;transform:translateY(0)}.FilledField:hover:not(.focus,.disabled,.error){--filled-field-border-color:var(--md-sys-color-on-surface)}.FilledField:hover:not(.focus,.disabled,.error)>.label{color:var(--md-sys-color-on-surface)}.FilledField.focus:not(.disabled,.error){--filled-field-border-size:3px;--filled-field-border-color:var(--md-sys-color-primary)}.FilledField.focus:not(.disabled,.error)>.label{color:var(--md-sys-color-primary)}.FilledField.disabled{--filled-field-border-color:rgba(from var(--md-sys-color-on-surface) r g b / 12%)}.FilledField.disabled>.label{color:rgba(from var(--md-sys-color-on-surface) r g b/38%)}.FilledField.error{--outlined-field-border-color:var(--md-sys-color-error)}.FilledField.error>.label{color:var(--md-sys-color-error)}.FilledField:hover.error{--outlined-field-border-color:var(--md-sys-color-on-error-container)}.FilledField:hover.error>.label{color:var(--md-sys-color-on-error-container)}.FilledField.focus.error{--outlined-field-border-size:3px;--outlined-field-border-color:var(--md-sys-color-error)}.FilledField.focus.error>.label{color:var(--md-sys-color-error)}

package/dist/components/containers/OutlinedField/index.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/jsx-runtime");function i(e){let i=(0,t.c)(29),a,o,s,c,l,u;i[0]===e?(a=i[1],o=i[2],s=i[3],c=i[4],l=i[5],u=i[6]):({label:u,filled:c,focus:l,disabled:a,error:s,...o}=e,i[0]=e,i[1]=a,i[2]=o,i[3]=s,i[4]=c,i[5]=l,i[6]=u);let d;i[7]!==a||i[8]!==s||i[9]!==c||i[10]!==l||i[11]!==u||i[12]!==e.className?(d=(0,n.default)(`OutlinedField Field`,{label:u,filled:c,focus:l,disabled:a,error:s},e.className),i[7]=a,i[8]=s,i[9]=c,i[10]=l,i[11]=u,i[12]=e.className,i[13]=d):d=i[13];let f;i[14]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,r.jsx)(`span`,{className:`border start`}),i[14]=f):f=i[14];let p;i[15]===u?p=i[16]:(p=u&&(0,r.jsxs)(`span`,{className:`label`,children:[(0,r.jsx)(`span`,{className:`border start`}),u,(0,r.jsx)(`span`,{className:`border end`})]}),i[15]=u,i[16]=p);let m;i[17]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,r.jsx)(`span`,{className:`border end`}),i[17]=m):m=i[17];let h;i[18]===p?h=i[19]:(h=(0,r.jsxs)(`div`,{className:`border-top`,children:[f,p,m]}),i[18]=p,i[19]=h);let g;i[20]===Symbol.for(`react.memo_cache_sentinel`)?(g=(0,r.jsx)(`div`,{className:`borders`}),i[20]=g):g=i[20];let _;i[21]===u?_=i[22]:(_=u&&(0,r.jsx)(`span`,{className:`label`,children:u}),i[21]=u,i[22]=_);let v;return i[23]!==o||i[24]!==e.children||i[25]!==d||i[26]!==h||i[27]!==_?(v=(0,r.jsxs)(`div`,{...o,className:d,children:[h,g,_,e.children]}),i[23]=o,i[24]=e.children,i[25]=d,i[26]=h,i[27]=_,i[28]=v):v=i[28],v}exports.default=i;

package/dist/components/containers/OutlinedField/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface OutlinedFieldProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {
+    label?: string;
+    filled?: boolean;
+    focus?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+}
+export default function OutlinedField(props: React.PropsWithChildren<OutlinedFieldProps>): React.JSX.Element;

package/dist/components/containers/OutlinedField/index.js

@@ -0,0 +1,59 @@
+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/containers/OutlinedField/index.tsx
+function i(i) {
+	let a = e(29), o, s, c, l, u, d;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({label: d, filled: l, focus: u, disabled: o, error: c, ...s} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
+	let f;
+	a[7] !== o || a[8] !== c || a[9] !== l || a[10] !== u || a[11] !== d || a[12] !== i.className ? (f = t("OutlinedField Field", {
+		label: d,
+		filled: l,
+		focus: u,
+		disabled: o,
+		error: c
+	}, i.className), a[7] = o, a[8] = c, a[9] = l, a[10] = u, a[11] = d, a[12] = i.className, a[13] = f) : f = a[13];
+	let p;
+	a[14] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ n("span", { className: "border start" }), a[14] = p) : p = a[14];
+	let m;
+	a[15] === d ? m = a[16] : (m = d && /* @__PURE__ */ r("span", {
+		className: "label",
+		children: [
+			/* @__PURE__ */ n("span", { className: "border start" }),
+			d,
+			/* @__PURE__ */ n("span", { className: "border end" })
+		]
+	}), a[15] = d, a[16] = m);
+	let h;
+	a[17] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n("span", { className: "border end" }), a[17] = h) : h = a[17];
+	let g;
+	a[18] === m ? g = a[19] : (g = /* @__PURE__ */ r("div", {
+		className: "border-top",
+		children: [
+			p,
+			m,
+			h
+		]
+	}), a[18] = m, a[19] = g);
+	let _;
+	a[20] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n("div", { className: "borders" }), a[20] = _) : _ = a[20];
+	let v;
+	a[21] === d ? v = a[22] : (v = d && /* @__PURE__ */ n("span", {
+		className: "label",
+		children: d
+	}), a[21] = d, a[22] = v);
+	let y;
+	return a[23] !== s || a[24] !== i.children || a[25] !== f || a[26] !== g || a[27] !== v ? (y = /* @__PURE__ */ r("div", {
+		...s,
+		className: f,
+		children: [
+			g,
+			_,
+			v,
+			i.children
+		]
+	}), a[23] = s, a[24] = i.children, a[25] = f, a[26] = g, a[27] = v, a[28] = y) : y = a[28], y;
+}
+//#endregion
+export { i as default };

package/dist/components/containers/OutlinedField/style.css

@@ -0,0 +1 @@
+.OutlinedField{--outlined-field-border-size:1px;--outlined-field-border-radius:4px;--outlined-field-border-color:var(--md-sys-color-outline);box-sizing:border-box;border-radius:var(--outlined-field-border-radius);width:fit-content;height:fit-content;min-height:10px;transition:border var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), border-radius 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);position:relative}.OutlinedField>.border-top{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight);font-size:var(--md-sys-typescale-body-small-size);letter-spacing:var(--md-sys-typescale-body-small-tracking);line-height:var(--md-sys-typescale-body-small-line-height);font-variation-settings:"wght" var(--md-sys-typescale-body-small-wght), "GRAD" var(--md-sys-typescale-body-small-grad), "wdth" var(--md-sys-typescale-body-small-wdth), "ROND" var(--md-sys-typescale-body-small-rond), "opsz" var(--md-sys-typescale-body-small-opsz), "CRSV" var(--md-sys-typescale-body-small-crsv), "slnt" var(--md-sys-typescale-body-small-slnt), "FILL" var(--md-sys-typescale-body-small-fill), "HEXP" var(--md-sys-typescale-body-small-hexp);pointer-events:none;display:flex;position:absolute;inset:0}.OutlinedField>.border-top>.border{box-sizing:border-box;transition:border var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), border-radius 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)}.OutlinedField>.border-top>.border.start{width:12px;height:calc(var(--outlined-field-border-radius) + var(--outlined-field-border-size) * 2);border-top:var(--outlined-field-border-size) solid var(--outlined-field-border-color)}.OutlinedField>.border-top>.border.start:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--outlined-field-border-radius);border-left:var(--outlined-field-border-size) solid transparent}.OutlinedField>.border-top>.border.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--outlined-field-border-radius);border-right:var(--outlined-field-border-size) solid transparent}.OutlinedField>.border-top>.border.end{height:calc(var(--outlined-field-border-radius) + var(--outlined-field-border-size) * 2);border-top:var(--outlined-field-border-size) solid var(--outlined-field-border-color);flex:1}.OutlinedField>.border-top>.border.end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--outlined-field-border-radius);border-right:var(--outlined-field-border-size) solid transparent}.OutlinedField>.border-top>.border.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--outlined-field-border-radius);border-left:var(--outlined-field-border-size) solid transparent}.OutlinedField>.border-top>.label{height:var(--outlined-field-border-size);color:#0000;user-select:none;padding-inline:4px;position:relative;overflow:hidden}.OutlinedField>.border-top>.label>.border{border-top:var(--outlined-field-border-size) solid var(--outlined-field-border-color);width:50%;transition:width var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), border var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);display:block;position:absolute;top:0}.OutlinedField>.border-top>.label>.border.start{left:0}.OutlinedField>.border-top>.label>.border.end{right:0}.OutlinedField>.borders{border-radius:var(--outlined-field-border-radius);border:var(--outlined-field-border-size) solid var(--outlined-field-border-color);transition:border var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing), border-radius var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);pointer-events:none;border-top-color:#0000;position:absolute;inset:0}.OutlinedField>.label{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight);font-size:var(--md-sys-typescale-body-large-size);letter-spacing:var(--md-sys-typescale-body-large-tracking);line-height:var(--md-sys-typescale-body-large-line-height);font-variation-settings:"wght" var(--md-sys-typescale-body-large-wght), "GRAD" var(--md-sys-typescale-body-large-grad), "wdth" var(--md-sys-typescale-body-large-wdth), "ROND" var(--md-sys-typescale-body-large-rond), "opsz" var(--md-sys-typescale-body-large-opsz), "CRSV" var(--md-sys-typescale-body-large-crsv), "slnt" var(--md-sys-typescale-body-large-slnt), "FILL" var(--md-sys-typescale-body-large-fill), "HEXP" var(--md-sys-typescale-body-large-hexp);transition:inset var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), transform var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), font-size var(--md-sys-motion-spring-expressive-fast-spatial-duration) var(--md-sys-motion-spring-expressive-fast-spatial-easing), color var(--md-sys-motion-spring-expressive-fast-effects-duration) var(--md-sys-motion-spring-expressive-fast-effects-easing);user-select:none;pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.OutlinedField>.label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(16px + var(--outlined-field-label-position-inline-offset,0px))}.OutlinedField>.label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto;right:calc(16px + var(--outlined-field-label-position-inline-offset,0px))}.OutlinedField.filled>.border-top>.label>.border,.OutlinedField.focus>.border-top>.label>.border{width:0}.OutlinedField.filled>.label,.OutlinedField.focus>.label{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight);font-size:var(--md-sys-typescale-body-small-size);letter-spacing:var(--md-sys-typescale-body-small-tracking);line-height:var(--md-sys-typescale-body-small-line-height);font-variation-settings:"wght" var(--md-sys-typescale-body-small-wght), "GRAD" var(--md-sys-typescale-body-small-grad), "wdth" var(--md-sys-typescale-body-small-wdth), "ROND" var(--md-sys-typescale-body-small-rond), "opsz" var(--md-sys-typescale-body-small-opsz), "CRSV" var(--md-sys-typescale-body-small-crsv), "slnt" var(--md-sys-typescale-body-small-slnt), "FILL" var(--md-sys-typescale-body-small-fill), "HEXP" var(--md-sys-typescale-body-small-hexp);top:0}:is(.OutlinedField.filled>.label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.OutlinedField.focus>.label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:16px}:is(.OutlinedField.filled>.label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.OutlinedField.focus>.label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:16px}.OutlinedField:hover:not(.focus,.disabled,.error){--outlined-field-border-color:var(--md-sys-color-on-surface)}.OutlinedField:hover:not(.focus,.disabled,.error)>.label{color:var(--md-sys-color-on-surface)}.OutlinedField.focus:not(.disabled,.error){--outlined-field-border-size:3px;--outlined-field-border-color:var(--md-sys-color-primary)}.OutlinedField.focus:not(.disabled,.error)>.label{color:var(--md-sys-color-primary)}.OutlinedField.disabled{--outlined-field-border-color:rgba(from var(--md-sys-color-on-surface) r g b / 12%)}.OutlinedField.disabled>.label{color:rgba(from var(--md-sys-color-on-surface) r g b/38%)}.OutlinedField.error{--outlined-field-border-color:var(--md-sys-color-error)}.OutlinedField.error>.label{color:var(--md-sys-color-error)}.OutlinedField:hover.error{--outlined-field-border-color:var(--md-sys-color-on-error-container)}.OutlinedField:hover.error>.label{color:var(--md-sys-color-on-error-container)}.OutlinedField.focus.error{--outlined-field-border-size:3px;--outlined-field-border-color:var(--md-sys-color-error)}.OutlinedField.focus.error>.label{color:var(--md-sys-color-error)}

package/dist/components/misc/FloatingElement/index.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/hooks.cjs"),n=require("../../../hooks/useFloating/utils.cjs"),r=require("../../../hooks/useFloating/index.cjs"),i=require("../../../hooks/useFloating/middleware/flip.cjs"),a=require("../../../hooks/useFloating/middleware/offset.cjs"),o=require("../../../hooks/useFloating/middleware/shift.cjs"),s=require("../../../hooks/useFloating/middleware/size.cjs");;/* empty css             */let c=require("react/compiler-runtime"),l=require("classnames");l=e.__toESM(l,1);let u=require("react"),d=require("react/jsx-runtime"),f=require("react-dom"),p=require("react-dom-event-hooks");function m(e){let m=(0,c.c)(63),{ref:h,style:g,onPlacementChange:_}=e,v;m[0]===g?v=m[1]:(v=g?JSON.stringify(g):void 0,m[0]=g,m[1]=v);let y=v,b;m[2]===y?b=m[3]:(b=y?JSON.parse(y):void 0,m[2]=y,m[3]=b);let x=b,{saveRef:S,ref:C}=(0,p.useElementRef)(),w;m[4]===C?w=m[5]:(w=(e,t,n)=>{n.placement.startsWith(`top`)||n.placement.startsWith(`bottom`)?(C.current?.style.setProperty(`height`,`${t}px`),C.current?.style.removeProperty(`width`)):(C.current?.style.setProperty(`width`,`${e}px`),C.current?.style.removeProperty(`height`))},m[4]=C,m[5]=w);let T=w,E;if(m[6]!==T||m[7]!==e.flip||m[8]!==e.offset||m[9]!==e.shift||m[10]!==e.size){if(E=[],e.flip){let t;m[12]===e.flip?t=m[13]:(t=e.flip===!0?{padding:20}:e.flip,m[12]=e.flip,m[13]=t);let n;m[14]===t?n=m[15]:(n=i.flip(t),m[14]=t,m[15]=n),E.push(n)}if(e.offset!==void 0){let t;m[16]===e.offset?t=m[17]:(t=a.offset(e.offset),m[16]=e.offset,m[17]=t),E.push(t)}if(e.size!==void 0){let t;m[18]!==T||m[19]!==e.size?(t=s.size(typeof e.size==`boolean`?{apply:T}:{padding:e.size,apply:T}),m[18]=T,m[19]=e.size,m[20]=t):t=m[20],E.push(t)}if(e.shift!==void 0){let t;m[21]===e.shift?t=m[22]:(t=o.shift(e.shift),m[21]=e.shift,m[22]=t),E.push(t)}m[6]=T,m[7]=e.flip,m[8]=e.offset,m[9]=e.shift,m[10]=e.size,m[11]=E}else E=m[11];let D;m[23]!==E||m[24]!==e.autoUpdate||m[25]!==e.placement||m[26]!==x?(D={placement:e.placement,middlewares:E,autoUpdate:e.autoUpdate,defaultAutoUpdateEnabled:!0,style:x},m[23]=E,m[24]=e.autoUpdate,m[25]=e.placement,m[26]=x,m[27]=D):D=m[27];let{saveReference:O,saveFloating:k,setAutoUpdateEnabled:A,placement:j}=r.useFloating(D),{saveRef:M}=(0,p.useConcatElementRef)(S,k),N;m[28]===j?N=m[29]:(N=n.parsePlacement(j),m[28]=j,m[29]=N);let{side:P,alignment:F,isDiagonal:I}=N,L=e.root instanceof HTMLElement?e.root:e.root?.current??null,R;m[30]!==h||m[31]!==O?(R=e=>{let t,n;if(e?.parentElement)return t=O(e.parentElement),typeof h==`function`?n=h(e.parentElement):h&&(h.current=e.parentElement),()=>{t?.(),typeof h==`function`?n?.():h&&(h.current=null)}},m[30]=h,m[31]=O,m[32]=R):R=m[32];let z=R,B,V;m[33]!==e.open||m[34]!==A?(B=()=>{typeof e.open==`boolean`&&A(e.open)},V=[e.open,A],m[33]=e.open,m[34]=A,m[35]=B,m[36]=V):(B=m[35],V=m[36]),t.useIsomorphicLayoutEffect(B,V);let H,U;if(m[37]!==F||m[38]!==I||m[39]!==_||m[40]!==j||m[41]!==P?(H=()=>{_?.(j,P,F,I)},U=[F,I,_,j,P],m[37]=F,m[38]=I,m[39]=_,m[40]=j,m[41]=P,m[42]=H,m[43]=U):(H=m[42],U=m[43]),(0,u.useEffect)(H,U),L){let t;m[44]===z?t=m[45]:(t=(0,d.jsx)(`span`,{ref:z,className:`FloatingElementTarget`}),m[44]=z,m[45]=t);let n;m[46]!==F||m[47]!==I||m[48]!==j||m[49]!==e.open||m[50]!==P?(n=(0,l.default)(`FloatingElement`,j,P,F,{diagonal:I,open:e.open}),m[46]=F,m[47]=I,m[48]=j,m[49]=e.open,m[50]=P,m[51]=n):n=m[51];let r;m[52]!==e.children||m[53]!==M||m[54]!==x||m[55]!==n?(r=(0,d.jsx)(`div`,{ref:M,className:n,style:x,children:e.children}),m[52]=e.children,m[53]=M,m[54]=x,m[55]=n,m[56]=r):r=m[56];let i;m[57]!==L||m[58]!==r?(i=(0,f.createPortal)(r,L),m[57]=L,m[58]=r,m[59]=i):i=m[59];let a;return m[60]!==t||m[61]!==i?(a=(0,d.jsxs)(d.Fragment,{children:[t,i]}),m[60]=t,m[61]=i,m[62]=a):a=m[62],a}return null}exports.default=m;

package/dist/components/misc/FloatingElement/index.d.ts

@@ -0,0 +1,17 @@
+import { AutoUpdateOptions } from '../../../hooks/useFloating/autoUpdate';
+import { Alignment, DiagonalPlacement, FlipOptions, OffsetOptions, Placement, ShiftOptions, Side } from '../../../hooks/useFloating/types';
+import { CSSProperties, PropsWithChildren, Ref, RefObject } from 'react';
+export interface FloatingElementProps {
+    ref?: Ref<HTMLElement>;
+    placement?: Placement;
+    autoUpdate?: boolean | AutoUpdateOptions;
+    offset?: number | OffsetOptions;
+    flip?: boolean | FlipOptions;
+    size?: boolean | number;
+    shift?: number | ShiftOptions;
+    root?: HTMLElement | RefObject<HTMLElement | null> | null;
+    open?: boolean;
+    onPlacementChange?: (placement: Placement, side: Side | DiagonalPlacement, alignment: Alignment | undefined, isDiagonal: boolean) => void;
+    style?: CSSProperties;
+}
+export default function FloatingElement(props: PropsWithChildren<FloatingElementProps>): import('react').JSX.Element | null;

package/dist/components/misc/FloatingElement/index.js

@@ -0,0 +1,106 @@
+import { useIsomorphicLayoutEffect as e } from "../../../utils/hooks.js";
+import { parsePlacement as t } from "../../../hooks/useFloating/utils.js";
+import { useFloating as n } from "../../../hooks/useFloating/index.js";
+import { flip as r } from "../../../hooks/useFloating/middleware/flip.js";
+import { offset as i } from "../../../hooks/useFloating/middleware/offset.js";
+import { shift as a } from "../../../hooks/useFloating/middleware/shift.js";
+import { size as o } from "../../../hooks/useFloating/middleware/size.js";
+import './style.css';/* empty css           */
+import { c as s } from "react/compiler-runtime";
+import c from "classnames";
+import { useEffect as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+import { useConcatElementRef as m, useElementRef as h } from "react-dom-event-hooks";
+//#region lib/components/misc/FloatingElement/index.tsx
+function g(g) {
+	let _ = s(63), { ref: v, style: y, onPlacementChange: b } = g, x;
+	_[0] === y ? x = _[1] : (x = y ? JSON.stringify(y) : void 0, _[0] = y, _[1] = x);
+	let S = x, C;
+	_[2] === S ? C = _[3] : (C = S ? JSON.parse(S) : void 0, _[2] = S, _[3] = C);
+	let w = C, { saveRef: T, ref: E } = h(), D;
+	_[4] === E ? D = _[5] : (D = (e, t, n) => {
+		n.placement.startsWith("top") || n.placement.startsWith("bottom") ? (E.current?.style.setProperty("height", `${t}px`), E.current?.style.removeProperty("width")) : (E.current?.style.setProperty("width", `${e}px`), E.current?.style.removeProperty("height"));
+	}, _[4] = E, _[5] = D);
+	let O = D, k;
+	if (_[6] !== O || _[7] !== g.flip || _[8] !== g.offset || _[9] !== g.shift || _[10] !== g.size) {
+		if (k = [], g.flip) {
+			let e;
+			_[12] === g.flip ? e = _[13] : (e = g.flip === !0 ? { padding: 20 } : g.flip, _[12] = g.flip, _[13] = e);
+			let t;
+			_[14] === e ? t = _[15] : (t = r(e), _[14] = e, _[15] = t), k.push(t);
+		}
+		if (g.offset !== void 0) {
+			let e;
+			_[16] === g.offset ? e = _[17] : (e = i(g.offset), _[16] = g.offset, _[17] = e), k.push(e);
+		}
+		if (g.size !== void 0) {
+			let e;
+			_[18] !== O || _[19] !== g.size ? (e = o(typeof g.size == "boolean" ? { apply: O } : {
+				padding: g.size,
+				apply: O
+			}), _[18] = O, _[19] = g.size, _[20] = e) : e = _[20], k.push(e);
+		}
+		if (g.shift !== void 0) {
+			let e;
+			_[21] === g.shift ? e = _[22] : (e = a(g.shift), _[21] = g.shift, _[22] = e), k.push(e);
+		}
+		_[6] = O, _[7] = g.flip, _[8] = g.offset, _[9] = g.shift, _[10] = g.size, _[11] = k;
+	} else k = _[11];
+	let A;
+	_[23] !== k || _[24] !== g.autoUpdate || _[25] !== g.placement || _[26] !== w ? (A = {
+		placement: g.placement,
+		middlewares: k,
+		autoUpdate: g.autoUpdate,
+		defaultAutoUpdateEnabled: !0,
+		style: w
+	}, _[23] = k, _[24] = g.autoUpdate, _[25] = g.placement, _[26] = w, _[27] = A) : A = _[27];
+	let { saveReference: j, saveFloating: M, setAutoUpdateEnabled: N, placement: P } = n(A), { saveRef: F } = m(T, M), I;
+	_[28] === P ? I = _[29] : (I = t(P), _[28] = P, _[29] = I);
+	let { side: L, alignment: R, isDiagonal: z } = I, B = g.root instanceof HTMLElement ? g.root : g.root?.current ?? null, V;
+	_[30] !== v || _[31] !== j ? (V = (e) => {
+		let t, n;
+		if (e?.parentElement) return t = j(e.parentElement), typeof v == "function" ? n = v(e.parentElement) : v && (v.current = e.parentElement), () => {
+			t?.(), typeof v == "function" ? n?.() : v && (v.current = null);
+		};
+	}, _[30] = v, _[31] = j, _[32] = V) : V = _[32];
+	let H = V, U, W;
+	_[33] !== g.open || _[34] !== N ? (U = () => {
+		typeof g.open == "boolean" && N(g.open);
+	}, W = [g.open, N], _[33] = g.open, _[34] = N, _[35] = U, _[36] = W) : (U = _[35], W = _[36]), e(U, W);
+	let G, K;
+	if (_[37] !== R || _[38] !== z || _[39] !== b || _[40] !== P || _[41] !== L ? (G = () => {
+		b?.(P, L, R, z);
+	}, K = [
+		R,
+		z,
+		b,
+		P,
+		L
+	], _[37] = R, _[38] = z, _[39] = b, _[40] = P, _[41] = L, _[42] = G, _[43] = K) : (G = _[42], K = _[43]), l(G, K), B) {
+		let e;
+		_[44] === H ? e = _[45] : (e = /* @__PURE__ */ d("span", {
+			ref: H,
+			className: "FloatingElementTarget"
+		}), _[44] = H, _[45] = e);
+		let t;
+		_[46] !== R || _[47] !== z || _[48] !== P || _[49] !== g.open || _[50] !== L ? (t = c("FloatingElement", P, L, R, {
+			diagonal: z,
+			open: g.open
+		}), _[46] = R, _[47] = z, _[48] = P, _[49] = g.open, _[50] = L, _[51] = t) : t = _[51];
+		let n;
+		_[52] !== g.children || _[53] !== F || _[54] !== w || _[55] !== t ? (n = /* @__PURE__ */ d("div", {
+			ref: F,
+			className: t,
+			style: w,
+			children: g.children
+		}), _[52] = g.children, _[53] = F, _[54] = w, _[55] = t, _[56] = n) : n = _[56];
+		let r;
+		_[57] !== B || _[58] !== n ? (r = p(n, B), _[57] = B, _[58] = n, _[59] = r) : r = _[59];
+		let i;
+		return _[60] !== e || _[61] !== r ? (i = /* @__PURE__ */ f(u, { children: [e, r] }), _[60] = e, _[61] = r, _[62] = i) : i = _[62], i;
+	}
+	return null;
+}
+//#endregion
+export { g as default };

package/dist/components/misc/FloatingElement/style.css

@@ -0,0 +1 @@
+.FloatingElementTarget{display:none}.FloatingElement:not(.open){pointer-events:none}.FloatingElement.bottom>*{transform-origin:top}.FloatingElement.bottom.start>*{transform-origin:0 0}.FloatingElement.bottom.end>*{transform-origin:100% 0}.FloatingElement.top>*{transform-origin:bottom}.FloatingElement.top.start>*{transform-origin:0 100%}.FloatingElement.top.end>*{transform-origin:100% 100%}.FloatingElement.right>*{transform-origin:0}.FloatingElement.right.start>*{transform-origin:0 0}.FloatingElement.right.end>*{transform-origin:0 100%}.FloatingElement.left>*{transform-origin:100%}.FloatingElement.left.start>*{transform-origin:100% 0}.FloatingElement.left.end>*{transform-origin:100% 100%}

package/dist/components/misc/OrderedCollection/index.cjs

@@ -0,0 +1 @@
+require('./style.css');const e=require("../../../utils/hooks.cjs");;/* empty css             */let t=require("react/compiler-runtime"),n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom-event-hooks");function a(e){let t={...e};return delete t.id,delete t.orderedCollectionName,t}var o=(0,n.createContext)(null);function s(e,t){let r=(0,n.useContext)(o);if(!r&&(e||t))throw Error(`${t??`OrderedCollectionChild`} must be used in ${e??`OrderedCollection`} component`);return r}function c(e){let a=(0,t.c)(20),s;a[0]===Symbol.for(`react.memo_cache_sentinel`)?(s={},a[0]=s):s=a[0];let[c,p]=(0,n.useState)(s),m;a[1]===Symbol.for(`react.memo_cache_sentinel`)?(m=[],a[1]=m):m=a[1];let h=(0,n.useRef)(m),g;a[2]===Symbol.for(`react.memo_cache_sentinel`)?(g=(e,t,n)=>p(r=>({...r,[e]:{...n,orderedCollectionName:t}})),a[2]=g):g=a[2];let _=g,v;a[3]===Symbol.for(`react.memo_cache_sentinel`)?(v=e=>e.forEach(e=>e.removedNodes.forEach(e=>{e instanceof HTMLElement&&p(t=>{let n={...t};return e.dataset.id&&delete n[e.dataset.id],n})})),a[3]=v):v=a[3];let y;a[4]===Symbol.for(`react.memo_cache_sentinel`)?(y={childList:!0},a[4]=y):y=a[4];let{saveRef:b,ref:x}=(0,i.useMutationObserver)(v,y),S;a[5]===e.name?S=a[6]:(S={name:e.name,saveChildData:_},a[5]=e.name,a[6]=S);let C=S,w;a[7]!==e||a[8]!==x||a[9]!==c?(w=()=>{let t=(t,n)=>t.id===i[n]?.id?e.compareChild&&i[n]?!e.compareChild(t,i[n]):!1:!0,n=Array.isArray(e.childName)?e.childName:[e.childName],r,i;x.current&&(r=Array.from(x.current.querySelectorAll(`:scope > .OrderedCollectionChild:is(${n.map(f).join(`, `)})`)),i=r.map(d).filter(u).map(e=>c[e]?{...c[e],id:e}:null).filter(l),(h.current.length!==i.length||h.current.some(t))&&(e.onChildrenChange?.(i),h.current=i))},a[7]=e,a[8]=x,a[9]=c,a[10]=w):w=a[10];let T=(0,n.useEffectEvent)(w),E;a[11]===T?E=a[12]:(E=()=>T(),a[11]=T,a[12]=E),(0,n.useLayoutEffect)(E);let D;a[13]!==e.children||a[14]!==e.name||a[15]!==b?(D=(0,r.jsx)(`div`,{ref:b,className:`OrderedCollection`,"data-name":e.name,"aria-hidden":`true`,children:e.children}),a[13]=e.children,a[14]=e.name,a[15]=b,a[16]=D):D=a[16];let O;return a[17]!==C||a[18]!==D?(O=(0,r.jsx)(o,{value:C,children:D}),a[17]=C,a[18]=D,a[19]=O):O=a[19],O}function l(e){return!!e}function u(e){return typeof e==`string`}function d(e){return e.getAttribute(`data-id`)}function f(e){return`[data-name="${e}"]`}function p(i){let a=(0,t.c)(9),o=(0,n.useId)(),c=i.id??o,{saveChildData:l}=s(i.parentName,i.name),u,d;a[0]!==c||a[1]!==i.content||a[2]!==i.name||a[3]!==l?(u=()=>l(c,i.name,i.content),d=[c,i.content,i.name,l],a[0]=c,a[1]=i.content,a[2]=i.name,a[3]=l,a[4]=u,a[5]=d):(u=a[4],d=a[5]),e.useIsomorphicLayoutEffect(u,d);let f;return a[6]!==c||a[7]!==i.name?(f=(0,r.jsx)(`span`,{className:`OrderedCollectionChild`,"data-name":i.name,"data-id":c,"aria-hidden":`true`}),a[6]=c,a[7]=i.name,a[8]=f):f=a[8],f}exports.OrderedCollectionChild=p,exports.OrderedCollectionContext=o,exports.cleanOrderedCollectionProps=a,exports.default=c,exports.useOrderedCollection=s;

package/dist/components/misc/OrderedCollection/index.d.ts

@@ -0,0 +1,27 @@
+import { PropsWithChildren } from 'react';
+export interface OrderedCollectionContext<D = any> {
+    name?: string;
+    saveChildData: (id: string, name: string, data: D) => void;
+}
+export interface OrderedCollectionProps<D = any> {
+    name?: string;
+    childName: string | string[];
+    compareChild?: (previous: D, current: D) => boolean;
+    onChildrenChange?: (children: OrderedCollectionChildData<D>[]) => void;
+}
+export type OrderedCollectionChildData<P = unknown> = P & {
+    id: string;
+    orderedCollectionName: string;
+};
+export interface OrderedCollectionChildProps<D = any> {
+    name: string;
+    parentName?: string;
+    id?: string;
+    content?: D;
+}
+export declare function cleanOrderedCollectionProps<P>(props: P): Omit<P, keyof OrderedCollectionChildData>;
+export declare const OrderedCollectionContext: import('react').Context<OrderedCollectionContext<any> | null>;
+export declare function useOrderedCollection(): OrderedCollectionContext | null;
+export declare function useOrderedCollection(parentName: string | undefined, childName: string): OrderedCollectionContext;
+export default function OrderedCollection<D = any>(props: PropsWithChildren<OrderedCollectionProps<D>>): import('react').JSX.Element;
+export declare function OrderedCollectionChild<D = any>(props: OrderedCollectionChildProps<D>): import('react').JSX.Element;