react-material-design 0.0.0-stage → 0.5.1

package/dist/components/Button/split/index.js

@@ -0,0 +1,33 @@
+import e from "../default/index.js";
+import t from "../icon/index.js";
+import './style.css';/* empty css           */
+import n from "classnames";
+import { useCallback as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/components/Button/split/index.tsx
+function s(s) {
+	let [c, l] = i(!1), u = r(() => l(!0), []), d = r(() => l(!1), []);
+	return /* @__PURE__ */ a("div", {
+		className: n("SplitButton", { [s.size ?? "small"]: !0 }),
+		children: /* @__PURE__ */ o("div", {
+			className: "container",
+			children: [/* @__PURE__ */ a(e, {
+				color: s.color,
+				size: s.size,
+				label: s.label,
+				className: "leading"
+			}), /* @__PURE__ */ a(t, {
+				color: s.color,
+				size: s.size,
+				icon: "keyboard_arrow_down",
+				className: n("trailing", { selected: c }),
+				onMenuOpen: u,
+				onMenuClose: d,
+				menuOpenBehavior: "click",
+				children: s.children
+			})]
+		})
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Button/split/style.css

@@ -0,0 +1 @@
+.SplitButton{vertical-align:middle;display:inline-block}.SplitButton>.container{gap:var(--md-comp-split-button-between-space);display:inline-flex}.SplitButton>.container>.ButtonContainer>.leading{--md-comp-button-container-height:var(--md-comp-split-button-container-height);--md-comp-button-leading-space:var(--md-comp-split-button-leading-button-leading-space);--md-comp-button-trailing-space:var(--md-comp-split-button-leading-button-trailing-space)}@supports not (selector(:dir(ltr)) and selector(:dir(rtl))){.SplitButton>.container>.ButtonContainer>.leading{border-top-left-radius:var(--md-comp-split-button-container-shape);border-bottom-left-radius:var(--md-comp-split-button-container-shape);border-top-right-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.leading:hover:not(:active){border-top-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.leading:active{border-top-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}}@supports selector(:dir(ltr)) and selector(:dir(rtl)){.SplitButton>.container>.ButtonContainer>.leading: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(--md-comp-split-button-container-shape);border-bottom-left-radius:var(--md-comp-split-button-container-shape);border-top-right-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.leading: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)):hover:not(:active){border-top-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.leading: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)):active{border-top-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}.SplitButton>.container>.ButtonContainer>.leading: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(--md-comp-split-button-container-shape);border-bottom-right-radius:var(--md-comp-split-button-container-shape);border-top-left-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.leading: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)):hover:not(:active){border-top-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.leading: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)):active{border-top-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}}.SplitButton>.container>.ButtonContainer>.trailing{--md-comp-icon-button-container-height:var(--md-comp-split-button-container-height);--md-comp-icon-button-default-leading-space:var(--md-comp-split-button-trailing-button-leading-space);--md-comp-icon-button-default-trailing-space:var(--md-comp-split-button-trailing-button-trailing-space);--md-comp-icon-button-icon-size:var(--md-comp-split-button-trailing-button-icon-size)}.SplitButton>.container>.ButtonContainer>.trailing:not(.selected){--md-comp-icon-button-default-leading-space:calc(var(--md-comp-split-button-trailing-button-leading-space) - var(--md-comp-split-button-trailing-button-icon-selected-offset));--md-comp-icon-button-default-trailing-space:calc(var(--md-comp-split-button-trailing-button-trailing-space) + var(--md-comp-split-button-trailing-button-icon-selected-offset))}@supports not (selector(:dir(ltr)) and selector(:dir(rtl))){.SplitButton>.container>.ButtonContainer>.trailing{border-top-right-radius:var(--md-comp-split-button-container-shape);border-bottom-right-radius:var(--md-comp-split-button-container-shape);border-top-left-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing:hover:not(:active,.selected){border-top-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing:active:not(.selected){border-top-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}}@supports selector(:dir(ltr)) and selector(:dir(rtl)){.SplitButton>.container>.ButtonContainer>.trailing: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(--md-comp-split-button-container-shape);border-bottom-right-radius:var(--md-comp-split-button-container-shape);border-top-left-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing: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)):hover:not(:active,.selected){border-top-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing: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)):active:not(.selected){border-top-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-left-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing: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(--md-comp-split-button-container-shape);border-bottom-left-radius:var(--md-comp-split-button-container-shape);border-top-right-radius:var(--md-comp-split-button-inner-corner-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing: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)):hover:not(:active,.selected){border-top-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-hovered-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing: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)):active:not(.selected){border-top-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size);border-bottom-right-radius:var(--md-comp-split-button-inner-corner-pressed-corner-size)}}.SplitButton>.container>.ButtonContainer>.trailing>.container>.Transitionable>span>.Icon{transition:transform var(--md-sys-motion-spring-standard-fast-spatial-duration) var(--md-sys-motion-spring-standard-fast-spatial-easing)}@supports not (selector(:dir(ltr)) and selector(:dir(rtl))){.SplitButton>.container>.ButtonContainer>.trailing.selected{border-top-left-radius:var(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size);border-bottom-left-radius:var(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size)}}@supports selector(:dir(ltr)) and selector(:dir(rtl)){.SplitButton>.container>.ButtonContainer>.trailing.selected: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(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size);border-bottom-left-radius:var(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size)}.SplitButton>.container>.ButtonContainer>.trailing.selected: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(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size);border-bottom-right-radius:var(--md-comp-split-button-trailing-button-inner-corner-selected-corner-size)}}.SplitButton>.container>.ButtonContainer>.trailing.selected>.container>.Transitionable>span>.Icon{transform:rotate(.5turn)}.SplitButton.extra-small{--md-comp-split-button-container-height:var(--md-comp-split-button-xsmall-container-height);--md-comp-split-button-container-shape:var(--md-comp-split-button-xsmall-container-shape);--md-comp-split-button-between-space:var(--md-comp-split-button-xsmall-between-space);--md-comp-split-button-inner-corner-corner-size:var(--md-comp-split-button-xsmall-inner-corner-corner-size);--md-comp-split-button-inner-corner-hovered-corner-size:var(--md-comp-split-button-xsmall-inner-corner-hovered-corner-size);--md-comp-split-button-inner-corner-pressed-corner-size:var(--md-comp-split-button-xsmall-inner-corner-pressed-corner-size);--md-comp-split-button-leading-button-leading-space:var(--md-comp-split-button-xsmall-leading-button-leading-space);--md-comp-split-button-leading-button-trailing-space:var(--md-comp-split-button-xsmall-leading-button-trailing-space);--md-comp-split-button-trailing-button-leading-space:var(--md-comp-split-button-xsmall-trailing-button-leading-space);--md-comp-split-button-trailing-button-trailing-space:var(--md-comp-split-button-xsmall-trailing-button-trailing-space);--md-comp-split-button-trailing-button-icon-size:var(--md-comp-split-button-xsmall-trailing-button-icon-size);--md-comp-split-button-trailing-button-inner-corner-selected-corner-size:var(--md-comp-split-button-xsmall-trailing-button-inner-corner-selected-corner-size);--md-comp-split-button-trailing-button-icon-selected-offset:var(--md-comp-split-button-xsmall-trailing-button-icon-selected-offset);--md-comp-button-label-text-font:var(--md-comp-button-xsmall-label-text-font);--md-comp-button-label-text-weight:var(--md-comp-button-xsmall-label-text-weight);--md-comp-button-label-text-size:var(--md-comp-button-xsmall-label-text-size);--md-comp-button-label-text-tracking:var(--md-comp-button-xsmall-label-text-tracking);--md-comp-button-label-text-line-height:var(--md-comp-button-xsmall-label-text-line-height);--md-comp-button-label-text-wght:var(--md-comp-button-xsmall-label-text-wght);--md-comp-button-label-text-grad:var(--md-comp-button-xsmall-label-text-grad);--md-comp-button-label-text-wdth:var(--md-comp-button-xsmall-label-text-wdth);--md-comp-button-label-text-rond:var(--md-comp-button-xsmall-label-text-rond);--md-comp-button-label-text-opsz:var(--md-comp-button-xsmall-label-text-opsz);--md-comp-button-label-text-crsv:var(--md-comp-button-xsmall-label-text-crsv);--md-comp-button-label-text-slnt:var(--md-comp-button-xsmall-label-text-slnt);--md-comp-button-label-text-fill:var(--md-comp-button-xsmall-label-text-fill);--md-comp-button-label-text-hexp:var(--md-comp-button-xsmall-label-text-hexp);--md-comp-button-icon-size:var(--md-comp-button-xsmall-icon-size);--md-comp-button-icon-label-space:var(--md-comp-button-xsmall-icon-label-space)}.SplitButton.small{--md-comp-split-button-container-height:var(--md-comp-split-button-small-container-height);--md-comp-split-button-container-shape:var(--md-comp-split-button-small-container-shape);--md-comp-split-button-between-space:var(--md-comp-split-button-small-between-space);--md-comp-split-button-inner-corner-corner-size:var(--md-comp-split-button-small-inner-corner-corner-size);--md-comp-split-button-inner-corner-hovered-corner-size:var(--md-comp-split-button-small-inner-corner-hovered-corner-size);--md-comp-split-button-inner-corner-pressed-corner-size:var(--md-comp-split-button-small-inner-corner-pressed-corner-size);--md-comp-split-button-leading-button-leading-space:var(--md-comp-split-button-small-leading-button-leading-space);--md-comp-split-button-leading-button-trailing-space:var(--md-comp-split-button-small-leading-button-trailing-space);--md-comp-split-button-trailing-button-leading-space:var(--md-comp-split-button-small-trailing-button-leading-space);--md-comp-split-button-trailing-button-trailing-space:var(--md-comp-split-button-small-trailing-button-trailing-space);--md-comp-split-button-trailing-button-icon-size:var(--md-comp-split-button-small-trailing-button-icon-size);--md-comp-split-button-trailing-button-inner-corner-selected-corner-size:var(--md-comp-split-button-small-trailing-button-inner-corner-selected-corner-size);--md-comp-split-button-trailing-button-icon-selected-offset:var(--md-comp-split-button-small-trailing-button-icon-selected-offset);--md-comp-button-label-text-font:var(--md-comp-button-small-label-text-font);--md-comp-button-label-text-weight:var(--md-comp-button-small-label-text-weight);--md-comp-button-label-text-size:var(--md-comp-button-small-label-text-size);--md-comp-button-label-text-tracking:var(--md-comp-button-small-label-text-tracking);--md-comp-button-label-text-line-height:var(--md-comp-button-small-label-text-line-height);--md-comp-button-label-text-wght:var(--md-comp-button-small-label-text-wght);--md-comp-button-label-text-grad:var(--md-comp-button-small-label-text-grad);--md-comp-button-label-text-wdth:var(--md-comp-button-small-label-text-wdth);--md-comp-button-label-text-rond:var(--md-comp-button-small-label-text-rond);--md-comp-button-label-text-opsz:var(--md-comp-button-small-label-text-opsz);--md-comp-button-label-text-crsv:var(--md-comp-button-small-label-text-crsv);--md-comp-button-label-text-slnt:var(--md-comp-button-small-label-text-slnt);--md-comp-button-label-text-fill:var(--md-comp-button-small-label-text-fill);--md-comp-button-label-text-hexp:var(--md-comp-button-small-label-text-hexp);--md-comp-button-icon-size:var(--md-comp-button-small-icon-size);--md-comp-button-icon-label-space:var(--md-comp-button-small-icon-label-space)}.SplitButton.medium{--md-comp-split-button-container-height:var(--md-comp-split-button-medium-container-height);--md-comp-split-button-container-shape:var(--md-comp-split-button-medium-container-shape);--md-comp-split-button-between-space:var(--md-comp-split-button-medium-between-space);--md-comp-split-button-inner-corner-corner-size:var(--md-comp-split-button-medium-inner-corner-corner-size);--md-comp-split-button-inner-corner-hovered-corner-size:var(--md-comp-split-button-medium-inner-corner-hovered-corner-size);--md-comp-split-button-inner-corner-pressed-corner-size:var(--md-comp-split-button-medium-inner-corner-pressed-corner-size);--md-comp-split-button-leading-button-leading-space:var(--md-comp-split-button-medium-leading-button-leading-space);--md-comp-split-button-leading-button-trailing-space:var(--md-comp-split-button-medium-leading-button-trailing-space);--md-comp-split-button-trailing-button-leading-space:var(--md-comp-split-button-medium-trailing-button-leading-space);--md-comp-split-button-trailing-button-trailing-space:var(--md-comp-split-button-medium-trailing-button-trailing-space);--md-comp-split-button-trailing-button-icon-size:var(--md-comp-split-button-medium-trailing-button-icon-size);--md-comp-split-button-trailing-button-inner-corner-selected-corner-size:var(--md-comp-split-button-medium-trailing-button-inner-corner-selected-corner-size);--md-comp-split-button-trailing-button-icon-selected-offset:var(--md-comp-split-button-medium-trailing-button-icon-selected-offset);--md-comp-button-label-text-font:var(--md-comp-button-medium-label-text-font);--md-comp-button-label-text-weight:var(--md-comp-button-medium-label-text-weight);--md-comp-button-label-text-size:var(--md-comp-button-medium-label-text-size);--md-comp-button-label-text-tracking:var(--md-comp-button-medium-label-text-tracking);--md-comp-button-label-text-line-height:var(--md-comp-button-medium-label-text-line-height);--md-comp-button-label-text-wght:var(--md-comp-button-medium-label-text-wght);--md-comp-button-label-text-grad:var(--md-comp-button-medium-label-text-grad);--md-comp-button-label-text-wdth:var(--md-comp-button-medium-label-text-wdth);--md-comp-button-label-text-rond:var(--md-comp-button-medium-label-text-rond);--md-comp-button-label-text-opsz:var(--md-comp-button-medium-label-text-opsz);--md-comp-button-label-text-crsv:var(--md-comp-button-medium-label-text-crsv);--md-comp-button-label-text-slnt:var(--md-comp-button-medium-label-text-slnt);--md-comp-button-label-text-fill:var(--md-comp-button-medium-label-text-fill);--md-comp-button-label-text-hexp:var(--md-comp-button-medium-label-text-hexp);--md-comp-button-icon-size:var(--md-comp-button-medium-icon-size);--md-comp-button-icon-label-space:var(--md-comp-button-medium-icon-label-space)}.SplitButton.large{--md-comp-split-button-container-height:var(--md-comp-split-button-large-container-height);--md-comp-split-button-container-shape:var(--md-comp-split-button-large-container-shape);--md-comp-split-button-between-space:var(--md-comp-split-button-large-between-space);--md-comp-split-button-inner-corner-corner-size:var(--md-comp-split-button-large-inner-corner-corner-size);--md-comp-split-button-inner-corner-hovered-corner-size:var(--md-comp-split-button-large-inner-corner-hovered-corner-size);--md-comp-split-button-inner-corner-pressed-corner-size:var(--md-comp-split-button-large-inner-corner-pressed-corner-size);--md-comp-split-button-leading-button-leading-space:var(--md-comp-split-button-large-leading-button-leading-space);--md-comp-split-button-leading-button-trailing-space:var(--md-comp-split-button-large-leading-button-trailing-space);--md-comp-split-button-trailing-button-leading-space:var(--md-comp-split-button-large-trailing-button-leading-space);--md-comp-split-button-trailing-button-trailing-space:var(--md-comp-split-button-large-trailing-button-trailing-space);--md-comp-split-button-trailing-button-icon-size:var(--md-comp-split-button-large-trailing-button-icon-size);--md-comp-split-button-trailing-button-inner-corner-selected-corner-size:var(--md-comp-split-button-large-trailing-button-inner-corner-selected-corner-size);--md-comp-split-button-trailing-button-icon-selected-offset:var(--md-comp-split-button-large-trailing-button-icon-selected-offset);--md-comp-button-label-text-font:var(--md-comp-button-large-label-text-font);--md-comp-button-label-text-weight:var(--md-comp-button-large-label-text-weight);--md-comp-button-label-text-size:var(--md-comp-button-large-label-text-size);--md-comp-button-label-text-tracking:var(--md-comp-button-large-label-text-tracking);--md-comp-button-label-text-line-height:var(--md-comp-button-large-label-text-line-height);--md-comp-button-label-text-wght:var(--md-comp-button-large-label-text-wght);--md-comp-button-label-text-grad:var(--md-comp-button-large-label-text-grad);--md-comp-button-label-text-wdth:var(--md-comp-button-large-label-text-wdth);--md-comp-button-label-text-rond:var(--md-comp-button-large-label-text-rond);--md-comp-button-label-text-opsz:var(--md-comp-button-large-label-text-opsz);--md-comp-button-label-text-crsv:var(--md-comp-button-large-label-text-crsv);--md-comp-button-label-text-slnt:var(--md-comp-button-large-label-text-slnt);--md-comp-button-label-text-fill:var(--md-comp-button-large-label-text-fill);--md-comp-button-label-text-hexp:var(--md-comp-button-large-label-text-hexp);--md-comp-button-icon-size:var(--md-comp-button-large-icon-size);--md-comp-button-icon-label-space:var(--md-comp-button-large-icon-label-space)}.SplitButton.extra-large{--md-comp-split-button-container-height:var(--md-comp-split-button-xlarge-container-height);--md-comp-split-button-container-shape:var(--md-comp-split-button-xlarge-container-shape);--md-comp-split-button-between-space:var(--md-comp-split-button-xlarge-between-space);--md-comp-split-button-inner-corner-corner-size:var(--md-comp-split-button-xlarge-inner-corner-corner-size);--md-comp-split-button-inner-corner-hovered-corner-size:var(--md-comp-split-button-xlarge-inner-corner-hovered-corner-size);--md-comp-split-button-inner-corner-pressed-corner-size:var(--md-comp-split-button-xlarge-inner-corner-pressed-corner-size);--md-comp-split-button-leading-button-leading-space:var(--md-comp-split-button-xlarge-leading-button-leading-space);--md-comp-split-button-leading-button-trailing-space:var(--md-comp-split-button-xlarge-leading-button-trailing-space);--md-comp-split-button-trailing-button-leading-space:var(--md-comp-split-button-xlarge-trailing-button-leading-space);--md-comp-split-button-trailing-button-trailing-space:var(--md-comp-split-button-xlarge-trailing-button-trailing-space);--md-comp-split-button-trailing-button-icon-size:var(--md-comp-split-button-xlarge-trailing-button-icon-size);--md-comp-split-button-trailing-button-inner-corner-selected-corner-size:var(--md-comp-split-button-xlarge-trailing-button-inner-corner-selected-corner-size);--md-comp-split-button-trailing-button-icon-selected-offset:var(--md-comp-split-button-xlarge-trailing-button-icon-selected-offset);--md-comp-button-label-text-font:var(--md-comp-button-xlarge-label-text-font);--md-comp-button-label-text-weight:var(--md-comp-button-xlarge-label-text-weight);--md-comp-button-label-text-size:var(--md-comp-button-xlarge-label-text-size);--md-comp-button-label-text-tracking:var(--md-comp-button-xlarge-label-text-tracking);--md-comp-button-label-text-line-height:var(--md-comp-button-xlarge-label-text-line-height);--md-comp-button-label-text-wght:var(--md-comp-button-xlarge-label-text-wght);--md-comp-button-label-text-grad:var(--md-comp-button-xlarge-label-text-grad);--md-comp-button-label-text-wdth:var(--md-comp-button-xlarge-label-text-wdth);--md-comp-button-label-text-rond:var(--md-comp-button-xlarge-label-text-rond);--md-comp-button-label-text-opsz:var(--md-comp-button-xlarge-label-text-opsz);--md-comp-button-label-text-crsv:var(--md-comp-button-xlarge-label-text-crsv);--md-comp-button-label-text-slnt:var(--md-comp-button-xlarge-label-text-slnt);--md-comp-button-label-text-fill:var(--md-comp-button-xlarge-label-text-fill);--md-comp-button-label-text-hexp:var(--md-comp-button-xlarge-label-text-hexp);--md-comp-button-icon-size:var(--md-comp-button-xlarge-icon-size);--md-comp-button-icon-label-space:var(--md-comp-button-xlarge-icon-label-space)}

package/dist/components/Button/types.d.ts

@@ -0,0 +1,19 @@
+import { getComponentSizeName } from '../types';
+export type CommonButtonColor = "filled" | "tonal" | "tertiary" | "outlined" | "success" | "error";
+export type CommonButtonShape = "round" | "square";
+export type CommonButtonWidth = "default";
+export interface CommonButtonProps {
+    color?: CommonButtonColor;
+    size?: Parameters<typeof getComponentSizeName>[0];
+    shape?: CommonButtonShape;
+    disabled?: boolean;
+    emphasized?: boolean;
+    selectable?: false;
+    density?: 0 | -1 | -2 | -3;
+}
+export interface CommonSelectableButtonProps {
+    selectable: true;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    onSelected?: (selected: boolean) => void;
+}

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

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

package/dist/components/Chip/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Icon/Icon.cjs"),n=require("../misc/Polymorphic.cjs"),r=require("../misc/StateLayer/index.cjs"),i=require("../misc/Transitionable/index.cjs");;/* empty css             */let a=require("classnames");a=e.__toESM(a,1);let o=require("react"),s=require("react/jsx-runtime");var c=[`elevated`,`tooltip`,`disabled`,`variant`,`icon`,`label`,`selectable`,`selected`,`defaultSelected`,`onSelected`,`deletable`,`onDelete`];function l(e){let{variant:l,label:u,disabled:d,onClick:f}=e,p=l===`assist`||l===`filter`||l===`suggestion`?e.elevated??!1:!1,m=l===`assist`||l===`input`||l===`suggestion`?e.icon:void 0,h=`selectable`in e?e.selectable??!1:!1,g=l===`filter`||l===`input`&&e.selectable===!0&&`selected`in e?e.selected:void 0,_=l===`filter`||l===`input`&&e.selectable===!0&&`onSelected`in e?e.onSelected:void 0,v=l===`input`?e.deletable??!1:!1,y=l===`input`?e.onDelete:void 0,[b,x]=(0,o.useState)((l===`filter`||l===`input`&&e.selectable===!0&&`selected`in e?e.defaultSelected??g:!1)??!1),S=g??b,C=(0,o.useMemo)(()=>({Chip:!0,[l]:!0,[p?`elevated`:`flat`]:!0,selected:(l===`filter`||l===`input`&&h===!0?S:!1)??!1,disabled:d}),[l,p,h,S,d]),w=(0,o.useMemo)(()=>{let t;return l===`assist`?t=typeof m==`function`?m?.(e.data):m:l===`filter`?t=C.selected?`check`:void 0:(l===`input`&&h||l===`input`||l===`suggestion`)&&(t=typeof m==`function`?m?.(e.data):m),t},[C.selected,e.data,m,h,l]),T=(0,o.useMemo)(()=>t.convertIconDefinition(w),[w]),E=(0,o.useMemo)(()=>l===`input`&&v?(0,s.jsxs)(`div`,{className:`delete-button`,onClick:t=>{t.stopPropagation(),y?.(e.data)},onKeyDown:e=>{switch(e.code.toLowerCase()){case`enter`:case`space`:e.preventDefault(),e.currentTarget.click()}},tabIndex:0,children:[(0,s.jsx)(r.default,{subLayer:!0,disabled:d}),(0,s.jsx)(t.default,{name:`close`})]}):null,[v,d,y,e.data,l]),D=(0,o.useMemo)(()=>{let t;return t=l===`filter`?typeof u==`function`?u?.(C.selected,e.data):u:l===`input`&&h?typeof u==`function`?u?.(e.data):u:l===`input`&&typeof u==`function`?u?.(e.data):u,t},[C.selected,e.data,u,h,l]),O=(0,o.useCallback)(t=>{h&&(g===void 0&&x(!S),_?.(!S,e.data)),f?.(t)},[h,f,g,S,_,e.data]),k=(0,o.useMemo)(()=>{let t={...e};return t.className=(0,a.default)(C,{icon:T||E,leading:T,trailing:E,label:D},e.className),t[`aria-label`]=D,t.role=`button`,t.onClick=O,t},[C,E,T,D,O,e]),A=(0,o.useMemo)(()=>{switch(l){case`assist`:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.default,{value:T,className:`icon leading`}),(0,s.jsx)(i.default,{value:D,className:`label`})]});case`filter`:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.default,{value:T,className:`icon leading`}),(0,s.jsx)(i.default,{value:D,className:`label`})]});case`input`:return(0,s.jsxs)(s.Fragment,{children:[T&&(0,s.jsx)(i.default,{value:T,className:`icon leading`}),(0,s.jsx)(i.default,{value:D,className:`label`}),E&&(0,s.jsx)(i.default,{value:E,className:`icon trailing`})]})}},[l,T,D,E]);return(0,s.jsxs)(n.default,{name:`Chip`,as:e.as,base:`button`,props:k,excludePropsName:c,disabled:e.disabled,children:[(0,s.jsx)(r.default,{disabled:e.disabled}),e.tooltip,(0,s.jsx)(t.IconProvider,{fill:(h?S:!1)??!1,children:A})]})}exports.default=l;

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

@@ -0,0 +1,50 @@
+import { IconDefinition } from '../Icon/Icon';
+import { PolymorphicComponent } from '../misc/Polymorphic';
+import { ElementType } from 'react';
+export interface ChipVariantProps {
+    elevated?: boolean;
+}
+export interface ChipCommonProps<T = any> {
+    tooltip?: string;
+    disabled?: boolean;
+    data?: T;
+}
+export interface ChipAssistProps<T = any> extends ChipCommonProps<T>, ChipVariantProps {
+    variant: "assist";
+    icon?: IconDefinition;
+    label: string;
+}
+export interface ChipFilterProps<T = any> extends ChipCommonProps<T>, ChipVariantProps {
+    variant: "filter";
+    label: string | ((selected: boolean, data: T) => string);
+    selected?: boolean;
+    defaultSelected?: boolean;
+    selectable?: boolean;
+    onSelected?: (selected: boolean, data: T) => void;
+}
+export interface ChipInputProps<T = any> extends ChipCommonProps<T> {
+    variant: "input";
+    selectable?: false;
+    icon?: IconDefinition | ((data: T) => IconDefinition);
+    label: string | ((data: T) => string);
+    deletable?: boolean;
+    onDelete?: (data: T) => void;
+}
+export interface SelectableChipInputProps<T = any> extends ChipCommonProps<T> {
+    variant: "input";
+    selectable: true;
+    icon?: IconDefinition | ((data: T) => IconDefinition);
+    label: string | ((data: T) => string);
+    selected?: boolean;
+    defaultSelected?: boolean;
+    deletable?: boolean;
+    onSelected?: (selected: boolean, data: T) => void;
+    onDelete?: (data: T) => void;
+}
+export interface ChipSuggestionProps<T = any> extends ChipCommonProps<T>, ChipVariantProps {
+    variant: "suggestion";
+    icon?: IconDefinition | ((data: T) => IconDefinition);
+    label: string;
+}
+export type ChipProps<As extends ElementType, T = any> = PolymorphicComponent<"Chip", As, "button", ChipAssistProps<T> | ChipFilterProps<T> | ChipInputProps<T> | SelectableChipInputProps<T> | ChipSuggestionProps<T>>;
+export default function Chip<As extends ElementType = "button", T = any>(props: ChipProps<As, T>): import('react').JSX.Element;

package/dist/components/Chip/index.js

@@ -0,0 +1,156 @@
+import e, { IconProvider as t, convertIconDefinition as n } from "../Icon/Icon.js";
+import r from "../misc/Polymorphic.js";
+import i from "../misc/StateLayer/index.js";
+import a from "../misc/Transitionable/index.js";
+import './style.css';/* empty css           */
+import o from "classnames";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/Chip/index.tsx
+var p = [
+	"elevated",
+	"tooltip",
+	"disabled",
+	"variant",
+	"icon",
+	"label",
+	"selectable",
+	"selected",
+	"defaultSelected",
+	"onSelected",
+	"deletable",
+	"onDelete"
+];
+function m(m) {
+	let { variant: h, label: g, disabled: _, onClick: v } = m, y = h === "assist" || h === "filter" || h === "suggestion" ? m.elevated ?? !1 : !1, b = h === "assist" || h === "input" || h === "suggestion" ? m.icon : void 0, x = "selectable" in m ? m.selectable ?? !1 : !1, S = h === "filter" || h === "input" && m.selectable === !0 && "selected" in m ? m.selected : void 0, C = h === "filter" || h === "input" && m.selectable === !0 && "onSelected" in m ? m.onSelected : void 0, w = h === "input" ? m.deletable ?? !1 : !1, T = h === "input" ? m.onDelete : void 0, [E, D] = l((h === "filter" || h === "input" && m.selectable === !0 && "selected" in m ? m.defaultSelected ?? S : !1) ?? !1), O = S ?? E, k = c(() => ({
+		Chip: !0,
+		[h]: !0,
+		[y ? "elevated" : "flat"]: !0,
+		selected: (h === "filter" || h === "input" && x === !0 ? O : !1) ?? !1,
+		disabled: _
+	}), [
+		h,
+		y,
+		x,
+		O,
+		_
+	]), A = c(() => {
+		let e;
+		return h === "assist" ? e = typeof b == "function" ? b?.(m.data) : b : h === "filter" ? e = k.selected ? "check" : void 0 : (h === "input" && x || h === "input" || h === "suggestion") && (e = typeof b == "function" ? b?.(m.data) : b), e;
+	}, [
+		k.selected,
+		m.data,
+		b,
+		x,
+		h
+	]), j = c(() => n(A), [A]), M = c(() => h === "input" && w ? /* @__PURE__ */ f("div", {
+		className: "delete-button",
+		onClick: (e) => {
+			e.stopPropagation(), T?.(m.data);
+		},
+		onKeyDown: (e) => {
+			switch (e.code.toLowerCase()) {
+				case "enter":
+				case "space": e.preventDefault(), e.currentTarget.click();
+			}
+		},
+		tabIndex: 0,
+		children: [/* @__PURE__ */ d(i, {
+			subLayer: !0,
+			disabled: _
+		}), /* @__PURE__ */ d(e, { name: "close" })]
+	}) : null, [
+		w,
+		_,
+		T,
+		m.data,
+		h
+	]), N = c(() => {
+		let e;
+		return e = h === "filter" ? typeof g == "function" ? g?.(k.selected, m.data) : g : h === "input" && x ? typeof g == "function" ? g?.(m.data) : g : h === "input" && typeof g == "function" ? g?.(m.data) : g, e;
+	}, [
+		k.selected,
+		m.data,
+		g,
+		x,
+		h
+	]), P = s((e) => {
+		x && (S === void 0 && D(!O), C?.(!O, m.data)), v?.(e);
+	}, [
+		x,
+		v,
+		S,
+		O,
+		C,
+		m.data
+	]), F = c(() => {
+		let e = { ...m };
+		return e.className = o(k, {
+			icon: j || M,
+			leading: j,
+			trailing: M,
+			label: N
+		}, m.className), e["aria-label"] = N, e.role = "button", e.onClick = P, e;
+	}, [
+		k,
+		M,
+		j,
+		N,
+		P,
+		m
+	]), I = c(() => {
+		switch (h) {
+			case "assist": return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
+				value: j,
+				className: "icon leading"
+			}), /* @__PURE__ */ d(a, {
+				value: N,
+				className: "label"
+			})] });
+			case "filter": return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
+				value: j,
+				className: "icon leading"
+			}), /* @__PURE__ */ d(a, {
+				value: N,
+				className: "label"
+			})] });
+			case "input": return /* @__PURE__ */ f(u, { children: [
+				j && /* @__PURE__ */ d(a, {
+					value: j,
+					className: "icon leading"
+				}),
+				/* @__PURE__ */ d(a, {
+					value: N,
+					className: "label"
+				}),
+				M && /* @__PURE__ */ d(a, {
+					value: M,
+					className: "icon trailing"
+				})
+			] });
+		}
+	}, [
+		h,
+		j,
+		N,
+		M
+	]);
+	return /* @__PURE__ */ f(r, {
+		name: "Chip",
+		as: m.as,
+		base: "button",
+		props: F,
+		excludePropsName: p,
+		disabled: m.disabled,
+		children: [
+			/* @__PURE__ */ d(i, { disabled: m.disabled }),
+			m.tooltip,
+			/* @__PURE__ */ d(t, {
+				fill: (x ? O : !1) ?? !1,
+				children: I
+			})
+		]
+	});
+}
+//#endregion
+export { m as default };

package/dist/components/Chip/style.css

@@ -0,0 +1 @@
+.Chip{font-family:var(--md-comp-chip-label-text-font);font-weight:var(--md-comp-chip-label-text-weight);font-size:var(--md-comp-chip-label-text-size);letter-spacing:var(--md-comp-chip-label-text-tracking);line-height:var(--md-comp-chip-label-text-line-height);font-variation-settings:"wght" var(--md-comp-chip-label-text-wght), "GRAD" var(--md-comp-chip-label-text-grad), "wdth" var(--md-comp-chip-label-text-wdth), "ROND" var(--md-comp-chip-label-text-rond), "opsz" var(--md-comp-chip-label-text-opsz), "CRSV" var(--md-comp-chip-label-text-crsv), "slnt" var(--md-comp-chip-label-text-slnt), "FILL" var(--md-comp-chip-label-text-fill), "HEXP" var(--md-comp-chip-label-text-hexp);--md-comp-icon-color:var(--md-comp-chip-icon-color);--md-comp-state-hover-state-layer-opacity:var(--md-comp-chip-hovered-state-layer-opacity);--md-comp-state-focused-state-layer-opacity:var(--md-comp-chip-focused-state-layer-opacity);--md-comp-state-pressed-state-layer-opacity:var(--md-comp-chip-pressed-state-layer-opacity);--md-comp-state-hover-state-layer-color:var(--md-comp-chip-hovered-state-layer-color);--md-comp-state-focused-state-layer-color:var(--md-comp-chip-focused-state-layer-color);--md-comp-state-pressed-state-layer-color:var(--md-comp-chip-pressed-state-layer-color);--md-comp-state-focus-indicator-color:var(--md-comp-chip-focus-indicator-color);--md-comp-state-focus-indicator-thickness:var(--md-comp-chip-focus-indicator-thickness);--md-comp-state-focus-indicator-outer-offset:var(--md-comp-chip-focus-indicator-outline-offset);vertical-align:middle;box-sizing:border-box;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);height:var(--md-comp-chip-container-height);min-height:var(--md-comp-chip-container-height);justify-content:center;align-items:center;gap:var(--md-comp-chip-icon-label-space,0px);padding-left:var(--md-comp-chip-leading-space);padding-right:var(--md-comp-chip-trailing-space);background-color:var(--md-comp-chip-container-color);color:var(--md-comp-chip-label-text-color);box-shadow:var(--md-comp-chip-container-elevation);border-radius:var(--md-comp-chip-container-shape);border:none;text-decoration:none;display:inline-flex;position:relative}.Chip,.Chip:focus:not(:focus-visible){outline:solid var(--md-comp-chip-outline-width,0px) rgba(from var(--md-comp-chip-outline-color,transparent) r g b/var(--md-comp-chip-outline-opacity,0));outline-offset:calc(-1 * var(--md-comp-chip-outline-width,0px))}.Chip.disabled{--md-comp-icon-color:var(--md-comp-chip-disabled-icon-color,var(--md-comp-chip-icon-color));--md-comp-icon-opacity:var(--md-comp-chip-disabled-icon-opacity,var(--md-comp-chip-icon-opacity,1));background-color:rgba(from var(--md-comp-chip-disabled-container-color,var(--md-comp-chip-container-color)) r g b/var(--md-comp-chip-disabled-container-opacity,var(--md-comp-chip-container-opacity,1)));color:rgba(from var(--md-comp-chip-disabled-label-text-color,var(--md-comp-chip-label-text-color)) r g b/var(--md-comp-chip-disabled-label-text-opacity,var(--md-comp-chip-label-text-opacity,1)));box-shadow:var(--md-comp-chip-disabled-container-elevation);outline:solid var(--md-comp-chip-disabled-outline-width,var(--md-comp-chip-outline-width,0px)) rgba(from var(--md-comp-chip-disabled-outline-color,var(--md-comp-chip-outline-color)) r g b/var(--md-comp-chip-disabled-outline-opacity,var(--md-comp-chip-outline-opacity,1)));outline-offset:calc(-1 * var(--md-comp-chip-disabled-outline-width,var(--md-comp-chip-outline-width,0px)));cursor:default}.Chip.disabled>.icon.leading{--md-comp-icon-color:var(--md-comp-chip-disabled-leading-icon-color,var(--md-comp-chip-leading-icon-color));--md-comp-icon-opacity:var(--md-comp-chip-disabled-leading-icon-opacity,var(--md-comp-chip-leading-icon-opacity))}.Chip.disabled>.icon.trailing{--md-comp-icon-color:var(--md-comp-chip-disabled-trailing-icon-color,var(--md-comp-chip-trailing-icon-color));--md-comp-icon-opacity:var(--md-comp-chip-disabled-trailing-icon-opacity,var(--md-comp-chip-trailing-icon-opacity))}.Chip:hover:not(.disabled,:focus-visible,:active,.dragged){--md-comp-icon-color:var(--md-comp-chip-hovered-icon-color);background-color:rgba(from var(--md-comp-chip-hovered-container-color,var(--md-comp-chip-container-color)) r g b/var(--md-comp-chip-hovered-container-opacity,var(--md-comp-chip-container-opacity,1)));color:rgba(from var(--md-comp-chip-hovered-label-text-color,var(--md-comp-chip-label-text-color)) r g b/var(--md-comp-chip-hovered-label-text-opacity,var(--md-comp-chip-label-text-opacity,1)));box-shadow:var(--md-comp-chip-hovered-container-elevation,var(--md-comp-chip-container-elevation));outline:solid var(--md-comp-chip-hovered-outline-width,var(--md-comp-chip-outline-width,0px)) rgba(from var(--md-comp-chip-hovered-outline-color,var(--md-comp-chip-outline-color)) r g b/var(--md-comp-chip-hovered-outline-opacity,var(--md-comp-chip-outline-opacity,1)));outline-offset:calc(-1 * var(--md-comp-chip-hovered-outline-width,var(--md-comp-chip-outline-width,0px)))}.Chip:hover:not(.disabled,:focus-visible,:active,.dragged)>.icon.leading{--md-comp-icon-color:var(--md-comp-chip-hovered-leading-icon-color)}.Chip:hover:not(.disabled,:focus-visible,:active,.dragged)>.icon.trailing{--md-comp-icon-color:var(--md-comp-chip-hovered-trailing-icon-color)}.Chip:focus-visible:not(.disabled,:active,.dragged){--md-comp-icon-color:var(--md-comp-chip-focused-icon-color);background-color:rgba(from var(--md-comp-chip-focused-container-color,var(--md-comp-chip-container-color)) r g b/var(--md-comp-chip-focused-container-opacity,var(--md-comp-chip-container-opacity,1)));color:rgba(from var(--md-comp-chip-focused-label-text-color,var(--md-comp-chip-label-text-color)) r g b/var(--md-comp-chip-focused-label-text-opacity,var(--md-comp-chip-label-text-opacity,1)));box-shadow:var(--md-comp-chip-focused-container-elevation,var(--md-comp-chip-container-elevation));outline:solid var(--md-comp-chip-focused-outline-width,var(--md-comp-chip-outline-width,0px)) rgba(from var(--md-comp-chip-focused-outline-color,var(--md-comp-chip-outline-color)) r g b/var(--md-comp-chip-focused-outline-opacity,var(--md-comp-chip-outline-opacity,1)));outline-offset:calc(-1 * var(--md-comp-chip-focused-outline-width,var(--md-comp-chip-outline-width,0px)))}.Chip:focus-visible:not(.disabled,:active,.dragged)>.icon.leading{--md-comp-icon-color:var(--md-comp-chip-focused-leading-icon-color)}.Chip:focus-visible:not(.disabled,:active,.dragged)>.icon.trailing{--md-comp-icon-color:var(--md-comp-chip-focused-trailing-icon-color)}.Chip:active:not(.disabled,.dragged){--md-comp-icon-color:var(--md-comp-chip-pressed-icon-color);background-color:rgba(from var(--md-comp-chip-pressed-container-color,var(--md-comp-chip-container-color)) r g b/var(--md-comp-chip-pressed-container-opacity,var(--md-comp-chip-container-opacity,1)));color:rgba(from var(--md-comp-chip-pressed-label-text-color,var(--md-comp-chip-label-text-color)) r g b/var(--md-comp-chip-pressed-label-text-opacity,var(--md-comp-chip-label-text-opacity,1)));box-shadow:var(--md-comp-chip-pressed-container-elevation,var(--md-comp-chip-container-elevation));outline:solid var(--md-comp-chip-pressed-outline-width,var(--md-comp-chip-outline-width,0px)) rgba(from var(--md-comp-chip-pressed-outline-color,var(--md-comp-chip-outline-color)) r g b/var(--md-comp-chip-pressed-outline-opacity,var(--md-comp-chip-outline-opacity,1)));outline-offset:calc(-1 * var(--md-comp-chip-pressed-outline-width,var(--md-comp-chip-outline-width,0px)))}.Chip:active:not(.disabled,.dragged)>.icon.leading{--md-comp-icon-color:var(--md-comp-chip-pressed-leading-icon-color)}.Chip:active:not(.disabled,.dragged)>.icon.trailing{--md-comp-icon-color:var(--md-comp-chip-pressed-trailing-icon-color)}.Chip.dragged:not(.disabled){--md-comp-icon-color:var(--md-comp-chip-dragged-icon-color);background-color:rgba(from var(--md-comp-chip-dragged-container-color,var(--md-comp-chip-container-color)) r g b/var(--md-comp-chip-dragged-container-opacity,var(--md-comp-chip-container-opacity,1)));color:rgba(from var(--md-comp-chip-dragged-label-text-color,var(--md-comp-chip-label-text-color)) r g b/var(--md-comp-chip-dragged-label-text-opacity,var(--md-comp-chip-label-text-opacity,1)));box-shadow:var(--md-comp-chip-dragged-container-elevation,var(--md-comp-chip-container-elevation));outline:solid var(--md-comp-chip-dragged-outline-width,var(--md-comp-chip-outline-width,0px)) rgba(from var(--md-comp-chip-dragged-outline-color,var(--md-comp-chip-outline-color)) r g b/var(--md-comp-chip-dragged-outline-opacity,var(--md-comp-chip-outline-opacity,1)));outline-offset:calc(-1 * var(--md-comp-chip-dragged-outline-width,var(--md-comp-chip-outline-width,0px)))}.Chip.dragged:not(.disabled)>.icon.leading{--md-comp-icon-color:var(--md-comp-chip-dragged-leading-icon-color)}.Chip.dragged:not(.disabled)>.icon.trailing{--md-comp-icon-color:var(--md-comp-chip-dragged-trailing-icon-color)}.Chip>.icon{--md-comp-icon-size:var(--md-comp-chip-icon-size)}.Chip>.icon.avatar{--md-comp-icon-size:var(--md-comp-chip-avatar-size)}.Chip>.icon.leading{--md-comp-icon-size:var(--md-comp-chip-leading-icon-size,var(--md-comp-chip-icon-size));--md-comp-icon-color:var(--md-comp-chip-leading-icon-color);--md-comp-icon-opacity:var(--md-comp-chip-leading-icon-opacity,1)}.Chip>.icon.trailing{--md-comp-icon-size:var(--md-comp-chip-trailing-icon-size,var(--md-comp-chip-icon-size));--md-comp-icon-color:var(--md-comp-chip-trailing-icon-color);--md-comp-icon-opacity:var(--md-comp-chip-trailing-icon-opacity,1)}.Chip.assist{--md-comp-chip-container-shape:var(--md-comp-assist-chip-container-shape);--md-comp-chip-container-height:var(--md-comp-assist-chip-container-height);--md-comp-chip-label-text-font:var(--md-comp-assist-chip-label-text-font);--md-comp-chip-label-text-weight:var(--md-comp-assist-chip-label-text-weight);--md-comp-chip-label-text-size:var(--md-comp-assist-chip-label-text-size);--md-comp-chip-label-text-tracking:var(--md-comp-assist-chip-label-text-tracking);--md-comp-chip-label-text-line-height:var(--md-comp-assist-chip-label-text-line-height);--md-comp-chip-label-text-wght:var(--md-comp-assist-chip-label-text-wght);--md-comp-chip-label-text-grad:var(--md-comp-assist-chip-label-text-grad);--md-comp-chip-label-text-wdth:var(--md-comp-assist-chip-label-text-wdth);--md-comp-chip-label-text-rond:var(--md-comp-assist-chip-label-text-rond);--md-comp-chip-label-text-opsz:var(--md-comp-assist-chip-label-text-opsz);--md-comp-chip-label-text-crsv:var(--md-comp-assist-chip-label-text-crsv);--md-comp-chip-label-text-slnt:var(--md-comp-assist-chip-label-text-slnt);--md-comp-chip-label-text-fill:var(--md-comp-assist-chip-label-text-fill);--md-comp-chip-label-text-hexp:var(--md-comp-assist-chip-label-text-hexp);--md-comp-chip-label-text-color:var(--md-comp-assist-chip-label-text-color);--md-comp-chip-icon-size:var(--md-comp-assist-chip-with-icon-icon-size);--md-comp-chip-leading-icon-color:var(--md-comp-assist-chip-with-icon-icon-color);--md-comp-chip-focus-indicator-color:var(--md-comp-assist-chip-focus-indicator-color);--md-comp-chip-focus-indicator-thickness:var(--md-comp-assist-chip-focus-indicator-thickness);--md-comp-chip-focus-indicator-outline-offset:var(--md-comp-assist-chip-focus-indicator-outline-offset);--md-comp-chip-disabled-label-text-color:var(--md-comp-assist-chip-disabled-label-text-color);--md-comp-chip-disabled-label-text-opacity:var(--md-comp-assist-chip-disabled-label-text-opacity);--md-comp-chip-disabled-leading-icon-color:var(--md-comp-assist-chip-with-icon-disabled-icon-color);--md-comp-chip-disabled-leading-icon-opacity:var(--md-comp-assist-chip-with-icon-disabled-icon-opacity);--md-comp-chip-hovered-state-layer-opacity:var(--md-comp-assist-chip-hover-state-layer-opacity);--md-comp-chip-hovered-state-layer-color:var(--md-comp-assist-chip-hover-state-layer-color);--md-comp-chip-hovered-label-text-color:var(--md-comp-assist-chip-hover-label-text-color);--md-comp-chip-hovered-leading-icon-color:var(--md-comp-assist-chip-with-icon-hover-icon-color);--md-comp-chip-focused-state-layer-opacity:var(--md-comp-assist-chip-focus-state-layer-opacity);--md-comp-chip-focused-state-layer-color:var(--md-comp-assist-chip-focus-state-layer-color);--md-comp-chip-focused-label-text-color:var(--md-comp-assist-chip-focus-label-text-color);--md-comp-chip-focused-leading-icon-color:var(--md-comp-assist-chip-with-icon-focus-icon-color);--md-comp-chip-pressed-state-layer-opacity:var(--md-comp-assist-chip-pressed-state-layer-opacity);--md-comp-chip-pressed-state-layer-color:var(--md-comp-assist-chip-pressed-state-layer-color);--md-comp-chip-pressed-label-text-color:var(--md-comp-assist-chip-pressed-label-text-color);--md-comp-chip-pressed-leading-icon-color:var(--md-comp-assist-chip-with-icon-pressed-icon-color);--md-comp-chip-dragged-state-layer-opacity:var(--md-comp-assist-chip-dragged-state-layer-opacity);--md-comp-chip-dragged-state-layer-color:var(--md-comp-assist-chip-dragged-state-layer-color);--md-comp-chip-dragged-label-text-color:var(--md-comp-assist-chip-dragged-label-text-color);--md-comp-chip-dragged-leading-icon-color:var(--md-comp-assist-chip-with-icon-dragged-icon-color);--md-comp-chip-dragged-container-elevation:var(--md-comp-assist-chip-dragged-container-elevation)}.Chip.assist.flat{--md-comp-chip-container-elevation:var(--md-comp-assist-chip-flat-container-elevation);--md-comp-chip-outline-color:var(--md-comp-assist-chip-flat-outline-color);--md-comp-chip-outline-opacity:var(--md-comp-assist-chip-flat-outline-opacity,1);--md-comp-chip-outline-width:var(--md-comp-assist-chip-flat-outline-width);--md-comp-chip-disabled-outline-color:var(--md-comp-assist-chip-flat-disabled-outline-color);--md-comp-chip-disabled-outline-opacity:var(--md-comp-assist-chip-flat-disabled-outline-opacity);--md-comp-chip-focused-outline-color:var(--md-comp-assist-chip-flat-focus-outline-color);--md-comp-chip-focused-outline-opacity:var(--md-comp-assist-chip-flat-focus-outline-opacity)}.Chip.assist.elevated{--md-comp-chip-container-elevation:var(--md-comp-assist-chip-elevated-container-elevation);--md-comp-chip-container-color:var(--md-comp-assist-chip-elevated-container-color);--md-comp-chip-disabled-container-elevation:var(--md-comp-assist-chip-elevated-disabled-container-elevation);--md-comp-chip-disabled-container-color:var(--md-comp-assist-chip-elevated-disabled-container-color);--md-comp-chip-disabled-container-opacity:var(--md-comp-assist-chip-elevated-disabled-container-opacity);--md-comp-chip-hovered-container-elevation:var(--md-comp-assist-chip-elevated-hover-container-elevation);--md-comp-chip-focused-container-elevation:var(--md-comp-assist-chip-elevated-focus-container-elevation);--md-comp-chip-pressed-container-elevation:var(--md-comp-assist-chip-elevated-pressed-container-elevation)}.Chip.assist.icon.label{--md-comp-chip-icon-label-space:8px;--md-comp-chip-leading-space:8px;--md-comp-chip-trailing-space:16px}.Chip.assist:not(.icon.label){--md-comp-chip-leading-space:16px;--md-comp-chip-trailing-space:16px}.Chip.filter{--md-comp-chip-container-shape:var(--md-comp-filter-chip-container-shape);--md-comp-chip-container-height:var(--md-comp-filter-chip-container-height);--md-comp-chip-label-text-font:var(--md-comp-filter-chip-label-text-font);--md-comp-chip-label-text-weight:var(--md-comp-filter-chip-label-text-weight);--md-comp-chip-label-text-size:var(--md-comp-filter-chip-label-text-size);--md-comp-chip-label-text-tracking:var(--md-comp-filter-chip-label-text-tracking);--md-comp-chip-label-text-line-height:var(--md-comp-filter-chip-label-text-line-height);--md-comp-chip-label-text-wght:var(--md-comp-filter-chip-label-text-wght);--md-comp-chip-label-text-grad:var(--md-comp-filter-chip-label-text-grad);--md-comp-chip-label-text-wdth:var(--md-comp-filter-chip-label-text-wdth);--md-comp-chip-label-text-rond:var(--md-comp-filter-chip-label-text-rond);--md-comp-chip-label-text-opsz:var(--md-comp-filter-chip-label-text-opsz);--md-comp-chip-label-text-crsv:var(--md-comp-filter-chip-label-text-crsv);--md-comp-chip-label-text-slnt:var(--md-comp-filter-chip-label-text-slnt);--md-comp-chip-label-text-fill:var(--md-comp-filter-chip-label-text-fill);--md-comp-chip-label-text-hexp:var(--md-comp-filter-chip-label-text-hexp);--md-comp-chip-icon-size:var(--md-comp-filter-chip-with-icon-icon-size);--md-comp-chip-focus-indicator-color:var(--md-comp-filter-chip-focus-indicator-color);--md-comp-chip-focus-indicator-thickness:var(--md-comp-filter-chip-focus-indicator-thickness);--md-comp-chip-focus-indicator-outline-offset:var(--md-comp-filter-chip-focus-indicator-outline-offset);--md-comp-chip-disabled-label-text-color:var(--md-comp-filter-chip-disabled-label-text-color);--md-comp-chip-disabled-label-text-opacity:var(--md-comp-filter-chip-disabled-label-text-opacity);--md-comp-chip-disabled-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-color);--md-comp-chip-disabled-leading-icon-opacity:var(--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-opacity);--md-comp-chip-disabled-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-color);--md-comp-chip-disabled-trailing-icon-opacity:var(--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-opacity);--md-comp-chip-dragged-container-elevation:var(--md-comp-filter-chip-dragged-container-elevation)}.Chip.filter.flat{--md-comp-chip-container-elevation:var(--md-comp-filter-chip-flat-container-elevation)}.Chip.filter.elevated{--md-comp-chip-container-elevation:var(--md-comp-filter-chip-elevated-container-elevation);--md-comp-chip-disabled-container-elevation:var(--md-comp-filter-chip-elevated-disabled-container-elevation);--md-comp-chip-disabled-container-color:var(--md-comp-filter-chip-elevated-disabled-container-color);--md-comp-chip-disabled-container-opacity:var(--md-comp-filter-chip-elevated-disabled-container-opacity);--md-comp-chip-hovered-container-elevation:var(--md-comp-filter-chip-elevated-hover-container-elevation);--md-comp-chip-focused-container-elevation:var(--md-comp-filter-chip-elevated-focus-container-elevation);--md-comp-chip-pressed-container-elevation:var(--md-comp-filter-chip-elevated-pressed-container-elevation)}.Chip.filter:not(.selected){--md-comp-chip-label-text-color:var(--md-comp-filter-chip-unselected-label-text-color);--md-comp-chip-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-unselected-leading-icon-color);--md-comp-chip-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-unselected-leading-icon-color);--md-comp-chip-hovered-state-layer-opacity:var(--md-comp-filter-chip-unselected-hover-state-layer-opacity);--md-comp-chip-hovered-state-layer-color:var(--md-comp-filter-chip-unselected-hover-state-layer-color);--md-comp-chip-hovered-label-text-color:var(--md-comp-filter-chip-unselected-hover-label-text-color);--md-comp-chip-hovered-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-unselected-hover-leading-icon-color);--md-comp-chip-hovered-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-unselected-hover-trailing-icon-color);--md-comp-chip-focused-state-layer-opacity:var(--md-comp-filter-chip-unselected-focus-state-layer-opacity);--md-comp-chip-focused-state-layer-color:var(--md-comp-filter-chip-unselected-focus-state-layer-color);--md-comp-chip-focused-label-text-color:var(--md-comp-filter-chip-unselected-focus-label-text-color);--md-comp-chip-focused-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-unselected-focus-leading-icon-color);--md-comp-chip-focused-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-unselected-focus-trailing-icon-color);--md-comp-chip-pressed-state-layer-opacity:var(--md-comp-filter-chip-unselected-pressed-state-layer-opacity);--md-comp-chip-pressed-state-layer-color:var(--md-comp-filter-chip-unselected-pressed-state-layer-color);--md-comp-chip-pressed-label-text-color:var(--md-comp-filter-chip-unselected-pressed-label-text-color);--md-comp-chip-pressed-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-unselected-pressed-leading-icon-color);--md-comp-chip-pressed-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-unselected-pressed-trailing-icon-color);--md-comp-chip-dragged-state-layer-opacity:var(--md-comp-filter-chip-unselected-dragged-state-layer-opacity);--md-comp-chip-dragged-state-layer-color:var(--md-comp-filter-chip-unselected-dragged-state-layer-color);--md-comp-chip-dragged-label-text-color:var(--md-comp-filter-chip-unselected-dragged-label-text-color);--md-comp-chip-dragged-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-unselected-dragged-leading-icon-color);--md-comp-chip-dragged-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-unselected-dragged-trailing-icon-color)}.Chip.filter:not(.selected).flat{--md-comp-chip-outline-color:var(--md-comp-filter-chip-flat-unselected-outline-color);--md-comp-chip-outline-opacity:1;--md-comp-chip-outline-width:var(--md-comp-filter-chip-flat-unselected-outline-width);--md-comp-chip-disabled-outline-color:var(--md-comp-filter-chip-flat-disabled-unselected-outline-color);--md-comp-chip-disabled-outline-opacity:var(--md-comp-filter-chip-flat-disabled-unselected-outline-opacity);--md-comp-chip-hovered-container-elevation:var(--md-comp-filter-chip-flat-unselected-hover-container-elevation);--md-comp-chip-focused-container-elevation:var(--md-comp-filter-chip-flat-unselected-focus-container-elevation);--md-comp-chip-focused-outline-color:var(--md-comp-filter-chip-flat-unselected-focus-outline-color);--md-comp-chip-pressed-container-elevation:var(--md-comp-filter-chip-flat-unselected-pressed-container-elevation)}.Chip.filter:not(.selected).elevated{--md-comp-chip-container-color:var(--md-comp-filter-chip-elevated-unselected-container-color)}.Chip.filter.selected{--md-comp-chip-label-text-color:var(--md-comp-filter-chip-selected-label-text-color);--md-comp-chip-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-selected-leading-icon-color);--md-comp-chip-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-selected-leading-icon-color);--md-comp-chip-hovered-state-layer-opacity:var(--md-comp-filter-chip-selected-hover-state-layer-opacity);--md-comp-chip-hovered-state-layer-color:var(--md-comp-filter-chip-selected-hover-state-layer-color);--md-comp-chip-hovered-label-text-color:var(--md-comp-filter-chip-selected-hover-label-text-color);--md-comp-chip-hovered-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-selected-hover-leading-icon-color);--md-comp-chip-hovered-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-selected-hover-trailing-icon-color);--md-comp-chip-focused-state-layer-opacity:var(--md-comp-filter-chip-selected-focus-state-layer-opacity);--md-comp-chip-focused-state-layer-color:var(--md-comp-filter-chip-selected-focus-state-layer-color);--md-comp-chip-focused-label-text-color:var(--md-comp-filter-chip-selected-focus-label-text-color);--md-comp-chip-focused-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-selected-focus-leading-icon-color);--md-comp-chip-focused-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-selected-focus-trailing-icon-color);--md-comp-chip-pressed-state-layer-opacity:var(--md-comp-filter-chip-selected-pressed-state-layer-opacity);--md-comp-chip-pressed-state-layer-color:var(--md-comp-filter-chip-selected-pressed-state-layer-color);--md-comp-chip-pressed-label-text-color:var(--md-comp-filter-chip-selected-pressed-label-text-color);--md-comp-chip-pressed-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-selected-pressed-leading-icon-color);--md-comp-chip-pressed-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-selected-pressed-trailing-icon-color);--md-comp-chip-dragged-state-layer-opacity:var(--md-comp-filter-chip-selected-dragged-state-layer-opacity);--md-comp-chip-dragged-state-layer-color:var(--md-comp-filter-chip-selected-dragged-state-layer-color);--md-comp-chip-dragged-label-text-color:var(--md-comp-filter-chip-selected-dragged-label-text-color);--md-comp-chip-dragged-leading-icon-color:var(--md-comp-filter-chip-with-leading-icon-selected-dragged-leading-icon-color);--md-comp-chip-dragged-trailing-icon-color:var(--md-comp-filter-chip-with-trailing-icon-selected-dragged-trailing-icon-color)}.Chip.filter.selected.flat{--md-comp-chip-container-color:var(--md-comp-filter-chip-flat-selected-container-color);--md-comp-chip-outline-width:var(--md-comp-filter-chip-flat-selected-outline-width);--md-comp-chip-disabled-container-color:var(--md-comp-filter-chip-flat-disabled-selected-container-color);--md-comp-chip-disabled-container-opacity:var(--md-comp-filter-chip-flat-disabled-selected-container-opacity);--md-comp-chip-hovered-container-elevation:var(--md-comp-filter-chip-flat-selected-hover-container-elevation);--md-comp-chip-focused-container-elevation:var(--md-comp-filter-chip-flat-selected-focus-container-elevation);--md-comp-chip-pressed-container-elevation:var(--md-comp-filter-chip-flat-selected-pressed-container-elevation)}.Chip.filter.selected.elevated{--md-comp-chip-container-color:var(--md-comp-filter-chip-elevated-selected-container-color)}.Chip.filter.icon.label{--md-comp-chip-icon-label-space:8px;--md-comp-chip-leading-space:8px;--md-comp-chip-trailing-space:16px}.Chip.filter:not(.icon.label){--md-comp-chip-leading-space:16px;--md-comp-chip-trailing-space:16px}.Chip.input{--md-comp-chip-container-shape:var(--md-comp-input-chip-container-shape);--md-comp-chip-container-height:var(--md-comp-input-chip-container-height);--md-comp-chip-label-text-font:var(--md-comp-input-chip-label-text-font);--md-comp-chip-label-text-weight:var(--md-comp-input-chip-label-text-weight);--md-comp-chip-label-text-size:var(--md-comp-input-chip-label-text-size);--md-comp-chip-label-text-tracking:var(--md-comp-input-chip-label-text-tracking);--md-comp-chip-label-text-line-height:var(--md-comp-input-chip-label-text-line-height);--md-comp-chip-label-text-wght:var(--md-comp-input-chip-label-text-wght);--md-comp-chip-label-text-grad:var(--md-comp-input-chip-label-text-grad);--md-comp-chip-label-text-wdth:var(--md-comp-input-chip-label-text-wdth);--md-comp-chip-label-text-rond:var(--md-comp-input-chip-label-text-rond);--md-comp-chip-label-text-opsz:var(--md-comp-input-chip-label-text-opsz);--md-comp-chip-label-text-crsv:var(--md-comp-input-chip-label-text-crsv);--md-comp-chip-label-text-slnt:var(--md-comp-input-chip-label-text-slnt);--md-comp-chip-label-text-fill:var(--md-comp-input-chip-label-text-fill);--md-comp-chip-label-text-hexp:var(--md-comp-input-chip-label-text-hexp);--md-comp-chip-leading-icon-size:var(--md-comp-input-chip-with-leading-icon-leading-icon-size);--md-comp-chip-trailing-icon-size:var(--md-comp-input-chip-with-trailing-icon-trailing-icon-size);--md-comp-chip-focus-indicator-color:var(--md-comp-input-chip-focus-indicator-color);--md-comp-chip-focus-indicator-thickness:var(--md-comp-input-chip-focus-indicator-thickness);--md-comp-chip-focus-indicator-outline-offset:var(--md-comp-input-chip-focus-indicator-outline-offset);--md-comp-chip-disabled-label-text-color:var(--md-comp-input-chip-disabled-label-text-color);--md-comp-chip-disabled-label-text-opacity:var(--md-comp-input-chip-disabled-label-text-opacity);--md-comp-chip-dragged-container-elevation:var(--md-comp-input-chip-dragged-container-elevation)}.Chip.input:not(.selected){--md-comp-chip-label-text-color:var(--md-comp-input-chip-unselected-label-text-color);--md-comp-chip-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-unselected-leading-icon-color);--md-comp-chip-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-color);--md-comp-chip-outline-width:var(--md-comp-input-chip-unselected-outline-width);--md-comp-chip-outline-color:var(--md-comp-input-chip-unselected-outline-color);--md-comp-chip-outline-opacity:1;--md-comp-chip-disabled-container-color:var(--md-comp-input-chip-disabled-unselected-outline-color);--md-comp-chip-disabled-container-opacity:var(--md-comp-input-chip-disabled-unselected-outline-opacity);--md-comp-chip-hovered-state-layer-opacity:var(--md-comp-input-chip-unselected-hover-state-layer-opacity);--md-comp-chip-hovered-state-layer-color:var(--md-comp-input-chip-unselected-hover-state-layer-color);--md-comp-chip-hovered-label-text-color:var(--md-comp-input-chip-unselected-hover-label-text-color);--md-comp-chip-hovered-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-unselected-hover-leading-icon-color);--md-comp-chip-hovered-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-unselected-hover-trailing-icon-color);--md-comp-chip-focused-state-layer-opacity:var(--md-comp-input-chip-unselected-focus-state-layer-opacity);--md-comp-chip-focused-state-layer-color:var(--md-comp-input-chip-unselected-focus-state-layer-color);--md-comp-chip-focused-label-text-color:var(--md-comp-input-chip-unselected-focus-label-text-color);--md-comp-chip-focused-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-unselected-focus-leading-icon-color);--md-comp-chip-focused-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-unselected-focus-trailing-icon-color);--md-comp-chip-focused-outline-color:var(--md-comp-input-chip-unselected-focus-outline-color);--md-comp-chip-pressed-state-layer-opacity:var(--md-comp-input-chip-unselected-pressed-state-layer-opacity);--md-comp-chip-pressed-state-layer-color:var(--md-comp-input-chip-unselected-pressed-state-layer-color);--md-comp-chip-pressed-label-text-color:var(--md-comp-input-chip-unselected-pressed-label-text-color);--md-comp-chip-pressed-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-unselected-pressed-leading-icon-color);--md-comp-chip-pressed-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-unselected-pressed-trailing-icon-color);--md-comp-chip-dragged-state-layer-opacity:var(--md-comp-input-chip-unselected-dragged-state-layer-opacity);--md-comp-chip-dragged-state-layer-color:var(--md-comp-input-chip-unselected-dragged-state-layer-color);--md-comp-chip-dragged-label-text-color:var(--md-comp-input-chip-unselected-dragged-label-text-color);--md-comp-chip-dragged-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-unselected-dragged-leading-icon-color);--md-comp-chip-dragged-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-unselected-dragged-trailing-icon-color)}.Chip.input:not(.selected).disabled{--md-comp-chip-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-disabled-leading-icon-color);--md-comp-chip-leading-icon-opacity:var(--md-comp-input-chip-with-leading-icon-disabled-leading-icon-opacity);--md-comp-chip-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-color);--md-comp-chip-trailing-icon-opacity:var(--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-opacity)}.Chip.input.selected{--md-comp-chip-label-text-color:var(--md-comp-input-chip-selected-label-text-color);--md-comp-chip-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-selected-leading-icon-color);--md-comp-chip-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-selected-trailing-icon-color);--md-comp-chip-container-color:var(--md-comp-input-chip-selected-container-color);--md-comp-chip-outline-width:var(--md-comp-input-chip-selected-outline-width);--md-comp-chip-outline-opacity:1;--md-comp-chip-disabled-container-color:var(--md-comp-input-chip-disabled-selected-outline-color);--md-comp-chip-disabled-container-opacity:var(--md-comp-input-chip-disabled-selected-outline-opacity);--md-comp-chip-hovered-state-layer-opacity:var(--md-comp-input-chip-selected-hover-state-layer-opacity);--md-comp-chip-hovered-state-layer-color:var(--md-comp-input-chip-selected-hover-state-layer-color);--md-comp-chip-hovered-label-text-color:var(--md-comp-input-chip-selected-hover-label-text-color);--md-comp-chip-hovered-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-selected-hover-leading-icon-color);--md-comp-chip-hovered-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-selected-hover-trailing-icon-color);--md-comp-chip-focused-state-layer-opacity:var(--md-comp-input-chip-selected-focus-state-layer-opacity);--md-comp-chip-focused-state-layer-color:var(--md-comp-input-chip-selected-focus-state-layer-color);--md-comp-chip-focused-label-text-color:var(--md-comp-input-chip-selected-focus-label-text-color);--md-comp-chip-focused-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-selected-focus-leading-icon-color);--md-comp-chip-focused-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-selected-focus-trailing-icon-color);--md-comp-chip-pressed-state-layer-opacity:var(--md-comp-input-chip-selected-pressed-state-layer-opacity);--md-comp-chip-pressed-state-layer-color:var(--md-comp-input-chip-selected-pressed-state-layer-color);--md-comp-chip-pressed-label-text-color:var(--md-comp-input-chip-selected-pressed-label-text-color);--md-comp-chip-pressed-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-selected-pressed-leading-icon-color);--md-comp-chip-pressed-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-selected-pressed-trailing-icon-color);--md-comp-chip-dragged-state-layer-opacity:var(--md-comp-input-chip-selected-dragged-state-layer-opacity);--md-comp-chip-dragged-state-layer-color:var(--md-comp-input-chip-selected-dragged-state-layer-color);--md-comp-chip-dragged-label-text-color:var(--md-comp-input-chip-selected-dragged-label-text-color);--md-comp-chip-dragged-leading-icon-color:var(--md-comp-input-chip-with-leading-icon-selected-dragged-leading-icon-color);--md-comp-chip-dragged-trailing-icon-color:var(--md-comp-input-chip-with-trailing-icon-selected-dragged-trailing-icon-color)}.Chip.input.icon.label{--md-comp-chip-icon-label-space:8px}.Chip.input.icon.label:not(.leading){--md-comp-chip-leading-space:12px}.Chip.input.icon.label.leading{--md-comp-chip-leading-space:8px}.Chip.input.icon.label:not(.trailing),.Chip.input.icon.label.trailing{--md-comp-chip-trailing-space:8px}.Chip.input:not(.icon.label){--md-comp-chip-leading-space:12px;--md-comp-chip-trailing-space:12px}.Chip.input>.icon.trailing .StateLayer{min-width:24px;min-height:24px}.Chip.input>.icon.trailing .StateLayer>.target{min-width:100%;min-height:100%}.Chip.input>.icon.trailing .delete-button{--md-comp-state-focus-indicator-outer-offset:-2px;width:var(--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-size);height:var(--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-size);background-color:#0000;border:none;border-radius:100%;outline:none;justify-content:center;align-items:center;padding:0;display:flex}

package/dist/components/ContextMenu/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");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:`ContextMenu`,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/ContextMenu/index.d.ts

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

package/dist/components/ContextMenu/index.js

@@ -0,0 +1,19 @@
+import { OrderedCollectionChild as e, useOrderedCollection as t } from "../misc/OrderedCollection/index.js";
+import n from "./render.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/ContextMenu/index.tsx
+function a(a) {
+	let o = r(4);
+	if (t()) {
+		let t;
+		return o[0] === a ? t = o[1] : (t = /* @__PURE__ */ i(e, {
+			name: "ContextMenu",
+			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/ContextMenu/render.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/index.cjs"),n=require("../Menu/Menu.render.cjs"),r=require("../../hooks/useFloating/utils.cjs"),i=require("../../hooks/useFloating/index.cjs"),a=require("../../hooks/useFloating/middleware/flip.cjs");let o=require("react/compiler-runtime"),s=require("classnames");s=e.__toESM(s,1);let c=require("react"),l=require("react/jsx-runtime"),u=require("react-dom-event-hooks");function d(e){let d=(0,o.c)(24),f;d[0]===Symbol.for(`react.memo_cache_sentinel`)?(f={placement:`bottom-right`,middlewares:[a.flip({allowedPlacements:[`top-left`,`top-right`,`bottom-left`,`bottom-right`]})]},d[0]=f):f=d[0];let{saveReference:p,saveFloating:m,setAutoUpdateEnabled:h,placement:g}=i.useFloating(f),_;d[1]===g?_=d[2]:(_=g.split(`-`),d[1]=g,d[2]=_);let v=_[0],[y,b]=(0,c.useState)(!1),x;d[3]!==p||d[4]!==h?(x=e=>{e.preventDefault(),e.stopPropagation(),e.currentTarget instanceof HTMLElement&&p(r.createCursorVirtualElement(e,e.currentTarget)),b(!0),h(!0)},d[3]=p,d[4]=h,d[5]=x):x=d[5];let S=x,C;d[6]===h?C=d[7]:(C=()=>{b(!1),h(!1)},d[6]=h,d[7]=C);let w=C,T;d[8]!==w||d[9]!==S?(T=e=>{let n=t.getScrollParents(e);return e.parentElement?.addEventListener(`contextmenu`,S),n.forEach(e=>e.addEventListener(`scroll`,w,!0)),()=>{n.forEach(e=>e.removeEventListener(`scroll`,w,!0)),e.parentElement?.removeEventListener(`contextmenu`,S)}},d[8]=w,d[9]=S,d[10]=T):T=d[10];let{ref:E,saveRef:D}=(0,u.useElementRef)(T),{saveRef:O}=(0,u.useConcatElementRef)(D,m),k;d[11]===w?k=d[12]:(k=e=>{e.code.toLowerCase().includes(`escape`)&&w()},d[11]=w,d[12]=k),(0,u.useDocumentEventListener)(`keydown`,k),(0,u.useDocumentEventListener)(`scroll`,w),(0,u.useDocumentEventListener)(`blur`,w);let A;d[13]!==w||d[14]!==E?(A=e=>{e.target instanceof Node&&!E.current?.contains(e.target)&&w()},d[13]=w,d[14]=E,d[15]=A):A=d[15],(0,u.useDocumentEventListener)(`pointerdown`,A);let j;d[16]!==e.className||d[17]!==v||d[18]!==y?(j=(0,s.default)(`context-menu`,v,{visible:y},e.className),d[16]=e.className,d[17]=v,d[18]=y,d[19]=j):j=d[19];let M;return d[20]!==e||d[21]!==O||d[22]!==j?(M=(0,l.jsx)(n.default,{...e,ref:O,className:j,children:e.children}),d[20]=e,d[21]=O,d[22]=j,d[23]=M):M=d[23],M}exports.default=d;

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

@@ -0,0 +1,4 @@
+import { MenuProps } from '../Menu/Menu.render';
+import { PropsWithChildren } from 'react';
+export type ContextMenuProps = PropsWithChildren<MenuProps>;
+export default function ContextMenuRender(props: ContextMenuProps): import('react').JSX.Element;

package/dist/components/ContextMenu/render.js

@@ -0,0 +1,59 @@
+import { getScrollParents as e } from "../../utils/index.js";
+import t from "../Menu/Menu.render.js";
+import { createCursorVirtualElement as n } from "../../hooks/useFloating/utils.js";
+import { useFloating as r } from "../../hooks/useFloating/index.js";
+import { flip as i } from "../../hooks/useFloating/middleware/flip.js";
+import { c as a } from "react/compiler-runtime";
+import o from "classnames";
+import { useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useConcatElementRef as l, useDocumentEventListener as u, useElementRef as d } from "react-dom-event-hooks";
+//#region lib/components/ContextMenu/render.tsx
+function f(f) {
+	let p = a(24), m;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+		placement: "bottom-right",
+		middlewares: [i({ allowedPlacements: [
+			"top-left",
+			"top-right",
+			"bottom-left",
+			"bottom-right"
+		] })]
+	}, p[0] = m) : m = p[0];
+	let { saveReference: h, saveFloating: g, setAutoUpdateEnabled: _, placement: v } = r(m), y;
+	p[1] === v ? y = p[2] : (y = v.split("-"), p[1] = v, p[2] = y);
+	let b = y[0], [x, S] = s(!1), C;
+	p[3] !== h || p[4] !== _ ? (C = (e) => {
+		e.preventDefault(), e.stopPropagation(), e.currentTarget instanceof HTMLElement && h(n(e, e.currentTarget)), S(!0), _(!0);
+	}, p[3] = h, p[4] = _, p[5] = C) : C = p[5];
+	let w = C, T;
+	p[6] === _ ? T = p[7] : (T = () => {
+		S(!1), _(!1);
+	}, p[6] = _, p[7] = T);
+	let E = T, D;
+	p[8] !== E || p[9] !== w ? (D = (t) => {
+		let n = e(t);
+		return t.parentElement?.addEventListener("contextmenu", w), n.forEach((e) => e.addEventListener("scroll", E, !0)), () => {
+			n.forEach((e) => e.removeEventListener("scroll", E, !0)), t.parentElement?.removeEventListener("contextmenu", w);
+		};
+	}, p[8] = E, p[9] = w, p[10] = D) : D = p[10];
+	let { ref: O, saveRef: k } = d(D), { saveRef: A } = l(k, g), j;
+	p[11] === E ? j = p[12] : (j = (e) => {
+		e.code.toLowerCase().includes("escape") && E();
+	}, p[11] = E, p[12] = j), u("keydown", j), u("scroll", E), u("blur", E);
+	let M;
+	p[13] !== E || p[14] !== O ? (M = (e) => {
+		e.target instanceof Node && !O.current?.contains(e.target) && E();
+	}, p[13] = E, p[14] = O, p[15] = M) : M = p[15], u("pointerdown", M);
+	let N;
+	p[16] !== f.className || p[17] !== b || p[18] !== x ? (N = o("context-menu", b, { visible: x }, f.className), p[16] = f.className, p[17] = b, p[18] = x, p[19] = N) : N = p[19];
+	let P;
+	return p[20] !== f || p[21] !== A || p[22] !== N ? (P = /* @__PURE__ */ c(t, {
+		...f,
+		ref: A,
+		className: N,
+		children: f.children
+	}), p[20] = f, p[21] = A, p[22] = N, p[23] = P) : P = p[23], P;
+}
+//#endregion
+export { f as default };

package/dist/components/Dialog/Dialog.cjs

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

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

@@ -0,0 +1,23 @@
+import { IconDefinition } from '../Icon/Icon';
+import { getComponentSizeName } from '../types';
+import { default as React } from 'react';
+export interface BaseDialogProps extends React.HTMLAttributes<HTMLDialogElement> {
+    name?: string;
+    open?: boolean;
+    headline?: string;
+    onClose?: () => void;
+}
+export interface BasicDialogProps extends BaseDialogProps {
+    fullscreen?: false;
+    size?: Parameters<typeof getComponentSizeName>[0] | false;
+    icon?: IconDefinition;
+    supportingText: string;
+    maxWidth?: boolean;
+}
+export interface FullscreenDialogProps extends BaseDialogProps {
+    fullscreen: true;
+    buttonLabel: string;
+    onButtonClick?: () => void;
+}
+export type DialogProps = BasicDialogProps | FullscreenDialogProps;
+export default function Dialog(props: DialogProps): React.ReactPortal | null;