@mattilsynet/design 2.1.2 → 2.1.4

package/mtds/styles.json

@@ -1,42 +1,42 @@
 {
-  "alert": "_alert_1run0_1 _ds-alert_im5h3_1",
+  "alert": "_alert_1run0_1 _ds-alert_wy3tx_1",
   "app": "_app_1run0_1",
   "sticky": "_sticky_1run0_1",
-  "avatar": "_avatar_1run0_1 _ds-avatar_im5h3_1",
+  "avatar": "_avatar_1run0_1 _ds-avatar_wy3tx_1",
   "badge": "_badge_1run0_1",
-  "breadcrumbs": "_breadcrumbs_1run0_1 _ds-breadcrumbs_im5h3_1",
-  "button": "_button_1run0_1 _ds-button_im5h3_1",
+  "breadcrumbs": "_breadcrumbs_1run0_1 _ds-breadcrumbs_wy3tx_1",
+  "button": "_button_1run0_1 _ds-button_wy3tx_1",
   "card": "_card_1run0_1",
   "group": "_group_1run0_1",
-  "chip": "_chip_1run0_1 _ds-chip_im5h3_1",
-  "details": "_details_1run0_1 _ds-details_im5h3_1",
-  "dialog": "_dialog_1run0_1 _ds-dialog_im5h3_1",
+  "chip": "_chip_1run0_1 _ds-chip_wy3tx_1",
+  "details": "_details_1run0_1 _ds-details_wy3tx_1",
+  "dialog": "_dialog_1run0_1 _ds-dialog_wy3tx_1",
   "divider": "_divider_1run0_1",
-  "errorsummary": "_errorsummary_1run0_1 _ds-error-summary_im5h3_1",
-  "field": "_field_1run0_1 _ds-field_im5h3_1",
-  "affixes": "_affixes_1run0_1 _ds-field-affixes_im5h3_1",
-  "fieldset": "_fieldset_1run0_1 _ds-fieldset_im5h3_1",
-  "heading": "_heading_1run0_1 _ds-heading_im5h3_1",
+  "errorsummary": "_errorsummary_1run0_1 _ds-error-summary_wy3tx_1",
+  "field": "_field_1run0_1 _ds-field_wy3tx_1",
+  "affixes": "_affixes_1run0_1 _ds-field-affixes_wy3tx_1",
+  "fieldset": "_fieldset_1run0_1 _ds-fieldset_wy3tx_1",
+  "heading": "_heading_1run0_1 _ds-heading_wy3tx_1",
   "ingress": "_ingress_1run0_1",
   "muted": "_muted_1run0_1",
   "info": "_info_1run0_1",
   "prose": "_prose_1run0_1",
-  "helptext": "_helptext_1run0_1 _ds-focus_im5h3_1",
-  "input": "_input_1run0_1 _ds-input_im5h3_1",
+  "helptext": "_helptext_1run0_1 _ds-focus_wy3tx_1",
+  "input": "_input_1run0_1 _ds-input_wy3tx_1",
   "grid": "_grid_1run0_1",
   "flex": "_flex_1run0_1",
   "link": "_link_1run0_1",
   "logo": "_logo_1run0_1",
-  "pagination": "_pagination_1run0_1 _ds-pagination_im5h3_1",
+  "pagination": "_pagination_1run0_1 _ds-pagination_wy3tx_1",
   "popover": "_popover_1run0_1",
   "progress": "_progress_1run0_1",
-  "skeleton": "_skeleton_1run0_1 _ds-skeleton_im5h3_1",
+  "skeleton": "_skeleton_1run0_1 _ds-skeleton_wy3tx_1",
   "spinner": "_spinner_1run0_1",
   "steps": "_steps_1run0_1",
-  "table": "_table_1run0_1 _ds-table_im5h3_1",
-  "tabs": "_tabs_1run0_1 _ds-tabs_im5h3_1",
-  "tag": "_tag_1run0_1 _ds-tag_im5h3_1",
+  "table": "_table_1run0_1 _ds-table_wy3tx_1",
+  "tabs": "_tabs_1run0_1 _ds-tabs_wy3tx_1",
+  "tag": "_tag_1run0_1 _ds-tag_wy3tx_1",
   "togglegroup": "_togglegroup_1run0_1",
-  "validation": "_validation_1run0_1 _ds-validation-message_im5h3_1",
+  "validation": "_validation_1run0_1 _ds-validation-message_wy3tx_1",
   "body": "_body_1run0_153"
 }

package/mtds/styles.module.css.js

@@ -1,28 +1,28 @@
-const _ = "_alert_1run0_1 _ds-alert_im5h3_1", n = "_app_1run0_1", s = "_sticky_1run0_1", t = "_avatar_1run0_1 _ds-avatar_im5h3_1", r = "_badge_1run0_1", o = "_breadcrumbs_1run0_1 _ds-breadcrumbs_im5h3_1", e = "_button_1run0_1 _ds-button_im5h3_1", i = "_card_1run0_1", a = "_group_1run0_1", d = "_chip_1run0_1 _ds-chip_im5h3_1", u = "_details_1run0_1 _ds-details_im5h3_1", c = "_dialog_1run0_1 _ds-dialog_im5h3_1", l = "__drawer_1run0_1", p = "_divider_1run0_1", m = "_errorsummary_1run0_1 _ds-error-summary_im5h3_1", g = "__errorsummary_1run0_1", h = "_field_1run0_1 _ds-field_im5h3_1", b = "__datalist_1run0_1", f = "_affixes_1run0_1 _ds-field-affixes_im5h3_1", k = "_fieldset_1run0_1 _ds-fieldset_im5h3_1", v = "_heading_1run0_1 _ds-heading_im5h3_1", y = "_ingress_1run0_1", x = "_muted_1run0_1", w = "_info_1run0_1", M = "_prose_1run0_1", S = "_helptext_1run0_1 _ds-focus_im5h3_1", j = "_input_1run0_1 _ds-input_im5h3_1", q = "_grid_1run0_1", z = "_flex_1run0_1", A = "_link_1run0_1", B = "_logo_1run0_1", C = "_pagination_1run0_1 _ds-pagination_im5h3_1", D = "_popover_1run0_1", E = "_progress_1run0_1", F = "__indeterminate_1run0_1", G = "_skeleton_1run0_1 _ds-skeleton_im5h3_1", H = "__skeleton_1run0_1", I = "_spinner_1run0_1", J = "_steps_1run0_1", K = "_table_1run0_1 _ds-table_im5h3_1", L = "__scrollShadow_1run0_1", N = "_tabs_1run0_1 _ds-tabs_im5h3_1", O = "__scrollMask_1run0_1", P = "_tag_1run0_1 _ds-tag_im5h3_1", Q = "_togglegroup_1run0_1", R = "__tooltip_1run0_1", T = "_validation_1run0_1 _ds-validation-message_im5h3_1", U = "_body_1run0_153", V = "__checked_1run0_1", W = {
+const _ = "_alert_1run0_1 _ds-alert_wy3tx_1", t = "_app_1run0_1", n = "_sticky_1run0_1", s = "_avatar_1run0_1 _ds-avatar_wy3tx_1", r = "_badge_1run0_1", o = "_breadcrumbs_1run0_1 _ds-breadcrumbs_wy3tx_1", e = "_button_1run0_1 _ds-button_wy3tx_1", a = "_card_1run0_1", d = "_group_1run0_1", i = "_chip_1run0_1 _ds-chip_wy3tx_1", u = "_details_1run0_1 _ds-details_wy3tx_1", c = "_dialog_1run0_1 _ds-dialog_wy3tx_1", l = "__drawer_1run0_1", p = "_divider_1run0_1", g = "_errorsummary_1run0_1 _ds-error-summary_wy3tx_1", y = "__errorsummary_1run0_1", x = "_field_1run0_1 _ds-field_wy3tx_1", b = "__datalist_1run0_1", w = "_affixes_1run0_1 _ds-field-affixes_wy3tx_1", f = "_fieldset_1run0_1 _ds-fieldset_wy3tx_1", m = "_heading_1run0_1 _ds-heading_wy3tx_1", k = "_ingress_1run0_1", h = "_muted_1run0_1", v = "_info_1run0_1", M = "_prose_1run0_1", S = "_helptext_1run0_1 _ds-focus_wy3tx_1", j = "_input_1run0_1 _ds-input_wy3tx_1", q = "_grid_1run0_1", z = "_flex_1run0_1", A = "_link_1run0_1", B = "_logo_1run0_1", C = "_pagination_1run0_1 _ds-pagination_wy3tx_1", D = "_popover_1run0_1", E = "_progress_1run0_1", F = "__indeterminate_1run0_1", G = "_skeleton_1run0_1 _ds-skeleton_wy3tx_1", H = "__skeleton_1run0_1", I = "_spinner_1run0_1", J = "_steps_1run0_1", K = "_table_1run0_1 _ds-table_wy3tx_1", L = "__scrollShadow_1run0_1", N = "_tabs_1run0_1 _ds-tabs_wy3tx_1", O = "__scrollMask_1run0_1", P = "_tag_1run0_1 _ds-tag_wy3tx_1", Q = "_togglegroup_1run0_1", R = "__tooltip_1run0_1", T = "_validation_1run0_1 _ds-validation-message_wy3tx_1", U = "_body_1run0_153", V = "__checked_1run0_1", W = {
   alert: _,
-  app: n,
-  sticky: s,
-  avatar: t,
+  app: t,
+  sticky: n,
+  avatar: s,
   badge: r,
   breadcrumbs: o,
   button: e,
-  card: i,
-  group: a,
-  chip: d,
+  card: a,
+  group: d,
+  chip: i,
   details: u,
   dialog: c,
   _drawer: l,
   divider: p,
-  errorsummary: m,
-  _errorsummary: g,
-  field: h,
+  errorsummary: g,
+  _errorsummary: y,
+  field: x,
   _datalist: b,
-  affixes: f,
-  fieldset: k,
-  heading: v,
-  ingress: y,
-  muted: x,
-  info: w,
+  affixes: w,
+  fieldset: f,
+  heading: m,
+  ingress: k,
+  muted: h,
+  info: v,
   prose: M,
   helptext: S,
   input: j,
@@ -53,40 +53,40 @@ export {
   V as _checked,
   b as _datalist,
   l as _drawer,
-  g as _errorsummary,
+  y as _errorsummary,
   F as _indeterminate,
   O as _scrollMask,
   L as _scrollShadow,
   H as _skeleton,
   R as _tooltip,
-  f as affixes,
+  w as affixes,
   _ as alert,
-  n as app,
-  t as avatar,
+  t as app,
+  s as avatar,
   r as badge,
   U as body,
   o as breadcrumbs,
   e as button,
-  i as card,
-  d as chip,
+  a as card,
+  i as chip,
   W as default,
   u as details,
   c as dialog,
   p as divider,
-  m as errorsummary,
-  h as field,
-  k as fieldset,
+  g as errorsummary,
+  x as field,
+  f as fieldset,
   z as flex,
   q as grid,
-  a as group,
-  v as heading,
+  d as group,
+  m as heading,
   S as helptext,
-  w as info,
-  y as ingress,
+  v as info,
+  k as ingress,
   j as input,
   A as link,
   B as logo,
-  x as muted,
+  h as muted,
   C as pagination,
   D as popover,
   E as progress,
@@ -94,7 +94,7 @@ export {
   G as skeleton,
   I as spinner,
   J as steps,
-  s as sticky,
+  n as sticky,
   K as table,
   N as tabs,
   P as tag,

package/mtds/table/table-observer.js

@@ -1,21 +1,23 @@
-import a from "../styles.module.css.js";
+import s from "../styles.module.css.js";
 import { onLoaded as i, onMutation as f, attr as o } from "../utils.js";
-const d = a.table.split(" ")[0];
-function m(s) {
-  for (const t of s) {
-    const l = [];
+const d = s.table.split(" ")[0];
+function m(a) {
+  for (const t of a) {
+    const n = [];
     o(t, "role", "table"), t.caption && o(t.caption, "role", "caption");
     for (const r of [t.tHead, t.tFoot, ...t.tBodies])
       if (r) {
         o(r, "role", "rowgroup");
-        const n = r.nodeName === "TBODY";
+        const l = r.nodeName === "TBODY";
         for (const c of r.rows) {
           o(c, "role", "row");
           for (const e of c.cells)
-            n ? o(e, "data-th", l[e.cellIndex] || ":empty") : l.push(e.innerText.trim()), e.nodeName === "TD" ? o(e, "role", "cell") : (o(e, "role", n ? "rowheader" : "columnheader"), o(e, "scope", n ? "row" : "col"));
+            l ? o(e, "data-th", n[e.cellIndex] || ":empty") : n.push(e.innerText.trim()), e.nodeName === "TD" ? o(e, "role", "cell") : (o(e, "role", l ? "rowheader" : "columnheader"), o(e, "scope", l ? "row" : "col"));
         }
       }
   }
 }
-i(() => f(document.documentElement, d, m));
+i(
+  () => f(document.documentElement, d, m)
+);
 //# sourceMappingURL=table-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\n\nfunction handleMutation(tables: HTMLCollectionOf<HTMLTableElement>) {\n\tfor (const table of tables) {\n\t\tconst ths: string[] = []; // Add data-th=\"\" to each cell to support data-mobile designs\n\n\t\tattr(table, \"role\", \"table\"); // Add helping role=\"\" to ensure screen readers understand the table regardless of CSS display\n\t\tif (table.caption) attr(table.caption, \"role\", \"caption\");\n\t\tfor (const group of [table.tHead, table.tFoot, ...table.tBodies])\n\t\t\tif (group) {\n\t\t\t\tattr(group, \"role\", \"rowgroup\");\n\t\t\t\tconst isTbody = group.nodeName === \"TBODY\";\n\n\t\t\t\tfor (const row of group.rows) {\n\t\t\t\t\tattr(row, \"role\", \"row\");\n\t\t\t\t\tfor (const cell of row.cells) {\n\t\t\t\t\t\tif (isTbody) attr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t\t\t\t\telse ths.push(cell.innerText.trim()); // Using innerText to only include visible text\n\t\t\t\t\t\tif (cell.nodeName === \"TD\") attr(cell, \"role\", \"cell\");\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tattr(cell, \"role\", isTbody ? \"rowheader\" : \"columnheader\");\n\t\t\t\t\t\t\tattr(cell, \"scope\", isTbody ? \"row\" : \"col\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t}\n}\n\nonLoaded(() => onMutation(document.documentElement, CSS_TABLE, handleMutation));\n"],"names":["CSS_TABLE","styles","handleMutation","tables","table","ths","attr","group","isTbody","row","cell","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAE3C,SAASC,EAAeC,GAA4C;AACnE,aAAWC,KAASD,GAAQ;AAC3B,UAAME,IAAgB,CAAC;AAElB,IAAAC,EAAAF,GAAO,QAAQ,OAAO,GACvBA,EAAM,WAASE,EAAKF,EAAM,SAAS,QAAQ,SAAS;AAC7C,eAAAG,KAAS,CAACH,EAAM,OAAOA,EAAM,OAAO,GAAGA,EAAM,OAAO;AAC9D,UAAIG,GAAO;AACL,QAAAD,EAAAC,GAAO,QAAQ,UAAU;AACxB,cAAAC,IAAUD,EAAM,aAAa;AAExB,mBAAAE,KAAOF,EAAM,MAAM;AACxB,UAAAD,EAAAG,GAAK,QAAQ,KAAK;AACZ,qBAAAC,KAAQD,EAAI;AAClB,YAAAD,MAAcE,GAAM,WAAWL,EAAIK,EAAK,SAAS,KAAK,QAAQ,IACzDL,EAAA,KAAKK,EAAK,UAAU,MAAM,GAC/BA,EAAK,aAAa,OAAWJ,EAAAI,GAAM,QAAQ,MAAM,KAEpDJ,EAAKI,GAAM,QAAQF,IAAU,cAAc,cAAc,GACzDF,EAAKI,GAAM,SAASF,IAAU,QAAQ,KAAK;AAAA,QAE7C;AAAA,MACD;AAAA,EACD;AAEH;AAEAG,EAAS,MAAMC,EAAW,SAAS,iBAAiBZ,GAAWE,CAAc,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\n\nfunction handleTableMutation(tables: HTMLCollectionOf<HTMLTableElement>) {\n\tfor (const table of tables) {\n\t\tconst ths: string[] = []; // Add data-th=\"\" to each cell to support data-mobile designs\n\n\t\tattr(table, \"role\", \"table\"); // Add helping role=\"\" to ensure screen readers understand the table regardless of CSS display\n\t\tif (table.caption) attr(table.caption, \"role\", \"caption\");\n\t\tfor (const group of [table.tHead, table.tFoot, ...table.tBodies])\n\t\t\tif (group) {\n\t\t\t\tattr(group, \"role\", \"rowgroup\");\n\t\t\t\tconst isTbody = group.nodeName === \"TBODY\";\n\n\t\t\t\tfor (const row of group.rows) {\n\t\t\t\t\tattr(row, \"role\", \"row\");\n\t\t\t\t\tfor (const cell of row.cells) {\n\t\t\t\t\t\tif (isTbody) attr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t\t\t\t\telse ths.push(cell.innerText.trim()); // Using innerText to only include visible text\n\t\t\t\t\t\tif (cell.nodeName === \"TD\") attr(cell, \"role\", \"cell\");\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tattr(cell, \"role\", isTbody ? \"rowheader\" : \"columnheader\");\n\t\t\t\t\t\t\tattr(cell, \"scope\", isTbody ? \"row\" : \"col\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t}\n}\n\nonLoaded(() =>\n\tonMutation(document.documentElement, CSS_TABLE, handleTableMutation),\n);\n"],"names":["CSS_TABLE","styles","handleTableMutation","tables","table","ths","attr","group","isTbody","row","cell","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAE3C,SAASC,EAAoBC,GAA4C;AACxE,aAAWC,KAASD,GAAQ;AAC3B,UAAME,IAAgB,CAAA;AAEtB,IAAAC,EAAKF,GAAO,QAAQ,OAAO,GACvBA,EAAM,WAASE,EAAKF,EAAM,SAAS,QAAQ,SAAS;AACxD,eAAWG,KAAS,CAACH,EAAM,OAAOA,EAAM,OAAO,GAAGA,EAAM,OAAO;AAC9D,UAAIG,GAAO;AACV,QAAAD,EAAKC,GAAO,QAAQ,UAAU;AAC9B,cAAMC,IAAUD,EAAM,aAAa;AAEnC,mBAAWE,KAAOF,EAAM,MAAM;AAC7B,UAAAD,EAAKG,GAAK,QAAQ,KAAK;AACvB,qBAAWC,KAAQD,EAAI;AACtB,YAAID,MAAcE,GAAM,WAAWL,EAAIK,EAAK,SAAS,KAAK,QAAQ,IAC7DL,EAAI,KAAKK,EAAK,UAAU,MAAM,GAC/BA,EAAK,aAAa,OAAMJ,EAAKI,GAAM,QAAQ,MAAM,KAEpDJ,EAAKI,GAAM,QAAQF,IAAU,cAAc,cAAc,GACzDF,EAAKI,GAAM,SAASF,IAAU,QAAQ,KAAK;AAAA,QAG9C;AAAA,MACD;AAAA,EACF;AACD;AAEAG;AAAA,EAAS,MACRC,EAAW,SAAS,iBAAiBZ,GAAWE,CAAmB;AACpE;"}

package/mtds/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../designsystem/table/table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TableProps = React.ComponentPropsWithoutRef<\"table\"> & {\n\t\"data-align\"?: \"start\" | \"center\";\n\t\"data-border\"?: boolean | \"true\" | \"false\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t<table className={clsx(styles.table, className)} ref={ref} {...rest} />\n\t);\n});\n"],"names":["Table","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAWa,MAAAA,IAAQC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AAEA,SAAA,gBAAAC,EAAC,SAAM,EAAA,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAEvE,CAAC;"}
+{"version":3,"file":"table.js","sources":["../../designsystem/table/table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TableProps = React.ComponentPropsWithoutRef<\"table\"> & {\n\t\"data-align\"?: \"start\" | \"center\";\n\t\"data-border\"?: boolean | \"true\" | \"false\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t<table className={clsx(styles.table, className)} ref={ref} {...rest} />\n\t);\n});\n"],"names":["Table","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAWO,MAAMA,IAAQC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACC;AACD,SACC,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC;"}

package/mtds/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import type * as UTabs from \"@u-elements/u-tabs\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = UTabs.ReactUtabs;\nconst TabsComp = forwardRef<UTabs.UHTMLTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <u-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = UTabs.ReactUtablist;\nconst TabsList = forwardRef<UTabs.UHTMLTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <u-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = UTabs.ReactUtabpanel;\nconst TabsPanel = forwardRef<UTabs.UHTMLTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <u-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = UTabs.ReactUtab;\nconst TabsTab = forwardRef<UTabs.UHTMLTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <u-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":";;;;AAMA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AAClB,WAAA,gBAAAC,EAAC,YAAO,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EAAA;AAEzE,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,aAAU,EAAA,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAAA;AAE/D,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,cAAW,EAAA,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAAA;AAEhE,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,SAAM,EAAA,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAAA;AAE3D,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 type * as UTabs from \"@u-elements/u-tabs\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = UTabs.ReactUtabs;\nconst TabsComp = forwardRef<UTabs.UHTMLTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <u-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = UTabs.ReactUtablist;\nconst TabsList = forwardRef<UTabs.UHTMLTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <u-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = UTabs.ReactUtabpanel;\nconst TabsPanel = forwardRef<UTabs.UHTMLTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <u-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = UTabs.ReactUtab;\nconst TabsTab = forwardRef<UTabs.UHTMLTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <u-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":";;;;AAMA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,YAAO,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACxE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,aAAA,EAAU,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC9D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,SAAA,EAAM,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC1D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}

package/mtds/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../designsystem/tag/tag.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 TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: TagProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.tag, className)} ref={ref} {...rest} />;\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Tag","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAoBa,MAAAA,IAAoBC,EAAiB,SAGhD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAuBC,GAA0B;AAC3E,QAAML,IAAME,MAAOE,EAAK,OAAO,MAAM;AAE9B,SAAA,gBAAAE,EAACN,GAAA,EAAI,WAAWO,EAAKC,EAAO,KAAKL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AACzE,CAAC;"}
+{"version":3,"file":"tag.js","sources":["../../designsystem/tag/tag.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 TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: TagProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.tag, className)} ref={ref} {...rest} />;\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Tag","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAoBO,MAAMA,IAAoBC,EAAiB,SAGhD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAA0B;AAC3E,QAAML,IAAME,MAAOE,EAAK,OAAO,MAAM;AAErC,SAAO,gBAAAE,EAACN,GAAA,EAAI,WAAWO,EAAKC,EAAO,KAAKL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AACzE,CAAC;"}

package/mtds/togglegroup/togglegroup-observer.js

@@ -1,13 +1,13 @@
 import c from "../styles.module.css.js";
-import { onLoaded as l, on as f } from "../utils.js";
-const g = `.${c.togglegroup.split(" ")[0]}`;
-function m(e) {
-  const { key: o, target: t } = e, s = t instanceof HTMLInputElement && t.closest(g);
-  if (s && (o === "Enter" && t.click(), o?.startsWith("Arrow"))) {
+import { onLoaded as g, on as l } from "../utils.js";
+const u = `.${c.togglegroup.split(" ")[0]}`;
+function f(e) {
+  const { key: n, target: t } = e, r = t instanceof HTMLInputElement && t.closest(u);
+  if (r && (n === "Enter" && t.click(), n?.startsWith("Arrow"))) {
     e.preventDefault();
-    const n = s.getElementsByTagName("input"), r = [...n].indexOf(t), i = o.match(/Arrow(Right|Down)/) ? 1 : -1;
-    n[(n.length + r + i) % n.length]?.focus();
+    const o = r.getElementsByTagName("input"), s = [...o].indexOf(t), i = n.match(/Arrow(Right|Down)/) ? 1 : -1;
+    o[(o.length + s + i) % o.length]?.focus();
   }
 }
-l(() => f(document, "keydown", m));
+g(() => l(document, "keydown", f));
 //# sourceMappingURL=togglegroup-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"togglegroup-observer.js","sources":["../../designsystem/togglegroup/togglegroup-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { on, onLoaded } from \"../utils\";\n\nconst CSS_TOGGLEGROUP = `.${styles.togglegroup.split(\" \")[0]}`;\n\n// Prevent browsers from showing default validation bubbles\nfunction handleKeyDown(event: Event & Partial<KeyboardEvent>) {\n\tconst { key, target: el } = event;\n\tconst group = el instanceof HTMLInputElement && el.closest(CSS_TOGGLEGROUP);\n\n\tif (!group) return;\n\tif (key === \"Enter\") el.click();\n\tif (key?.startsWith(\"Arrow\")) {\n\t\tevent.preventDefault();\n\t\tconst inputs = group.getElementsByTagName(\"input\");\n\t\tconst index = [...inputs].indexOf(el);\n\t\tconst move = key.match(/Arrow(Right|Down)/) ? 1 : -1;\n\t\tinputs[(inputs.length + index + move) % inputs.length]?.focus();\n\t}\n}\n\nonLoaded(() => on(document, \"keydown\", handleKeyDown));\n"],"names":["CSS_TOGGLEGROUP","styles","handleKeyDown","event","key","el","group","inputs","index","move","onLoaded","on"],"mappings":";;AAGA,MAAMA,IAAkB,IAAIC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC;AAG5D,SAASC,EAAcC,GAAuC;AAC7D,QAAM,EAAE,KAAAC,GAAK,QAAQC,EAAO,IAAAF,GACtBG,IAAQD,aAAc,oBAAoBA,EAAG,QAAQL,CAAe;AAE1E,MAAKM,MACDF,MAAQ,WAASC,EAAG,MAAM,GAC1BD,GAAK,WAAW,OAAO,IAAG;AAC7B,IAAAD,EAAM,eAAe;AACf,UAAAI,IAASD,EAAM,qBAAqB,OAAO,GAC3CE,IAAQ,CAAC,GAAGD,CAAM,EAAE,QAAQF,CAAE,GAC9BI,IAAOL,EAAI,MAAM,mBAAmB,IAAI,IAAI;AAClD,IAAAG,GAAQA,EAAO,SAASC,IAAQC,KAAQF,EAAO,MAAM,GAAG,MAAM;AAAA,EAAA;AAEhE;AAEAG,EAAS,MAAMC,EAAG,UAAU,WAAWT,CAAa,CAAC;"}
+{"version":3,"file":"togglegroup-observer.js","sources":["../../designsystem/togglegroup/togglegroup-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { on, onLoaded } from \"../utils\";\n\nconst CSS_TOGGLEGROUP = `.${styles.togglegroup.split(\" \")[0]}`;\n\n// Prevent browsers from showing default validation bubbles\nfunction handleTogglegroupKeydown(event: Event & Partial<KeyboardEvent>) {\n\tconst { key, target: el } = event;\n\tconst group = el instanceof HTMLInputElement && el.closest(CSS_TOGGLEGROUP);\n\n\tif (!group) return;\n\tif (key === \"Enter\") el.click();\n\tif (key?.startsWith(\"Arrow\")) {\n\t\tevent.preventDefault();\n\t\tconst inputs = group.getElementsByTagName(\"input\");\n\t\tconst index = [...inputs].indexOf(el);\n\t\tconst move = key.match(/Arrow(Right|Down)/) ? 1 : -1;\n\t\tinputs[(inputs.length + index + move) % inputs.length]?.focus();\n\t}\n}\n\nonLoaded(() => on(document, \"keydown\", handleTogglegroupKeydown));\n"],"names":["CSS_TOGGLEGROUP","styles","handleTogglegroupKeydown","event","key","el","group","inputs","index","move","onLoaded","on"],"mappings":";;AAGA,MAAMA,IAAkB,IAAIC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC;AAG5D,SAASC,EAAyBC,GAAuC;AACxE,QAAM,EAAE,KAAAC,GAAK,QAAQC,EAAA,IAAOF,GACtBG,IAAQD,aAAc,oBAAoBA,EAAG,QAAQL,CAAe;AAE1E,MAAKM,MACDF,MAAQ,WAASC,EAAG,MAAA,GACpBD,GAAK,WAAW,OAAO,IAAG;AAC7B,IAAAD,EAAM,eAAA;AACN,UAAMI,IAASD,EAAM,qBAAqB,OAAO,GAC3CE,IAAQ,CAAC,GAAGD,CAAM,EAAE,QAAQF,CAAE,GAC9BI,IAAOL,EAAI,MAAM,mBAAmB,IAAI,IAAI;AAClD,IAAAG,GAAQA,EAAO,SAASC,IAAQC,KAAQF,EAAO,MAAM,GAAG,MAAA;AAAA,EACzD;AACD;AAEAG,EAAS,MAAMC,EAAG,UAAU,WAAWT,CAAwB,CAAC;"}

package/mtds/togglegroup/togglegroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\">;\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<\n\t\tReact.ComponentPropsWithoutRef<\"input\">,\n\t\t\"defaultChecked\" | \"checked\" | \"onChange\"\n\t> & { name: string; value: string }; // Make name and value required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input type=\"radio\" {...{ checked, defaultChecked, name, onChange }} />\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["TogglegroupComp","forwardRef","className","rest","ref","jsx","clsx","styles","TogglegroupItem","children","checked","defaultChecked","name","onChange","jsxs","Togglegroup"],"mappings":";;;;AAcA,MAAMA,IAAkBC;AAAA,EACvB,SAAqB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAEhD,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH,GACMK,IAAkBP;AAAA,EACvB,SACC,EAAE,UAAAQ,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,MAAAC,GAAM,UAAAC,GAAU,GAAGV,EAAK,GAC7DC,GACC;AACD,WACE,gBAAAU,EAAA,SAAA,EAAM,KAAAV,GAAW,GAAGD,GACpB,UAAA;AAAA,MAAC,gBAAAE,EAAA,SAAA,EAAM,MAAK,SAAc,SAAAK,GAAS,gBAAAC,GAAgB,MAAAC,GAAM,UAAAC,GAAY;AAAA,MACpEJ;AAAA,IAAA,GACF;AAAA,EAAA;AAGH,GAEaM,IAAc,OAAO,OAAOf,GAAiB;AAAA,EACzD,MAAMQ;AACP,CAAC;"}
+{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\">;\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<\n\t\tReact.ComponentPropsWithoutRef<\"input\">,\n\t\t\"defaultChecked\" | \"checked\" | \"onChange\"\n\t> & { name: string; value: string }; // Make name and value required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input type=\"radio\" {...{ checked, defaultChecked, name, onChange }} />\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["TogglegroupComp","forwardRef","className","rest","ref","jsx","clsx","styles","TogglegroupItem","children","checked","defaultChecked","name","onChange","jsxs","Togglegroup"],"mappings":";;;;AAcA,MAAMA,IAAkBC;AAAA,EACvB,SAAqB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACjD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GACMK,IAAkBP;AAAA,EACvB,SACC,EAAE,UAAAQ,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,MAAAC,GAAM,UAAAC,GAAU,GAAGV,EAAA,GACxDC,GACC;AACD,WACC,gBAAAU,EAAC,SAAA,EAAM,KAAAV,GAAW,GAAGD,GACpB,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAA,EAAM,MAAK,SAAc,SAAAK,GAAS,gBAAAC,GAAgB,MAAAC,GAAM,UAAAC,GAAY;AAAA,MACpEJ;AAAA,IAAA,GACF;AAAA,EAEF;AACD,GAEaM,IAAc,OAAO,OAAOf,GAAiB;AAAA,EACzD,MAAMQ;AACP,CAAC;"}

package/mtds/tooltip/tooltip-observer.js

@@ -1,31 +1,35 @@
-import L from "../styles.module.css.js";
-import { IS_BROWSER as h, onLoaded as w, on as d, QUICK_EVENT as r, attr as a, anchorPosition as u } from "../utils.js";
-const m = "aria-describedby", p = "Escape", s = "aria-labelledby", C = "--mtds-tooltip-position", I = 300, o = h ? Object.assign(document.createElement("div"), {
-  className: L._tooltip,
+import { flip as L, shift as h } from "../external/@floating-ui/dom/dist/floating-ui.dom.js";
+import w from "../styles.module.css.js";
+import { IS_BROWSER as C, onLoaded as I, on as d, QUICK_EVENT as r, attr as a, anchorPosition as u } from "../utils.js";
+const m = "aria-describedby", p = "Escape", s = "aria-labelledby", O = "--mtds-tooltip-position", A = 300, o = C ? Object.assign(document.createElement("div"), {
+  className: w._tooltip,
   id: "mtds-tooltip",
   popover: "manual"
 }) : null;
 let e = null, f = Number.NEGATIVE_INFINITY, T = 0;
 function c({ target: i, type: t, key: n }) {
   if (t === "keydown" && n !== p) return;
-  const l = f + I - Date.now();
+  const l = f + A - Date.now();
   clearTimeout(T), T = setTimeout(
-    O,
+    S,
     Math.max(l, 0),
     n === p ? null : i
   );
 }
-function O(i) {
+function S(i) {
   if (f = Date.now(), !o || i === o) return;
   o?.isConnected || document.body.append(o);
   let t = i?.closest?.("[data-tooltip]") || null;
   if (t === e) return;
-  const n = t && a(t, "data-tooltip") || "", l = t && a(t, "data-tooltip-position") || window.getComputedStyle(t || document.body).getPropertyValue(C)?.trim() || "top";
+  const n = t && a(t, "data-tooltip") || "", l = t && a(t, "data-tooltip-position") || window.getComputedStyle(t || document.body).getPropertyValue(O)?.trim() || "top";
   (!n || n === "false" || n === "true" || l === "none") && (t = null), t && (o.textContent = n);
   const E = e && a(e, s) === o?.id, b = (t instanceof HTMLElement ? t.innerText : t?.textContent)?.trim() || t?.hasAttribute(s) || t?.hasAttribute("aria-label");
-  e?.removeAttribute(E ? s : m), u(o, !1), e = t, e && a(e, b ? m : s, o?.id), e && o.hidePopover(), o.togglePopover(!!t), u(o, t || !1, l);
+  e?.removeAttribute(E ? s : m), u(o, !1), e = t, e && a(e, b ? m : s, o?.id), e && o.hidePopover(), o.togglePopover(!!t), u(o, t || !1, {
+    placement: l,
+    middleware: [L(), h({ padding: 10 })]
+  });
 }
-w(() => {
+I(() => {
   d(document, "blur,focus,mouseout,mouseover", c, r), d(window, "keydown", c, r), d(window, "blur", c, r);
 });
 //# sourceMappingURL=tooltip-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tanchorPosition,\n\tattr,\n\tIS_BROWSER,\n\ton,\n\tonLoaded,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst DESCRIBEDBY = \"aria-describedby\";\nconst ESC = \"Escape\";\nconst LABELLEDBY = \"aria-labelledby\";\nconst POSITION_CSS_PROPERTY = \"--mtds-tooltip-position\";\nconst THROTTLE_DELAY = 300;\nconst TOOLTIP = IS_BROWSER\n\t? Object.assign(document.createElement(\"div\"), {\n\t\t\tclassName: styles._tooltip,\n\t\t\tid: \"mtds-tooltip\",\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null; // Create a dummy element to avoid null checks\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleMove({ target, type, key }: Event & { key?: string }) {\n\tif (type === \"keydown\" && key !== ESC) return; // Allow ESC dismiss to follow https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n\tconst wait = LAST_CALL + THROTTLE_DELAY - Date.now();\n\tclearTimeout(THROTTLE);\n\tTHROTTLE = setTimeout(\n\t\thandleMoveThrottled,\n\t\tMath.max(wait, 0),\n\t\tkey === ESC ? null : target,\n\t);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleMoveThrottled(target: Element | null) {\n\tLAST_CALL = Date.now();\n\n\t// Build and append tooltip if not existing\n\tif (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n\tif (!TOOLTIP?.isConnected) document.body.append(TOOLTIP); // Ensure connected\n\tlet anchor = target?.closest?.<Element>(\"[data-tooltip]\") || null;\n\n\t// No need to update\n\tif (anchor === ANCHOR) return;\n\n\tconst content = (anchor && attr(anchor, \"data-tooltip\")) || \"\";\n\tconst position =\n\t\t(anchor && attr(anchor, \"data-tooltip-position\")) ||\n\t\twindow\n\t\t\t.getComputedStyle(anchor || document.body)\n\t\t\t.getPropertyValue(POSITION_CSS_PROPERTY)\n\t\t\t?.trim() ||\n\t\t\"top\";\n\n\tconst isHidden =\n\t\t!content ||\n\t\tcontent === \"false\" ||\n\t\tcontent === \"true\" ||\n\t\tposition === \"none\";\n\n\tif (isHidden) anchor = null; // Do not show tooltip if boolish value\n\tif (anchor) TOOLTIP.textContent = content; // Only update content if new anchor\n\n\tconst hadLabel = ANCHOR && attr(ANCHOR, LABELLEDBY) === TOOLTIP?.id;\n\tconst hasLabel =\n\t\t(anchor instanceof HTMLElement\n\t\t\t? anchor.innerText\n\t\t\t: anchor?.textContent\n\t\t)?.trim() ||\n\t\tanchor?.hasAttribute(LABELLEDBY) ||\n\t\tanchor?.hasAttribute(\"aria-label\");\n\n\tANCHOR?.removeAttribute(hadLabel ? LABELLEDBY : DESCRIBEDBY); // Unlink previous anchor\n\tanchorPosition(TOOLTIP, false); // Reset anchor position\n\n\tANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\tif (ANCHOR) attr(ANCHOR, hasLabel ? DESCRIBEDBY : LABELLEDBY, TOOLTIP?.id); // Use tooltip as description if allready has label\n\tif (ANCHOR) TOOLTIP.hidePopover(); // Hide tooltip so it can be placed on top-layer on next show\n\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, position);\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleMove, QUICK_EVENT);\n\ton(window, \"blur\", handleMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP","IS_BROWSER","styles","ANCHOR","LAST_CALL","THROTTLE","handleMove","target","type","key","wait","handleMoveThrottled","anchor","content","attr","position","hadLabel","hasLabel","anchorPosition","onLoaded","on","QUICK_EVENT"],"mappings":";;AAUA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAUC,IACb,OAAO,OAAO,SAAS,cAAc,KAAK,GAAG;AAAA,EAC7C,WAAWC,EAAO;AAAA,EAClB,IAAI;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIC,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAW,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAChE,MAAAD,MAAS,aAAaC,MAAQb,EAAK;AACvC,QAAMc,IAAON,IAAYL,IAAiB,KAAK,IAAI;AACnD,eAAaM,CAAQ,GACVA,IAAA;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQb,IAAM,OAAOW;AAAA,EACtB;AACD;AAGA,SAASI,EAAoBJ,GAAwB;AAIhD,MAHJH,IAAY,KAAK,IAAI,GAGjB,CAACJ,KAAWO,MAAWP,EAAS;AACpC,EAAKA,GAAS,eAAsB,SAAA,KAAK,OAAOA,CAAO;AACvD,MAAIY,IAASL,GAAQ,UAAmB,gBAAgB,KAAK;AAG7D,MAAIK,MAAWT,EAAQ;AAEvB,QAAMU,IAAWD,KAAUE,EAAKF,GAAQ,cAAc,KAAM,IACtDG,IACJH,KAAUE,EAAKF,GAAQ,uBAAuB,KAC/C,OACE,iBAAiBA,KAAU,SAAS,IAAI,EACxC,iBAAiBd,CAAqB,GACrC,UACH;AAQD,GALC,CAACe,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAESH,IAAA,OACnBA,QAAgB,cAAcC;AAElC,QAAMG,IAAWb,KAAUW,EAAKX,GAAQN,CAAU,MAAMG,GAAS,IAC3DiB,KACJL,aAAkB,cAChBA,EAAO,YACPA,GAAQ,cACR,KAAK,KACRA,GAAQ,aAAaf,CAAU,KAC/Be,GAAQ,aAAa,YAAY;AAE1B,EAAAT,GAAA,gBAAgBa,IAAWnB,IAAaF,CAAW,GAC3DuB,EAAelB,GAAS,EAAK,GAEpBG,IAAAS,GACLT,KAAaW,EAAAX,GAAQc,IAAWtB,IAAcE,GAAYG,GAAS,EAAE,GACrEG,OAAgB,YAAY,GACxBH,EAAA,cAAc,CAAC,CAACY,CAAM,GACfM,EAAAlB,GAASY,KAAU,IAAOG,CAAQ;AAClD;AAEAI,EAAS,MAAM;AACX,EAAAC,EAAA,UAAU,iCAAiCd,GAAYe,CAAW,GAClED,EAAA,QAAQ,WAAWd,GAAYe,CAAW,GAC1CD,EAAA,QAAQ,QAAQd,GAAYe,CAAW;AAC3C,CAAC;"}
+{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import { flip, type Placement, shift } from \"@floating-ui/dom\";\nimport styles from \"../styles.module.css\";\nimport {\n\tanchorPosition,\n\tattr,\n\tIS_BROWSER,\n\ton,\n\tonLoaded,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst DESCRIBEDBY = \"aria-describedby\";\nconst ESC = \"Escape\";\nconst LABELLEDBY = \"aria-labelledby\";\nconst POSITION_CSS_PROPERTY = \"--mtds-tooltip-position\";\nconst THROTTLE_DELAY = 300;\nconst TOOLTIP = IS_BROWSER\n\t? Object.assign(document.createElement(\"div\"), {\n\t\t\tclassName: styles._tooltip,\n\t\t\tid: \"mtds-tooltip\",\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null; // Create a dummy element to avoid null checks\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleTooltipMove({ target, type, key }: Event & { key?: string }) {\n\tif (type === \"keydown\" && key !== ESC) return; // Allow ESC dismiss to follow https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n\tconst wait = LAST_CALL + THROTTLE_DELAY - Date.now();\n\tclearTimeout(THROTTLE);\n\tTHROTTLE = setTimeout(\n\t\thandleTooltipMoveThrottled,\n\t\tMath.max(wait, 0),\n\t\tkey === ESC ? null : target,\n\t);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleTooltipMoveThrottled(target: Element | null) {\n\tLAST_CALL = Date.now();\n\n\t// Build and append tooltip if not existing\n\tif (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n\tif (!TOOLTIP?.isConnected) document.body.append(TOOLTIP); // Ensure connected\n\tlet anchor = target?.closest?.<Element>(\"[data-tooltip]\") || null;\n\n\t// No need to update\n\tif (anchor === ANCHOR) return;\n\n\tconst content = (anchor && attr(anchor, \"data-tooltip\")) || \"\";\n\tconst position =\n\t\t(anchor && attr(anchor, \"data-tooltip-position\")) ||\n\t\twindow\n\t\t\t.getComputedStyle(anchor || document.body)\n\t\t\t.getPropertyValue(POSITION_CSS_PROPERTY)\n\t\t\t?.trim() ||\n\t\t\"top\";\n\n\tconst isHidden =\n\t\t!content ||\n\t\tcontent === \"false\" ||\n\t\tcontent === \"true\" ||\n\t\tposition === \"none\";\n\n\tif (isHidden) anchor = null; // Do not show tooltip if boolish value\n\tif (anchor) TOOLTIP.textContent = content; // Only update content if new anchor\n\n\tconst hadLabel = ANCHOR && attr(ANCHOR, LABELLEDBY) === TOOLTIP?.id;\n\tconst hasLabel =\n\t\t(anchor instanceof HTMLElement\n\t\t\t? anchor.innerText\n\t\t\t: anchor?.textContent\n\t\t)?.trim() ||\n\t\tanchor?.hasAttribute(LABELLEDBY) ||\n\t\tanchor?.hasAttribute(\"aria-label\");\n\n\tANCHOR?.removeAttribute(hadLabel ? LABELLEDBY : DESCRIBEDBY); // Unlink previous anchor\n\tanchorPosition(TOOLTIP, false); // Reset anchor position\n\n\tANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\tif (ANCHOR) attr(ANCHOR, hasLabel ? DESCRIBEDBY : LABELLEDBY, TOOLTIP?.id); // Use tooltip as description if allready has label\n\tif (ANCHOR) TOOLTIP.hidePopover(); // Hide tooltip so it can be placed on top-layer on next show\n\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, {\n\t\tplacement: position as Placement,\n\t\tmiddleware: [flip(), shift({ padding: 10 })],\n\t});\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"blur\", handleTooltipMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP","IS_BROWSER","styles","ANCHOR","LAST_CALL","THROTTLE","handleTooltipMove","target","type","key","wait","handleTooltipMoveThrottled","anchor","content","attr","position","hadLabel","hasLabel","anchorPosition","flip","shift","onLoaded","on","QUICK_EVENT"],"mappings":";;;AAWA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAUC,IACb,OAAO,OAAO,SAAS,cAAc,KAAK,GAAG;AAAA,EAC7C,WAAWC,EAAO;AAAA,EAClB,IAAI;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIC,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAkB,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAC3E,MAAID,MAAS,aAAaC,MAAQb,EAAK;AACvC,QAAMc,IAAON,IAAYL,IAAiB,KAAK,IAAA;AAC/C,eAAaM,CAAQ,GACrBA,IAAW;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQb,IAAM,OAAOW;AAAA,EAAA;AAEvB;AAGA,SAASI,EAA2BJ,GAAwB;AAI3D,MAHAH,IAAY,KAAK,IAAA,GAGb,CAACJ,KAAWO,MAAWP,EAAS;AACpC,EAAKA,GAAS,eAAa,SAAS,KAAK,OAAOA,CAAO;AACvD,MAAIY,IAASL,GAAQ,UAAmB,gBAAgB,KAAK;AAG7D,MAAIK,MAAWT,EAAQ;AAEvB,QAAMU,IAAWD,KAAUE,EAAKF,GAAQ,cAAc,KAAM,IACtDG,IACJH,KAAUE,EAAKF,GAAQ,uBAAuB,KAC/C,OACE,iBAAiBA,KAAU,SAAS,IAAI,EACxC,iBAAiBd,CAAqB,GACrC,UACH;AAQD,GALC,CAACe,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAEAH,IAAS,OACnBA,QAAgB,cAAcC;AAElC,QAAMG,IAAWb,KAAUW,EAAKX,GAAQN,CAAU,MAAMG,GAAS,IAC3DiB,KACJL,aAAkB,cAChBA,EAAO,YACPA,GAAQ,cACR,KAAA,KACHA,GAAQ,aAAaf,CAAU,KAC/Be,GAAQ,aAAa,YAAY;AAElC,EAAAT,GAAQ,gBAAgBa,IAAWnB,IAAaF,CAAW,GAC3DuB,EAAelB,GAAS,EAAK,GAE7BG,IAASS,GACLT,KAAQW,EAAKX,GAAQc,IAAWtB,IAAcE,GAAYG,GAAS,EAAE,GACrEG,OAAgB,YAAA,GACpBH,EAAQ,cAAc,CAAC,CAACY,CAAM,GAC9BM,EAAelB,GAASY,KAAU,IAAO;AAAA,IACxC,WAAWG;AAAA,IACX,YAAY,CAACI,EAAA,GAAQC,EAAM,EAAE,SAAS,IAAI,CAAC;AAAA,EAAA,CAC3C;AACF;AAEAC,EAAS,MAAM;AACd,EAAAC,EAAG,UAAU,iCAAiChB,GAAmBiB,CAAW,GAC5ED,EAAG,QAAQ,WAAWhB,GAAmBiB,CAAW,GACpDD,EAAG,QAAQ,QAAQhB,GAAmBiB,CAAW;AAClD,CAAC;"}

package/mtds/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../designsystem/typography/typography.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype InfoComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles","Muted","Ingress","Info"],"mappings":";;;;AAsBa,MAAAA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAqBC,GAA0B;AAIxE,SAAA,gBAAAC,EAHWJ,KAAM,MAGZ,EAAA,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAEvE,CAAC,GASYK,IAAwBR,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAmBC,GAA0B;AAEhE,SAAA,gBAAAC,EADKJ,KAAM,SACN,EAAA,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC3E,CAAC,GASYM,IAA4BT,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAqBC,GAA0B;AAGxE,SAAA,gBAAAC,EAFWJ,KAAM,QAEZ,EAAA,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAEvE,CAAC,GASYO,IAAsBV,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAkBC,GAA0B;AAE/D,SAAA,gBAAAC,EADKJ,KAAM,QACN,EAAA,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC1E,CAAC;"}
+{"version":3,"file":"typography.js","sources":["../../designsystem/typography/typography.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype InfoComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles","Muted","Ingress","Info"],"mappings":";;;;AAsBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC,EAHWJ,KAAM,MAGhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYK,IAAwBR,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAEvE,SAAO,gBAAAC,EADKJ,KAAM,SACV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC,GASYM,IAA4BT,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAEzE,SACC,gBAAAC,EAFWJ,KAAM,QAEhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYO,IAAsBV,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,QACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}

package/mtds/utils.d.ts

@@ -1,3 +1,4 @@
+import { computePosition } from '@floating-ui/dom';
 export declare const QUICK_EVENT: {
     capture: boolean;
     passive: boolean;
@@ -34,19 +35,7 @@ declare global {
     }
 }
 export declare const onLoaded: (callback: () => void) => void;
-/**
- * anchorPosition
- * @param target The Element to position
- * @param anchor The Element to use as anchor
- */
-declare const POSITION: {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-export type AnchorPosition = keyof typeof POSITION;
-export declare function anchorPosition(target: HTMLElement, anchor: Element | false, place?: string | number, force?: boolean): boolean | undefined;
+export declare function anchorPosition(target: HTMLElement, anchor: false | Element, options?: Parameters<typeof computePosition>[2]): void;
 /**
  * Speed up MutationObserver by debouncing and only running when page is visible
  * @return new MutaionObserver
@@ -63,4 +52,3 @@ export declare const isInputLike: (el: unknown) => el is HTMLInputElement;
 export declare const toCustomElementProps: ({ className, hidden, open, ...rest }: Record<string, unknown>, klass?: string) => {
     [x: string]: unknown;
 };
-export {};

package/mtds/utils.js

@@ -1,96 +1,85 @@
-import { clsx as P } from "./external/clsx/dist/clsx.js";
-const X = { capture: !0, passive: !0 }, y = typeof window < "u" && typeof document < "u";
-function K(t, n) {
+import { autoUpdate as m, computePosition as l } from "./external/@floating-ui/dom/dist/floating-ui.dom.js";
+const $ = { capture: !0, passive: !0 }, p = typeof window < "u" && typeof document < "u";
+function h(t, n) {
   let e;
-  return (...o) => {
-    clearTimeout(e), e = setTimeout(() => t(...o), n);
+  return (...i) => {
+    clearTimeout(e), e = setTimeout(() => t(...i), n);
   };
 }
-function Q(t, n, e) {
+function A(t, n, e) {
   return e === void 0 ? t.getAttribute(n) ?? null : (e === null ? t.removeAttribute(n) : t.getAttribute(n) !== e && t.setAttribute(n, e), null);
 }
-let Y = 0;
-const F = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-function j(t) {
-  return t.id || (t.id = `${F}${++Y}`), t.id;
+let w = 0;
+const E = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
+function C(t) {
+  return t.id || (t.id = `${E}${++w}`), t.id;
 }
-const L = (t, n, [...e]) => {
-  for (const o of e[0].split(","))
-    e[0] = o, n[`${t}EventListener`](...e);
-}, H = (t, ...n) => {
-  f && (t === window || t === document) && f.push(() => V(t, ...n)), L("add", t, n);
-}, V = (t, ...n) => L("remove", t, n);
-let f = null;
-const J = (t) => {
-  if (!y) return;
+const c = (t, n, [...e]) => {
+  for (const i of e[0].split(","))
+    e[0] = i, n[`${t}EventListener`](...e);
+}, b = (t, ...n) => {
+  s && (t === window || t === document) && s.push(() => v(t, ...n)), c("add", t, n);
+}, v = (t, ...n) => c("remove", t, n);
+let s = null;
+const S = (t) => {
+  if (!p) return;
   window._mtdsUnbindEvents || (window._mtdsUnbindEvents = /* @__PURE__ */ new Map());
   const n = () => requestAnimationFrame(() => {
     const e = String(t).replace(/(\n|\s)/g, "");
-    window._mtdsUnbindEvents?.get(e)?.forEach((o) => o()), f = [], t(), window._mtdsUnbindEvents?.set(e, f?.slice(0)), f = null;
+    window._mtdsUnbindEvents?.get(e)?.forEach((i) => {
+      i();
+    }), s = [], t(), window._mtdsUnbindEvents?.set(e, s?.slice(0)), s = null;
   });
-  document.readyState === "complete" ? n() : H(window, "load", n);
-}, l = y ? document.createElement("div") : null, m = /* @__PURE__ */ new Map(), k = () => {
-  for (const [t, n] of m) n();
-};
-l && (l.style.cssText = "position:absolute;padding:1px;top:0;left:0px", H(window, "load,resize,scroll", k, X));
-const r = { top: 0, right: 1, bottom: 2, left: 3 };
-function q(t, n, e, o) {
-  const i = r[e] ?? Number(e) ?? r.bottom;
-  if (n === !1 || !n.isConnected || !t.isConnected)
-    return m.delete(t);
-  l?.isConnected || document.body.append(l || ""), m.has(t) || m.set(t, () => q(t, n, i, o));
-  const { offsetWidth: c, offsetHeight: s } = t, { width: w, height: U, left: x, top: A } = n.getBoundingClientRect(), E = n instanceof HTMLElement, p = E ? n.offsetWidth : n.clientWidth, u = E ? n.offsetHeight : n.clientHeight, g = window.visualViewport?.width || window.innerWidth, v = window.visualViewport?.height || window.innerHeight, M = window.pageXOffset || document.documentElement.scrollLeft, O = window.pageYOffset || document.documentElement.scrollTop, a = Math.round(x - (p - w) / 2), d = Math.round(A - (u - U) / 2), R = Math.min(
-    Math.max(10, a - (c - p) / 2),
-    g - c - 10
-  ), C = Math.min(
-    Math.max(10, d - (s - u) / 2),
-    v - s - 10
-  ), W = a - c > 0, _ = a + p + c < g, $ = d - s > 0, I = d + u + s < v, T = i === r.top || i === r.bottom, B = i === r.right && (o || _) || !W, S = i === r.bottom && (o || I) || !$, D = Math.round(
-    T ? R : B ? a + p : a - c
-  ), N = Math.round(
-    T ? S ? d + u : d - s : C
-  );
-  t.style.position = "absolute", t.style.left = `${D + M}px`, t.style.top = `${N + O}px`, l?.style.setProperty(
-    "translate",
-    `0px ${Math.round(S ? M + d + u + s + 30 : 0)}px`
+  document.readyState === "complete" ? n() : b(window, "load", n);
+}, u = /* @__PURE__ */ new WeakMap();
+function y(t, n, e) {
+  u.get(t)?.(), u.delete(t), n && u.set(
+    t,
+    m(n, t, () => {
+      if (!t.isConnected || !n.isConnected || t.hidden)
+        return y(t, !1);
+      l(n, t, e).then(({ x: i, y: o }) => {
+        t.style.left = `${i}px`, t.style.top = `${o}px`;
+      });
+    })
   );
 }
-function z(t) {
+function M(t) {
   let n = 0;
-  const e = () => setTimeout(o, 200), o = () => {
-    t([], i), i.takeRecords(), n = 0;
-  }, i = new MutationObserver(() => {
+  const e = () => setTimeout(i, 200), i = () => {
+    t([], o), o.takeRecords(), n = 0;
+  }, o = new MutationObserver(() => {
     n || (n = requestAnimationFrame(e));
   });
-  return i;
+  return o;
 }
-const h = /* @__PURE__ */ new WeakMap(), Z = (t, n, e) => {
-  const o = t.getElementsByClassName(n), i = h.get(t) || [];
-  i.length || (h.set(t, i), z((c, s) => {
-    if (t.isConnected && i?.length)
-      for (const w of i) w();
+const d = /* @__PURE__ */ new WeakMap(), L = (t, n, e) => {
+  const i = t.getElementsByClassName(n), o = d.get(t) || [];
+  o.length || (d.set(t, o), M((T, f) => {
+    if (t.isConnected && o?.length)
+      for (const a of o) a();
     else
-      s?.disconnect(), h.delete(t);
+      f?.disconnect(), d.delete(t);
   }).observe(t, {
     attributeFilter: ["class", "hidden"],
     attributes: !0,
     childList: !0,
     subtree: !0
-  })), i.push(() => e(o));
-}, tt = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), b = "aria-selected", nt = ({ className: t, hidden: n, open: e, ...o }, i) => (o.suppressHydrationWarning = !0, o[b] !== void 0 && (o[b] = `${(o[b] || "false") !== "false"}`), (t || i) && (o.class = P(i, t || "")), n && (o.hidden = !0), e && (o.open = !0), o);
+  })), o.push(() => e(i));
+}, _ = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), r = "aria-selected", I = ({ className: t, hidden: n, open: e, ...i }, o) => (i.suppressHydrationWarning = !0, i[r] !== void 0 && (i[r] = `${(i[r] || "false") !== "false"}`), (t || o) && (i.class = `${o} ${t}`.trim()), n && (i.hidden = !0), e && (i.open = !0), i);
 export {
-  y as IS_BROWSER,
-  X as QUICK_EVENT,
-  q as anchorPosition,
-  Q as attr,
-  z as createOptimizedMutationObserver,
-  K as debounce,
-  tt as isInputLike,
-  V as off,
-  H as on,
-  J as onLoaded,
-  Z as onMutation,
-  nt as toCustomElementProps,
-  j as useId
+  p as IS_BROWSER,
+  $ as QUICK_EVENT,
+  y as anchorPosition,
+  A as attr,
+  M as createOptimizedMutationObserver,
+  h as debounce,
+  _ as isInputLike,
+  v as off,
+  b as on,
+  S as onLoaded,
+  L as onMutation,
+  I as toCustomElementProps,
+  C as useId
 };
 //# sourceMappingURL=utils.js.map