@mattilsynet/design 2.2.17 → 2.2.19

package/mtds/styles.json

@@ -1,43 +1,45 @@
 {
-  "alert": "_alert_3aj69_1 _ds-alert_pxycd_3",
-  "app": "_app_3aj69_1",
-  "sticky": "_sticky_3aj69_1",
-  "avatar": "_avatar_3aj69_1 _ds-avatar_pxycd_1",
-  "badge": "_badge_3aj69_1",
-  "breadcrumbs": "_breadcrumbs_3aj69_1 _ds-breadcrumbs_pxycd_5",
-  "button": "_button_3aj69_1 _ds-button_pxycd_1",
-  "card": "_card_3aj69_1",
-  "group": "_group_3aj69_1",
-  "chip": "_chip_3aj69_1 _ds-chip_pxycd_5",
-  "details": "_details_3aj69_1 _ds-details_pxycd_3",
-  "dialog": "_dialog_3aj69_1 _ds-dialog_pxycd_5",
-  "divider": "_divider_3aj69_1",
-  "errorsummary": "_errorsummary_3aj69_1 _ds-error-summary_pxycd_5",
-  "field": "_field_3aj69_1 _ds-field_pxycd_1",
-  "affixes": "_affixes_3aj69_1 _ds-field-affixes_pxycd_3",
-  "fieldset": "_fieldset_3aj69_1 _ds-fieldset_pxycd_3",
-  "helptext": "_helptext_3aj69_1 _ds-focus_pxycd_1",
-  "input": "_input_3aj69_1 _ds-input_pxycd_1",
-  "grid": "_grid_3aj69_1",
-  "flex": "_flex_3aj69_1",
-  "link": "_link_3aj69_1",
-  "logo": "_logo_3aj69_1",
-  "pagination": "_pagination_3aj69_1 _ds-pagination_pxycd_5",
-  "popover": "_popover_3aj69_1",
-  "progress": "_progress_3aj69_1",
-  "skeleton": "_skeleton_3aj69_1 _ds-skeleton_pxycd_5",
-  "spinner": "_spinner_3aj69_1",
-  "steps": "_steps_3aj69_1",
-  "table": "_table_3aj69_1 _ds-table_pxycd_5",
-  "tabs": "_tabs_3aj69_1 _ds-tabs_pxycd_5",
-  "tag": "_tag_3aj69_1 _ds-tag_pxycd_5",
-  "toast": "_toast_3aj69_1",
-  "togglegroup": "_togglegroup_3aj69_1",
-  "heading": "_heading_3aj69_1 _ds-heading_pxycd_1",
-  "ingress": "_ingress_3aj69_1",
-  "muted": "_muted_3aj69_1",
-  "info": "_info_3aj69_1",
-  "prose": "_prose_3aj69_1",
-  "validation": "_validation_3aj69_1 _ds-validation-message_pxycd_1",
-  "body": "_body_3aj69_173"
+  "alert": "_alert_nq83g_1 _ds-alert_dbymd_3",
+  "app": "_app_nq83g_1",
+  "sticky": "_sticky_nq83g_1",
+  "avatar": "_avatar_nq83g_1 _ds-avatar_dbymd_1",
+  "badge": "_badge_nq83g_1",
+  "breadcrumbs": "_breadcrumbs_nq83g_1 _ds-breadcrumbs_dbymd_5",
+  "button": "_button_nq83g_1 _ds-button_dbymd_1",
+  "card": "_card_nq83g_1",
+  "group": "_group_nq83g_1",
+  "chip": "_chip_nq83g_1 _ds-chip_dbymd_5",
+  "details": "_details_nq83g_1 _ds-details_dbymd_3",
+  "dialog": "_dialog_nq83g_1 _ds-dialog_dbymd_5",
+  "divider": "_divider_nq83g_1",
+  "errorsummary": "_errorsummary_nq83g_1 _ds-error-summary_dbymd_5",
+  "field": "_field_nq83g_1 _ds-field_dbymd_1",
+  "affixes": "_affixes_nq83g_1 _ds-field-affixes_dbymd_3",
+  "fieldset": "_fieldset_nq83g_1 _ds-fieldset_dbymd_3",
+  "fileupload": "_fileupload_nq83g_1",
+  "helptext": "_helptext_nq83g_1 _ds-focus_dbymd_1",
+  "input": "_input_nq83g_1 _ds-input_dbymd_1",
+  "law": "_law_nq83g_1",
+  "grid": "_grid_nq83g_1",
+  "flex": "_flex_nq83g_1",
+  "link": "_link_nq83g_1",
+  "logo": "_logo_nq83g_1",
+  "pagination": "_pagination_nq83g_1 _ds-pagination_dbymd_5",
+  "popover": "_popover_nq83g_1",
+  "progress": "_progress_nq83g_1",
+  "skeleton": "_skeleton_nq83g_1 _ds-skeleton_dbymd_5",
+  "spinner": "_spinner_nq83g_1",
+  "steps": "_steps_nq83g_1",
+  "table": "_table_nq83g_1 _ds-table_dbymd_5",
+  "tabs": "_tabs_nq83g_1 _ds-tabs_dbymd_5",
+  "tag": "_tag_nq83g_1 _ds-tag_dbymd_5",
+  "toast": "_toast_nq83g_1",
+  "togglegroup": "_togglegroup_nq83g_1",
+  "heading": "_heading_nq83g_1 _ds-heading_dbymd_1",
+  "ingress": "_ingress_nq83g_1",
+  "muted": "_muted_nq83g_1",
+  "info": "_info_nq83g_1",
+  "prose": "_prose_nq83g_1",
+  "validation": "_validation_nq83g_1 _ds-validation-message_dbymd_1",
+  "body": "_body_nq83g_171"
 }

package/mtds/styles.module.css.js

@@ -1,112 +1,116 @@
-const _ = "_alert_3aj69_1 _ds-alert_pxycd_3", t = "_app_3aj69_1", s = "_sticky_3aj69_1", a = "_avatar_3aj69_1 _ds-avatar_pxycd_1", o = "_badge_3aj69_1", e = "_breadcrumbs_3aj69_1 _ds-breadcrumbs_pxycd_5", n = "_button_3aj69_1 _ds-button_pxycd_1", d = "_card_3aj69_1", c = "_group_3aj69_1", r = "_chip_3aj69_1 _ds-chip_pxycd_5", i = "_details_3aj69_1 _ds-details_pxycd_3", l = "_dialog_3aj69_1 _ds-dialog_pxycd_5", p = "__drawer_3aj69_1", j = "_divider_3aj69_1", g = "_errorsummary_3aj69_1 _ds-error-summary_pxycd_5", y = "__errorsummary_3aj69_1", u = "_field_3aj69_1 _ds-field_pxycd_1", x = "__datalist_3aj69_1", m = "_affixes_3aj69_1 _ds-field-affixes_pxycd_3", b = "_fieldset_3aj69_1 _ds-fieldset_pxycd_3", f = "_helptext_3aj69_1 _ds-focus_pxycd_1", k = "_input_3aj69_1 _ds-input_pxycd_1", h = "_grid_3aj69_1", v = "_flex_3aj69_1", w = "_link_3aj69_1", C = "_logo_3aj69_1", M = "_pagination_3aj69_1 _ds-pagination_pxycd_5", O = "_popover_3aj69_1", S = "_progress_3aj69_1", T = "__indeterminate_3aj69_1", q = "_skeleton_3aj69_1 _ds-skeleton_pxycd_5", z = "__skeleton_3aj69_1", A = "_spinner_3aj69_1", B = "_steps_3aj69_1", D = "_table_3aj69_1 _ds-table_pxycd_5", E = "__scrollShadow_3aj69_1", F = "_tabs_3aj69_1 _ds-tabs_pxycd_5", G = "__scrollMask_3aj69_1", H = "_tag_3aj69_1 _ds-tag_pxycd_5", I = "_toast_3aj69_1", J = "__toastClose_3aj69_1", K = "__toastOpen_3aj69_1", L = "__toastTimeout_3aj69_1", N = "_togglegroup_3aj69_1", P = "__tooltip_3aj69_1", Q = "_heading_3aj69_1 _ds-heading_pxycd_1", R = "_ingress_3aj69_1", U = "_muted_3aj69_1", V = "_info_3aj69_1", W = "_prose_3aj69_1", X = "_validation_3aj69_1 _ds-validation-message_pxycd_1", Y = "_body_3aj69_173", Z = "__checked_3aj69_1", $ = {
+const _ = "_alert_nq83g_1 _ds-alert_dbymd_3", t = "_app_nq83g_1", s = "_sticky_nq83g_1", n = "_avatar_nq83g_1 _ds-avatar_dbymd_1", o = "_badge_nq83g_1", e = "_breadcrumbs_nq83g_1 _ds-breadcrumbs_dbymd_5", d = "_button_nq83g_1 _ds-button_dbymd_1", a = "_card_nq83g_1", g = "_group_nq83g_1", r = "_chip_nq83g_1 _ds-chip_dbymd_5", i = "_details_nq83g_1 _ds-details_dbymd_3", c = "_dialog_nq83g_1 _ds-dialog_dbymd_5", l = "__drawer_nq83g_1", p = "_divider_nq83g_1", q = "_errorsummary_nq83g_1 _ds-error-summary_dbymd_5", m = "__errorsummary_nq83g_1", b = "_field_nq83g_1 _ds-field_dbymd_1", u = "__datalist_nq83g_1", y = "_affixes_nq83g_1 _ds-field-affixes_dbymd_3", f = "_fieldset_nq83g_1 _ds-fieldset_dbymd_3", k = "_fileupload_nq83g_1", h = "_helptext_nq83g_1 _ds-focus_dbymd_1", v = "_input_nq83g_1 _ds-input_dbymd_1", x = "_law_nq83g_1", w = "_grid_nq83g_1", C = "_flex_nq83g_1", M = "_link_nq83g_1", O = "_logo_nq83g_1", S = "_pagination_nq83g_1 _ds-pagination_dbymd_5", T = "_popover_nq83g_1", j = "_progress_nq83g_1", z = "__indeterminate_nq83g_1", A = "_skeleton_nq83g_1 _ds-skeleton_dbymd_5", B = "__skeleton_nq83g_1", D = "_spinner_nq83g_1", E = "_steps_nq83g_1", F = "_table_nq83g_1 _ds-table_dbymd_5", G = "__scrollShadow_nq83g_1", H = "_tabs_nq83g_1 _ds-tabs_dbymd_5", I = "__scrollMask_nq83g_1", J = "_tag_nq83g_1 _ds-tag_dbymd_5", K = "_toast_nq83g_1", L = "__toastClose_nq83g_1", N = "__toastOpen_nq83g_1", P = "__toastTimeout_nq83g_1", Q = "_togglegroup_nq83g_1", R = "__tooltip_nq83g_1", U = "_heading_nq83g_1 _ds-heading_dbymd_1", V = "_ingress_nq83g_1", W = "_muted_nq83g_1", X = "_info_nq83g_1", Y = "_prose_nq83g_1", Z = "_validation_nq83g_1 _ds-validation-message_dbymd_1", $ = "_body_nq83g_171", __ = "__checked_nq83g_1", t_ = {
   alert: _,
   app: t,
   sticky: s,
-  avatar: a,
+  avatar: n,
   badge: o,
   breadcrumbs: e,
-  button: n,
-  card: d,
-  group: c,
+  button: d,
+  card: a,
+  group: g,
   chip: r,
   details: i,
-  dialog: l,
-  _drawer: p,
-  divider: j,
-  errorsummary: g,
-  _errorsummary: y,
-  field: u,
-  _datalist: x,
-  affixes: m,
-  fieldset: b,
-  helptext: f,
-  input: k,
-  grid: h,
-  flex: v,
-  link: w,
-  logo: C,
-  pagination: M,
-  popover: O,
-  progress: S,
-  _indeterminate: T,
-  skeleton: q,
-  _skeleton: z,
-  spinner: A,
-  steps: B,
-  table: D,
-  _scrollShadow: E,
-  tabs: F,
-  _scrollMask: G,
-  tag: H,
-  toast: I,
-  _toastClose: J,
-  _toastOpen: K,
-  _toastTimeout: L,
-  togglegroup: N,
-  _tooltip: P,
-  heading: Q,
-  ingress: R,
-  muted: U,
-  info: V,
-  prose: W,
-  validation: X,
-  body: Y,
-  _checked: Z
+  dialog: c,
+  _drawer: l,
+  divider: p,
+  errorsummary: q,
+  _errorsummary: m,
+  field: b,
+  _datalist: u,
+  affixes: y,
+  fieldset: f,
+  fileupload: k,
+  helptext: h,
+  input: v,
+  law: x,
+  grid: w,
+  flex: C,
+  link: M,
+  logo: O,
+  pagination: S,
+  popover: T,
+  progress: j,
+  _indeterminate: z,
+  skeleton: A,
+  _skeleton: B,
+  spinner: D,
+  steps: E,
+  table: F,
+  _scrollShadow: G,
+  tabs: H,
+  _scrollMask: I,
+  tag: J,
+  toast: K,
+  _toastClose: L,
+  _toastOpen: N,
+  _toastTimeout: P,
+  togglegroup: Q,
+  _tooltip: R,
+  heading: U,
+  ingress: V,
+  muted: W,
+  info: X,
+  prose: Y,
+  validation: Z,
+  body: $,
+  _checked: __
 };
 export {
-  Z as _checked,
-  x as _datalist,
-  p as _drawer,
-  y as _errorsummary,
-  T as _indeterminate,
-  G as _scrollMask,
-  E as _scrollShadow,
-  z as _skeleton,
-  J as _toastClose,
-  K as _toastOpen,
-  L as _toastTimeout,
-  P as _tooltip,
-  m as affixes,
+  __ as _checked,
+  u as _datalist,
+  l as _drawer,
+  m as _errorsummary,
+  z as _indeterminate,
+  I as _scrollMask,
+  G as _scrollShadow,
+  B as _skeleton,
+  L as _toastClose,
+  N as _toastOpen,
+  P as _toastTimeout,
+  R as _tooltip,
+  y as affixes,
   _ as alert,
   t as app,
-  a as avatar,
+  n as avatar,
   o as badge,
-  Y as body,
+  $ as body,
   e as breadcrumbs,
-  n as button,
-  d as card,
+  d as button,
+  a as card,
   r as chip,
-  $ as default,
+  t_ as default,
   i as details,
-  l as dialog,
-  j as divider,
-  g as errorsummary,
-  u as field,
-  b as fieldset,
-  v as flex,
-  h as grid,
-  c as group,
-  Q as heading,
-  f as helptext,
-  V as info,
-  R as ingress,
-  k as input,
-  w as link,
-  C as logo,
-  U as muted,
-  M as pagination,
-  O as popover,
-  S as progress,
-  W as prose,
-  q as skeleton,
-  A as spinner,
-  B as steps,
+  c as dialog,
+  p as divider,
+  q as errorsummary,
+  b as field,
+  f as fieldset,
+  k as fileupload,
+  C as flex,
+  w as grid,
+  g as group,
+  U as heading,
+  h as helptext,
+  X as info,
+  V as ingress,
+  v as input,
+  x as law,
+  M as link,
+  O as logo,
+  W as muted,
+  S as pagination,
+  T as popover,
+  j as progress,
+  Y as prose,
+  A as skeleton,
+  D as spinner,
+  E as steps,
   s as sticky,
-  D as table,
-  F as tabs,
-  H as tag,
-  I as toast,
-  N as togglegroup,
-  X as validation
+  F as table,
+  H as tabs,
+  J as tag,
+  K as toast,
+  Q as togglegroup,
+  Z as validation
 };
 //# sourceMappingURL=styles.module.css.js.map

package/mtds/styles.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mtds/table/table.stories.d.ts

@@ -31,6 +31,7 @@ export declare const WithHorizontalTitles: Story;
 export declare const WithFixedWidths: Story;
 export declare const WithAlign: Story;
 export declare const WithNumericValues: Story;
+export declare const WithJustify: Story;
 export declare const WithFooter: Story;
 export declare const WithBorderAround: Story;
 export declare const WithoutBorders: Story;

package/mtds/utils.js

@@ -1,14 +1,14 @@
-import { autoUpdate as b, computePosition as E, flip as y, shift as C, size as T } from "@floating-ui/dom";
-import L from "clsx";
-import M from "./styles.module.css.js";
-const O = { capture: !0, passive: !0 }, v = typeof window < "u" && typeof document < "u";
+import { autoUpdate as E, computePosition as y, flip as C, shift as T, size as L } from "@floating-ui/dom";
+import M from "clsx";
+import v from "./styles.module.css.js";
+const O = { capture: !0, passive: !0 }, m = typeof window < "u" && typeof document < "u";
 function k(t, e) {
   let n;
   return (...o) => {
     clearTimeout(n), n = setTimeout(() => t(...o), e);
   };
 }
-function d(t, e, n) {
+function f(t, e, n) {
   return n === void 0 ? t.getAttribute(e) ?? null : (n === null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n), null);
 }
 let A = 0;
@@ -16,37 +16,37 @@ const S = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
 function x(t) {
   return t.id || (t.id = `${S}${++A}`), t.id;
 }
-const l = (t, e, [...n]) => {
+const p = (t, e, [...n]) => {
   for (const o of n[0].split(","))
     n[0] = o, e[`${t}EventListener`](...n);
-}, $ = (t, ...e) => (l("add", t, e), () => H(t, ...e)), H = (t, ...e) => l("remove", t, e), R = (t) => {
-  if (!v || !window.requestAnimationFrame) return;
+}, $ = (t, ...e) => (p("add", t, e), () => h(t, ...e)), h = (t, ...e) => p("remove", t, e), R = (t) => {
+  if (!m || !window.requestAnimationFrame) return;
   window._mtdsCleanups || (window._mtdsCleanups = /* @__PURE__ */ new Map());
   const e = () => requestAnimationFrame(() => {
     const n = String(t).replace(/(\n|\s)/g, "");
     window._mtdsCleanups?.get(n)?.map((o) => o()), window._mtdsCleanups?.set(n, t());
   });
   document.readyState === "complete" ? e() : $(window, "load", e);
-}, r = /* @__PURE__ */ new WeakMap(), h = `.${M.dialog.split(" ")[0]}`;
-function D(t, e, { contain: n, middleware: o, placement: i, ...s } = {}) {
-  if (r.get(t)?.(), r.delete(t), e) {
-    const m = t.closest(h)?.querySelector(":scope > footer"), u = Number(d(t, "data-inset")) || 20, f = { bottom: (m?.clientHeight || 0) + u, left: u, right: u, top: u }, p = d(t, "data-position") ?? "bottom";
-    r.set(
+}, c = /* @__PURE__ */ new WeakMap(), H = `.${v.dialog.split(" ")[0]}`;
+function _(t, e, { contain: n, middleware: o, placement: i, ...s } = {}) {
+  if (c.get(t)?.(), c.delete(t), e) {
+    const u = t.closest(H)?.querySelector(":scope > footer"), r = Number(f(t, "data-inset")) || 20, l = { bottom: (u?.clientHeight || 0) + r, left: r, right: r, top: r }, a = f(t, "data-position") ?? "bottom";
+    c.set(
       t,
-      b(e, t, () => {
+      E(e, t, () => {
         if (!t.isConnected || !e.isConnected || t.hidden)
-          return D(t, !1);
-        E(e, t, {
+          return _(t, !1);
+        y(e, t, {
           ...s,
-          placement: i || p,
+          placement: i || a,
           middleware: [
-            y({ padding: f }),
-            C(),
-            ...n ? [T({ padding: f, apply: n })] : [],
+            C({ padding: l }),
+            T(),
+            ...n ? [L({ padding: l, apply: n })] : [],
             ...o || []
           ]
-        }).then(({ x: a, y: w }) => {
-          t.style.left = `${a}px`, t.style.top = `${w}px`;
+        }).then(({ x: w, y: b }) => {
+          t.style.left = `${w}px`, t.style.top = `${b}px`;
         });
       })
     );
@@ -55,32 +55,38 @@ function D(t, e, { contain: n, middleware: o, placement: i, ...s } = {}) {
 function U(t, ...e) {
   let n = 0;
   const o = () => setTimeout(i, 200), i = () => {
+    if (!m) return u();
     t([], s), s.takeRecords(), n = 0;
   }, s = new MutationObserver(() => {
     n || (n = requestAnimationFrame(o));
-  });
+  }), u = () => {
+    try {
+      s.disconnect();
+    } catch {
+    }
+  };
   return s.observe(document.documentElement, {
     attributeFilter: e,
     attributes: !0,
     childList: !0,
     subtree: !0
-  }), () => s.disconnect();
+  }), u;
 }
-const P = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), c = "aria-selected", W = ({ className: t, hidden: e, open: n, ...o }, i) => (o.suppressHydrationWarning = !0, o[c] !== void 0 && (o[c] = `${(o[c] || "false") !== "false"}`), (t || i) && (o.class = L(i, t)), e && (o.hidden = !0), n && (o.open = !0), o), g = (t, e, n) => {
+const P = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), d = "aria-selected", W = ({ className: t, hidden: e, open: n, ...o }, i) => (o.suppressHydrationWarning = !0, o[d] !== void 0 && (o[d] = `${(o[d] || "false") !== "false"}`), (t || i) && (o.class = M(i, t)), e && (o.hidden = !0), n && (o.open = !0), o), g = (t, e, n) => {
   const o = document.createElement(t);
-  if (n && (o.textContent = n), e) for (const [i, s] of Object.entries(e)) d(o, i, s);
+  if (n && (o.textContent = n), e) for (const [i, s] of Object.entries(e)) f(o, i, s);
   return o;
 }, B = typeof HTMLElement > "u" ? class {
 } : HTMLElement;
 export {
-  v as IS_BROWSER,
+  m as IS_BROWSER,
   B as MTDSElement,
   O as QUICK_EVENT,
-  D as anchorPosition,
-  d as attr,
+  _ as anchorPosition,
+  f as attr,
   k as debounce,
   P as isInputLike,
-  H as off,
+  h as off,
   $ as on,
   R as onLoaded,
   U as onMutation,

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import type { Placement, SizeOptions } from \"@floating-ui/dom\";\nimport {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\tshift,\n\tsize,\n} from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const IS_BROWSER =\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\";\n\n// TODO: Documentation for prettyNumber\nlet INTL_NUM: Intl.NumberFormat | undefined;\nexport function prettyNumber(number: number | string) {\n\tif (!INTL_NUM)\n\t\tINTL_NUM = new Intl.NumberFormat(\n\t\t\t(IS_BROWSER && attr(document.documentElement, \"lang\")) || \"no\",\n\t\t);\n\treturn INTL_NUM.format(Number(number));\n}\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn (...args: T) => {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback(...args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId(el: Element) {\n\tif (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\t[...rest]: Parameters<typeof Element.prototype.addEventListener>, // Spreat to make a copy of the array\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tevents(\"add\", element, rest);\n\treturn () => off(element, ...rest);\n};\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsCleanups?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onLoaded\n * @description Runs a callback when window is loaded in browser, and ensures events are unbound if hot reloading\n * @param callback The callback to run when the page is ready\n */\nexport const onLoaded = (setup: () => Array<() => void>) => {\n\tif (!IS_BROWSER || !window.requestAnimationFrame) return; // Skip if not in browser environment\n\tif (!window._mtdsCleanups) window._mtdsCleanups = new Map();\n\n\tconst run = () =>\n\t\trequestAnimationFrame(() => {\n\t\t\tconst key = String(setup).replace(/(\\n|\\s)/g, \"\"); // Create a key based on setup function body\n\t\t\twindow._mtdsCleanups?.get(key)?.map((cleanup) => cleanup()); // Run cleanups\n\t\t\twindow._mtdsCleanups?.set(key, setup()); // Rum setup and store cleanups\n\t\t});\n\n\tif (document.readyState === \"complete\") run();\n\telse on(window, \"load\", run);\n};\n\ntype AnchorOptions = Parameters<typeof computePosition>[2] & {\n\tcontain?: SizeOptions[\"apply\"] | false;\n};\nconst ANCHORED = new WeakMap<Element, ReturnType<typeof autoUpdate>>();\nconst DIALOG = `.${styles.dialog.split(\" \")[0]}`;\nexport function anchorPosition(\n\ttarget: HTMLElement,\n\tanchor: false | Element,\n\t{ contain, middleware, placement, ...options }: AnchorOptions = {},\n) {\n\tANCHORED.get(target)?.(); // Unbind previous anchor position\n\tANCHORED.delete(target);\n\n\t// TODO aria-label på app\n\tif (anchor) {\n\t\tconst footer = target.closest(DIALOG)?.querySelector(\":scope > footer\");\n\t\tconst inset = Number(attr(target, \"data-inset\")) || 20;\n\t\tconst bottom = (footer?.clientHeight || 0) + inset;\n\t\tconst padding = { bottom, left: inset, right: inset, top: inset };\n\t\tconst position = (attr(target, \"data-position\") ?? \"bottom\") as Placement;\n\n\t\tANCHORED.set(\n\t\t\ttarget,\n\t\t\tautoUpdate(anchor, target, () => {\n\t\t\t\tif (!target.isConnected || !anchor.isConnected || target.hidden)\n\t\t\t\t\treturn anchorPosition(target, false);\n\t\t\t\tcomputePosition(anchor, target, {\n\t\t\t\t\t...options,\n\t\t\t\t\tplacement: placement || position,\n\t\t\t\t\tmiddleware: [\n\t\t\t\t\t\tflip({ padding }),\n\t\t\t\t\t\tshift(),\n\t\t\t\t\t\t...(contain ? [size({ padding, apply: contain })] : []),\n\t\t\t\t\t\t...(middleware || []),\n\t\t\t\t\t],\n\t\t\t\t}).then(({ x, y }) => {\n\t\t\t\t\ttarget.style.left = `${x}px`;\n\t\t\t\t\ttarget.style.top = `${y}px`;\n\t\t\t\t});\n\t\t\t}),\n\t\t);\n\t}\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function onMutation(callback: MutationCallback, ...attrs: string[]) {\n\tlet queue = 0;\n\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tcallback([], observer);\n\t\tobserver.takeRecords(); // Clear records to avoid running callback multiple times\n\t\tqueue = 0;\n\t};\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame);\n\t});\n\n\tobserver.observe(document.documentElement, {\n\t\tattributeFilter: attrs,\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t});\n\n\treturn () => observer.disconnect();\n}\n\n/**\n * isInputLike\n * @description Check if element is an input like element\n * @param el The element to check\n * @returns True if the element is an input like element\n */\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement &&\n\t\"validity\" in el &&\n\t!(el instanceof HTMLButtonElement);\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = (\n\t{ className, hidden, open, ...rest }: Record<string, unknown>,\n\tklass?: string,\n) => {\n\trest.suppressHydrationWarning = true; // Make Next.js happy\n\tif (rest[SELECTED] !== undefined)\n\t\trest[SELECTED] = `${(rest[SELECTED] || \"false\") !== \"false\"}`; // Ensure aria-selected boolean is string\n\tif (className || klass) rest.class = clsx(klass, className as string); // Use class instead of className\n\tif (hidden) rest.hidden = true; // Ensure boolean prop behaviour\n\tif (open) rest.open = true; // Ensure boolean prop behaviour\n\treturn rest;\n};\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null>,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n"],"names":["QUICK_EVENT","IS_BROWSER","debounce","callback","delay","timer","args","attr","el","name","value","id","UUID","useId","events","action","element","type","rest","on","off","onLoaded","setup","run","key","cleanup","ANCHORED","DIALOG","styles","anchorPosition","target","anchor","contain","middleware","placement","options","footer","inset","padding","position","autoUpdate","computePosition","flip","shift","size","x","y","onMutation","attrs","queue","onFrame","onTimer","observer","isInputLike","SELECTED","toCustomElementProps","className","hidden","open","klass","clsx","tag","tagName","text","val","MTDSElement"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import type { Placement, SizeOptions } from \"@floating-ui/dom\";\nimport {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\tshift,\n\tsize,\n} from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const IS_BROWSER =\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\";\n\n// TODO: Documentation for prettyNumber\nlet INTL_NUM: Intl.NumberFormat | undefined;\nexport function prettyNumber(number: number | string) {\n\tif (!INTL_NUM)\n\t\tINTL_NUM = new Intl.NumberFormat(\n\t\t\t(IS_BROWSER && attr(document.documentElement, \"lang\")) || \"no\",\n\t\t);\n\treturn INTL_NUM.format(Number(number));\n}\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn (...args: T) => {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback(...args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId(el: Element) {\n\tif (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\t[...rest]: Parameters<typeof Element.prototype.addEventListener>, // Spreat to make a copy of the array\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tevents(\"add\", element, rest);\n\treturn () => off(element, ...rest);\n};\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsCleanups?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onLoaded\n * @description Runs a callback when window is loaded in browser, and ensures events are unbound if hot reloading\n * @param callback The callback to run when the page is ready\n */\nexport const onLoaded = (setup: () => Array<() => void>) => {\n\tif (!IS_BROWSER || !window.requestAnimationFrame) return; // Skip if not in browser environment\n\tif (!window._mtdsCleanups) window._mtdsCleanups = new Map();\n\n\tconst run = () =>\n\t\trequestAnimationFrame(() => {\n\t\t\tconst key = String(setup).replace(/(\\n|\\s)/g, \"\"); // Create a key based on setup function body\n\t\t\twindow._mtdsCleanups?.get(key)?.map((cleanup) => cleanup()); // Run cleanups\n\t\t\twindow._mtdsCleanups?.set(key, setup()); // Rum setup and store cleanups\n\t\t});\n\n\tif (document.readyState === \"complete\") run();\n\telse on(window, \"load\", run);\n};\n\ntype AnchorOptions = Parameters<typeof computePosition>[2] & {\n\tcontain?: SizeOptions[\"apply\"] | false;\n};\nconst ANCHORED = new WeakMap<Element, ReturnType<typeof autoUpdate>>();\nconst DIALOG = `.${styles.dialog.split(\" \")[0]}`;\nexport function anchorPosition(\n\ttarget: HTMLElement,\n\tanchor: false | Element,\n\t{ contain, middleware, placement, ...options }: AnchorOptions = {},\n) {\n\tANCHORED.get(target)?.(); // Unbind previous anchor position\n\tANCHORED.delete(target);\n\n\t// TODO aria-label på app\n\tif (anchor) {\n\t\tconst footer = target.closest(DIALOG)?.querySelector(\":scope > footer\");\n\t\tconst inset = Number(attr(target, \"data-inset\")) || 20;\n\t\tconst bottom = (footer?.clientHeight || 0) + inset;\n\t\tconst padding = { bottom, left: inset, right: inset, top: inset };\n\t\tconst position = (attr(target, \"data-position\") ?? \"bottom\") as Placement;\n\n\t\tANCHORED.set(\n\t\t\ttarget,\n\t\t\tautoUpdate(anchor, target, () => {\n\t\t\t\tif (!target.isConnected || !anchor.isConnected || target.hidden)\n\t\t\t\t\treturn anchorPosition(target, false);\n\t\t\t\tcomputePosition(anchor, target, {\n\t\t\t\t\t...options,\n\t\t\t\t\tplacement: placement || position,\n\t\t\t\t\tmiddleware: [\n\t\t\t\t\t\tflip({ padding }),\n\t\t\t\t\t\tshift(),\n\t\t\t\t\t\t...(contain ? [size({ padding, apply: contain })] : []),\n\t\t\t\t\t\t...(middleware || []),\n\t\t\t\t\t],\n\t\t\t\t}).then(({ x, y }) => {\n\t\t\t\t\ttarget.style.left = `${x}px`;\n\t\t\t\t\ttarget.style.top = `${y}px`;\n\t\t\t\t});\n\t\t\t}),\n\t\t);\n\t}\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function onMutation(callback: MutationCallback, ...attrs: string[]) {\n\tlet queue = 0;\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tif (!IS_BROWSER) return cleanup(); // If using JSDOM, the document might have been removed\n\t\tcallback([], observer);\n\t\tobserver.takeRecords(); // Clear records to avoid running callback multiple times\n\t\tqueue = 0;\n\t};\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame);\n\t});\n\tconst cleanup = () => {\n\t\ttry {\n\t\t\tobserver.disconnect();\n\t\t} catch (_) {\n\t\t\t// No more observer\n\t\t}\n\t};\n\n\tobserver.observe(document.documentElement, {\n\t\tattributeFilter: attrs,\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t});\n\n\treturn cleanup;\n}\n\n/**\n * isInputLike\n * @description Check if element is an input like element\n * @param el The element to check\n * @returns True if the element is an input like element\n */\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement &&\n\t\"validity\" in el &&\n\t!(el instanceof HTMLButtonElement);\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = (\n\t{ className, hidden, open, ...rest }: Record<string, unknown>,\n\tklass?: string,\n) => {\n\trest.suppressHydrationWarning = true; // Make Next.js happy\n\tif (rest[SELECTED] !== undefined)\n\t\trest[SELECTED] = `${(rest[SELECTED] || \"false\") !== \"false\"}`; // Ensure aria-selected boolean is string\n\tif (className || klass) rest.class = clsx(klass, className as string); // Use class instead of className\n\tif (hidden) rest.hidden = true; // Ensure boolean prop behaviour\n\tif (open) rest.open = true; // Ensure boolean prop behaviour\n\treturn rest;\n};\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null>,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n"],"names":["QUICK_EVENT","IS_BROWSER","debounce","callback","delay","timer","args","attr","el","name","value","id","UUID","useId","events","action","element","type","rest","on","off","onLoaded","setup","run","key","cleanup","ANCHORED","DIALOG","styles","anchorPosition","target","anchor","contain","middleware","placement","options","footer","inset","padding","position","autoUpdate","computePosition","flip","shift","size","x","y","onMutation","attrs","queue","onFrame","onTimer","observer","isInputLike","SELECTED","toCustomElementProps","className","hidden","open","klass","clsx","tag","tagName","text","val","MTDSElement"],"mappings":";;;AAWO,MAAMA,IAAc,EAAE,SAAS,IAAM,SAAS,GAAA,GACxCC,IACZ,OAAO,SAAW,OAAe,OAAO,WAAa;AAY/C,SAASC,EACfC,GACAC,GACC;AACD,MAAIC;AAEJ,SAAO,IAAIC,MAAY;AACtB,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAMF,EAAS,GAAGG,CAAI,GAAGF,CAAK;AAAA,EAClD;AACD;AASO,SAASG,EACfC,GACAC,GACAC,GACgB;AAChB,SAAIA,MAAU,SAAkBF,EAAG,aAAaC,CAAI,KAAK,QACrDC,MAAU,OAAMF,EAAG,gBAAgBC,CAAI,IAClCD,EAAG,aAAaC,CAAI,MAAMC,KAAOF,EAAG,aAAaC,GAAMC,CAAK,GAC9D;AACR;AAMA,IAAIC,IAAK;AACT,MAAMC,IAAO,GAAG,KAAK,MAAM,SAAS,EAAE,CAAC,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACzE,SAASC,EAAML,GAAa;AAClC,SAAKA,EAAG,OAAIA,EAAG,KAAK,GAAGI,CAAI,GAAG,EAAED,CAAE,KAC3BH,EAAG;AACX;AAGA,MAAMM,IAAS,CACdC,GACAC,GACA,KAAQ,MACE;AACV,aAAWC,KAAQC,EAAK,CAAC,EAAE,MAAM,GAAG;AACnC,IAAAA,EAAK,CAAC,IAAID,GACVD,EAAQ,GAAGD,CAAM,eAAe,EAAE,GAAGG,CAAI;AAE3C,GAQaC,IAAK,CACjBH,MACGE,OAEHJ,EAAO,OAAOE,GAASE,CAAI,GACpB,MAAME,EAAIJ,GAAS,GAAGE,CAAI,IASrBE,IAAM,CAClBJ,MACGE,MACOJ,EAAO,UAAUE,GAASE,CAAI,GAa5BG,IAAW,CAACC,MAAmC;AAC3D,MAAI,CAACrB,KAAc,CAAC,OAAO,sBAAuB;AAClD,EAAK,OAAO,kBAAe,OAAO,oCAAoB,IAAA;AAEtD,QAAMsB,IAAM,MACX,sBAAsB,MAAM;AAC3B,UAAMC,IAAM,OAAOF,CAAK,EAAE,QAAQ,YAAY,EAAE;AAChD,WAAO,eAAe,IAAIE,CAAG,GAAG,IAAI,CAACC,MAAYA,GAAS,GAC1D,OAAO,eAAe,IAAID,GAAKF,EAAA,CAAO;AAAA,EACvC,CAAC;AAEF,EAAI,SAAS,eAAe,aAAYC,EAAA,IACnCJ,EAAG,QAAQ,QAAQI,CAAG;AAC5B,GAKMG,wBAAe,QAAA,GACfC,IAAS,IAAIC,EAAO,OAAO,MAAM,GAAG,EAAE,CAAC,CAAC;AACvC,SAASC,EACfC,GACAC,GACA,EAAE,SAAAC,GAAS,YAAAC,GAAY,WAAAC,GAAW,GAAGC,EAAA,IAA2B,IAC/D;AAKD,MAJAT,EAAS,IAAII,CAAM,IAAA,GACnBJ,EAAS,OAAOI,CAAM,GAGlBC,GAAQ;AACX,UAAMK,IAASN,EAAO,QAAQH,CAAM,GAAG,cAAc,iBAAiB,GAChEU,IAAQ,OAAO9B,EAAKuB,GAAQ,YAAY,CAAC,KAAK,IAE9CQ,IAAU,EAAE,SADFF,GAAQ,gBAAgB,KAAKC,GACnB,MAAMA,GAAO,OAAOA,GAAO,KAAKA,EAAA,GACpDE,IAAYhC,EAAKuB,GAAQ,eAAe,KAAK;AAEnD,IAAAJ,EAAS;AAAA,MACRI;AAAA,MACAU,EAAWT,GAAQD,GAAQ,MAAM;AAChC,YAAI,CAACA,EAAO,eAAe,CAACC,EAAO,eAAeD,EAAO;AACxD,iBAAOD,EAAeC,GAAQ,EAAK;AACpC,QAAAW,EAAgBV,GAAQD,GAAQ;AAAA,UAC/B,GAAGK;AAAA,UACH,WAAWD,KAAaK;AAAA,UACxB,YAAY;AAAA,YACXG,EAAK,EAAE,SAAAJ,GAAS;AAAA,YAChBK,EAAA;AAAA,YACA,GAAIX,IAAU,CAACY,EAAK,EAAE,SAAAN,GAAS,OAAON,EAAA,CAAS,CAAC,IAAI,CAAA;AAAA,YACpD,GAAIC,KAAc,CAAA;AAAA,UAAC;AAAA,QACpB,CACA,EAAE,KAAK,CAAC,EAAE,GAAAY,GAAG,GAAAC,QAAQ;AACrB,UAAAhB,EAAO,MAAM,OAAO,GAAGe,CAAC,MACxBf,EAAO,MAAM,MAAM,GAAGgB,CAAC;AAAA,QACxB,CAAC;AAAA,MACF,CAAC;AAAA,IAAA;AAAA,EAEH;AACD;AAMO,SAASC,EAAW5C,MAA+B6C,GAAiB;AAC1E,MAAIC,IAAQ;AACZ,QAAMC,IAAU,MAAM,WAAWC,GAAS,GAAG,GACvCA,IAAU,MAAM;AACrB,QAAI,CAAClD,EAAY,QAAOwB,EAAA;AACxB,IAAAtB,EAAS,CAAA,GAAIiD,CAAQ,GACrBA,EAAS,YAAA,GACTH,IAAQ;AAAA,EACT,GACMG,IAAW,IAAI,iBAAiB,MAAM;AAC3C,IAAKH,MAAOA,IAAQ,sBAAsBC,CAAO;AAAA,EAClD,CAAC,GACKzB,IAAU,MAAM;AACrB,QAAI;AACH,MAAA2B,EAAS,WAAA;AAAA,IACV,QAAY;AAAA,IAEZ;AAAA,EACD;AAEA,SAAAA,EAAS,QAAQ,SAAS,iBAAiB;AAAA,IAC1C,iBAAiBJ;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT,GAEMvB;AACR;AAQO,MAAM4B,IAAc,CAAC7C,MAC3BA,aAAc,eACd,cAAcA,KACd,EAAEA,aAAc,oBAQX8C,IAAW,iBACJC,IAAuB,CACnC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,MAAAC,GAAM,GAAGxC,EAAA,GAC9ByC,OAEAzC,EAAK,2BAA2B,IAC5BA,EAAKoC,CAAQ,MAAM,WACtBpC,EAAKoC,CAAQ,IAAI,IAAIpC,EAAKoC,CAAQ,KAAK,aAAa,OAAO,MACxDE,KAAaG,OAAOzC,EAAK,QAAQ0C,EAAKD,GAAOH,CAAmB,IAChEC,QAAa,SAAS,KACtBC,QAAW,OAAO,KACfxC,IAWK2C,IAAM,CAClBC,GACAd,GACAe,MACoC;AACpC,QAAMvD,IAAK,SAAS,cAAcsD,CAAO;AAEzC,MADIC,QAAS,cAAcA,IACvBf,EAAO,YAAW,CAACxB,GAAKwC,CAAG,KAAK,OAAO,QAAQhB,CAAK,EAAG,CAAAzC,EAAKC,GAAIgB,GAAKwC,CAAG;AAC5E,SAAOxD;AACR,GAGayD,IACZ,OAAO,cAAgB,MACnB,MAAM;AAAC,IACR;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.17",
+	"version": "2.2.19",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -24,23 +24,23 @@
 			"import": "./mtds/react.js",
 			"types": "./mtds/react.d.ts"
 		},
-		"./map": {
-			"import": "./mtds/map.js",
-			"types": "./mtds/map.d.ts"
+		"./atlas": {
+			"import": "./mtds/atlas.js",
+			"types": "./mtds/atlas.d.ts"
 		},
 		"./*.svg": "./mtds/*.svg",
 		"./*.ico": "./mtds/*.ico",
 		"./icons/*": "./mtds/icons/*",
 		"./illustrations/*": "./mtds/illustrations/*",
 		"./index.iife.js": "./mtds/index.iife.js",
-		"./map.iife.js": "./mtds/map.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-map && vite build && rm -rf mtds/docs/ && rm -rf mtds/iife.css",
+		"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 tokens build",
 		"format": "npx @biomejs/biome format",
 		"lint": "npx @biomejs/biome lint",
@@ -50,36 +50,35 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.2.6",
-		"@digdir/designsystemet": "^1.6.1",
+		"@biomejs/biome": "^2.3.4",
 		"@digdir/designsystemet-css": "^1.6.1",
 		"@handsontable/react-wrapper": "^16.1.1",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^9.1.13",
-		"@storybook/addon-themes": "^9.1.13",
-		"@storybook/react-vite": "^9.1.13",
+		"@storybook/addon-docs": "^10.0.6",
+		"@storybook/addon-themes": "^10.0.6",
+		"@storybook/react-vite": "^10.0.6",
 		"@tanstack/react-table": "^8.21.3",
-		"@types/node": "^24.9.1",
+		"@types/node": "^24.10.0",
 		"@types/react": "^19.2.2",
 		"@types/react-dom": "^19.2.2",
-		"@vitejs/plugin-react": "^5.0.4",
+		"@vitejs/plugin-react": "^5.1.0",
 		"fast-glob": "^3.3.3",
 		"handsontable": "^16.1.1",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
-		"storybook": "^9.1.13",
+		"storybook": "^10.0.6",
 		"typescript": "^5.9.3",
-		"vite": "^7.1.11",
+		"vite": "^7.2.2",
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"dependencies": {
 		"@floating-ui/dom": "^1.7.4",
 		"@types/leaflet": "^1.9.21",
 		"@types/leaflet.markercluster": "^1.5.6",
-		"@u-elements/u-combobox": "^1.0.2",
+		"@u-elements/u-combobox": "^1.0.4",
 		"@u-elements/u-datalist": "^1.0.14",
 		"@u-elements/u-details": "^0.1.5",
 		"@u-elements/u-progress": "^0.0.6",

package/mtds/lawpicker/lawpicker-element.d.ts

@@ -1,18 +0,0 @@
-import { MTDSElement } from '../utils';
-import type * as ReactTypes from "react";
-type JSXMapAttrs = ReactTypes.HTMLAttributes<MTDLovvelgerElement>;
-type JSXMapProps = ReactTypes.DetailedHTMLProps<JSXMapAttrs, MTDLovvelgerElement>;
-declare global {
-    namespace React.JSX {
-        interface IntrinsicElements {
-            "mtds-lovvelger": JSXMapProps & {
-                class?: string;
-            };
-        }
-    }
-}
-export declare class MTDLovvelgerElement extends MTDSElement {
-    constructor();
-    connectedCallback(): void;
-}
-export {};