@mattilsynet/design 3.3.10 → 3.4.1

package/mtds/toast/toast-helper.js

@@ -1,28 +1,48 @@
-import m from "clsx";
-import l from "../styles.module.css.js";
-import { tag as f, attr as s, on as y } from "../utils.js";
-function r(n, o = {}) {
-  const e = document.getElementById(o.id || "") || f("dialog");
-  return s(e, "aria-busy", o.busy ? "true" : null), s(e, "class", m(l.toast, o.className)), s(e, "closedby", o.closedby || null), s(e, "data-color", o.color || null), s(e, "data-icon", `${o.icon ?? ""}` || null), s(e, "data-timeout", `${o.timeout ?? ""}` || null), s(e, "id", o.id || `${Date.now()}`), s(e, "open", o.open === !1 ? null : ""), e.innerHTML = n, y(e, "animationend", g, { once: !0 }), document.body.appendChild(e), e.id;
+import e from "../styles.module.js";
+import { attr as t, on as n, tag as r } from "../utils.js";
+import i from "clsx";
+//#region designsystem/toast/toast-helper.ts
+function a(a, s = {}) {
+	let c = document.getElementById(s.id || "") || r("dialog");
+	return t(c, "aria-busy", s.busy ? "true" : null), t(c, "class", i(e.toast, s.className)), t(c, "closedby", s.closedby || null), t(c, "data-color", s.color || null), t(c, "data-icon", `${s.icon ?? ""}` || null), t(c, "data-timeout", `${s.timeout ?? ""}` || null), t(c, "id", s.id || `${Date.now()}`), t(c, "open", s.open === !1 ? null : ""), c.innerHTML = a, n(c, "animationend", o, { once: !0 }), document.body.appendChild(c), c.id;
 }
-function g({ animationName: n, target: o }) {
-  n === l._toastClose && o.remove();
+function o({ animationName: t, target: n }) {
+	t === e._toastClose && n.remove();
 }
-r.success = (n, o) => r(n, { color: "success", ...o });
-r.danger = (n, o) => r(n, { color: "danger", ...o });
-r.info = (n, o) => r(n, { color: "info", ...o });
-r.warning = (n, o) => r(n, { color: "warning", ...o });
-r.neutral = (n, o) => r(n, { color: "neutral", ...o });
-r.promise = async function(o, e) {
-  const { loading: c, success: i, error: u, ...d } = e, a = r(c, { busy: !0, ...d });
-  try {
-    const t = await o();
-    return r.success(i, { id: a, busy: !1 }), t;
-  } catch (t) {
-    throw r.danger(u, { id: a, busy: !1 }), t;
-  }
+a.success = (e, t) => a(e, {
+	color: "success",
+	...t
+}), a.danger = (e, t) => a(e, {
+	color: "danger",
+	...t
+}), a.info = (e, t) => a(e, {
+	color: "info",
+	...t
+}), a.warning = (e, t) => a(e, {
+	color: "warning",
+	...t
+}), a.neutral = (e, t) => a(e, {
+	color: "neutral",
+	...t
+}), a.promise = async function(e, t) {
+	let { loading: n, success: r, error: i, ...o } = t, s = a(n, {
+		busy: !0,
+		...o
+	});
+	try {
+		let t = await e();
+		return a.success(r, {
+			id: s,
+			busy: !1
+		}), t;
+	} catch (e) {
+		throw a.danger(i, {
+			id: s,
+			busy: !1
+		}), e;
+	}
 };
-export {
-  r as toast
-};
-//# sourceMappingURL=toast-helper.js.map
+//#endregion
+export { a as toast };
+
+//# sourceMappingURL=toast-helper.js.map

package/mtds/toast/toast-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-helper.js","sources":["../../designsystem/toast/toast-helper.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../styles.module.css\";\nimport { attr, on, tag } from \"../utils\";\n\nexport type ToastOptions = {\n\tclassName?: string;\n\tclosedby?: \"none\";\n\tcolor?: \"main\" | \"neutral\" | \"success\" | \"danger\" | \"info\" | \"warning\";\n\ticon?: boolean | \"none\";\n\ttimeout?: number | false;\n\tbusy?: boolean;\n\topen?: boolean;\n\tid?: string;\n};\n\nexport function toast(content: string, opt: ToastOptions = {}) {\n\tconst dialog = document.getElementById(opt.id || \"\") || tag(\"dialog\");\n\n\tattr(dialog, \"aria-busy\", opt.busy ? \"true\" : null);\n\tattr(dialog, \"class\", clsx(styles.toast, opt.className));\n\tattr(dialog, \"closedby\", opt.closedby || null);\n\tattr(dialog, \"data-color\", opt.color || null);\n\tattr(dialog, \"data-icon\", `${opt.icon ?? \"\"}` || null);\n\tattr(dialog, \"data-timeout\", `${opt.timeout ?? \"\"}` || null);\n\tattr(dialog, \"id\", opt.id || `${Date.now()}`);\n\tattr(dialog, \"open\", opt.open === false ? null : \"\");\n\n\tdialog.innerHTML = content;\n\ton(dialog, \"animationend\", handleToastClose, { once: true });\n\tdocument.body.appendChild(dialog);\n\treturn dialog.id;\n}\n\nfunction handleToastClose({ animationName, target }: Partial<AnimationEvent>) {\n\tif (animationName === styles._toastClose)\n\t\t(target as HTMLDialogElement).remove();\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: string, opt: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: string;\n\t\tsuccess: string;\n\t\terror: string;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"names":["toast","content","opt","dialog","tag","attr","clsx","styles","on","handleToastClose","animationName","target","action","props","loading","success","error","id","result","_error"],"mappings":";;;AAeO,SAASA,EAAMC,GAAiBC,IAAoB,IAAI;AAC9D,QAAMC,IAAS,SAAS,eAAeD,EAAI,MAAM,EAAE,KAAKE,EAAI,QAAQ;AAEpE,SAAAC,EAAKF,GAAQ,aAAaD,EAAI,OAAO,SAAS,IAAI,GAClDG,EAAKF,GAAQ,SAASG,EAAKC,EAAO,OAAOL,EAAI,SAAS,CAAC,GACvDG,EAAKF,GAAQ,YAAYD,EAAI,YAAY,IAAI,GAC7CG,EAAKF,GAAQ,cAAcD,EAAI,SAAS,IAAI,GAC5CG,EAAKF,GAAQ,aAAa,GAAGD,EAAI,QAAQ,EAAE,MAAM,IAAI,GACrDG,EAAKF,GAAQ,gBAAgB,GAAGD,EAAI,WAAW,EAAE,MAAM,IAAI,GAC3DG,EAAKF,GAAQ,MAAMD,EAAI,MAAM,GAAG,KAAK,IAAA,CAAK,EAAE,GAC5CG,EAAKF,GAAQ,QAAQD,EAAI,SAAS,KAAQ,OAAO,EAAE,GAEnDC,EAAO,YAAYF,GACnBO,EAAGL,GAAQ,gBAAgBM,GAAkB,EAAE,MAAM,IAAM,GAC3D,SAAS,KAAK,YAAYN,CAAM,GACzBA,EAAO;AACf;AAEA,SAASM,EAAiB,EAAE,eAAAC,GAAe,QAAAC,KAAmC;AAC7E,EAAID,MAAkBH,EAAO,eAC3BI,EAA6B,OAAA;AAChC;AAGAX,EAAM,UAAU,CAACC,GAAiBC,MACjCF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,SAAS,CAACC,GAAiBC,MAChCF,EAAMC,GAAS,EAAE,OAAO,UAAU,GAAGC,GAAK;AAC3CF,EAAM,OAAO,CAACC,GAAiBC,MAC9BF,EAAMC,GAAS,EAAE,OAAO,QAAQ,GAAGC,GAAK;AACzCF,EAAM,UAAU,CAACC,GAAiBC,MACjCF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,CAACC,GAAiBC,MACjCF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,eACfY,GACAC,GAKa;AACb,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,GAAGd,MAAQW,GACtCI,IAAKjB,EAAMc,GAAS,EAAE,MAAM,IAAM,GAAGZ,GAAK;AAChD,MAAI;AACH,UAAMgB,IAAS,MAAMN,EAAA;AACrB,WAAAZ,EAAM,QAAQe,GAAS,EAAE,IAAAE,GAAI,MAAM,IAAO,GACnCC;AAAA,EACR,SAASC,GAAQ;AAChB,UAAAnB,EAAM,OAAOgB,GAAO,EAAE,IAAAC,GAAI,MAAM,IAAO,GACjCE;AAAA,EACP;AACD;"}
+{"version":3,"file":"toast-helper.js","names":[],"sources":["../../designsystem/toast/toast-helper.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../styles.module.css\";\nimport { attr, on, tag } from \"../utils\";\n\nexport type ToastOptions = {\n\tclassName?: string;\n\tclosedby?: \"none\";\n\tcolor?: \"main\" | \"neutral\" | \"success\" | \"danger\" | \"info\" | \"warning\";\n\ticon?: boolean | \"none\";\n\ttimeout?: number | false;\n\tbusy?: boolean;\n\topen?: boolean;\n\tid?: string;\n};\n\nexport function toast(content: string, opt: ToastOptions = {}) {\n\tconst dialog = document.getElementById(opt.id || \"\") || tag(\"dialog\");\n\n\tattr(dialog, \"aria-busy\", opt.busy ? \"true\" : null);\n\tattr(dialog, \"class\", clsx(styles.toast, opt.className));\n\tattr(dialog, \"closedby\", opt.closedby || null);\n\tattr(dialog, \"data-color\", opt.color || null);\n\tattr(dialog, \"data-icon\", `${opt.icon ?? \"\"}` || null);\n\tattr(dialog, \"data-timeout\", `${opt.timeout ?? \"\"}` || null);\n\tattr(dialog, \"id\", opt.id || `${Date.now()}`);\n\tattr(dialog, \"open\", opt.open === false ? null : \"\");\n\n\tdialog.innerHTML = content;\n\ton(dialog, \"animationend\", handleToastClose, { once: true });\n\tdocument.body.appendChild(dialog);\n\treturn dialog.id;\n}\n\nfunction handleToastClose({ animationName, target }: Partial<AnimationEvent>) {\n\tif (animationName === styles._toastClose)\n\t\t(target as HTMLDialogElement).remove();\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: string, opt: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: string, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: string;\n\t\tsuccess: string;\n\t\terror: string;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"mappings":";;;;AAeA,SAAgB,EAAM,GAAiB,IAAoB,CAAC,GAAG;CAC9D,IAAM,IAAS,SAAS,eAAe,EAAI,MAAM,EAAE,KAAK,EAAI,QAAQ;CAcpE,OAZA,EAAK,GAAQ,aAAa,EAAI,OAAO,SAAS,IAAI,GAClD,EAAK,GAAQ,SAAS,EAAK,EAAO,OAAO,EAAI,SAAS,CAAC,GACvD,EAAK,GAAQ,YAAY,EAAI,YAAY,IAAI,GAC7C,EAAK,GAAQ,cAAc,EAAI,SAAS,IAAI,GAC5C,EAAK,GAAQ,aAAa,GAAG,EAAI,QAAQ,QAAQ,IAAI,GACrD,EAAK,GAAQ,gBAAgB,GAAG,EAAI,WAAW,QAAQ,IAAI,GAC3D,EAAK,GAAQ,MAAM,EAAI,MAAM,GAAG,KAAK,IAAI,GAAG,GAC5C,EAAK,GAAQ,QAAQ,EAAI,SAAS,KAAQ,OAAO,EAAE,GAEnD,EAAO,YAAY,GACnB,EAAG,GAAQ,gBAAgB,GAAkB,EAAE,MAAM,GAAK,CAAC,GAC3D,SAAS,KAAK,YAAY,CAAM,GACzB,EAAO;AACf;AAEA,SAAS,EAAiB,EAAE,kBAAe,aAAmC;CAC7E,AAAI,MAAkB,EAAO,eAC5B,EAA8B,OAAO;AACvC;AAGA,EAAM,WAAW,GAAiB,MACjC,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,UAAU,GAAiB,MAChC,EAAM,GAAS;CAAE,OAAO;CAAU,GAAG;AAAI,CAAC,GAC3C,EAAM,QAAQ,GAAiB,MAC9B,EAAM,GAAS;CAAE,OAAO;CAAQ,GAAG;AAAI,CAAC,GACzC,EAAM,WAAW,GAAiB,MACjC,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,WAAW,GAAiB,MACjC,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,UAAU,eACf,GACA,GAKa;CACb,IAAM,EAAE,YAAS,YAAS,UAAO,GAAG,MAAQ,GACtC,IAAK,EAAM,GAAS;EAAE,MAAM;EAAM,GAAG;CAAI,CAAC;CAChD,IAAI;EACH,IAAM,IAAS,MAAM,EAAO;EAE5B,OADA,EAAM,QAAQ,GAAS;GAAE;GAAI,MAAM;EAAM,CAAC,GACnC;CACR,SAAS,GAAQ;EAEhB,MADA,EAAM,OAAO,GAAO;GAAE;GAAI,MAAM;EAAM,CAAC,GACjC;CACP;AACD"}

package/mtds/toast/toast-observer.js

@@ -1,20 +1,20 @@
-import a from "../styles.module.css.js";
-import { onHotReload as b, on as u, attr as s } from "../utils.js";
-const m = a.toast.split(" ")[0], l = "data-sort";
-function h({ animationName: t, target: i }) {
-  const o = i;
-  if (t === a._toastTimeout && o.close(), t !== a._toastOpen) return;
-  const c = Number(s(o, "data-timeout"));
-  o.style.setProperty("--mtdsc-toast-timeout", c ? `${c}ms` : null), o.hasAttribute(l) || s(o, l, `${Date.now()}`), s(o, "tabindex", "0"), [...document.querySelectorAll(`.${m}[open]`)].sort((n, e) => Number(s(e, l)) - Number(s(n, l))).reduce((n, e) => (e.style.translate = `0 ${e === i ? 0 : n}px`, n + e.offsetHeight + 5), 0);
+import e from "../styles.module.js";
+import { attr as t, on as n, onHotReload as r } from "../utils.js";
+//#region designsystem/toast/toast-observer.ts
+var i = e.toast.split(" ")[0], a = "data-sort";
+function o({ animationName: n, target: r }) {
+	let o = r;
+	if (n === e._toastTimeout && o.close(), n !== e._toastOpen) return;
+	let s = Number(t(o, "data-timeout"));
+	o.style.setProperty("--mtdsc-toast-timeout", s ? `${s}ms` : null), o.hasAttribute(a) || t(o, a, `${Date.now()}`), t(o, "tabindex", "0"), [...document.querySelectorAll(`.${i}[open]`)].sort((e, n) => Number(t(n, a)) - Number(t(e, a))).reduce((e, t) => (t.style.translate = `0 ${t === r ? 0 : e}px`, e + t.offsetHeight + 5), 0);
 }
-function T({ target: t, clientX: i, clientY: o }) {
-  if (t instanceof HTMLDialogElement && t.classList.contains(m) && s(t, "data-closedby") !== "none") {
-    const c = t.getBoundingClientRect(), n = window.getComputedStyle(t), e = window.getComputedStyle(t, "::after"), r = c.top + Number.parseInt(n.paddingTop, 10), p = r + Number.parseInt(e.height, 10), d = c.right - Number.parseInt(n.paddingRight, 10), f = d - Number.parseInt(e.width, 10);
-    r <= o && o <= p && f <= i && i <= d && t.close();
-  }
+function s({ target: e, clientX: n, clientY: r }) {
+	if (e instanceof HTMLDialogElement && e.classList.contains(i) && t(e, "data-closedby") !== "none") {
+		let t = e.getBoundingClientRect(), i = window.getComputedStyle(e), a = window.getComputedStyle(e, "::after"), o = t.top + Number.parseInt(i.paddingTop, 10), s = o + Number.parseInt(a.height, 10), c = t.right - Number.parseInt(i.paddingRight, 10), l = c - Number.parseInt(a.width, 10);
+		o <= r && r <= s && l <= n && n <= c && e.close();
+	}
 }
-b("toast", () => [
-  u(document, "animationstart", h),
-  u(document, "click", T)
-]);
-//# sourceMappingURL=toast-observer.js.map
+r("toast", () => [n(document, "animationstart", o), n(document, "click", s)]);
+//#endregion
+
+//# sourceMappingURL=toast-observer.js.map

package/mtds/toast/toast-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-observer.js","sources":["../../designsystem/toast/toast-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_TOAST = styles.toast.split(\" \")[0];\nconst ATTR_SORT = \"data-sort\";\n\nfunction handleToastState({ animationName, target }: Partial<AnimationEvent>) {\n\tconst dialog = target as HTMLDialogElement;\n\tif (animationName === styles._toastTimeout) dialog.close();\n\tif (animationName !== styles._toastOpen) return;\n\n\tconst ms = Number(attr(dialog, \"data-timeout\"));\n\tdialog.style.setProperty(\"--mtdsc-toast-timeout\", ms ? `${ms}ms` : null);\n\tdialog.hasAttribute(ATTR_SORT) || attr(dialog, ATTR_SORT, `${Date.now()}`);\n\tattr(dialog, \"tabindex\", \"0\"); // Make focusable\n\n\t// Setup layout\n\t[...document.querySelectorAll<HTMLDialogElement>(`.${CSS_TOAST}[open]`)]\n\t\t.sort((a, b) => Number(attr(b, ATTR_SORT)) - Number(attr(a, ATTR_SORT)))\n\t\t.reduce((top, toast) => {\n\t\t\ttoast.style.translate = `0 ${toast === target ? 0 : top}px`;\n\t\t\treturn top + toast.offsetHeight + 5;\n\t\t}, 0);\n}\n\nfunction handleToastClick({ target, clientX: x, clientY: y }: MouseEvent) {\n\tif (\n\t\ttarget instanceof HTMLDialogElement &&\n\t\ttarget.classList.contains(CSS_TOAST) &&\n\t\tattr(target, \"data-closedby\") !== \"none\"\n\t) {\n\t\tconst rect = target.getBoundingClientRect();\n\t\tconst toast = window.getComputedStyle(target);\n\t\tconst close = window.getComputedStyle(target, \"::after\");\n\t\tconst top = rect.top + Number.parseInt(toast.paddingTop, 10);\n\t\tconst bottom = top + Number.parseInt(close.height, 10);\n\t\tconst right = rect.right - Number.parseInt(toast.paddingRight, 10);\n\t\tconst left = right - Number.parseInt(close.width, 10);\n\t\tconst isClose = top <= y && y <= bottom && left <= x && x <= right;\n\n\t\tif (isClose) target.close(); // Click is on ::after element\n\t}\n}\n\nonHotReload(\"toast\", () => [\n\ton(document, \"animationstart\", handleToastState),\n\ton(document, \"click\", handleToastClick as EventListener),\n]);\n"],"names":["CSS_TOAST","styles","ATTR_SORT","handleToastState","animationName","target","dialog","ms","attr","a","b","top","toast","handleToastClick","x","y","rect","close","bottom","right","left","onHotReload","on"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAY;AAElB,SAASC,EAAiB,EAAE,eAAAC,GAAe,QAAAC,KAAmC;AAC7E,QAAMC,IAASD;AAEf,MADID,MAAkBH,EAAO,iBAAeK,EAAO,MAAA,GAC/CF,MAAkBH,EAAO,WAAY;AAEzC,QAAMM,IAAK,OAAOC,EAAKF,GAAQ,cAAc,CAAC;AAC9C,EAAAA,EAAO,MAAM,YAAY,yBAAyBC,IAAK,GAAGA,CAAE,OAAO,IAAI,GACvED,EAAO,aAAaJ,CAAS,KAAKM,EAAKF,GAAQJ,GAAW,GAAG,KAAK,IAAA,CAAK,EAAE,GACzEM,EAAKF,GAAQ,YAAY,GAAG,GAG5B,CAAC,GAAG,SAAS,iBAAoC,IAAIN,CAAS,QAAQ,CAAC,EACrE,KAAK,CAACS,GAAGC,MAAM,OAAOF,EAAKE,GAAGR,CAAS,CAAC,IAAI,OAAOM,EAAKC,GAAGP,CAAS,CAAC,CAAC,EACtE,OAAO,CAACS,GAAKC,OACbA,EAAM,MAAM,YAAY,KAAKA,MAAUP,IAAS,IAAIM,CAAG,MAChDA,IAAMC,EAAM,eAAe,IAChC,CAAC;AACN;AAEA,SAASC,EAAiB,EAAE,QAAAR,GAAQ,SAASS,GAAG,SAASC,KAAiB;AACzE,MACCV,aAAkB,qBAClBA,EAAO,UAAU,SAASL,CAAS,KACnCQ,EAAKH,GAAQ,eAAe,MAAM,QACjC;AACD,UAAMW,IAAOX,EAAO,sBAAA,GACdO,IAAQ,OAAO,iBAAiBP,CAAM,GACtCY,IAAQ,OAAO,iBAAiBZ,GAAQ,SAAS,GACjDM,IAAMK,EAAK,MAAM,OAAO,SAASJ,EAAM,YAAY,EAAE,GACrDM,IAASP,IAAM,OAAO,SAASM,EAAM,QAAQ,EAAE,GAC/CE,IAAQH,EAAK,QAAQ,OAAO,SAASJ,EAAM,cAAc,EAAE,GAC3DQ,IAAOD,IAAQ,OAAO,SAASF,EAAM,OAAO,EAAE;AAGpD,IAFgBN,KAAOI,KAAKA,KAAKG,KAAUE,KAAQN,KAAKA,KAAKK,OAEzC,MAAA;AAAA,EACrB;AACD;AAEAE,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAG,UAAU,kBAAkBnB,CAAgB;AAAA,EAC/CmB,EAAG,UAAU,SAAST,CAAiC;AACxD,CAAC;"}
+{"version":3,"file":"toast-observer.js","names":[],"sources":["../../designsystem/toast/toast-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_TOAST = styles.toast.split(\" \")[0];\nconst ATTR_SORT = \"data-sort\";\n\nfunction handleToastState({ animationName, target }: Partial<AnimationEvent>) {\n\tconst dialog = target as HTMLDialogElement;\n\tif (animationName === styles._toastTimeout) dialog.close();\n\tif (animationName !== styles._toastOpen) return;\n\n\tconst ms = Number(attr(dialog, \"data-timeout\"));\n\tdialog.style.setProperty(\"--mtdsc-toast-timeout\", ms ? `${ms}ms` : null);\n\tdialog.hasAttribute(ATTR_SORT) || attr(dialog, ATTR_SORT, `${Date.now()}`);\n\tattr(dialog, \"tabindex\", \"0\"); // Make focusable\n\n\t// Setup layout\n\t[...document.querySelectorAll<HTMLDialogElement>(`.${CSS_TOAST}[open]`)]\n\t\t.sort((a, b) => Number(attr(b, ATTR_SORT)) - Number(attr(a, ATTR_SORT)))\n\t\t.reduce((top, toast) => {\n\t\t\ttoast.style.translate = `0 ${toast === target ? 0 : top}px`;\n\t\t\treturn top + toast.offsetHeight + 5;\n\t\t}, 0);\n}\n\nfunction handleToastClick({ target, clientX: x, clientY: y }: MouseEvent) {\n\tif (\n\t\ttarget instanceof HTMLDialogElement &&\n\t\ttarget.classList.contains(CSS_TOAST) &&\n\t\tattr(target, \"data-closedby\") !== \"none\"\n\t) {\n\t\tconst rect = target.getBoundingClientRect();\n\t\tconst toast = window.getComputedStyle(target);\n\t\tconst close = window.getComputedStyle(target, \"::after\");\n\t\tconst top = rect.top + Number.parseInt(toast.paddingTop, 10);\n\t\tconst bottom = top + Number.parseInt(close.height, 10);\n\t\tconst right = rect.right - Number.parseInt(toast.paddingRight, 10);\n\t\tconst left = right - Number.parseInt(close.width, 10);\n\t\tconst isClose = top <= y && y <= bottom && left <= x && x <= right;\n\n\t\tif (isClose) target.close(); // Click is on ::after element\n\t}\n}\n\nonHotReload(\"toast\", () => [\n\ton(document, \"animationstart\", handleToastState),\n\ton(document, \"click\", handleToastClick as EventListener),\n]);\n"],"mappings":";;;AAGA,IAAM,IAAY,EAAO,MAAM,MAAM,GAAG,CAAC,CAAC,IACpC,IAAY;AAElB,SAAS,EAAiB,EAAE,kBAAe,aAAmC;CAC7E,IAAM,IAAS;CAEf,IADI,MAAkB,EAAO,iBAAe,EAAO,MAAM,GACrD,MAAkB,EAAO,YAAY;CAEzC,IAAM,IAAK,OAAO,EAAK,GAAQ,cAAc,CAAC;CAM9C,AALA,EAAO,MAAM,YAAY,yBAAyB,IAAK,GAAG,EAAG,MAAM,IAAI,GACvE,EAAO,aAAa,CAAS,KAAK,EAAK,GAAQ,GAAW,GAAG,KAAK,IAAI,GAAG,GACzE,EAAK,GAAQ,YAAY,GAAG,GAG5B,CAAC,GAAG,SAAS,iBAAoC,IAAI,EAAU,OAAO,CAAC,CAAC,CACtE,MAAM,GAAG,MAAM,OAAO,EAAK,GAAG,CAAS,CAAC,IAAI,OAAO,EAAK,GAAG,CAAS,CAAC,CAAC,CAAC,CACvE,QAAQ,GAAK,OACb,EAAM,MAAM,YAAY,KAAK,MAAU,IAAS,IAAI,EAAI,KACjD,IAAM,EAAM,eAAe,IAChC,CAAC;AACN;AAEA,SAAS,EAAiB,EAAE,WAAQ,SAAS,GAAG,SAAS,KAAiB;CACzE,IACC,aAAkB,qBAClB,EAAO,UAAU,SAAS,CAAS,KACnC,EAAK,GAAQ,eAAe,MAAM,QACjC;EACD,IAAM,IAAO,EAAO,sBAAsB,GACpC,IAAQ,OAAO,iBAAiB,CAAM,GACtC,IAAQ,OAAO,iBAAiB,GAAQ,SAAS,GACjD,IAAM,EAAK,MAAM,OAAO,SAAS,EAAM,YAAY,EAAE,GACrD,IAAS,IAAM,OAAO,SAAS,EAAM,QAAQ,EAAE,GAC/C,IAAQ,EAAK,QAAQ,OAAO,SAAS,EAAM,cAAc,EAAE,GAC3D,IAAO,IAAQ,OAAO,SAAS,EAAM,OAAO,EAAE;EAGpD,AAFgB,KAAO,KAAK,KAAK,KAAU,KAAQ,KAAK,KAAK,KAEhD,EAAO,MAAM;CAC3B;AACD;AAEA,EAAY,eAAe,CAC1B,EAAG,UAAU,kBAAkB,CAAgB,GAC/C,EAAG,UAAU,SAAS,CAAiC,CACxD,CAAC"}

package/mtds/toast/toast.js

@@ -1,57 +1,70 @@
-import { jsx as u } from "react/jsx-runtime";
-import m from "clsx";
-import { createRoot as f } from "react-dom/client";
-import c from "../styles.module.css.js";
-import { isBrowser as w, tag as y } from "../utils.js";
-if (w() && !window._mtdsReactToasts) {
-  let s;
-  const o = /* @__PURE__ */ new Map(), t = () => s?.render(Array.from(o.values() || []));
-  window._mtdsReactToasts = {
-    set: (r, a) => {
-      s || (s = f(document.body.appendChild(y("div")))), o.set(r, a) && t();
-    },
-    delete: ({ animationName: r, currentTarget: a }) => {
-      r === c._toastClose && (o.delete(a.id), t());
-    }
-  };
+"use client";
+import e from "../styles.module.js";
+import { isBrowser as t, tag as n } from "../utils.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+import { createRoot as a } from "react-dom/client";
+//#region designsystem/toast/toast.tsx
+if (t() && !window._mtdsReactToasts) {
+	let t, r = /* @__PURE__ */ new Map(), i = () => t?.render(Array.from(r.values() || []));
+	window._mtdsReactToasts = {
+		set: (e, o) => {
+			t ||= a(document.body.appendChild(n("div"))), r.set(e, o) && i();
+		},
+		delete: ({ animationName: t, currentTarget: n }) => {
+			t === e._toastClose && (r.delete(n.id), i());
+		}
+	};
 }
-function e(s, o = {}) {
-  const t = o.id || `${Date.now()}`;
-  return window._mtdsReactToasts?.set(
-    t,
-    /* @__PURE__ */ u(
-      "dialog",
-      {
-        "aria-busy": o.busy,
-        className: m(c.toast, o.className),
-        closedby: o.closedby,
-        "data-color": o.color,
-        "data-timeout": o.timeout,
-        id: t,
-        onAnimationEnd: window._mtdsReactToasts.delete,
-        open: o.open ?? !0,
-        suppressHydrationWarning: !0,
-        children: s
-      },
-      t
-    )
-  ), t;
+function o(t, n = {}) {
+	let a = n.id || `${Date.now()}`;
+	return window._mtdsReactToasts?.set(a, /* @__PURE__ */ i("dialog", {
+		"aria-busy": n.busy,
+		className: r(e.toast, n.className),
+		closedby: n.closedby,
+		"data-color": n.color,
+		"data-timeout": n.timeout,
+		id: a,
+		onAnimationEnd: window._mtdsReactToasts.delete,
+		open: n.open ?? !0,
+		suppressHydrationWarning: !0,
+		children: t
+	}, a)), a;
 }
-e.success = (s, o) => e(s, { color: "success", ...o });
-e.danger = (s, o) => e(s, { color: "danger", ...o });
-e.info = (s, o) => e(s, { color: "info", ...o });
-e.warning = (s, o) => e(s, { color: "warning", ...o });
-e.neutral = (s, o) => e(s, { color: "neutral", ...o });
-e.promise = async function(o, t) {
-  const { loading: r, success: a, error: d, ...l } = t, i = e(r, { busy: !0, ...l });
-  try {
-    const n = await o();
-    return e.success(a, { id: i, busy: !1 }), n;
-  } catch (n) {
-    throw e.danger(d, { id: i, busy: !1 }), n;
-  }
+o.success = (e, t) => o(e, {
+	color: "success",
+	...t
+}), o.danger = (e, t) => o(e, {
+	color: "danger",
+	...t
+}), o.info = (e, t) => o(e, {
+	color: "info",
+	...t
+}), o.warning = (e, t) => o(e, {
+	color: "warning",
+	...t
+}), o.neutral = (e, t) => o(e, {
+	color: "neutral",
+	...t
+}), o.promise = async function(e, t) {
+	let { loading: n, success: r, error: i, ...a } = t, s = o(n, {
+		busy: !0,
+		...a
+	});
+	try {
+		let t = await e();
+		return o.success(r, {
+			id: s,
+			busy: !1
+		}), t;
+	} catch (e) {
+		throw o.danger(i, {
+			id: s,
+			busy: !1
+		}), e;
+	}
 };
-export {
-  e as toast
-};
-//# sourceMappingURL=toast.js.map
+//#endregion
+export { o as toast };
+
+//# sourceMappingURL=toast.js.map

package/mtds/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../designsystem/toast/toast.tsx"],"sourcesContent":["\"use client\";\nimport clsx from \"clsx\";\nimport { createRoot } from \"react-dom/client\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\nimport type { ToastOptions } from \"./toast-helper\";\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsReactToasts?: {\n\t\t\tset: (id: string, jsx: React.ReactNode) => void;\n\t\t\tdelete: (event: React.AnimationEvent<HTMLDialogElement>) => void;\n\t\t};\n\t}\n}\n\n// Ensure only a single toast master is created\nif (isBrowser() && !window._mtdsReactToasts) {\n\tlet root: ReturnType<typeof createRoot>; // Create root on first toast to avoid hydration issues\n\tconst toasts = new Map<string, React.ReactNode>();\n\tconst render = () => root?.render(Array.from(toasts.values() || []));\n\n\t// Expose methods to add/remove toasts from the root container\n\twindow._mtdsReactToasts = {\n\t\tset: (id, jsx) => {\n\t\t\tif (!root) root = createRoot(document.body.appendChild(tag(\"div\")));\n\t\t\tif (toasts.set(id, jsx)) render();\n\t\t},\n\t\tdelete: ({ animationName, currentTarget }) => {\n\t\t\tif (animationName !== styles._toastClose) return;\n\t\t\ttoasts.delete(currentTarget.id);\n\t\t\trender();\n\t\t},\n\t};\n}\n\nexport function toast(content: React.ReactNode, opt: ToastOptions = {}) {\n\tconst id = opt.id || `${Date.now()}`;\n\twindow._mtdsReactToasts?.set(\n\t\tid,\n\t\t<dialog\n\t\t\taria-busy={opt.busy}\n\t\t\tclassName={clsx(styles.toast, opt.className)}\n\t\t\tclosedby={opt.closedby}\n\t\t\tdata-color={opt.color}\n\t\t\tdata-timeout={opt.timeout}\n\t\t\tid={id}\n\t\t\tkey={id}\n\t\t\tonAnimationEnd={window._mtdsReactToasts.delete}\n\t\t\topen={opt.open ?? true}\n\t\t\tsuppressHydrationWarning // Needed due to closedby polyfill\n\t\t>\n\t\t\t{content}\n\t\t</dialog>,\n\t);\n\n\treturn id;\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: React.ReactNode;\n\t\tsuccess: React.ReactNode;\n\t\terror: React.ReactNode;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"names":["isBrowser","root","toasts","render","id","jsx","createRoot","tag","animationName","currentTarget","styles","toast","content","opt","clsx","action","props","loading","success","error","result","_error"],"mappings":";;;;;AAiBA,IAAIA,EAAA,KAAe,CAAC,OAAO,kBAAkB;AAC5C,MAAIC;AACJ,QAAMC,wBAAa,IAAA,GACbC,IAAS,MAAMF,GAAM,OAAO,MAAM,KAAKC,EAAO,YAAY,CAAA,CAAE,CAAC;AAGnE,SAAO,mBAAmB;AAAA,IACzB,KAAK,CAACE,GAAIC,MAAQ;AACjB,MAAKJ,MAAMA,IAAOK,EAAW,SAAS,KAAK,YAAYC,EAAI,KAAK,CAAC,CAAC,IAC9DL,EAAO,IAAIE,GAAIC,CAAG,KAAGF,EAAA;AAAA,IAC1B;AAAA,IACA,QAAQ,CAAC,EAAE,eAAAK,GAAe,eAAAC,QAAoB;AAC7C,MAAID,MAAkBE,EAAO,gBAC7BR,EAAO,OAAOO,EAAc,EAAE,GAC9BN,EAAA;AAAA,IACD;AAAA,EAAA;AAEF;AAEO,SAASQ,EAAMC,GAA0BC,IAAoB,IAAI;AACvE,QAAMT,IAAKS,EAAI,MAAM,GAAG,KAAK,KAAK;AAClC,gBAAO,kBAAkB;AAAA,IACxBT;AAAA,IACA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,aAAWQ,EAAI;AAAA,QACf,WAAWC,EAAKJ,EAAO,OAAOG,EAAI,SAAS;AAAA,QAC3C,UAAUA,EAAI;AAAA,QACd,cAAYA,EAAI;AAAA,QAChB,gBAAcA,EAAI;AAAA,QAClB,IAAAT;AAAA,QAEA,gBAAgB,OAAO,iBAAiB;AAAA,QACxC,MAAMS,EAAI,QAAQ;AAAA,QAClB,0BAAwB;AAAA,QAEvB,UAAAD;AAAA,MAAA;AAAA,MALIR;AAAA,IAAA;AAAA,EAMN,GAGMA;AACR;AAGAO,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,SAAS,CAACC,GAA0BC,MACzCF,EAAMC,GAAS,EAAE,OAAO,UAAU,GAAGC,GAAK;AAC3CF,EAAM,OAAO,CAACC,GAA0BC,MACvCF,EAAMC,GAAS,EAAE,OAAO,QAAQ,GAAGC,GAAK;AACzCF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,eACfI,GACAC,GAKa;AACb,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,GAAGN,MAAQG,GACtCZ,IAAKO,EAAMM,GAAS,EAAE,MAAM,IAAM,GAAGJ,GAAK;AAChD,MAAI;AACH,UAAMO,IAAS,MAAML,EAAA;AACrB,WAAAJ,EAAM,QAAQO,GAAS,EAAE,IAAAd,GAAI,MAAM,IAAO,GACnCgB;AAAA,EACR,SAASC,GAAQ;AAChB,UAAAV,EAAM,OAAOQ,GAAO,EAAE,IAAAf,GAAI,MAAM,IAAO,GACjCiB;AAAA,EACP;AACD;"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../designsystem/toast/toast.tsx"],"sourcesContent":["\"use client\";\nimport clsx from \"clsx\";\nimport { createRoot } from \"react-dom/client\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\nimport type { ToastOptions } from \"./toast-helper\";\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsReactToasts?: {\n\t\t\tset: (id: string, jsx: React.ReactNode) => void;\n\t\t\tdelete: (event: React.AnimationEvent<HTMLDialogElement>) => void;\n\t\t};\n\t}\n}\n\n// Ensure only a single toast master is created\nif (isBrowser() && !window._mtdsReactToasts) {\n\tlet root: ReturnType<typeof createRoot>; // Create root on first toast to avoid hydration issues\n\tconst toasts = new Map<string, React.ReactNode>();\n\tconst render = () => root?.render(Array.from(toasts.values() || []));\n\n\t// Expose methods to add/remove toasts from the root container\n\twindow._mtdsReactToasts = {\n\t\tset: (id, jsx) => {\n\t\t\tif (!root) root = createRoot(document.body.appendChild(tag(\"div\")));\n\t\t\tif (toasts.set(id, jsx)) render();\n\t\t},\n\t\tdelete: ({ animationName, currentTarget }) => {\n\t\t\tif (animationName !== styles._toastClose) return;\n\t\t\ttoasts.delete(currentTarget.id);\n\t\t\trender();\n\t\t},\n\t};\n}\n\nexport function toast(content: React.ReactNode, opt: ToastOptions = {}) {\n\tconst id = opt.id || `${Date.now()}`;\n\twindow._mtdsReactToasts?.set(\n\t\tid,\n\t\t<dialog\n\t\t\taria-busy={opt.busy}\n\t\t\tclassName={clsx(styles.toast, opt.className)}\n\t\t\tclosedby={opt.closedby}\n\t\t\tdata-color={opt.color}\n\t\t\tdata-timeout={opt.timeout}\n\t\t\tid={id}\n\t\t\tkey={id}\n\t\t\tonAnimationEnd={window._mtdsReactToasts.delete}\n\t\t\topen={opt.open ?? true}\n\t\t\tsuppressHydrationWarning // Needed due to closedby polyfill\n\t\t>\n\t\t\t{content}\n\t\t</dialog>,\n\t);\n\n\treturn id;\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: React.ReactNode;\n\t\tsuccess: React.ReactNode;\n\t\terror: React.ReactNode;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"mappings":";;;;;;;AAiBA,IAAI,EAAU,KAAK,CAAC,OAAO,kBAAkB;CAC5C,IAAI,GACE,oBAAS,IAAI,IAA6B,GAC1C,UAAe,GAAM,OAAO,MAAM,KAAK,EAAO,OAAO,KAAK,CAAC,CAAC,CAAC;CAGnE,OAAO,mBAAmB;EACzB,MAAM,GAAI,MAAQ;GAEjB,AADA,AAAW,MAAO,EAAW,SAAS,KAAK,YAAY,EAAI,KAAK,CAAC,CAAC,GAC9D,EAAO,IAAI,GAAI,CAAG,KAAG,EAAO;EACjC;EACA,SAAS,EAAE,kBAAe,uBAAoB;GACzC,MAAkB,EAAO,gBAC7B,EAAO,OAAO,EAAc,EAAE,GAC9B,EAAO;EACR;CACD;AACD;AAEA,SAAgB,EAAM,GAA0B,IAAoB,CAAC,GAAG;CACvE,IAAM,IAAK,EAAI,MAAM,GAAG,KAAK,IAAI;CAmBjC,OAlBA,OAAO,kBAAkB,IACxB,GACA,kBAAC,UAAD;EACC,aAAW,EAAI;EACf,WAAW,EAAK,EAAO,OAAO,EAAI,SAAS;EAC3C,UAAU,EAAI;EACd,cAAY,EAAI;EAChB,gBAAc,EAAI;EACd;EAEJ,gBAAgB,OAAO,iBAAiB;EACxC,MAAM,EAAI,QAAQ;EAClB,0BAAA;YAEC;CACM,GANF,CAME,CACT,GAEO;AACR;AAGA,EAAM,WAAW,GAA0B,MAC1C,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,UAAU,GAA0B,MACzC,EAAM,GAAS;CAAE,OAAO;CAAU,GAAG;AAAI,CAAC,GAC3C,EAAM,QAAQ,GAA0B,MACvC,EAAM,GAAS;CAAE,OAAO;CAAQ,GAAG;AAAI,CAAC,GACzC,EAAM,WAAW,GAA0B,MAC1C,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,WAAW,GAA0B,MAC1C,EAAM,GAAS;CAAE,OAAO;CAAW,GAAG;AAAI,CAAC,GAC5C,EAAM,UAAU,eACf,GACA,GAKa;CACb,IAAM,EAAE,YAAS,YAAS,UAAO,GAAG,MAAQ,GACtC,IAAK,EAAM,GAAS;EAAE,MAAM;EAAM,GAAG;CAAI,CAAC;CAChD,IAAI;EACH,IAAM,IAAS,MAAM,EAAO;EAE5B,OADA,EAAM,QAAQ,GAAS;GAAE;GAAI,MAAM;EAAM,CAAC,GACnC;CACR,SAAS,GAAQ;EAEhB,MADA,EAAM,OAAO,GAAO;GAAE;GAAI,MAAM;EAAM,CAAC,GACjC;CACP;AACD"}

package/mtds/togglegroup/togglegroup.js

@@ -1,40 +1,31 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import c from "clsx";
-import { forwardRef as p } from "react";
-import l from "../styles.module.css.js";
-const f = p(
-  function({ "data-toggle-group": o, className: t, ...g }, r) {
-    return /* @__PURE__ */ e(
-      "fieldset",
-      {
-        className: c(l.togglegroup, t),
-        "data-toggle-group": o || "Valgknapper",
-        ref: r,
-        ...g
-      }
-    );
-  }
-), d = p(
-  function({ children: o, checked: t, defaultChecked: g, value: r, name: a, onChange: m, ...n }, u) {
-    return /* @__PURE__ */ i("label", { className: l.button, ref: u, ...n, children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "radio",
-          checked: t,
-          defaultChecked: g,
-          value: r,
-          name: a,
-          onChange: m
-        }
-      ),
-      o
-    ] });
-  }
-), I = Object.assign(f, {
-  Item: d
-});
-export {
-  I as Togglegroup
-};
-//# sourceMappingURL=togglegroup.js.map
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region designsystem/togglegroup/togglegroup.tsx
+var a = n(function({ "data-toggle-group": n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r("fieldset", {
+		className: t(e.togglegroup, i),
+		"data-toggle-group": n || "Valgknapper",
+		ref: o,
+		...a
+	});
+}), o = n(function({ children: t, checked: n, defaultChecked: a, value: o, name: s, onChange: c, ...l }, u) {
+	return /* @__PURE__ */ i("label", {
+		className: e.button,
+		ref: u,
+		...l,
+		children: [/* @__PURE__ */ r("input", {
+			type: "radio",
+			checked: n,
+			defaultChecked: a,
+			value: o,
+			name: s,
+			onChange: c
+		}), t]
+	});
+}), s = Object.assign(a, { Item: o });
+//#endregion
+export { s as Togglegroup };
+
+//# sourceMappingURL=togglegroup.js.map

package/mtds/togglegroup/togglegroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { InputProps } from \"../react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\"> & {\n\t\"data-toggle-group\"?: string;\n};\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<InputProps, \"defaultChecked\" | \"checked\" | \"onChange\" | \"value\"> &\n\tRequired<Pick<InputProps, \"name\">>; // Make name required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup(\n\t\t{ \"data-toggle-group\": label, className, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tdata-toggle-group={label || \"Valgknapper\"}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, value, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label className={styles.button} ref={ref} {...rest}>\n\t\t\t\t<input\n\t\t\t\t\t{...{ type: \"radio\", checked, defaultChecked, value, name, onChange }}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["TogglegroupComp","forwardRef","label","className","rest","ref","jsx","clsx","styles","TogglegroupItem","children","checked","defaultChecked","value","name","onChange","Togglegroup"],"mappings":";;;;AAeA,MAAMA,IAAkBC;AAAA,EACvB,SACC,EAAE,qBAAqBC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GAC5CC,GACC;AACD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,qBAAmBD,KAAS;AAAA,QAC5B,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GACMK,IAAkBR;AAAA,EACvB,SACC,EAAE,UAAAS,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGX,EAAA,GAC/DC,GACC;AACD,6BACE,SAAA,EAAM,WAAWG,EAAO,QAAQ,KAAAH,GAAW,GAAGD,GAC9C,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACM,MAAM;AAAA,UAAS,SAAAK;AAAA,UAAS,gBAAAC;AAAA,UAAgB,OAAAC;AAAA,UAAO,MAAAC;AAAA,UAAM,UAAAC;AAAA,QAAS;AAAA,MAAA;AAAA,MAEpEL;AAAA,IAAA,GACF;AAAA,EAEF;AACD,GAEaM,IAAc,OAAO,OAAOhB,GAAiB;AAAA,EACzD,MAAMS;AACP,CAAC;"}
+{"version":3,"file":"togglegroup.js","names":[],"sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { InputProps } from \"../react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\"> & {\n\t\"data-toggle-group\"?: string;\n};\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<InputProps, \"defaultChecked\" | \"checked\" | \"onChange\" | \"value\"> &\n\tRequired<Pick<InputProps, \"name\">>; // Make name required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup(\n\t\t{ \"data-toggle-group\": label, className, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tdata-toggle-group={label || \"Valgknapper\"}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, value, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label className={styles.button} ref={ref} {...rest}>\n\t\t\t\t<input\n\t\t\t\t\t{...{ type: \"radio\", checked, defaultChecked, value, name, onChange }}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"mappings":";;;;;AAeA,IAAM,IAAkB,EACvB,SACC,EAAE,qBAAqB,GAAO,cAAW,GAAG,KAC5C,GACC;CACD,OACC,kBAAC,YAAD;EACC,WAAW,EAAK,EAAO,aAAa,CAAS;EAC7C,qBAAmB,KAAS;EACvB;EACL,GAAI;CACJ,CAAA;AAEH,CACD,GACM,IAAkB,EACvB,SACC,EAAE,aAAU,YAAS,mBAAgB,UAAO,SAAM,aAAU,GAAG,KAC/D,GACC;CACD,OACC,kBAAC,SAAD;EAAO,WAAW,EAAO;EAAa;EAAK,GAAI;YAA/C,CACC,kBAAC,SAAD;GACO,MAAM;GAAS;GAAS;GAAgB;GAAO;GAAM;EAC3D,CAAA,GACA,CACK;;AAET,CACD,GAEa,IAAc,OAAO,OAAO,GAAiB,EACzD,MAAM,EACP,CAAC"}

package/mtds/tooltip/tooltip-element.js

@@ -1,25 +1,12 @@
-import "@u-elements/u-progress";
-import { setTooltipElement as t } from "@digdir/designsystemet-web";
-import "../external/@u-elements/u-combobox/dist/u-combobox.js";
-import "../external/@u-elements/u-details/dist/u-details.js";
-import "../analytics/analytics.js";
-import "../app/app-observer.js";
-import { isBrowser as o, tag as m } from "../utils.js";
-import i from "../styles.module.css.js";
-import "../toast/toast-helper.js";
-import "../chart/chart-element.js";
-import "../deprecations.js";
-import "../logo/logo-observer.js";
-import "../popover/popover-observer.js";
-import "../table/table-observer.js";
-import "../toast/toast-observer.js";
-import "../validation/validation-observer.js";
-o() && t(
-  document.getElementById("mtds-tooltip") || m("div", {
-    class: i._tooltip,
-    id: "mtds-tooltip",
-    popover: "manual"
-  })
-  // This id is also used by app.module.css
-);
-//# sourceMappingURL=tooltip-element.js.map
+import e from "../styles.module.js";
+import { isBrowser as t, tag as n } from "../utils.js";
+import { designsystem_exports as r } from "../index.js";
+//#region designsystem/tooltip/tooltip-element.ts
+t() && (0, r.setTooltipElement)(document.getElementById("mtds-tooltip") || n("div", {
+	class: e._tooltip,
+	id: "mtds-tooltip",
+	popover: "manual"
+}));
+//#endregion
+
+//# sourceMappingURL=tooltip-element.js.map

package/mtds/tooltip/tooltip-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-element.js","sources":["../../designsystem/tooltip/tooltip-element.ts"],"sourcesContent":["import { setTooltipElement } from \"..\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\n\n// Set custom tooltip element\nif (isBrowser())\n\tsetTooltipElement(\n\t\tdocument.getElementById(\"mtds-tooltip\") ||\n\t\t\ttag(\"div\", {\n\t\t\t\tclass: styles._tooltip,\n\t\t\t\tid: \"mtds-tooltip\",\n\t\t\t\tpopover: \"manual\",\n\t\t\t}), // This id is also used by app.module.css\n\t);\n"],"names":["isBrowser","setTooltipElement","tag","styles"],"mappings":";;;;;;;;;;;;;;;;AAKIA,EAAA,KACHC;AAAA,EACC,SAAS,eAAe,cAAc,KACrCC,EAAI,OAAO;AAAA,IACV,OAAOC,EAAO;AAAA,IACd,IAAI;AAAA,IACJ,SAAS;AAAA,EAAA,CACT;AAAA;AAAA;"}
+{"version":3,"file":"tooltip-element.js","names":[],"sources":["../../designsystem/tooltip/tooltip-element.ts"],"sourcesContent":["import { setTooltipElement } from \"..\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\n\n// Set custom tooltip element\nif (isBrowser())\n\tsetTooltipElement(\n\t\tdocument.getElementById(\"mtds-tooltip\") ||\n\t\t\ttag(\"div\", {\n\t\t\t\tclass: styles._tooltip,\n\t\t\t\tid: \"mtds-tooltip\",\n\t\t\t\tpopover: \"manual\",\n\t\t\t}), // This id is also used by app.module.css\n\t);\n"],"mappings":";;;;AAKI,EAAU,MACb,GAAA,EAAA,kBAAA,CACC,SAAS,eAAe,cAAc,KACrC,EAAI,OAAO;CACV,OAAO,EAAO;CACd,IAAI;CACJ,SAAS;AACV,CAAC,CACH"}

package/mtds/typography/typography.js

@@ -1,23 +1,40 @@
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import a from "clsx";
-import { forwardRef as e } from "react";
-import c from "../styles.module.css.js";
-const d = e(function({ as: n, className: s, ...o }, t) {
-  return /* @__PURE__ */ r(n || "h2", { className: a(c.heading, s), ref: t, ...o });
-}), l = e(function({ as: n, className: s, ...o }, t) {
-  return /* @__PURE__ */ r(n || "small", { className: a(c.muted, s), ref: t, ...o });
-}), p = e(function({ as: n, className: s, ...o }, t) {
-  return /* @__PURE__ */ r(n || "span", { className: a(c.ingress, s), ref: t, ...o });
-}), N = e(function({ as: n, className: s, ...o }, t) {
-  return /* @__PURE__ */ r(n || "div", { className: a(c.info, s), ref: t, ...o });
-}), I = e(function({ as: n, className: s, ...o }, t) {
-  return /* @__PURE__ */ r(n || "div", { className: a(c.prose, s), ref: t, ...o });
+//#region designsystem/typography/typography.tsx
+var i = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "h2", {
+		className: t(e.heading, i),
+		ref: o,
+		...a
+	});
+}), a = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "small", {
+		className: t(e.muted, i),
+		ref: o,
+		...a
+	});
+}), o = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "span", {
+		className: t(e.ingress, i),
+		ref: o,
+		...a
+	});
+}), s = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "div", {
+		className: t(e.info, i),
+		ref: o,
+		...a
+	});
+}), c = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "div", {
+		className: t(e.prose, i),
+		ref: o,
+		...a
+	});
 });
-export {
-  d as Heading,
-  N as Info,
-  p as Ingress,
-  l as Muted,
-  I as Prose
-};
-//# sourceMappingURL=typography.js.map
+//#endregion
+export { i as Heading, s as Info, o as Ingress, a as Muted, c as Prose };
+
+//# sourceMappingURL=typography.js.map

package/mtds/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../designsystem/typography/typography.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-variant\"?: \"regular\" | \"circle\" }\n\t>;\n\ntype InfoComponent = <As extends React.ElementType = \"div\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Prose\n */\nexport type ProseProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-justify\"?: \"start\" | \"center\" | \"end\" }\n\t>;\n\ntype ProseComponent = <As extends React.ElementType = \"div\">(\n\tprops: ProseProps<As>,\n) => JSX.Element;\n\nexport const Prose: ProseComponent = forwardRef<null>(function Prose<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: ProseProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.prose, className)} ref={ref} {...rest} />;\n}) as ProseComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles","Muted","Ingress","Info","Prose"],"mappings":";;;;AAsBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC,EAHWJ,KAAM,MAGhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYK,IAAwBR,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAEvE,SAAO,gBAAAC,EADKJ,KAAM,SACV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC,GASYM,IAA4BT,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAEzE,SACC,gBAAAC,EAFWJ,KAAM,QAEhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GAYYO,IAAsBV,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,OACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAeYQ,IAAwBX,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAGvE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../designsystem/typography/typography.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-variant\"?: \"regular\" | \"circle\" }\n\t>;\n\ntype InfoComponent = <As extends React.ElementType = \"div\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Prose\n */\nexport type ProseProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-justify\"?: \"start\" | \"center\" | \"end\" }\n\t>;\n\ntype ProseComponent = <As extends React.ElementType = \"div\">(\n\tprops: ProseProps<As>,\n) => JSX.Element;\n\nexport const Prose: ProseComponent = forwardRef<null>(function Prose<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: ProseProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.prose, className)} ref={ref} {...rest} />;\n}) as ProseComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAsBA,IAAa,IAA4B,EAAiB,SAExD,EAAE,OAAI,cAAW,GAAG,KAA0B,GAA0B;CAGzE,OACC,kBAHW,KAAM,MAGjB;EAAK,WAAW,EAAK,EAAO,SAAS,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAExE,CAAC,GASY,IAAwB,EAAiB,SAEpD,EAAE,OAAI,cAAW,GAAG,KAAwB,GAA0B;CAEvE,OAAO,kBADK,KAAM,SACX;EAAK,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC5E,CAAC,GASY,IAA4B,EAAiB,SAExD,EAAE,OAAI,cAAW,GAAG,KAA0B,GAA0B;CAEzE,OACC,kBAFW,KAAM,QAEjB;EAAK,WAAW,EAAK,EAAO,SAAS,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAExE,CAAC,GAYY,IAAsB,EAAiB,SAElD,EAAE,OAAI,cAAW,GAAG,KAAuB,GAA0B;CAEtE,OAAO,kBADK,KAAM,OACX;EAAK,WAAW,EAAK,EAAO,MAAM,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC3E,CAAC,GAeY,IAAwB,EAAiB,SAEpD,EAAE,OAAI,cAAW,GAAG,KAAwB,GAA0B;CAGvE,OAAO,kBAFK,KAAM,OAEX;EAAK,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC5E,CAAC"}