@mattilsynet/design 3.3.10 → 3.4.1

package/mtds/link/link.js

@@ -1,11 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import n from "clsx";
-import { forwardRef as s } from "react";
-import f from "../styles.module.css.js";
-const x = s(function({ as: o, className: r, ...t }, m) {
-  return /* @__PURE__ */ i(o || "a", { className: n(f.link, r), ...t, ref: m });
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/link/link.tsx
+var i = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "a", {
+		className: t(e.link, i),
+		...a,
+		ref: o
+	});
 });
-export {
-  x as Link
-};
-//# sourceMappingURL=link.js.map
+//#endregion
+export { i as Link };
+
+//# sourceMappingURL=link.js.map

package/mtds/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../designsystem/link/link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type LinkProps<As extends React.ElementType = \"a\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype LinkComponent = <As extends React.ElementType = \"a\">(\n\tprops: LinkProps<As>,\n) => React.ReactElement | null;\n\nexport const Link: LinkComponent = forwardRef<null>(function Link<\n\tAs extends React.ElementType = \"a\",\n>({ as, className, ...rest }: LinkProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"a\";\n\treturn <Tag className={clsx(styles.link, className)} {...rest} ref={ref} />;\n}) as LinkComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Link","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAeO,MAAMA,IAAsBC,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,KACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAI,GAAGC,GAAM,KAAAC,EAAA,CAAU;AAC1E,CAAC;"}
+{"version":3,"file":"link.js","names":[],"sources":["../../designsystem/link/link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type LinkProps<As extends React.ElementType = \"a\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype LinkComponent = <As extends React.ElementType = \"a\">(\n\tprops: LinkProps<As>,\n) => React.ReactElement | null;\n\nexport const Link: LinkComponent = forwardRef<null>(function Link<\n\tAs extends React.ElementType = \"a\",\n>({ as, className, ...rest }: LinkProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"a\";\n\treturn <Tag className={clsx(styles.link, className)} {...rest} ref={ref} />;\n}) as LinkComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAeA,IAAa,IAAsB,EAAiB,SAElD,EAAE,OAAI,cAAW,GAAG,KAAuB,GAA0B;CAEtE,OAAO,kBADK,KAAM,KACX;EAAK,WAAW,EAAK,EAAO,MAAM,CAAS;EAAG,GAAI;EAAW;CAAM,CAAA;AAC3E,CAAC"}

package/mtds/logo/logo-observer.js

@@ -1,19 +1,19 @@
-import i from "../styles.module.css.js";
-import { onHotReload as d, on as g, debounce as m, tag as h } from "../utils.js";
-const p = m((e) => {
-  if (e.animationName !== i._logo) return;
-  const o = e.target.closest?.(`.${i.logo.split(" ")[0]}`), t = o?.firstElementChild;
-  if (t instanceof SVGSVGElement) {
-    for (const c of document.head.querySelectorAll("link[rel~='icon']"))
-      c.setAttribute("rel", "disabled");
-    const n = o?.hasAttribute("data-env"), l = window.getComputedStyle(t), r = l.getPropertyValue("color"), s = l.getPropertyValue("--mtdsc-logo-background"), a = t.outerHTML.replace(/\n+/g, " ").replace(/(fill|width|height|xmlns)="[^"]+"/gi, "").replace("<svg", `<svg width="40" height="40" fill="${r}"`);
-    document.head.appendChild(
-      h("link", {
-        href: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${n ? "none" : s}' width='51' height='51' x='2' y='2' stroke='${r}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${n ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform="translate(7.5 7.5)">${a}</g></svg>`)}`,
-        rel: "icon"
-      })
-    );
-  }
+import e from "../styles.module.js";
+import { debounce as t, on as n, onHotReload as r, tag as i } from "../utils.js";
+//#region designsystem/logo/logo-observer.ts
+var a = t((t) => {
+	if (t.animationName !== e._logo) return;
+	let n = t.target.closest?.(`.${e.logo.split(" ")[0]}`), r = n?.firstElementChild;
+	if (r instanceof SVGSVGElement) {
+		for (let e of document.head.querySelectorAll("link[rel~='icon']")) e.setAttribute("rel", "disabled");
+		let e = n?.hasAttribute("data-env"), t = window.getComputedStyle(r), a = t.getPropertyValue("color"), o = t.getPropertyValue("--mtdsc-logo-background"), s = r.outerHTML.replace(/\n+/g, " ").replace(/(fill|width|height|xmlns)="[^"]+"/gi, "").replace("<svg", `<svg width="40" height="40" fill="${a}"`);
+		document.head.appendChild(i("link", {
+			href: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${e ? "none" : o}' width='51' height='51' x='2' y='2' stroke='${a}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${e ? .6 : 0}' stroke-width='2.3' rx='25.5'/><g transform="translate(7.5 7.5)">${s}</g></svg>`)}`,
+			rel: "icon"
+		}));
+	}
 }, 200);
-d("logo", () => [g(document, "animationend", p)]);
-//# sourceMappingURL=logo-observer.js.map
+r("logo", () => [n(document, "animationend", a)]);
+//#endregion
+
+//# sourceMappingURL=logo-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logo-observer.js","sources":["../../designsystem/logo/logo-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { debounce, on, onHotReload, tag } from \"../utils\";\n\nconst handleFavicon = debounce((e: Partial<AnimationEvent>) => {\n\tif (e.animationName !== styles._logo) return;\n\tconst logo = (e.target as Element).closest?.(`.${styles.logo.split(\" \")[0]}`);\n\tconst svg = logo?.firstElementChild;\n\n\tif (svg instanceof SVGSVGElement) {\n\t\tfor (const icon of document.head.querySelectorAll(\"link[rel~='icon']\"))\n\t\t\ticon.setAttribute(\"rel\", \"disabled\"); // Disable previous icon (but not remove is as this makes Next.js sad)\n\n\t\tconst isDot = logo?.hasAttribute(\"data-env\");\n\t\tconst style = window.getComputedStyle(svg);\n\t\tconst text = style.getPropertyValue(\"color\");\n\t\tconst back = style.getPropertyValue(\"--mtdsc-logo-background\");\n\t\tconst icon = svg.outerHTML\n\t\t\t.replace(/\\n+/g, \" \") // Prevent line breaks\n\t\t\t.replace(/(fill|width|height|xmlns)=\"[^\"]+\"/gi, \"\")\n\t\t\t.replace(\"<svg\", `<svg width=\"40\" height=\"40\" fill=\"${text}\"`);\n\n\t\tdocument.head.appendChild(\n\t\t\ttag(\"link\", {\n\t\t\t\thref: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${isDot ? \"none\" : back}' width='51' height='51' x='2' y='2' stroke='${text}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${isDot ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform=\"translate(7.5 7.5)\">${icon}</g></svg>`)}`,\n\t\t\t\trel: \"icon\",\n\t\t\t}),\n\t\t);\n\t}\n}, 200);\n\nonHotReload(\"logo\", () => [on(document, \"animationend\", handleFavicon)]);\n"],"names":["handleFavicon","debounce","styles","logo","svg","icon","isDot","style","text","back","tag","onHotReload","on"],"mappings":";;AAGA,MAAMA,IAAgBC,EAAS,CAAC,MAA+B;AAC9D,MAAI,EAAE,kBAAkBC,EAAO,MAAO;AACtC,QAAMC,IAAQ,EAAE,OAAmB,UAAU,IAAID,EAAO,KAAK,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,GACtEE,IAAMD,GAAM;AAElB,MAAIC,aAAe,eAAe;AACjC,eAAWC,KAAQ,SAAS,KAAK,iBAAiB,mBAAmB;AACpEA,MAAAA,EAAK,aAAa,OAAO,UAAU;AAEpC,UAAMC,IAAQH,GAAM,aAAa,UAAU,GACrCI,IAAQ,OAAO,iBAAiBH,CAAG,GACnCI,IAAOD,EAAM,iBAAiB,OAAO,GACrCE,IAAOF,EAAM,iBAAiB,yBAAyB,GACvDF,IAAOD,EAAI,UACf,QAAQ,QAAQ,GAAG,EACnB,QAAQ,uCAAuC,EAAE,EACjD,QAAQ,QAAQ,qCAAqCI,CAAI,GAAG;AAE9D,aAAS,KAAK;AAAA,MACbE,EAAI,QAAQ;AAAA,QACX,MAAM,sBAAsB,mBAAmB,2EAA2EJ,IAAQ,SAASG,CAAI,gDAAgDD,CAAI,yEAAyEF,IAAQ,MAAM,CAAC,qEAAqED,CAAI,YAAY,CAAC;AAAA,QACjX,KAAK;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEH;AACD,GAAG,GAAG;AAENM,EAAY,QAAQ,MAAM,CAACC,EAAG,UAAU,gBAAgBZ,CAAa,CAAC,CAAC;"}
+{"version":3,"file":"logo-observer.js","names":[],"sources":["../../designsystem/logo/logo-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { debounce, on, onHotReload, tag } from \"../utils\";\n\nconst handleFavicon = debounce((e: Partial<AnimationEvent>) => {\n\tif (e.animationName !== styles._logo) return;\n\tconst logo = (e.target as Element).closest?.(`.${styles.logo.split(\" \")[0]}`);\n\tconst svg = logo?.firstElementChild;\n\n\tif (svg instanceof SVGSVGElement) {\n\t\tfor (const icon of document.head.querySelectorAll(\"link[rel~='icon']\"))\n\t\t\ticon.setAttribute(\"rel\", \"disabled\"); // Disable previous icon (but not remove is as this makes Next.js sad)\n\n\t\tconst isDot = logo?.hasAttribute(\"data-env\");\n\t\tconst style = window.getComputedStyle(svg);\n\t\tconst text = style.getPropertyValue(\"color\");\n\t\tconst back = style.getPropertyValue(\"--mtdsc-logo-background\");\n\t\tconst icon = svg.outerHTML\n\t\t\t.replace(/\\n+/g, \" \") // Prevent line breaks\n\t\t\t.replace(/(fill|width|height|xmlns)=\"[^\"]+\"/gi, \"\")\n\t\t\t.replace(\"<svg\", `<svg width=\"40\" height=\"40\" fill=\"${text}\"`);\n\n\t\tdocument.head.appendChild(\n\t\t\ttag(\"link\", {\n\t\t\t\thref: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${isDot ? \"none\" : back}' width='51' height='51' x='2' y='2' stroke='${text}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${isDot ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform=\"translate(7.5 7.5)\">${icon}</g></svg>`)}`,\n\t\t\t\trel: \"icon\",\n\t\t\t}),\n\t\t);\n\t}\n}, 200);\n\nonHotReload(\"logo\", () => [on(document, \"animationend\", handleFavicon)]);\n"],"mappings":";;;AAGA,IAAM,IAAgB,GAAU,MAA+B;CAC9D,IAAI,EAAE,kBAAkB,EAAO,OAAO;CACtC,IAAM,IAAQ,EAAE,OAAmB,UAAU,IAAI,EAAO,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,GACtE,IAAM,GAAM;CAElB,IAAI,aAAe,eAAe;EACjC,KAAK,IAAM,KAAQ,SAAS,KAAK,iBAAiB,mBAAmB,GACpE,EAAK,aAAa,OAAO,UAAU;EAEpC,IAAM,IAAQ,GAAM,aAAa,UAAU,GACrC,IAAQ,OAAO,iBAAiB,CAAG,GACnC,IAAO,EAAM,iBAAiB,OAAO,GACrC,IAAO,EAAM,iBAAiB,yBAAyB,GACvD,IAAO,EAAI,UACf,QAAQ,QAAQ,GAAG,CAAC,CACpB,QAAQ,uCAAuC,EAAE,CAAC,CAClD,QAAQ,QAAQ,qCAAqC,EAAK,EAAE;EAE9D,SAAS,KAAK,YACb,EAAI,QAAQ;GACX,MAAM,sBAAsB,mBAAmB,2EAA2E,IAAQ,SAAS,EAAK,+CAA+C,EAAK,wEAAwE,IAAQ,KAAM,EAAE,oEAAoE,EAAK,WAAW;GAChX,KAAK;EACN,CAAC,CACF;CACD;AACD,GAAG,GAAG;AAEN,EAAY,cAAc,CAAC,EAAG,UAAU,gBAAgB,CAAa,CAAC,CAAC"}

package/mtds/logo/logo.js

@@ -1,20 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import f from "clsx";
+import e from "../styles.module.js";
+import t from "clsx";
 import { forwardRef as n } from "react";
-import i from "../styles.module.css.js";
-const k = n(function({ as: r, className: t, style: m, ...o }, s) {
-  const e = r || (o.href ? "a" : "span");
-  return /* @__PURE__ */ a(
-    e,
-    {
-      className: f(i.logo, t),
-      style: { WebkitMaskBoxImage: "none", ...m },
-      ref: s,
-      ...o
-    }
-  );
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/logo/logo.tsx
+var i = n(function({ as: n, className: i, style: a, ...o }, s) {
+	return /* @__PURE__ */ r(n || (o.href ? "a" : "span"), {
+		className: t(e.logo, i),
+		style: {
+			WebkitMaskBoxImage: "none",
+			...a
+		},
+		ref: s,
+		...o
+	});
 });
-export {
-  k as Logo
-};
-//# sourceMappingURL=logo.js.map
+//#endregion
+export { i as Logo };
+
+//# sourceMappingURL=logo.js.map

package/mtds/logo/logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.js","sources":["../../designsystem/logo/logo.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\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, style, ...rest }: LogoProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.logo, className)}\n\t\t\tstyle={{ WebkitMaskBoxImage: \"none\", ...style }} // Overwrite Autoprefixer\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Logo","forwardRef","as","className","style","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA0BO,MAAMA,IAAsBC,EAAiB,SAInD,EAAE,IAAAC,GAAI,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3BC,GACC;AACD,QAAMC,IAAML,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAG;AAAA,IAACD;AAAA,IAAA;AAAA,MACA,WAAWE,EAAKC,EAAO,MAAMP,CAAS;AAAA,MACtC,OAAO,EAAE,oBAAoB,QAAQ,GAAGC,EAAA;AAAA,MACxC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"logo.js","names":[],"sources":["../../designsystem/logo/logo.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\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, style, ...rest }: LogoProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.logo, className)}\n\t\t\tstyle={{ WebkitMaskBoxImage: \"none\", ...style }} // Overwrite Autoprefixer\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AA0BA,IAAa,IAAsB,EAAiB,SAInD,EAAE,OAAI,cAAW,UAAO,GAAG,KAC3B,GACC;CAGD,OACC,kBAHW,MAAO,EAAK,OAAO,MAAM,SAGpC;EACC,WAAW,EAAK,EAAO,MAAM,CAAS;EACtC,OAAO;GAAE,oBAAoB;GAAQ,GAAG;EAAM;EACzC;EACL,GAAI;CACJ,CAAA;AAEH,CAAC"}

package/mtds/package.js

@@ -0,0 +1,6 @@
+//#region package.json
+var e = "3.4.1";
+//#endregion
+export { e as version };
+
+//# sourceMappingURL=package.js.map

package/mtds/package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n\t\"name\": \"@mattilsynet/design\",\n\t\"version\": \"3.4.1\",\n\t\"type\": \"module\",\n\t\"repository\": {\n\t\t\"type\": \"git\",\n\t\t\"url\": \"git+ssh://git@github.com/Mattilsynet/design.git\"\n\t},\n\t\"main\": \"./mtds/index.js\",\n\t\"types\": \"./mtds/index.d.ts\",\n\t\"files\": [\n\t\t\"mtds\"\n\t],\n\t\"engines\": {\n\t\t\"npm\": \">=10.0.0\",\n\t\t\"node\": \">=20.0.0\"\n\t},\n\t\"exports\": {\n\t\t\".\": {\n\t\t\t\"import\": \"./mtds/index.js\",\n\t\t\t\"types\": \"./mtds/index.d.ts\"\n\t\t},\n\t\t\"./react\": {\n\t\t\t\"import\": \"./mtds/react.js\",\n\t\t\t\"types\": \"./mtds/react.d.ts\"\n\t\t},\n\t\t\"./atlas\": {\n\t\t\t\"import\": \"./mtds/atlas.js\",\n\t\t\t\"types\": \"./mtds/atlas.d.ts\"\n\t\t},\n\t\t\"./atlas/react\": {\n\t\t\t\"import\": \"./mtds/react-atlas.js\",\n\t\t\t\"types\": \"./mtds/react-atlas.d.ts\"\n\t\t},\n\t\t\"./*.svg\": \"./mtds/*.svg\",\n\t\t\"./*.ico\": \"./mtds/*.ico\",\n\t\t\"./ai/*\": \"./mtds/ai/*\",\n\t\t\"./icons/*\": \"./mtds/icons/*\",\n\t\t\"./illustrations/*\": \"./mtds/illustrations/*\",\n\t\t\"./index.iife.js\": \"./mtds/index.iife.js\",\n\t\t\"./atlas.iife.js\": \"./mtds/atlas.iife.js\",\n\t\t\"./package.json\": \"./package.json\",\n\t\t\"./styles.css\": \"./mtds/styles.css\",\n\t\t\"./styles.json\": \"./mtds/styles.json\",\n\t\t\"./tailwind.css\": \"./mtds/tailwind.css\"\n\t},\n\t\"scripts\": {\n\t\t\"build\": \"vite build --mode iife && vite build --mode iife-atlas && vite build && rm -rf mtds/docs/ && rm -rf mtds/iife.css\",\n\t\t\"build:tokens\": \"npx @digdir/designsystemet@latest tokens build --config designsystemet.config.json\",\n\t\t\"format\": \"npx @biomejs/biome format\",\n\t\t\"lint\": \"npx @biomejs/biome lint\",\n\t\t\"publish:clojure\": \"npm run build && cd ./clojure && ./publish.sh\",\n\t\t\"start\": \"vite\",\n\t\t\"storybook\": \"storybook dev -p 6006\",\n\t\t\"storybook:build\": \"npm run build && storybook build\"\n\t},\n\t\"devDependencies\": {\n\t\t\"@biomejs/biome\": \"2.5.3\",\n\t\t\"@digdir/designsystemet-css\": \"^1.18.0\",\n\t\t\"@digdir/designsystemet-types\": \"^1.18.0\",\n\t\t\"@handsontable/react-wrapper\": \"18.0.0\",\n\t\t\"@phosphor-icons/core\": \"^2.1.1\",\n\t\t\"@phosphor-icons/react\": \"^2.1.10\",\n\t\t\"@storybook/addon-docs\": \"^10.4.6\",\n\t\t\"@storybook/addon-themes\": \"^10.4.6\",\n\t\t\"@storybook/react-vite\": \"^10.4.6\",\n\t\t\"@tanstack/react-table\": \"^8.21.3\",\n\t\t\"@turf/boolean-point-in-polygon\": \"^7.3.5\",\n\t\t\"@turf/helpers\": \"^7.3.5\",\n\t\t\"@types/leaflet\": \"^1.9.21\",\n\t\t\"@types/leaflet.markercluster\": \"^1.5.6\",\n\t\t\"@types/node\": \"^26.1.1\",\n\t\t\"@types/react\": \"^19.2.17\",\n\t\t\"@types/react-dom\": \"^19.2.3\",\n\t\t\"@vitejs/plugin-react\": \"^6.0.3\",\n\t\t\"fast-glob\": \"^3.3.3\",\n\t\t\"handsontable\": \"18.0.0\",\n\t\t\"leaflet\": \"^2.0.0-alpha.1\",\n\t\t\"postcss\": \"^8.5.16\",\n\t\t\"postcss-nesting\": \"^14.0.0\",\n\t\t\"react\": \"^19.2.7\",\n\t\t\"react-dom\": \"^19.2.7\",\n\t\t\"react-moveable\": \"^0.56.0\",\n\t\t\"storybook\": \"^10.4.6\",\n\t\t\"typescript\": \"^6.0.3\",\n\t\t\"unplugin-dts\": \"^1.0.3\",\n\t\t\"vite\": \"^8.1.3\",\n\t\t\"vite-plugin-static-copy\": \"^4.1.1\"\n\t},\n\t\"dependencies\": {\n\t\t\"@digdir/designsystemet-web\": \"^1.18.0\",\n\t\t\"@u-elements/u-progress\": \"1.0.1\",\n\t\t\"clsx\": \"^2.1.1\"\n\t},\n\t\"overrides\": {\n\t\t\"ajv\": \"^8.18.0\",\n\t\t\"ansi-regex\": \"^6.2.2\",\n\t\t\"ansi-styles\": \"^6.2.3\",\n\t\t\"chalk\": \"^5.6.2\",\n\t\t\"debug\": \"^4.4.3\",\n\t\t\"esbuild\": \"^0.28.1\",\n\t\t\"lodash\": \"^4.18.1\",\n\t\t\"minimatch\": \"^10.2.2\",\n\t\t\"strip-ansi\": \"^7.1.2\",\n\t\t\"supports-color\": \"^10.2.2\",\n\t\t\"tmp\": \"0.2.5\",\n\t\t\"wrap-ansi\": \"^9.0.1\"\n\t}\n}\n"],"mappings":""}

package/mtds/package.json.d.ts

@@ -0,0 +1,112 @@
+declare const _default: {
+	"name": "@mattilsynet/design",
+	"version": "3.4.1",
+	"type": "module",
+	"repository": {
+		"type": "git",
+		"url": "git+ssh://git@github.com/Mattilsynet/design.git"
+	},
+	"main": "./mtds/index.js",
+	"types": "./mtds/index.d.ts",
+	"files": [
+		"mtds"
+	],
+	"engines": {
+		"npm": ">=10.0.0",
+		"node": ">=20.0.0"
+	},
+	"exports": {
+		".": {
+			"import": "./mtds/index.js",
+			"types": "./mtds/index.d.ts"
+		},
+		"./react": {
+			"import": "./mtds/react.js",
+			"types": "./mtds/react.d.ts"
+		},
+		"./atlas": {
+			"import": "./mtds/atlas.js",
+			"types": "./mtds/atlas.d.ts"
+		},
+		"./atlas/react": {
+			"import": "./mtds/react-atlas.js",
+			"types": "./mtds/react-atlas.d.ts"
+		},
+		"./*.svg": "./mtds/*.svg",
+		"./*.ico": "./mtds/*.ico",
+		"./ai/*": "./mtds/ai/*",
+		"./icons/*": "./mtds/icons/*",
+		"./illustrations/*": "./mtds/illustrations/*",
+		"./index.iife.js": "./mtds/index.iife.js",
+		"./atlas.iife.js": "./mtds/atlas.iife.js",
+		"./package.json": "./package.json",
+		"./styles.css": "./mtds/styles.css",
+		"./styles.json": "./mtds/styles.json",
+		"./tailwind.css": "./mtds/tailwind.css"
+	},
+	"scripts": {
+		"build": "vite build --mode iife && vite build --mode iife-atlas && vite build && rm -rf mtds/docs/ && rm -rf mtds/iife.css",
+		"build:tokens": "npx @digdir/designsystemet@latest tokens build --config designsystemet.config.json",
+		"format": "npx @biomejs/biome format",
+		"lint": "npx @biomejs/biome lint",
+		"publish:clojure": "npm run build && cd ./clojure && ./publish.sh",
+		"start": "vite",
+		"storybook": "storybook dev -p 6006",
+		"storybook:build": "npm run build && storybook build"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "2.5.3",
+		"@digdir/designsystemet-css": "^1.18.0",
+		"@digdir/designsystemet-types": "^1.18.0",
+		"@handsontable/react-wrapper": "18.0.0",
+		"@phosphor-icons/core": "^2.1.1",
+		"@phosphor-icons/react": "^2.1.10",
+		"@storybook/addon-docs": "^10.4.6",
+		"@storybook/addon-themes": "^10.4.6",
+		"@storybook/react-vite": "^10.4.6",
+		"@tanstack/react-table": "^8.21.3",
+		"@turf/boolean-point-in-polygon": "^7.3.5",
+		"@turf/helpers": "^7.3.5",
+		"@types/leaflet": "^1.9.21",
+		"@types/leaflet.markercluster": "^1.5.6",
+		"@types/node": "^26.1.1",
+		"@types/react": "^19.2.17",
+		"@types/react-dom": "^19.2.3",
+		"@vitejs/plugin-react": "^6.0.3",
+		"fast-glob": "^3.3.3",
+		"handsontable": "18.0.0",
+		"leaflet": "^2.0.0-alpha.1",
+		"postcss": "^8.5.16",
+		"postcss-nesting": "^14.0.0",
+		"react": "^19.2.7",
+		"react-dom": "^19.2.7",
+		"react-moveable": "^0.56.0",
+		"storybook": "^10.4.6",
+		"typescript": "^6.0.3",
+		"unplugin-dts": "^1.0.3",
+		"vite": "^8.1.3",
+		"vite-plugin-static-copy": "^4.1.1"
+	},
+	"dependencies": {
+		"@digdir/designsystemet-web": "^1.18.0",
+		"@u-elements/u-progress": "1.0.1",
+		"clsx": "^2.1.1"
+	},
+	"overrides": {
+		"ajv": "^8.18.0",
+		"ansi-regex": "^6.2.2",
+		"ansi-styles": "^6.2.3",
+		"chalk": "^5.6.2",
+		"debug": "^4.4.3",
+		"esbuild": "^0.28.1",
+		"lodash": "^4.18.1",
+		"minimatch": "^10.2.2",
+		"strip-ansi": "^7.1.2",
+		"supports-color": "^10.2.2",
+		"tmp": "0.2.5",
+		"wrap-ansi": "^9.0.1"
+	}
+}
+;
+
+export default _default;

package/mtds/pagination/pagination.js

@@ -1,60 +1,46 @@
-import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import "@u-elements/u-progress";
-import { pagination as x } 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 { toCustomElementProps as y } from "../utils.js";
-import P 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 "../tooltip/tooltip-element.js";
-import "../validation/validation-observer.js";
-import { Button as o } from "../button/button.js";
-const N = h(
-  function({ children: n, current: e, total: a, show: l = 7, props: r, ...d }, c) {
-    const { pages: s, next: m, prev: p } = x({ current: e, total: a, show: l });
-    return /* @__PURE__ */ i(
-      "ds-pagination",
-      {
-        ref: c,
-        ...y(d, P.pagination),
-        children: n || /* @__PURE__ */ u("ul", { children: [
-          /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
-            {
-              "aria-disabled": !p,
-              ...r?.({ page: p, type: "prev" })
-            }
-          ) }),
-          s.map(({ key: f, page: t, current: g }) => /* @__PURE__ */ i("li", { children: !!t && /* @__PURE__ */ i(
-            o,
-            {
-              "aria-current": g,
-              children: t,
-              ...r?.({ page: t, type: "page" })
-            }
-          ) }, f)),
-          /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
-            {
-              "aria-disabled": !m,
-              ...r?.({ page: m, type: "next" })
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-export {
-  N as Pagination
-};
-//# sourceMappingURL=pagination.js.map
+import e from "../styles.module.js";
+import { toCustomElementProps as t } from "../utils.js";
+import { designsystem_exports as n } from "../index.js";
+import { Button as r } from "../button/button.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region designsystem/pagination/pagination.tsx
+var s = i(function({ children: i, current: s, total: c, show: l = 7, props: u, ...d }, f) {
+	let { pages: p, next: m, prev: h } = (0, n.pagination)({
+		current: s,
+		total: c,
+		show: l
+	});
+	return /* @__PURE__ */ a("ds-pagination", {
+		ref: f,
+		...t(d, e.pagination),
+		children: i || /* @__PURE__ */ o("ul", { children: [
+			/* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(r, {
+				"aria-disabled": !h,
+				...u?.({
+					page: h,
+					type: "prev"
+				})
+			}) }),
+			p.map(({ key: e, page: t, current: n }) => /* @__PURE__ */ a("li", { children: !!t && /* @__PURE__ */ a(r, {
+				"aria-current": n,
+				children: t,
+				...u?.({
+					page: t,
+					type: "page"
+				})
+			}) }, e)),
+			/* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(r, {
+				"aria-disabled": !m,
+				...u?.({
+					page: m,
+					type: "next"
+				})
+			}) })
+		] })
+	});
+});
+//#endregion
+export { s as Pagination };
+
+//# sourceMappingURL=pagination.js.map

package/mtds/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { pagination } from \"..\";\nimport type { DSPaginationElement } from \"../\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> & {\n\t\"data-variant\"?: \"primary\" | \"secondary\";\n} & (\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","toCustomElementProps","styles","Button","key","page"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAChDC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACC,GAAGM,EAAqBP,GAAMQ,EAAO,UAAU;AAAA,QAE/C,UAAAb,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAW,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { pagination } from \"..\";\nimport type { DSPaginationElement } from \"../\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> & {\n\t\"data-variant\"?: \"primary\" | \"secondary\";\n} & (\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"mappings":";;;;;;;AAiCA,IAAa,IAAa,EACzB,SACC,EAAE,aAAU,YAAS,UAAO,UAAO,GAAG,UAAO,GAAG,KAChD,GACC;CACD,IAAM,EAAE,UAAO,SAAM,aAAA,GAAA,EAAA,WAAA,CAAoB;EAAE;EAAS;EAAO;CAAK,CAAC;CAEjE,OACC,kBAAC,iBAAD;EACM;EACL,GAAI,EAAqB,GAAM,EAAO,UAAU;YAE/C,KACA,kBAAC,MAAD,EAAA,UAAA;GACC,kBAAC,MAAD,EAAA,UACC,kBAAC,GAAD;IACC,iBAAe,CAAC;IAChB,GAAI,IAAQ;KAAE,MAAM;KAAM,MAAM;IAAO,CAAC;GACxC,CAAA,EACE,CAAA;GACH,EAAM,KAAK,EAAE,QAAK,SAAM,iBACxB,kBAAC,MAAD,EAAA,UACE,CAAC,CAAC,KACF,kBAAC,GAAD;IACC,gBAAc;IACR,UAAU;IAChB,GAAI,IAAQ;KAAE;KAAM,MAAM;IAAO,CAAC;GAClC,CAAA,EAEC,GARK,CAQL,CACJ;GACD,kBAAC,MAAD,EAAA,UACC,kBAAC,GAAD;IACC,iBAAe,CAAC;IAChB,GAAI,IAAQ;KAAE,MAAM;KAAM,MAAM;IAAO,CAAC;GACxC,CAAA,EACE,CAAA;EACD,EAAA,CAAA;CAES,CAAA;AAEjB,CACD"}

package/mtds/popover/popover-observer.js

@@ -1,16 +1,16 @@
-import p from "../styles.module.css.js";
-import { onHotReload as l, on as a, attr as c } from "../utils.js";
-const f = p.popover.split(" ")[0];
-function m({ target: i }) {
-  const o = i?.closest?.('a,button,[role="button"]'), s = o instanceof HTMLButtonElement, e = o && c(o, "popovertarget"), t = e ? document.getElementById(e) : o?.closest("[popover]");
-  if (!(e && s) && t?.classList.contains(f) && o) {
-    const n = c(o, "popovertargetaction"), r = n === "show" || (n === "hide" ? !1 : void 0);
-    if (s && !n && t.contains(o)) return;
-    t instanceof HTMLElement && t.popover && t.togglePopover(r);
-  }
+import e from "../styles.module.js";
+import { attr as t, on as n, onHotReload as r } from "../utils.js";
+//#region designsystem/popover/popover-observer.ts
+var i = e.popover.split(" ")[0];
+function a({ target: e }) {
+	let n = e?.closest?.("a,button,[role=\"button\"]"), r = n instanceof HTMLButtonElement, a = n && t(n, "popovertarget"), o = a ? document.getElementById(a) : n?.closest("[popover]");
+	if (!(a && r) && o?.classList.contains(i) && n) {
+		let e = t(n, "popovertargetaction"), i = e === "show" || (e === "hide" ? !1 : void 0);
+		if (r && !e && o.contains(n)) return;
+		o instanceof HTMLElement && o.popover && o.togglePopover(i);
+	}
 }
-l("popover", () => [
-  a(document, "click", m)
-  // Allow `<a>` to use `popovertarget` as well
-]);
-//# sourceMappingURL=popover-observer.js.map
+r("popover", () => [n(document, "click", a)]);
+//#endregion
+
+//# sourceMappingURL=popover-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_POPOVER = styles.popover.split(\" \")[0];\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverClick({ target }: Event) {\n\tconst trigger = (target as Element)?.closest?.(`a,button,[role=\"button\"]`);\n\tconst isButton = trigger instanceof HTMLButtonElement;\n\tconst id = trigger && attr(trigger, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : trigger?.closest(\"[popover]\");\n\n\tif (id && isButton) return; // Native support for buttons with popovertarget, only polyfill for <a> or missing \"popovertarget\"\n\tif (pop?.classList.contains(CSS_POPOVER) && trigger) {\n\t\tconst action = attr(trigger, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\n\t\t// Popover can be disconneted by click handler deeper down in the DOM three before reaching document\n\t\tif (isButton && !action && pop.contains(trigger)) return; // Require \"popovertargetaction\" attribute to make buttons inside popover toggle\n\t\tif (pop instanceof HTMLElement && pop.popover) pop.togglePopover(open);\n\t}\n}\n\nonHotReload(\"popover\", () => [\n\ton(document, \"click\", handlePopoverClick), // Allow `<a>` to use `popovertarget` as well\n]);\n"],"names":["CSS_POPOVER","styles","handlePopoverClick","target","trigger","isButton","id","attr","pop","action","open","onHotReload","on"],"mappings":";;AAGA,MAAMA,IAAcC,EAAO,QAAQ,MAAM,GAAG,EAAE,CAAC;AAK/C,SAASC,EAAmB,EAAE,QAAAC,KAAiB;AAC9C,QAAMC,IAAWD,GAAoB,UAAU,0BAA0B,GACnEE,IAAWD,aAAmB,mBAC9BE,IAAKF,KAAWG,EAAKH,GAAS,eAAe,GAC7CI,IAAMF,IAAK,SAAS,eAAeA,CAAE,IAAIF,GAAS,QAAQ,WAAW;AAE3E,MAAI,EAAAE,KAAMD,MACNG,GAAK,UAAU,SAASR,CAAW,KAAKI,GAAS;AACpD,UAAMK,IAASF,EAAKH,GAAS,qBAAqB,GAC5CM,IAAOD,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAG/D,QAAIJ,KAAY,CAACI,KAAUD,EAAI,SAASJ,CAAO,EAAG;AAClD,IAAII,aAAe,eAAeA,EAAI,WAASA,EAAI,cAAcE,CAAI;AAAA,EACtE;AACD;AAEAC,EAAY,WAAW,MAAM;AAAA,EAC5BC,EAAG,UAAU,SAASV,CAAkB;AAAA;AACzC,CAAC;"}
+{"version":3,"file":"popover-observer.js","names":[],"sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_POPOVER = styles.popover.split(\" \")[0];\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverClick({ target }: Event) {\n\tconst trigger = (target as Element)?.closest?.(`a,button,[role=\"button\"]`);\n\tconst isButton = trigger instanceof HTMLButtonElement;\n\tconst id = trigger && attr(trigger, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : trigger?.closest(\"[popover]\");\n\n\tif (id && isButton) return; // Native support for buttons with popovertarget, only polyfill for <a> or missing \"popovertarget\"\n\tif (pop?.classList.contains(CSS_POPOVER) && trigger) {\n\t\tconst action = attr(trigger, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\n\t\t// Popover can be disconneted by click handler deeper down in the DOM three before reaching document\n\t\tif (isButton && !action && pop.contains(trigger)) return; // Require \"popovertargetaction\" attribute to make buttons inside popover toggle\n\t\tif (pop instanceof HTMLElement && pop.popover) pop.togglePopover(open);\n\t}\n}\n\nonHotReload(\"popover\", () => [\n\ton(document, \"click\", handlePopoverClick), // Allow `<a>` to use `popovertarget` as well\n]);\n"],"mappings":";;;AAGA,IAAM,IAAc,EAAO,QAAQ,MAAM,GAAG,CAAC,CAAC;AAK9C,SAAS,EAAmB,EAAE,aAAiB;CAC9C,IAAM,IAAW,GAAoB,UAAU,4BAA0B,GACnE,IAAW,aAAmB,mBAC9B,IAAK,KAAW,EAAK,GAAS,eAAe,GAC7C,IAAM,IAAK,SAAS,eAAe,CAAE,IAAI,GAAS,QAAQ,WAAW;CAEvE,WAAM,MACN,GAAK,UAAU,SAAS,CAAW,KAAK,GAAS;EACpD,IAAM,IAAS,EAAK,GAAS,qBAAqB,GAC5C,IAAO,MAAW,WAAW,MAAW,SAAS,KAAQ,KAAA;EAG/D,IAAI,KAAY,CAAC,KAAU,EAAI,SAAS,CAAO,GAAG;EAClD,AAAI,aAAe,eAAe,EAAI,WAAS,EAAI,cAAc,CAAI;CACtE;AACD;AAEA,EAAY,iBAAiB,CAC5B,EAAG,UAAU,SAAS,CAAkB,CACzC,CAAC"}

package/mtds/popover/popover.js

@@ -1,21 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import s from "clsx";
-import { forwardRef as i } from "react";
-import m from "../styles.module.css.js";
-const l = i(function({ as: o, "data-position": r, className: t, ...p }, a) {
-  return /* @__PURE__ */ e(
-    o || "div",
-    {
-      className: s(m.popover, t),
-      "data-placement": r,
-      suppressHydrationWarning: !0,
-      popover: "auto",
-      ref: a,
-      ...p
-    }
-  );
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/popover/popover.tsx
+var i = n(function({ as: n, "data-position": i, className: a, ...o }, s) {
+	return /* @__PURE__ */ r(n || "div", {
+		className: t(e.popover, a),
+		"data-placement": i,
+		suppressHydrationWarning: !0,
+		popover: "auto",
+		ref: s,
+		...o
+	});
 });
-export {
-  l as Popover
-};
-//# sourceMappingURL=popover.js.map
+//#endregion
+export { i as Popover };
+
+//# sourceMappingURL=popover.js.map

package/mtds/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport 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 PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t/**\n\t\t\t * @deprecated Use `data-placement` instead.\n\t\t\t */\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-placement\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: React.HTMLAttributes<HTMLElement>[\"popover\"];\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{ as, \"data-position\": placement, className, ...rest }: PopoverProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tdata-placement={placement} // Backward compatibility\n\t\t\tsuppressHydrationWarning // Client side attributes changes when positioning is calculated\n\t\t\tpopover=\"auto\"\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Popover","forwardRef","as","placement","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AA2BO,MAAMA,IAA4BC,EAAiB,SAGzD,EAAE,IAAAC,GAAI,iBAAiBC,GAAW,WAAAC,GAAW,GAAGC,EAAA,GAChDC,GACC;AAGD,SACC,gBAAAC;AAAA,IAHWL,KAAM;AAAA,IAGhB;AAAA,MACA,WAAWM,EAAKC,EAAO,SAASL,CAAS;AAAA,MACzC,kBAAgBD;AAAA,MAChB,0BAAwB;AAAA,MACxB,SAAQ;AAAA,MACR,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport 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 PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t/**\n\t\t\t * @deprecated Use `data-placement` instead.\n\t\t\t */\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-placement\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: React.HTMLAttributes<HTMLElement>[\"popover\"];\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{ as, \"data-position\": placement, className, ...rest }: PopoverProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tdata-placement={placement} // Backward compatibility\n\t\t\tsuppressHydrationWarning // Client side attributes changes when positioning is calculated\n\t\t\tpopover=\"auto\"\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AA2BA,IAAa,IAA4B,EAAiB,SAGzD,EAAE,OAAI,iBAAiB,GAAW,cAAW,GAAG,KAChD,GACC;CAGD,OACC,kBAHW,KAAM,OAGjB;EACC,WAAW,EAAK,EAAO,SAAS,CAAS;EACzC,kBAAgB;EAChB,0BAAA;EACA,SAAQ;EACH;EACL,GAAI;CACJ,CAAA;AAEH,CAAC"}

package/mtds/print/print.js

@@ -1,11 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-import n from "clsx";
-import { forwardRef as s } from "react";
-import f from "../styles.module.css.js";
-const g = s(function({ as: r, className: o, ...t }, i) {
-  return /* @__PURE__ */ m(r || "section", { className: n(f.print, o), ref: i, ...t });
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/print/print.tsx
+var i = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || "section", {
+		className: t(e.print, i),
+		ref: o,
+		...a
+	});
 });
-export {
-  g as Print
-};
-//# sourceMappingURL=print.js.map
+//#endregion
+export { i as Print };
+
+//# sourceMappingURL=print.js.map

package/mtds/print/print.js.map

@@ -1 +1 @@
-{"version":3,"file":"print.js","sources":["../../designsystem/print/print.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 PrintProps<As extends React.ElementType = \"section\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-variant\"?: \"front\" | \"back\";\n\t\t}\n\t>;\n\ntype PrintComponent = <As extends React.ElementType = \"section\">(\n\tprops: PrintProps<As>,\n) => JSX.Element;\n\nexport const Print: PrintComponent = forwardRef<null>(function Print<\n\tAs extends React.ElementType = \"section\",\n>({ as, className, ...rest }: PrintProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"section\";\n\n\treturn <Tag className={clsx(styles.print, className)} ref={ref} {...rest} />;\n}) as PrintComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Print","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAoBO,MAAMA,IAAwBC,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAGvE,SAAO,gBAAAC,EAFKJ,KAAM,WAEV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}
+{"version":3,"file":"print.js","names":[],"sources":["../../designsystem/print/print.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 PrintProps<As extends React.ElementType = \"section\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-variant\"?: \"front\" | \"back\";\n\t\t}\n\t>;\n\ntype PrintComponent = <As extends React.ElementType = \"section\">(\n\tprops: PrintProps<As>,\n) => JSX.Element;\n\nexport const Print: PrintComponent = forwardRef<null>(function Print<\n\tAs extends React.ElementType = \"section\",\n>({ as, className, ...rest }: PrintProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"section\";\n\n\treturn <Tag className={clsx(styles.print, className)} ref={ref} {...rest} />;\n}) as PrintComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAoBA,IAAa,IAAwB,EAAiB,SAEpD,EAAE,OAAI,cAAW,GAAG,KAAwB,GAA0B;CAGvE,OAAO,kBAFK,KAAM,WAEX;EAAK,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC5E,CAAC"}

package/mtds/print/print.stories.d.ts

@@ -1,6 +1,5 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    id: string;
     title: string;
     parameters: {
         layout: string;

package/mtds/profilering/epost.d.ts

@@ -0,0 +1 @@
+export declare function Epost(): import("react").JSX.Element;

package/mtds/progress/progress.js

@@ -1,13 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import e from "../styles.module.css.js";
-import { toCustomElementProps as m } from "../utils.js";
-const u = t(
-  function(r, o) {
-    return /* @__PURE__ */ s("u-progress", { ref: o, ...m(r, e.progress) });
-  }
-);
-export {
-  u as Progress
-};
-//# sourceMappingURL=progress.js.map
+import e from "../styles.module.js";
+import { toCustomElementProps as t } from "../utils.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/progress/progress.tsx
+var i = n(function(n, i) {
+	return /* @__PURE__ */ r("u-progress", {
+		ref: i,
+		...t(n, e.progress)
+	});
+});
+//#endregion
+export { i as Progress };
+
+//# sourceMappingURL=progress.js.map