@mattilsynet/design 3.2.8 → 3.3.0

package/mtds/styles.json

@@ -1,47 +1,47 @@
 {
-  "alert": "_alert_14zqc_1 _ds-alert_1dsd4_3",
+  "alert": "_alert_14zqc_1 _ds-alert_o04yn_1",
   "app": "_app_14zqc_1",
   "sticky": "_sticky_14zqc_1",
-  "avatar": "_avatar_14zqc_1 _ds-avatar_1dsd4_1",
+  "avatar": "_avatar_14zqc_1 _ds-avatar_o04yn_1",
   "badge": "_badge_14zqc_1",
-  "breadcrumbs": "_breadcrumbs_14zqc_1 _ds-breadcrumbs_1dsd4_5",
-  "button": "_button_14zqc_1 _ds-button_1dsd4_1",
+  "breadcrumbs": "_breadcrumbs_14zqc_1 _ds-breadcrumbs_o04yn_3",
+  "button": "_button_14zqc_1 _ds-button_o04yn_1",
   "card": "_card_14zqc_1",
   "group": "_group_14zqc_1",
-  "chip": "_chip_14zqc_1 _ds-chip_1dsd4_5",
-  "details": "_details_14zqc_1 _ds-details_1dsd4_3",
-  "dialog": "_dialog_14zqc_1 _ds-dialog_1dsd4_5",
+  "chip": "_chip_14zqc_1 _ds-chip_o04yn_3",
+  "details": "_details_14zqc_1 _ds-details_o04yn_1",
+  "dialog": "_dialog_14zqc_1 _ds-dialog_o04yn_3",
   "divider": "_divider_14zqc_1",
-  "errorsummary": "_errorsummary_14zqc_1 _ds-error-summary_1dsd4_5",
-  "field": "_field_14zqc_1 _ds-field_1dsd4_1",
-  "suggestion": "_suggestion_14zqc_1 _ds-suggestion_1dsd4_5",
-  "affixes": "_affixes_14zqc_1 _ds-field-affixes_1dsd4_3",
-  "fieldset": "_fieldset_14zqc_1 _ds-fieldset_1dsd4_3",
+  "errorsummary": "_errorsummary_14zqc_1 _ds-error-summary_o04yn_3",
+  "field": "_field_14zqc_1 _ds-field_o04yn_1",
+  "suggestion": "_suggestion_14zqc_1 _ds-suggestion_o04yn_3",
+  "affixes": "_affixes_14zqc_1 _ds-field-affixes_o04yn_1",
+  "fieldset": "_fieldset_14zqc_1 _ds-fieldset_o04yn_1",
   "fileupload": "_fileupload_14zqc_1",
-  "helptext": "_helptext_14zqc_1 _ds-focus_1dsd4_1",
-  "input": "_input_14zqc_1 _ds-input_1dsd4_1",
+  "helptext": "_helptext_14zqc_1 _ds-focus_o04yn_1",
+  "input": "_input_14zqc_1 _ds-input_o04yn_1",
   "law": "_law_14zqc_1",
   "grid": "_grid_14zqc_1",
   "flex": "_flex_14zqc_1",
   "link": "_link_14zqc_1",
   "logo": "_logo_14zqc_1",
-  "pagination": "_pagination_14zqc_1 _ds-pagination_1dsd4_5",
-  "popover": "_popover_14zqc_1 _ds-popover_1dsd4_3",
+  "pagination": "_pagination_14zqc_1 _ds-pagination_o04yn_3",
+  "popover": "_popover_14zqc_1 _ds-popover_o04yn_1",
   "print": "_print_14zqc_1",
   "progress": "_progress_14zqc_1",
-  "skeleton": "_skeleton_14zqc_1 _ds-skeleton_1dsd4_5",
+  "skeleton": "_skeleton_14zqc_1 _ds-skeleton_o04yn_3",
   "spinner": "_spinner_14zqc_1",
   "steps": "_steps_14zqc_1",
-  "table": "_table_14zqc_1 _ds-table_1dsd4_5",
-  "tabs": "_tabs_14zqc_1 _ds-tabs_1dsd4_5",
-  "tag": "_tag_14zqc_1 _ds-tag_1dsd4_5",
+  "table": "_table_14zqc_1 _ds-table_o04yn_3",
+  "tabs": "_tabs_14zqc_1 _ds-tabs_o04yn_3",
+  "tag": "_tag_14zqc_1 _ds-tag_o04yn_3",
   "toast": "_toast_14zqc_1",
-  "togglegroup": "_togglegroup_14zqc_1 _ds-toggle-group_1dsd4_5",
-  "heading": "_heading_14zqc_1 _ds-heading_1dsd4_1",
+  "togglegroup": "_togglegroup_14zqc_1 _ds-toggle-group_o04yn_3",
+  "heading": "_heading_14zqc_1 _ds-heading_o04yn_1",
   "ingress": "_ingress_14zqc_1",
   "muted": "_muted_14zqc_1",
   "info": "_info_14zqc_1",
   "prose": "_prose_14zqc_1",
-  "validation": "_validation_14zqc_1 _ds-validation-message_1dsd4_1",
+  "validation": "_validation_14zqc_1 _ds-validation-message_o04yn_1",
   "body": "_body_14zqc_162"
 }

package/mtds/styles.module.css.js

@@ -1,14 +1,14 @@
-const _ = "_alert_14zqc_1 _ds-alert_1dsd4_3", s = "_app_14zqc_1", t = "_sticky_14zqc_1", o = "_avatar_14zqc_1 _ds-avatar_1dsd4_1", c = "_badge_14zqc_1", d = "_breadcrumbs_14zqc_1 _ds-breadcrumbs_1dsd4_5", e = "_button_14zqc_1 _ds-button_1dsd4_1", n = "_card_14zqc_1", a = "_group_14zqc_1", i = "_chip_14zqc_1 _ds-chip_1dsd4_5", r = "_details_14zqc_1 _ds-details_1dsd4_3", l = "_dialog_14zqc_1 _ds-dialog_1dsd4_5", p = "__drawer_14zqc_1", g = "_divider_14zqc_1", q = "_errorsummary_14zqc_1 _ds-error-summary_1dsd4_5", z = "_field_14zqc_1 _ds-field_1dsd4_1", u = "_suggestion_14zqc_1 _ds-suggestion_1dsd4_5", f = "_affixes_14zqc_1 _ds-field-affixes_1dsd4_3", b = "_fieldset_14zqc_1 _ds-fieldset_1dsd4_3", m = "_fileupload_14zqc_1", k = "_helptext_14zqc_1 _ds-focus_1dsd4_1", h = "_input_14zqc_1 _ds-input_1dsd4_1", v = "_law_14zqc_1", x = "_grid_14zqc_1", y = "_flex_14zqc_1", w = "_link_14zqc_1", C = "_logo_14zqc_1", M = "__logo_14zqc_1", O = "_pagination_14zqc_1 _ds-pagination_1dsd4_5", S = "_popover_14zqc_1 _ds-popover_1dsd4_3", T = "_print_14zqc_1", j = "_progress_14zqc_1", A = "__indeterminate_14zqc_1", B = "_skeleton_14zqc_1 _ds-skeleton_1dsd4_5", D = "__skeleton_14zqc_1", E = "_spinner_14zqc_1", F = "_steps_14zqc_1", G = "_table_14zqc_1 _ds-table_1dsd4_5", H = "__scrollShadow_14zqc_1", I = "_tabs_14zqc_1 _ds-tabs_1dsd4_5", J = "__scrollMask_14zqc_1", K = "_tag_14zqc_1 _ds-tag_1dsd4_5", L = "_toast_14zqc_1", N = "__toastClose_14zqc_1", P = "__toastOpen_14zqc_1", Q = "__toastTimeout_14zqc_1", R = "_togglegroup_14zqc_1 _ds-toggle-group_1dsd4_5", U = "__tooltip_14zqc_1 _ds-tooltip_1dsd4_5", V = "_heading_14zqc_1 _ds-heading_1dsd4_1", W = "_ingress_14zqc_1", X = "_muted_14zqc_1", Y = "_info_14zqc_1", Z = "_prose_14zqc_1", $ = "_validation_14zqc_1 _ds-validation-message_1dsd4_1", __ = "_body_14zqc_162", s_ = "__checked_14zqc_1", t_ = {
+const _ = "_alert_14zqc_1 _ds-alert_o04yn_1", o = "_app_14zqc_1", t = "_sticky_14zqc_1", s = "_avatar_14zqc_1 _ds-avatar_o04yn_1", n = "_badge_14zqc_1", c = "_breadcrumbs_14zqc_1 _ds-breadcrumbs_o04yn_3", e = "_button_14zqc_1 _ds-button_o04yn_1", a = "_card_14zqc_1", i = "_group_14zqc_1", d = "_chip_14zqc_1 _ds-chip_o04yn_3", r = "_details_14zqc_1 _ds-details_o04yn_1", l = "_dialog_14zqc_1 _ds-dialog_o04yn_3", p = "__drawer_14zqc_1", g = "_divider_14zqc_1", q = "_errorsummary_14zqc_1 _ds-error-summary_o04yn_3", z = "_field_14zqc_1 _ds-field_o04yn_1", u = "_suggestion_14zqc_1 _ds-suggestion_o04yn_3", y = "_affixes_14zqc_1 _ds-field-affixes_o04yn_1", f = "_fieldset_14zqc_1 _ds-fieldset_o04yn_1", b = "_fileupload_14zqc_1", m = "_helptext_14zqc_1 _ds-focus_o04yn_1", k = "_input_14zqc_1 _ds-input_o04yn_1", h = "_law_14zqc_1", v = "_grid_14zqc_1", x = "_flex_14zqc_1", w = "_link_14zqc_1", C = "_logo_14zqc_1", M = "__logo_14zqc_1", O = "_pagination_14zqc_1 _ds-pagination_o04yn_3", S = "_popover_14zqc_1 _ds-popover_o04yn_1", T = "_print_14zqc_1", j = "_progress_14zqc_1", A = "__indeterminate_14zqc_1", B = "_skeleton_14zqc_1 _ds-skeleton_o04yn_3", D = "__skeleton_14zqc_1", E = "_spinner_14zqc_1", F = "_steps_14zqc_1", G = "_table_14zqc_1 _ds-table_o04yn_3", H = "__scrollShadow_14zqc_1", I = "_tabs_14zqc_1 _ds-tabs_o04yn_3", J = "__scrollMask_14zqc_1", K = "_tag_14zqc_1 _ds-tag_o04yn_3", L = "_toast_14zqc_1", N = "__toastClose_14zqc_1", P = "__toastOpen_14zqc_1", Q = "__toastTimeout_14zqc_1", R = "_togglegroup_14zqc_1 _ds-toggle-group_o04yn_3", U = "__tooltip_14zqc_1 _ds-tooltip_o04yn_3", V = "_heading_14zqc_1 _ds-heading_o04yn_1", W = "_ingress_14zqc_1", X = "_muted_14zqc_1", Y = "_info_14zqc_1", Z = "_prose_14zqc_1", $ = "_validation_14zqc_1 _ds-validation-message_o04yn_1", __ = "_body_14zqc_162", o_ = "__checked_14zqc_1", t_ = {
   alert: _,
-  app: s,
+  app: o,
   sticky: t,
-  avatar: o,
-  badge: c,
-  breadcrumbs: d,
+  avatar: s,
+  badge: n,
+  breadcrumbs: c,
   button: e,
-  card: n,
-  group: a,
-  chip: i,
+  card: a,
+  group: i,
+  chip: d,
   details: r,
   dialog: l,
   _drawer: p,
@@ -16,14 +16,14 @@ const _ = "_alert_14zqc_1 _ds-alert_1dsd4_3", s = "_app_14zqc_1", t = "_sticky_1
   errorsummary: q,
   field: z,
   suggestion: u,
-  affixes: f,
-  fieldset: b,
-  fileupload: m,
-  helptext: k,
-  input: h,
-  law: v,
-  grid: x,
-  flex: y,
+  affixes: y,
+  fieldset: f,
+  fileupload: b,
+  helptext: m,
+  input: k,
+  law: h,
+  grid: v,
+  flex: x,
   link: w,
   logo: C,
   _logo: M,
@@ -54,10 +54,10 @@ const _ = "_alert_14zqc_1 _ds-alert_1dsd4_3", s = "_app_14zqc_1", t = "_sticky_1
   prose: Z,
   validation: $,
   body: __,
-  _checked: s_
+  _checked: o_
 };
 export {
-  s_ as _checked,
+  o_ as _checked,
   p as _drawer,
   A as _indeterminate,
   M as _logo,
@@ -68,33 +68,33 @@ export {
   P as _toastOpen,
   Q as _toastTimeout,
   U as _tooltip,
-  f as affixes,
+  y as affixes,
   _ as alert,
-  s as app,
-  o as avatar,
-  c as badge,
+  o as app,
+  s as avatar,
+  n as badge,
   __ as body,
-  d as breadcrumbs,
+  c as breadcrumbs,
   e as button,
-  n as card,
-  i as chip,
+  a as card,
+  d as chip,
   t_ as default,
   r as details,
   l as dialog,
   g as divider,
   q as errorsummary,
   z as field,
-  b as fieldset,
-  m as fileupload,
-  y as flex,
-  x as grid,
-  a as group,
+  f as fieldset,
+  b as fileupload,
+  x as flex,
+  v as grid,
+  i as group,
   V as heading,
-  k as helptext,
+  m as helptext,
   Y as info,
   W as ingress,
-  h as input,
-  v as law,
+  k as input,
+  h as law,
   w as link,
   C as logo,
   X as muted,

package/mtds/table/table-observer.js

@@ -1,18 +1,29 @@
-import { isBrowser as s, onHotReload as a, onMutation as n, debounce as c, attr as i } from "../utils.js";
-const d = s() ? document.getElementsByTagName("table") : [], b = () => {
-  for (const e of d) {
-    const r = Array.from(
-      e.tHead?.rows[0]?.cells || [],
-      (t) => t.innerText.trim()
-    );
-    for (const t of e.tBodies)
-      for (const l of t.rows)
-        for (const o of l.cells)
-          i(o, "data-th", r[o.cellIndex] || ":empty");
-  }
-};
-a("table", () => [
-  n(document, c(b, 200), {
+import { isBrowser as r, debounce as b, attr as a, onHotReload as u, onMutation as f } from "../utils.js";
+const s = /* @__PURE__ */ new WeakSet(), m = r() ? document.getElementsByTagName("table") : [], l = r() ? new ResizeObserver(b(c, 200)) : null;
+function c(e) {
+  for (const { target: t, contentRect: o } of e)
+    if (!t.isConnected) s.delete(t) && l?.unobserve(t);
+    else {
+      const n = t.getAttribute("data-mobile-source") === "self" ? o.width : window.innerWidth, d = Number(t.getAttribute("data-mobile-size")) || 768;
+      a(t, "data-mobile-active", n < d ? "" : null);
+    }
+}
+function h() {
+  for (const e of m)
+    if (e.hasAttribute("data-mobile")) {
+      const t = Array.from(
+        e.tHead?.rows[0]?.cells || [],
+        (o) => o.innerText.trim()
+      );
+      s.has(e) || (s.add(e), l?.observe(e), c([{ target: e, contentRect: e.getBoundingClientRect() }]));
+      for (const o of e.tBodies)
+        for (const i of o.rows)
+          for (const n of i.cells)
+            a(n, "data-th", t[n.cellIndex] || ":empty");
+    }
+}
+u("table", () => [
+  f(document, h, {
     attributeFilter: ["data-mobile"],
     attributes: !0,
     childList: !0,

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

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst handleTableMobile = () => {\n\tfor (const table of TABLES) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n};\n\nonHotReload(\"table\", () => [\n\tonMutation(document, debounce(handleTableMobile, 200), {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["TABLES","isBrowser","handleTableMobile","table","ths","th","tbody","row","cell","attr","onHotReload","onMutation","debounce"],"mappings":";AAEA,MAAMA,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IAAoB,MAAM;AAC/B,aAAWC,KAASH,GAAQ;AAC3B,UAAMI,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEAE,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUC,EAASV,GAAmB,GAAG,GAAG;AAAA,IACtD,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER = isBrowser()\n\t? new ResizeObserver(debounce(handleResize, 200))\n\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\t\tth.innerText.trim(),\n\t\t\t);\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["MOBILE","TABLES","isBrowser","RESIZER","debounce","handleResize","entries","table","rect","source","size","attr","handleTableMobile","target","ths","th","tbody","row","cell","onHotReload","onMutation"],"mappings":";AAEA,MAAMA,wBAAa,QAAA,GACbC,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IAAUD,MACb,IAAI,eAAeE,EAASC,GAAc,GAAG,CAAC,IAC9C;AAEH,SAASA,EACRC,GACC;AACD,aAAW,EAAE,QAAQC,GAAO,aAAaC,EAAA,KAAUF;AAClD,QAAI,CAACC,EAAM,YAAa,CAAAP,EAAO,OAAOO,CAAK,KAAKJ,GAAS,UAAUI,CAAK;AAAA,SACnE;AAEJ,YAAME,IADSF,EAAM,aAAa,oBAAoB,MAAM,SACpCC,EAAK,QAAQ,OAAO,YACtCE,IAAO,OAAOH,EAAM,aAAa,kBAAkB,CAAC,KAAK;AAE/D,MAAAI,EAAKJ,GAAO,sBAAsBE,IAASC,IAAO,KAAK,IAAI;AAAA,IAC5D;AAEF;AAEA,SAASE,IAAoB;AAC5B,aAAWC,KAAUZ;AACpB,QAAIY,EAAO,aAAa,aAAa,GAAG;AACvC,YAAMC,IAAM,MAAM;AAAA,QAAKD,EAAO,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,QAAI,CAACE,MAC3DA,EAAG,UAAU,KAAA;AAAA,MAAK;AAGnB,MAAKf,EAAO,IAAIa,CAAM,MACrBb,EAAO,IAAIa,CAAM,GACjBV,GAAS,QAAQU,CAAM,GACvBR,EAAa,CAAC,EAAE,QAAAQ,GAAQ,aAAaA,EAAO,sBAAA,EAAsB,CAAG,CAAC;AAGvE,iBAAWG,KAASH,EAAO;AAC1B,mBAAWI,KAAOD,EAAM;AACvB,qBAAWE,KAAQD,EAAI;AACtB,YAAAN,EAAKO,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,IACzD;AACF;AAEAC,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUR,GAAmB;AAAA,IACvC,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/mtds/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
 import { CustomReactElementProps } from '../react-types';
-import type * as DS from "@digdir/designsystemet-web";
+import type * as DS from "..";
 export type TabsProps = CustomReactElementProps<DS.DSTabsElement>;
 export type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;
 export type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;

package/mtds/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import type * as DS from \"@digdir/designsystemet-web\";\nimport { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = CustomReactElementProps<DS.DSTabsElement>;\nconst TabsComp = forwardRef<DS.DSTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <ds-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;\nconst TabsList = forwardRef<DS.DSTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <ds-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;\nconst TabsPanel = forwardRef<DS.DSTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <ds-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;\nconst TabsTab = forwardRef<DS.DSTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <ds-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"names":["TabsComp","forwardRef","props","ref","jsx","toCustomElementProps","styles","TabsList","TabsPanel","TabsTab","Tabs"],"mappings":";;;;AAOA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,aAAQ,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACzE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,eAAA,EAAY,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAChE;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,UAAA,EAAO,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC3D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}
+{"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type * as DS from \"..\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = CustomReactElementProps<DS.DSTabsElement>;\nconst TabsComp = forwardRef<DS.DSTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <ds-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;\nconst TabsList = forwardRef<DS.DSTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <ds-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;\nconst TabsPanel = forwardRef<DS.DSTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <ds-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;\nconst TabsTab = forwardRef<DS.DSTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <ds-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"names":["TabsComp","forwardRef","props","ref","jsx","toCustomElementProps","styles","TabsList","TabsPanel","TabsTab","Tabs"],"mappings":";;;;AAOA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,aAAQ,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACzE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,eAAA,EAAY,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAChE;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,UAAA,EAAO,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC3D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}

package/mtds/tailwind.css

@@ -128,7 +128,6 @@
 	--color-neutral-surface-tinted: var(--mtds-color-neutral-surface-tinted);
 	--color-neutral-text-default: var(--mtds-color-neutral-text-default);
 	--color-neutral-text-subtle: var(--mtds-color-neutral-text-subtle);
-	--color-neutral-text-subtle : var(--mtds-color-neutral-text-subtle );
 	--color-success-background-default: var(--mtds-color-success-background-default);
 	--color-success-background-tinted: var(--mtds-color-success-background-tinted);
 	--color-success-base-active: var(--mtds-color-success-base-active);

package/mtds/tooltip/tooltip-element.js

@@ -1,9 +1,10 @@
-import { setTooltipElement as t } from "@digdir/designsystemet-web";
-import o from "../styles.module.css.js";
-import { isBrowser as m, tag as i } from "../utils.js";
-m() && t(
-  document.getElementById("mtds-tooltip") || i("div", {
-    class: o._tooltip,
+import "../index.js";
+import t from "../styles.module.css.js";
+import { isBrowser as o, tag as m } from "../utils.js";
+import { setTooltipElement as i } from "@digdir/designsystemet-web";
+o() && i(
+  document.getElementById("mtds-tooltip") || m("div", {
+    class: t._tooltip,
     id: "mtds-tooltip",
     popover: "manual"
   })

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 \"@digdir/designsystemet-web\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\n\n// Set custom tooltip element for designsystemet-web\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","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;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.2.8",
+	"version": "3.3.0",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -34,6 +34,7 @@
 		},
 		"./*.svg": "./mtds/*.svg",
 		"./*.ico": "./mtds/*.ico",
+		"./ai/*": "./mtds/ai/*",
 		"./icons/*": "./mtds/icons/*",
 		"./illustrations/*": "./mtds/illustrations/*",
 		"./index.iife.js": "./mtds/index.iife.js",
@@ -54,9 +55,9 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.4.15",
-		"@digdir/designsystemet-css": "^1.14.0",
-		"@digdir/designsystemet-types": "^1.14.0",
+		"@biomejs/biome": "2.4.16",
+		"@digdir/designsystemet-css": "^1.15.0",
+		"@digdir/designsystemet-types": "^1.15.0",
 		"@handsontable/react-wrapper": "17.1.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
@@ -83,10 +84,11 @@
 		"storybook": "^10.4.1",
 		"typescript": "^6.0.3",
 		"vite": "^7.3.2",
-		"vite-plugin-dts": "^4.5.4"
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-static-copy": "^4.1.0"
 	},
 	"dependencies": {
-		"@digdir/designsystemet-web": "^1.14.0",
+		"@digdir/designsystemet-web": "^1.15.0",
 		"@u-elements/u-progress": "1.0.1",
 		"clsx": "^2.1.1"
 	},

package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js

@@ -1,238 +0,0 @@
-var z = Object.defineProperty, H = Object.getOwnPropertySymbols, J = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable, B = (t, e, i) => e in t ? z(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, Z = (t, e) => {
-  for (var i in e || (e = {}))
-    J.call(e, i) && B(t, i, e[i]);
-  if (H)
-    for (var i of H(e))
-      Q.call(e, i) && B(t, i, e[i]);
-  return t;
-}, y = () => typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", w = y(), O = w ? navigator.userAgent : "", S = /android/i.test(O), tt = /firefox/i.test(O), et = /iPad|iPhone|iPod/.test(O), U, it = w && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
-/^Mac/i.test(((U = navigator.userAgentData) == null ? void 0 : U.platform) || navigator.platform), rt = w && window.CSSStyleSheet && document.adoptedStyleSheets, ot = { once: !0, capture: !0, passive: !0 }, nt = ":host(:not([hidden])) { display: block }", at = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", st = `${S ? "data" : "aria"}-multiselectable`, K = typeof HTMLElement > "u" ? class {
-} : HTMLElement, r = (t, e, i) => i === void 0 ? t.getAttribute(e) : (i === null ? t.removeAttribute(e) : t.getAttribute(e) !== i && t.setAttribute(e, i), null), D = (t, ...e) => {
-  const [i, ...o] = e;
-  for (const n of i.split(" ")) t.addEventListener(n, ...o);
-  return () => m(t, ...e);
-}, m = (t, ...e) => {
-  const [i, ...o] = e;
-  for (const n of i.split(" ")) t.removeEventListener(n, ...o);
-}, ut = (t, e) => {
-  const i = t.shadowRoot || t.attachShadow({ mode: "open" });
-  if (i.querySelector("slot") || i.append(x("slot")), !i.querySelector("style"))
-    if (!rt) i.append(x("style", null, e));
-    else {
-      const o = new CSSStyleSheet();
-      o.replaceSync(e), i.adoptedStyleSheets = [o];
-    }
-  return i;
-}, dt = (t, e, i) => {
-  const o = new MutationObserver((a) => {
-    if (!y() || !t.isConnected) return n();
-    e(t, a);
-  }), n = Object.assign(() => o.disconnect(), {
-    takeRecords: () => o.takeRecords()
-    // Expose takeRecords - useful if mutating a attribute that is observed
-  });
-  return e(t), o.observe(t, i), n;
-}, b = (t) => {
-  var e;
-  const i = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
-  return i instanceof Document || i instanceof ShadowRoot ? i : document;
-}, q = (t) => b(t).activeElement, h = (t) => {
-  if (!t || !w) return null;
-  if (window.uElementsId || (window.uElementsId = {}), !t.id) {
-    const e = t.nodeName.toLowerCase();
-    window.uElementsId[e] || (window.uElementsId[e] = 1), t.id = `:${e}${window.uElementsId[e]++}`;
-  }
-  return t.id;
-}, x = (t, e, i) => {
-  const o = document.createElement(t);
-  if (i && (o.textContent = i), e) for (const [n, a] of Object.entries(e)) r(o, n, a);
-  return o;
-}, X = {
-  define: (t, e) => !y() || window.customElements.get(t) || window.customElements.define(t, e)
-}, lt = (t, e, i = "") => {
-  var o, n;
-  const a = { bubbles: !0, composed: !0, data: e, inputType: i }, s = HTMLInputElement.prototype;
-  t.dispatchEvent(new InputEvent("beforeinput", a)), (n = (o = Object.getOwnPropertyDescriptor(s, "value")) == null ? void 0 : o.set) == null || n.call(t, e), t.dispatchEvent(new InputEvent("input", a)), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, C = !1, k = (t) => (t?.type === "pointerup" && (C = !1), t?.type === "pointerdown" && (C = !0, D(document, "pointerup", k, ot)), C), ct = (t) => {
-  const e = r(t, "form");
-  r(t, "form", "#"), setTimeout(pt, 0, t, e);
-}, pt = (t, e) => r(t, "form", e), u, ht = 0, V = 0, P = (t) => {
-  clearTimeout(V), u || (u = x("div", { "aria-live": "assertive" }), u.style.overflow = "hidden", u.style.position = "fixed", u.style.whiteSpace = "nowrap", u.style.width = "1px"), u.isConnected || document.body.append(u), t === "" && (u.textContent = ""), t && (u.textContent = `${t}${ht++ % 2 ? " " : ""}`, V = setTimeout(P, !it && tt ? 2e3 : 300, ""));
-}, A = "disabled", p = "selected", vt = class extends K {
-  constructor() {
-    super(...arguments), this._skipAttrChange = !1;
-  }
-  // Using ES2015 syntax for backwards compatibility
-  static get observedAttributes() {
-    return ["id", A, p];
-  }
-  connectedCallback() {
-    S && (this.tabIndex = -1), this.hasAttribute("role") || r(this, "role", "option"), r(this, "aria-disabled", `${this.disabled}`), r(this, "aria-selected", `${this.selected}`), h(this);
-  }
-  attributeChangedCallback(t) {
-    this._skipAttrChange || (this._skipAttrChange = !0, t === "id" ? h(this) : r(this, `aria-${t}`, `${this[t]}`), this._skipAttrChange = !1);
-  }
-  /** Sets or retrieves whether the option in the list box is the default item. */
-  get defaultSelected() {
-    return this[p];
-  }
-  set defaultSelected(t) {
-    this[p] = t;
-  }
-  get disabled() {
-    return r(this, A) !== null;
-  }
-  set disabled(t) {
-    r(this, A, t ? "" : null);
-  }
-  /** Retrieves a reference to the form that the object is embedded in. */
-  get form() {
-    return this.closest("form");
-  }
-  /** Sets or retrieves the ordinal position of an option in a list box. */
-  get index() {
-    var t;
-    return [
-      ...((t = this.parentElement) == null ? void 0 : t.options) || [this]
-    ].indexOf(this);
-  }
-  /** Sets or retrieves a value that you can use to implement your own label functionality for the object. */
-  get label() {
-    var t;
-    return (t = r(this, "label")) != null ? t : this.text;
-  }
-  set label(t) {
-    r(this, "label", t);
-  }
-  get selected() {
-    return r(this, p) !== null;
-  }
-  set selected(t) {
-    r(this, p, t ? "" : null);
-  }
-  /** Sets or retrieves the text string specified by the option tag. */
-  get text() {
-    var t;
-    return ((t = this.textContent) == null ? void 0 : t.trim()) || "";
-  }
-  set text(t) {
-    this.textContent = t;
-  }
-  /** Sets or retrieves the value which is returned to the server when the form control is submitted. */
-  get value() {
-    var t;
-    return (t = r(this, "value")) != null ? t : this.text;
-  }
-  set value(t) {
-    r(this, "value", t);
-  }
-};
-X.define("u-option", vt);
-var W = "data-activedescendant", E = "aria-hidden", ft = `${nt}
-::slotted([role="option"]) { display: block; cursor: pointer }
-::slotted([role="option"][${W}]) { ${at} }
-::slotted([role="option"]:is([${E}="true"], [disabled], [hidden])) { display: none !important }`, L, F = "focus click keydown", $ = "focusout input pointerdown", _ = {
-  of: "of",
-  plural: "%d hits",
-  singular: "%d hit"
-}, _t = class extends K {
-  constructor() {
-    super(), this._texts = Z({}, _), ut(this, ft);
-  }
-  static get observedAttributes() {
-    return ["id", ...Object.keys(_).map((t) => `data-sr-${t}`)];
-  }
-  connectedCallback() {
-    this._root = b(this), r(this, "hidden", ""), r(this, "role", "listbox"), r(this, "tabindex", "-1"), D(this._root, F, this, !0), this._umutate = dt(this, j, {
-      attributeFilter: ["disabled", "hidden", "label", "value"],
-      // Listening to hidden attribute to update on open
-      attributes: !0,
-      characterData: !0,
-      childList: !0,
-      subtree: !0
-    });
-  }
-  disconnectedCallback() {
-    var t;
-    this._root && m(this._root, F, this, !0), this._root && m(this._root, $, this), g(this, null), (t = this._umutate) == null || t.call(this), this._umutate = this._root = this._input = void 0;
-  }
-  attributeChangedCallback(t, e, i) {
-    const o = t?.split("data-sr-")[1];
-    if (_[o]) this._texts[o] = i || _[o];
-    else if (this.id) {
-      const n = `input[list="${this.id}"]`, a = b(this).querySelector(n);
-      a && g(this, a);
-    }
-  }
-  handleEvent(t) {
-    t.defaultPrevented || (t.type === "focus" && M(this, t), t.type === "focusout" && bt(this, t), t.type === "click" && gt(this, t), t.type === "input" && j(this), t.type === "keydown" && yt(this, t), t.type === "pointerdown" && Et(this, t));
-  }
-  get options() {
-    const t = !this._options && this.querySelector('[role="option"],option');
-    return t && (this._options = this.getElementsByTagName(t?.nodeName)), this._options || this.getElementsByTagName("option");
-  }
-}, G = (t) => t.disabled || t.readOnly, R = (t) => t instanceof HTMLInputElement, mt = (t) => r(t, E) !== "true" && t.clientHeight, v = (t, e) => {
-  t._input && r(t._input, "aria-expanded", `${e}`), !(!t.isConnected || t.hidden !== e) && (e || Y(t), t.popover && t.togglePopover(e), e && setTimeout(() => clearTimeout(L)), t.hidden = !e);
-}, Y = (t, e) => {
-  t._input && r(t._input, "aria-activedescendant", h(e));
-  for (const i of t.options) r(i, W, i === e ? "" : null);
-  e?.scrollIntoView({ block: "nearest" });
-}, g = (t, e) => {
-  const i = e || t._input;
-  i && (t.popover && (r(t, "popover", "manual"), r(i, "popovertarget", e && h(t))), r(i, "aria-autocomplete", e && "list"), r(i, "aria-controls", e && h(t)), r(i, "autocomplete", e && "off"), r(i, "enterkeyhint", "done"), r(i, "role", e && !G(i) ? "combobox" : null));
-}, M = (t, { target: e }) => {
-  var i, o;
-  if (t._input !== e)
-    if (R(e) && e.getAttribute("list") === t.id) {
-      if (g(t, null), g(t, e), G(e)) return;
-      t._root && D(t._root, $, t), r(t, "aria-label", ((o = (i = e.labels) == null ? void 0 : i[0]) == null ? void 0 : o.textContent.trim()) || null), P(), t._input = e, S && v(t, !0);
-    } else N(t);
-}, bt = (t, e) => {
-  k() ? e.stopImmediatePropagation() : S || setTimeout(N, 0, t, e);
-}, N = (t) => {
-  const e = q(t);
-  t._input === e || t.contains(e) || (t._root && m(t._root, $, t), v(t, !1), t._input = void 0);
-}, Et = (t, e) => t.contains(e.target) && k(e), gt = (t, e) => {
-  var i;
-  if (R(e.target) && M(t, e), t._input === e.target) return v(t, !0);
-  if (!t.contains(e.target)) return N(t);
-  for (const o of t.options)
-    if (o.contains(e.target))
-      return (i = t._input) == null || i.focus(), t._input && lt(t._input, o.value), v(t, r(t, st) === "true");
-}, yt = (t, e) => {
-  if (R(e.target) && M(t, e), t._input !== e.target) return;
-  const { key: i, ctrlKey: o, metaKey: n, shiftKey: a, altKey: s } = e;
-  if (o || n || a || i === "Tab" || s && !i.startsWith("Arrow")) return;
-  i === "Escape" && !t.hidden && e.preventDefault(), v(t, i !== "Escape");
-  const f = i === "Enter", I = r(t._input, "aria-activedescendant"), d = [];
-  let c = -1, l = -1;
-  for (const T of t.options)
-    mt(T) && (d.push(T), T.id === I && (c = d.length - 1));
-  !s && i === "ArrowDown" && (l = (c + 1) % d.length), !s && i === "ArrowUp" && (l = (c || d.length) - 1), ~c && ((i === "Home" || i === "PageUp") && (l = 0), (i === "End" || i === "PageDown") && (l = d.length - 1), f && (l = c)), d[l] && (e.preventDefault(), t._input.focus()), f && d[l] ? (e.stopImmediatePropagation(), ct(t._input), d[l].click()) : Y(t, d[l]);
-}, j = (t) => {
-  var e;
-  if (!t._input || t.hidden) return;
-  const i = t._input.value.toLowerCase().trim() || "", o = !t.hasAttribute("data-nofilter"), n = [], a = [];
-  for (const s of t.options) (s.disabled || s.hidden || o && !s.label.toLowerCase().includes(i) ? n : a).push(s);
-  for (const s of n) r(s, E, "true");
-  for (const s of a) r(s, E, "false");
-  clearTimeout(L), L = setTimeout(wt, 500, t, a), et && a.forEach((s, f, { length: I }) => {
-    r(s, "title", `${f + 1} ${t._texts.of} ${I}`);
-  }), (e = t._umutate) == null || e.takeRecords();
-}, wt = (t, e) => !t.hidden && t._input === q(t) && P(
-  `${e.some(({ value: i }) => i) ? `${t._texts[e[1] ? "plural" : "singular"]}`.replace("%d", `${e.length}`) : t.innerText}`
-);
-y() && Object.defineProperty(HTMLInputElement.prototype, "list", {
-  configurable: !0,
-  enumerable: !0,
-  get() {
-    const t = r(this, "list");
-    return t && b(this).getElementById(t);
-  }
-});
-X.define("u-datalist", _t);
-export {
-  _t as UHTMLDataListElement,
-  ft as UHTMLDataListStyle
-};
-//# sourceMappingURL=u-datalist.js.map