@mattilsynet/design 0.3.8 → 0.5.0

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

@@ -0,0 +1,185 @@
+var m = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", k = m && /android/i.test(navigator.userAgent), y;
+m && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
+/^Mac/i.test(((y = navigator.userAgentData) == null ? void 0 : y.platform) || navigator.platform);
+var T = `${k ? "data" : "aria"}-labelledby`, E = ":host(:not([hidden])) { display: block }", h = typeof HTMLElement > "u" ? class {
+} : HTMLElement;
+function a(t, e, s) {
+  var n;
+  return s === void 0 ? (n = t.getAttribute(e)) != null ? n : null : (s === null ? t.removeAttribute(e) : t.getAttribute(e) !== s && t.setAttribute(e, s), null);
+}
+var L = (t, e, s) => {
+  for (const n of s[0].split(","))
+    s[0] = n, Element.prototype[`${t}EventListener`].apply(e, s);
+}, S = (t, ...e) => L("add", t, e), C = (t, ...e) => L("remove", t, e), b = (t, e) => t.attachShadow({ mode: "open" }).append(
+  x("slot"),
+  // Unnamed slot does automatically render all top element nodes
+  x("style", e)
+), o = /* @__PURE__ */ new WeakMap(), A = (t, e) => {
+  if (e === void 0) return o.get(t);
+  try {
+    o.get(t).disconnect(), o.delete(t);
+  } catch {
+  }
+  if (e) {
+    const s = new MutationObserver(
+      (n) => t.handleEvent({ type: "mutation", detail: n })
+    );
+    s.observe(t, e), o.set(t, s);
+  }
+}, M = (t) => {
+  const e = "key" in t && (t.key === " " || t.key === "Enter");
+  return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
+}, w = (t) => {
+  var e;
+  const s = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
+  return s instanceof Document || s instanceof ShadowRoot ? s : document;
+}, D = 0, I = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++D).toString(32)}`), t.id) : "", x = (t, e, s) => {
+  const n = document.createElement(t);
+  return e && (n.textContent = e), n;
+}, f = {
+  define: (t, e) => !m || window.customElements.get(t) || window.customElements.define(t, e)
+}, c = "aria-controls", l = "aria-selected", R = class extends h {
+  constructor() {
+    super(), b(this, E);
+  }
+  get tabList() {
+    return d("u-tablist", this)[0] || null;
+  }
+  get selectedIndex() {
+    return u(this.tabs);
+  }
+  set selectedIndex(t) {
+    p(this.tabs[t]);
+  }
+  get tabs() {
+    return d("u-tab", this);
+  }
+  get panels() {
+    return d("u-tabpanel", this);
+  }
+}, _ = class extends h {
+  constructor() {
+    super(), b(this, E);
+  }
+  connectedCallback() {
+    a(this, "role", "tablist"), S(this, "click,keydown", this), A(this, { childList: !0 }), this.tabs.length && this.handleEvent();
+  }
+  disconnectedCallback() {
+    C(this, "click,keydown", this), A(this, !1);
+  }
+  handleEvent(t) {
+    if (!t || t.type === "mutation") {
+      const i = this.tabs[Math.max(this.selectedIndex, 0)];
+      return i == null ? void 0 : i.setAttribute(l, "true");
+    }
+    const { key: e } = t, s = [...this.tabs], n = s.findIndex((i) => i.contains(t.target));
+    let r = n;
+    if (!(t.defaultPrevented || n === -1) && (t.type === "click" && p(s[n]), t.type === "keydown" && !M(t))) {
+      if (e === "ArrowDown" || e === "ArrowRight")
+        r = (n + 1) % s.length;
+      else if (e === "ArrowUp" || e === "ArrowLeft")
+        r = (n || s.length) - 1;
+      else if (e === "End") r = s.length - 1;
+      else if (e === "Home") r = 0;
+      else if (e === "Tab") r = u(s);
+      else return;
+      setTimeout(() => {
+        s[n].tabIndex = -1, s[r].tabIndex = 0;
+      }), e !== "Tab" && (t.preventDefault(), s[r].focus());
+    }
+  }
+  get tabsElement() {
+    return this.closest("u-tabs");
+  }
+  get tabs() {
+    return this.querySelectorAll("u-tab");
+  }
+  get selectedIndex() {
+    return u(this.tabs);
+  }
+  set selectedIndex(t) {
+    p(this.tabs[t]);
+  }
+}, v = !1, H = class extends h {
+  // Using ES2015 syntax for backwards compatibility
+  static get observedAttributes() {
+    return ["id", l, c];
+  }
+  constructor() {
+    super(), b(
+      this,
+      ":host(:not([hidden])) { cursor: pointer; display: inline-block }"
+    );
+  }
+  connectedCallback() {
+    a(this, "role", "tab"), this.tabIndex = this.selected ? 0 : -1;
+  }
+  attributeChangedCallback() {
+    if (!v && this.selected && this.tabList) {
+      v = !0;
+      const t = [...this.tabList.querySelectorAll("u-tab")], e = d("u-tabpanel", this.tabsElement || this), s = g(this, e[t.indexOf(this)]);
+      s && a(s, T, I(this)), t.forEach((n, r) => {
+        const i = g(n, e[r]);
+        n.tabIndex = n === this ? 0 : -1, a(n, l, `${n === this}`), i && (i.hidden = i !== s), i && a(n, c, i.id);
+      }), v = !1;
+    }
+  }
+  get tabsElement() {
+    return this.closest("u-tabs");
+  }
+  get tabList() {
+    const t = this.parentElement;
+    return (t == null ? void 0 : t.nodeName) === "U-TABLIST" ? t : null;
+  }
+  get selected() {
+    return a(this, l) === "true";
+  }
+  set selected(t) {
+    a(this, l, `${!!t}`);
+  }
+  /** Retrieves the ordinal position of an tab in a tablist. */
+  get index() {
+    const t = this.tabList;
+    return t ? [...t.querySelectorAll("u-tab")].indexOf(this) : 0;
+  }
+  get panel() {
+    return g(this);
+  }
+}, $ = class extends h {
+  // Using ES2015 syntax for backwards compatibility
+  static get observedAttributes() {
+    return ["hidden"];
+  }
+  constructor() {
+    super(), b(this, E);
+  }
+  connectedCallback() {
+    a(this, "role", "tabpanel"), this.hidden = u(this.tabs) === -1, this.attributeChangedCallback();
+  }
+  attributeChangedCallback() {
+    this.hidden || N(this.firstChild) ? a(this, "tabindex", null) : this.tabIndex = 0;
+  }
+  get tabsElement() {
+    return this.closest("u-tabs");
+  }
+  get tabs() {
+    const t = `u-tab[${c}="${this.id}"]`;
+    return w(this).querySelectorAll(t);
+  }
+}, d = (t, e) => e.querySelectorAll(`${t}:not(:scope u-tabpanel ${t})`), g = (t, e) => {
+  const s = a(t, c) || I(e), n = w(t).getElementById(s);
+  return (n == null ? void 0 : n.nodeName) === "U-TABPANEL" ? n : null;
+}, u = (t) => [...t].findIndex((e) => a(e, l) === "true"), p = (t) => t && a(t, "aria-selected", "true"), N = (t) => t instanceof Element && !t.matches(':disabled,[tabindex^="-"]') && t.matches(
+  '[contenteditable],[controls],[href],[tabindex],input:not([type="hidden"]),select,textarea,button,summary,iframe'
+);
+f.define("u-tabs", R);
+f.define("u-tablist", _);
+f.define("u-tab", H);
+f.define("u-tabpanel", $);
+export {
+  H as UHTMLTabElement,
+  _ as UHTMLTabListElement,
+  $ as UHTMLTabPanelElement,
+  R as UHTMLTabsElement
+};
+//# sourceMappingURL=u-tabs.js.map

package/mtds/external/@u-elements/u-tabs/dist/u-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-tabs.js","sources":["../../../../../node_modules/@u-elements/u-tabs/dist/u-tabs.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n  var _a2;\n  if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n}\nvar events = (action, element, rest) => {\n  for (const type of rest[0].split(\",\")) {\n    rest[0] = type;\n    Element.prototype[`${action}EventListener`].apply(element, rest);\n  }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n  createElement(\"slot\"),\n  // Unnamed slot does automatically render all top element nodes\n  createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n  if (options === void 0) return observers.get(element);\n  try {\n    observers.get(element).disconnect();\n    observers.delete(element);\n  } catch (err) {\n  }\n  if (options) {\n    const observer = new MutationObserver(\n      (detail) => element.handleEvent({ type: \"mutation\", detail })\n    );\n    observer.observe(element, options);\n    observers.set(element, observer);\n  }\n};\nvar asButton = (event) => {\n  const isClick = \"key\" in event && (event.key === \" \" || event.key === \"Enter\");\n  if (isClick) event.preventDefault();\n  if (isClick && event.target instanceof HTMLElement) event.target.click();\n  return isClick;\n};\nvar getRoot = (node) => {\n  var _a2;\n  const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n  return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n  if (!el) return \"\";\n  if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n  return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  return el;\n};\nvar customElements = {\n  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\n\n// u-tabs.ts\nvar ARIA_CONTROLS = \"aria-controls\";\nvar ARIA_SELECTED = \"aria-selected\";\nvar UHTMLTabsElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    attachStyle(this, DISPLAY_BLOCK);\n  }\n  get tabList() {\n    return queryWithoutNested(\"u-tablist\", this)[0] || null;\n  }\n  get selectedIndex() {\n    return getSelectedIndex(this.tabs);\n  }\n  set selectedIndex(index) {\n    setSelected(this.tabs[index]);\n  }\n  get tabs() {\n    return queryWithoutNested(\"u-tab\", this);\n  }\n  get panels() {\n    return queryWithoutNested(\"u-tabpanel\", this);\n  }\n};\nvar UHTMLTabListElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    attachStyle(this, DISPLAY_BLOCK);\n  }\n  connectedCallback() {\n    attr(this, \"role\", \"tablist\");\n    on(this, \"click,keydown\", this);\n    mutationObserver(this, { childList: true });\n    if (this.tabs.length) this.handleEvent();\n  }\n  disconnectedCallback() {\n    off(this, \"click,keydown\", this);\n    mutationObserver(this, false);\n  }\n  handleEvent(event) {\n    if (!event || event.type === \"mutation\") {\n      const tab = this.tabs[Math.max(this.selectedIndex, 0)];\n      return tab == null ? void 0 : tab.setAttribute(ARIA_SELECTED, \"true\");\n    }\n    const { key } = event;\n    const tabs = [...this.tabs];\n    const prev = tabs.findIndex((tab) => tab.contains(event.target));\n    let next = prev;\n    if (event.defaultPrevented || prev === -1) return;\n    if (event.type === \"click\") setSelected(tabs[prev]);\n    if (event.type === \"keydown\" && !asButton(event)) {\n      if (key === \"ArrowDown\" || key === \"ArrowRight\")\n        next = (prev + 1) % tabs.length;\n      else if (key === \"ArrowUp\" || key === \"ArrowLeft\")\n        next = (prev || tabs.length) - 1;\n      else if (key === \"End\") next = tabs.length - 1;\n      else if (key === \"Home\") next = 0;\n      else if (key === \"Tab\") next = getSelectedIndex(tabs);\n      else return;\n      setTimeout(() => {\n        tabs[prev].tabIndex = -1;\n        tabs[next].tabIndex = 0;\n      });\n      if (key !== \"Tab\") {\n        event.preventDefault();\n        tabs[next].focus();\n      }\n    }\n  }\n  get tabsElement() {\n    return this.closest(\"u-tabs\");\n  }\n  get tabs() {\n    return this.querySelectorAll(\"u-tab\");\n  }\n  get selectedIndex() {\n    return getSelectedIndex(this.tabs);\n  }\n  set selectedIndex(index) {\n    setSelected(this.tabs[index]);\n  }\n};\nvar SKIP_ATTR_CHANGE = false;\nvar UHTMLTabElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"id\", ARIA_SELECTED, ARIA_CONTROLS];\n  }\n  constructor() {\n    super();\n    attachStyle(\n      this,\n      \":host(:not([hidden])) { cursor: pointer; display: inline-block }\"\n    );\n  }\n  connectedCallback() {\n    attr(this, \"role\", \"tab\");\n    this.tabIndex = this.selected ? 0 : -1;\n  }\n  attributeChangedCallback() {\n    if (!SKIP_ATTR_CHANGE && this.selected && this.tabList) {\n      SKIP_ATTR_CHANGE = true;\n      const tabs = [...this.tabList.querySelectorAll(\"u-tab\")];\n      const panels = queryWithoutNested(\"u-tabpanel\", this.tabsElement || this);\n      const nextPanel = getPanel(this, panels[tabs.indexOf(this)]);\n      if (nextPanel) attr(nextPanel, SAFE_LABELLEDBY, useId(this));\n      tabs.forEach((tab, index) => {\n        const panel = getPanel(tab, panels[index]);\n        tab.tabIndex = tab === this ? 0 : -1;\n        attr(tab, ARIA_SELECTED, `${tab === this}`);\n        if (panel) panel.hidden = panel !== nextPanel;\n        if (panel) attr(tab, ARIA_CONTROLS, panel.id);\n      });\n      SKIP_ATTR_CHANGE = false;\n    }\n  }\n  get tabsElement() {\n    return this.closest(\"u-tabs\");\n  }\n  get tabList() {\n    const tablist = this.parentElement;\n    return (tablist == null ? void 0 : tablist.nodeName) === \"U-TABLIST\" ? tablist : null;\n  }\n  get selected() {\n    return attr(this, ARIA_SELECTED) === \"true\";\n  }\n  set selected(value) {\n    attr(this, ARIA_SELECTED, `${!!value}`);\n  }\n  /** Retrieves the ordinal position of an tab in a tablist. */\n  get index() {\n    const tabList = this.tabList;\n    return tabList ? [...tabList.querySelectorAll(\"u-tab\")].indexOf(this) : 0;\n  }\n  get panel() {\n    return getPanel(this);\n  }\n};\nvar UHTMLTabPanelElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"hidden\"];\n  }\n  constructor() {\n    super();\n    attachStyle(this, DISPLAY_BLOCK);\n  }\n  connectedCallback() {\n    attr(this, \"role\", \"tabpanel\");\n    this.hidden = getSelectedIndex(this.tabs) === -1;\n    this.attributeChangedCallback();\n  }\n  attributeChangedCallback() {\n    if (this.hidden || isFocusable(this.firstChild))\n      attr(this, \"tabindex\", null);\n    else this.tabIndex = 0;\n  }\n  get tabsElement() {\n    return this.closest(\"u-tabs\");\n  }\n  get tabs() {\n    const css = `u-tab[${ARIA_CONTROLS}=\"${this.id}\"]`;\n    return getRoot(this).querySelectorAll(css);\n  }\n};\nvar queryWithoutNested = (tag, self) => self.querySelectorAll(`${tag}:not(:scope u-tabpanel ${tag})`);\nvar getPanel = (tab, panel) => {\n  const id2 = attr(tab, ARIA_CONTROLS) || useId(panel);\n  const el = getRoot(tab).getElementById(id2);\n  return (el == null ? void 0 : el.nodeName) === \"U-TABPANEL\" ? el : null;\n};\nvar getSelectedIndex = (tabs) => [...tabs].findIndex((tab) => attr(tab, ARIA_SELECTED) === \"true\");\nvar setSelected = (tab) => tab && attr(tab, \"aria-selected\", \"true\");\nvar isFocusable = (el) => el instanceof Element && !el.matches(':disabled,[tabindex^=\"-\"]') && el.matches(\n  `[contenteditable],[controls],[href],[tabindex],input:not([type=\"hidden\"]),select,textarea,button,summary,iframe`\n);\ncustomElements.define(\"u-tabs\", UHTMLTabsElement);\ncustomElements.define(\"u-tablist\", UHTMLTabListElement);\ncustomElements.define(\"u-tab\", UHTMLTabElement);\ncustomElements.define(\"u-tabpanel\", UHTMLTabPanelElement);\n\nexport { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };\n"],"names":["IS_BROWSER","IS_ANDROID","_a","SAFE_LABELLEDBY","DISPLAY_BLOCK","UHTMLElement","attr","el","name","value","_a2","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","asButton","event","isClick","getRoot","node","root","id","useId","tagName","text","attrs","customElements","instance","ARIA_CONTROLS","ARIA_SELECTED","UHTMLTabsElement","queryWithoutNested","getSelectedIndex","index","setSelected","UHTMLTabListElement","tab","key","tabs","prev","next","SKIP_ATTR_CHANGE","UHTMLTabElement","panels","nextPanel","getPanel","panel","tablist","tabList","UHTMLTabPanelElement","isFocusable","tag","self","id2"],"mappings":"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","x_google_ignoreList":[0]}

package/mtds/external/clsx/dist/clsx.js

@@ -0,0 +1,18 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};
+//# sourceMappingURL=clsx.js.map

package/mtds/external/clsx/dist/clsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.js","sources":["../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/mtds/field/field-observer.js

@@ -1,45 +1,48 @@
 import m from "../styles.module.css.js";
-import { onMutation as v, on as u, QUICK_EVENT as p, isInputLike as b, attr as r, off as d, useId as a } from "../utils.js";
-const c = m.field.split(" ")[0], T = "--mtds-text-count-over", _ = "--mtds-text-count-under", g = m.validation.split(" "), y = g[0];
-function P(t) {
-  for (const e of t) {
-    const i = [], s = [];
-    let o = null, l = !0;
-    for (const n of e.getElementsByTagName("*"))
-      n instanceof HTMLLabelElement ? i.push(n) : b(n) ? o = n : n.classList.contains(y) ? (l = n.getAttribute("data-color") === "success", s.unshift(a(n))) : n instanceof HTMLParagraphElement && s.push(a(n));
+import { onMutation as v, on as d, QUICK_EVENT as p, isInputLike as S, attr as l, off as u, useId as r } from "../utils.js";
+const c = m.field.split(" ")[0], _ = "--mtds-text-count-over", y = "--mtds-text-count-under", I = m.validation.split(" "), P = I[0];
+function x(t) {
+  for (const n of t) {
+    const s = [], i = [];
+    let o = null, a = !0;
+    for (const e of n.getElementsByTagName("*"))
+      e instanceof HTMLLabelElement ? s.push(e) : S(e) ? o = e : e.classList.contains(P) ? (a = l(e, "data-color") === "success", i.unshift(r(e))) : e instanceof HTMLParagraphElement && i.push(r(e));
     if (o) {
-      for (const n of i) n.htmlFor = a(o);
-      I(o), r(o, "aria-describedby", s.join(" ")), r(o, "aria-invalid", `${!l}`);
+      for (const e of s) e.htmlFor = r(o);
+      b(o), l(o, "aria-describedby", i.join(" ")), l(o, "aria-invalid", `${!a}`);
     }
   }
 }
-function S({ target: t }) {
-  b(t) && I(t);
+function E({ target: t }) {
+  S(t) && b(t);
 }
-function I(t) {
-  var s, o;
-  const e = t == null ? void 0 : t.nextElementSibling, i = e == null ? void 0 : e.getAttribute("data-count");
-  if (e && i) {
-    const l = Number(i) - t.value.length, n = l < 0, h = e.getAttribute("aria-live") === "polite", f = window.getComputedStyle(e || t), C = ((s = f.getPropertyValue(T)) == null ? void 0 : s.slice(1, -1)) || "", L = ((o = f.getPropertyValue(_)) == null ? void 0 : o.slice(1, -1)) || "";
-    if (h !== n) {
-      r(e, "aria-live", n ? "polite" : "off");
-      for (const A of g) e.classList.toggle(A, n);
+function b(t) {
+  var i, o;
+  const n = t == null ? void 0 : t.nextElementSibling, s = n && l(n, "data-count");
+  if (n && s) {
+    const a = Number(s) - t.value.length, e = a < 0, h = l(n, "aria-live") === "polite", f = window.getComputedStyle(n || t), C = ((i = f.getPropertyValue(_)) == null ? void 0 : i.slice(1, -1)) || "", L = ((o = f.getPropertyValue(y)) == null ? void 0 : o.slice(1, -1)) || "";
+    if (h !== e) {
+      l(n, "aria-live", e ? "polite" : "off");
+      for (const T of I) n.classList.toggle(T, e);
     }
-    e.textContent = (n ? C : L).replace("%d", `${Math.abs(l)}`);
+    n.textContent = (e ? C : L).replace(
+      "%d",
+      `${Math.abs(a)}`
+    );
   }
 }
-function E(t) {
-  var e, i;
-  (i = (e = t.target) == null ? void 0 : e.closest) != null && i.call(e, `.${c}`) && t.preventDefault();
-}
-function R(t) {
-  v(t, c, P), u(t, "input", S, p), u(t, "invalid", E, !0);
+function g(t) {
+  var n, s;
+  (s = (n = t.target) == null ? void 0 : n.closest) != null && s.call(n, `.${c}`) && t.preventDefault();
 }
 function V(t) {
-  v(t, c, !1), d(t, "input", S, p), d(t, "invalid", E, !0);
+  v(t, c, x), d(t, "input", E, p), d(t, "invalid", g, !0);
+}
+function A(t) {
+  v(t, c, !1), u(t, "input", E, p), u(t, "invalid", g, !0);
 }
 export {
-  R as observe,
-  V as unobserve
+  V as observe,
+  A as unobserve
 };
 //# sourceMappingURL=field-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { QUICK_EVENT, attr, isInputLike, off, on, onMutation, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_PROPERTY_OVER = '--mtds-text-count-over';\nconst CSS_PROPERTY_UNDER = '--mtds-text-count-under';\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for(const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName('*')) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) { // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = el.getAttribute('data-color') === 'success';\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderCounter(input);\n      attr(input, 'aria-describedby', descs.join(' '));\n      attr(input, 'aria-invalid', `${!valid}`);\n    }\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el?.getAttribute('data-count');\n  \n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = el.getAttribute('aria-live') === 'polite';\n    const style = window.getComputedStyle(el || input);\n    const over = style.getPropertyValue(CSS_PROPERTY_OVER)?.slice(1, -1) || ''; // slice to trim quotes\n    const under = style.getPropertyValue(CSS_PROPERTY_UNDER)?.slice(1, -1) || ''; // slice to trim quotes\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, 'aria-live', nextInvalid ? 'polite' : 'off');\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = (nextInvalid ? over : under).replace('%d', `${Math.abs(remainder)}`);\n  }\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n  if ((event.target as Element)?.closest?.(`.${CSS_FIELD}`)) event.preventDefault();\n}\n\nexport function observe (el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, 'input', handleInput, QUICK_EVENT);\n  on(el, 'invalid', handleInvalid, true); // Use capture as invalid does noe buttle\n}\n\nexport function unobserve (el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, 'input', handleInput, QUICK_EVENT);\n  off(el, 'invalid', handleInvalid, true);\n}\n"],"names":["CSS_FIELD","styles","CSS_PROPERTY_OVER","CSS_PROPERTY_UNDER","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","el","isInputLike","useId","label","renderCounter","attr","handleInput","target","limit","remainder","nextInvalid","prevInvalid","style","over","_a","under","_b","css","handleInvalid","event","observe","onMutation","on","QUICK_EVENT","unobserve","off"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAoB,0BACpBC,IAAqB,2BACrBC,IAAkBH,EAAO,WAAW,MAAM,GAAG,GAC7CI,IAAiBD,EAAgB,CAAC;AAExC,SAASE,EAAWC,GAAmC;AACrD,aAAUC,KAASD,GAAQ;AACzB,UAAME,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAiC,MACjCC,IAAQ;AAEZ,eAAWC,KAAML,EAAM,qBAAqB,GAAG;AAC7C,MAAIK,aAAc,mBAAyBJ,EAAA,KAAKI,CAAE,IACzCC,EAAYD,CAAE,IAAWF,IAAAE,IACzBA,EAAG,UAAU,SAASR,CAAc,KACnCO,IAAAC,EAAG,aAAa,YAAY,MAAM,WACpCH,EAAA,QAAQK,EAAMF,CAAE,CAAC,KACdA,aAAc,0BAA4B,KAAKE,EAAMF,CAAE,CAAC;AAGrE,QAAIF,GAAO;AACT,iBAAWK,KAASP,EAAc,CAAAO,EAAA,UAAUD,EAAMJ,CAAK;AACvD,MAAAM,EAAcN,CAAK,GACnBO,EAAKP,GAAO,oBAAoBD,EAAM,KAAK,GAAG,CAAC,GAC/CQ,EAAKP,GAAO,gBAAgB,GAAG,CAACC,CAAK,EAAE;AAAA,IAAA;AAAA,EACzC;AAEJ;AACA,SAASO,EAAY,EAAE,QAAAC,KAAiB;AACtC,EAAIN,EAAYM,CAAM,KAAGH,EAAcG,CAAM;AAC/C;AAEA,SAASH,EAAcN,GAAyB;;AAC9C,QAAME,IAAKF,KAAA,gBAAAA,EAAO,oBACZU,IAAQR,KAAA,gBAAAA,EAAI,aAAa;AAE/B,MAAIA,KAAMQ,GAAO;AACf,UAAMC,IAAY,OAAOD,CAAK,IAAIV,EAAM,MAAM,QACxCY,IAAcD,IAAY,GAC1BE,IAAcX,EAAG,aAAa,WAAW,MAAM,UAC/CY,IAAQ,OAAO,iBAAiBZ,KAAMF,CAAK,GAC3Ce,MAAOC,IAAAF,EAAM,iBAAiBvB,CAAiB,MAAxC,gBAAAyB,EAA2C,MAAM,GAAG,QAAO,IAClEC,MAAQC,IAAAJ,EAAM,iBAAiBtB,CAAkB,MAAzC,gBAAA0B,EAA4C,MAAM,GAAG,QAAO;AAE1E,QAAIL,MAAgBD,GAAa;AAC/B,MAAAL,EAAKL,GAAI,aAAaU,IAAc,WAAW,KAAK;AACpD,iBAAWO,KAAO1B,EAAiB,CAAAS,EAAG,UAAU,OAAOiB,GAAKP,CAAW;AAAA,IAAA;AAEtE,IAAAV,EAAA,eAAeU,IAAcG,IAAOE,GAAO,QAAQ,MAAM,GAAG,KAAK,IAAIN,CAAS,CAAC,EAAE;AAAA,EAAA;AAExF;AAGA,SAASS,EAAcC,GAAc;;AAC9B,GAAAH,KAAAF,IAAAK,EAAM,WAAN,gBAAAL,EAA0B,YAA1B,QAAAE,EAAA,KAAAF,GAAoC,IAAI3B,CAAS,SAAW,eAAe;AAClF;AAEO,SAASiC,EAASpB,GAAa;AACzB,EAAAqB,EAAArB,GAAIb,GAAWM,CAAU,GACjC6B,EAAAtB,GAAI,SAASM,GAAaiB,CAAW,GACrCD,EAAAtB,GAAI,WAAWkB,GAAe,EAAI;AACvC;AAEO,SAASM,EAAWxB,GAAa;AAC3B,EAAAqB,EAAArB,GAAIb,GAAW,EAAK,GAC3BsC,EAAAzB,GAAI,SAASM,GAAaiB,CAAW,GACrCE,EAAAzB,GAAI,WAAWkB,GAAe,EAAI;AACxC;"}
+{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n  QUICK_EVENT,\n  attr,\n  isInputLike,\n  off,\n  on,\n  onMutation,\n  useId,\n} from \"../utils\";\n\nconst CSS_FIELD = styles.field.split(\" \")[0];\nconst CSS_PROPERTY_OVER = \"--mtds-text-count-over\";\nconst CSS_PROPERTY_UNDER = \"--mtds-text-count-under\";\nconst CSS_VALIDATIONS = styles.validation.split(\" \");\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for (const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName(\"*\")) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) {\n        // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = attr(el, \"data-color\") === \"success\";\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderCounter(input);\n      attr(input, \"aria-describedby\", descs.join(\" \"));\n      attr(input, \"aria-invalid\", `${!valid}`);\n    }\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el && attr(el, \"data-count\");\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = attr(el, \"aria-live\") === \"polite\";\n    const style = window.getComputedStyle(el || input);\n    const over = style.getPropertyValue(CSS_PROPERTY_OVER)?.slice(1, -1) || \"\"; // slice to trim quotes\n    const under =\n      style.getPropertyValue(CSS_PROPERTY_UNDER)?.slice(1, -1) || \"\"; // slice to trim quotes\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, \"aria-live\", nextInvalid ? \"polite\" : \"off\");\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = (nextInvalid ? over : under).replace(\n      \"%d\",\n      `${Math.abs(remainder)}`\n    );\n  }\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n  if ((event.target as Element)?.closest?.(`.${CSS_FIELD}`))\n    event.preventDefault();\n}\n\nexport function observe(el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, \"input\", handleInput, QUICK_EVENT);\n  on(el, \"invalid\", handleInvalid, true); // Use capture as invalid does noe buttle\n}\n\nexport function unobserve(el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, \"input\", handleInput, QUICK_EVENT);\n  off(el, \"invalid\", handleInvalid, true);\n}\n"],"names":["CSS_FIELD","styles","CSS_PROPERTY_OVER","CSS_PROPERTY_UNDER","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","el","isInputLike","attr","useId","label","renderCounter","handleInput","target","limit","remainder","nextInvalid","prevInvalid","style","over","_a","under","_b","css","handleInvalid","event","observe","onMutation","on","QUICK_EVENT","unobserve","off"],"mappings":";;AAWA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAoB,0BACpBC,IAAqB,2BACrBC,IAAkBH,EAAO,WAAW,MAAM,GAAG,GAC7CI,IAAiBD,EAAgB,CAAC;AAExC,SAASE,EAAWC,GAAmC;AACrD,aAAWC,KAASD,GAAQ;AAC1B,UAAME,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAiC,MACjCC,IAAQ;AAEZ,eAAWC,KAAML,EAAM,qBAAqB,GAAG;AAC7C,MAAIK,aAAc,mBAAyBJ,EAAA,KAAKI,CAAE,IACzCC,EAAYD,CAAE,IAAWF,IAAAE,IACzBA,EAAG,UAAU,SAASR,CAAc,KAEnCO,IAAAG,EAAKF,GAAI,YAAY,MAAM,WAC7BH,EAAA,QAAQM,EAAMH,CAAE,CAAC,KACdA,aAAc,0BAA4B,KAAKG,EAAMH,CAAE,CAAC;AAGrE,QAAIF,GAAO;AACT,iBAAWM,KAASR,EAAc,CAAAQ,EAAA,UAAUD,EAAML,CAAK;AACvD,MAAAO,EAAcP,CAAK,GACnBI,EAAKJ,GAAO,oBAAoBD,EAAM,KAAK,GAAG,CAAC,GAC/CK,EAAKJ,GAAO,gBAAgB,GAAG,CAACC,CAAK,EAAE;AAAA,IAAA;AAAA,EACzC;AAEJ;AACA,SAASO,EAAY,EAAE,QAAAC,KAAiB;AACtC,EAAIN,EAAYM,CAAM,KAAGF,EAAcE,CAAM;AAC/C;AAEA,SAASF,EAAcP,GAAyB;;AAC9C,QAAME,IAAKF,KAAA,gBAAAA,EAAO,oBACZU,IAAQR,KAAME,EAAKF,GAAI,YAAY;AAEzC,MAAIA,KAAMQ,GAAO;AACf,UAAMC,IAAY,OAAOD,CAAK,IAAIV,EAAM,MAAM,QACxCY,IAAcD,IAAY,GAC1BE,IAAcT,EAAKF,GAAI,WAAW,MAAM,UACxCY,IAAQ,OAAO,iBAAiBZ,KAAMF,CAAK,GAC3Ce,MAAOC,IAAAF,EAAM,iBAAiBvB,CAAiB,MAAxC,gBAAAyB,EAA2C,MAAM,GAAG,QAAO,IAClEC,MACJC,IAAAJ,EAAM,iBAAiBtB,CAAkB,MAAzC,gBAAA0B,EAA4C,MAAM,GAAG,QAAO;AAE9D,QAAIL,MAAgBD,GAAa;AAC/B,MAAAR,EAAKF,GAAI,aAAaU,IAAc,WAAW,KAAK;AACpD,iBAAWO,KAAO1B,EAAiB,CAAAS,EAAG,UAAU,OAAOiB,GAAKP,CAAW;AAAA,IAAA;AAEtE,IAAAV,EAAA,eAAeU,IAAcG,IAAOE,GAAO;AAAA,MAC5C;AAAA,MACA,GAAG,KAAK,IAAIN,CAAS,CAAC;AAAA,IACxB;AAAA,EAAA;AAEJ;AAGA,SAASS,EAAcC,GAAc;;AACnC,GAAKH,KAAAF,IAAAK,EAAM,WAAN,gBAAAL,EAA0B,YAA1B,QAAAE,EAAA,KAAAF,GAAoC,IAAI3B,CAAS,OACpDgC,EAAM,eAAe;AACzB;AAEO,SAASC,EAAQpB,GAAa;AACxB,EAAAqB,EAAArB,GAAIb,GAAWM,CAAU,GACjC6B,EAAAtB,GAAI,SAASM,GAAaiB,CAAW,GACrCD,EAAAtB,GAAI,WAAWkB,GAAe,EAAI;AACvC;AAEO,SAASM,EAAUxB,GAAa;AAC1B,EAAAqB,EAAArB,GAAIb,GAAW,EAAK,GAC3BsC,EAAAzB,GAAI,SAASM,GAAaiB,CAAW,GACrCE,EAAAzB,GAAI,WAAWkB,GAAe,EAAI;AACxC;"}

package/mtds/field/field.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from 'react';
+import { InputProps } from '../input/input';
+import { PolymorphicComponentPropWithRef } from '../react-types';
+type FieldBaseProps = InputProps & {
+    "data-size"?: string;
+    className?: InputProps["className"];
+    style?: InputProps["style"];
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    prefix?: string;
+    suffix?: string;
+    error?: React.ReactNode;
+    count?: number;
+};
+export type FieldProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, FieldBaseProps>;
+type FieldComponent = <As extends React.ElementType = "div">(props: FieldProps<As>) => JSX.Element;
+export declare const FieldComp: FieldComponent;
+export declare const Field: FieldComponent & {
+    Affixes: React.ForwardRefExoticComponent<Omit<FieldProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/mtds/field/field.js

@@ -0,0 +1,44 @@
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+import { clsx as u } from "../external/clsx/dist/clsx.js";
+import { forwardRef as x } from "react";
+import a from "../styles.module.css.js";
+const g = x(function c({
+  "data-size": e,
+  as: n,
+  className: s,
+  count: o,
+  description: r,
+  error: d,
+  label: f,
+  prefix: t,
+  style: j,
+  suffix: l,
+  ...m
+}, p) {
+  const A = n || "div";
+  if (!n)
+    return /* @__PURE__ */ i("div", { className: u(a.field, s), ref: p, ...m });
+  const N = !!l || !!t, h = /* @__PURE__ */ i(A, { className: a.input, "aria-invalid": !!d, ref: p, ...m });
+  return /* @__PURE__ */ v(c, { className: s, "data-size": e, style: j, children: [
+    !!f && /* @__PURE__ */ i("label", { children: f }),
+    !!r && /* @__PURE__ */ i("p", { children: r }),
+    N ? /* @__PURE__ */ v(F, { children: [
+      !!t && /* @__PURE__ */ i("span", { children: t }),
+      h,
+      !!l && /* @__PURE__ */ i("span", { children: l })
+    ] }) : h,
+    !!d && /* @__PURE__ */ i("div", { className: a.validation, children: d }),
+    !!o && /* @__PURE__ */ i("p", { "data-count": o })
+  ] });
+}), F = x(
+  function({ className: e, ...n }, s) {
+    return /* @__PURE__ */ i("div", { className: u(a.affixes, e), ref: s, ...n });
+  }
+), C = Object.assign(g, {
+  Affixes: F
+});
+export {
+  C as Field,
+  g as FieldComp
+};
+//# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport type { InputProps } from \"../input/input\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype FieldBaseProps = InputProps & {\n\t\"data-size\"?: string;\n\tclassName?: InputProps[\"className\"];\n\tstyle?: InputProps[\"style\"];\n\tlabel?: React.ReactNode;\n\tdescription?: React.ReactNode;\n\tprefix?: string;\n\tsuffix?: string;\n\terror?: React.ReactNode;\n\tcount?: number;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\n\tif (!as)\n\t\treturn (\n\t\t\t<div className={clsx(styles.field, className)} ref={ref} {...rest} />\n\t\t);\n\n\tconst affixes = !!suffix || !!prefix;\n\tconst input = (\n\t\t<Tag className={styles.input} aria-invalid={!!error} ref={ref} {...rest} />\n\t);\n\n\treturn (\n\t\t<Field className={className} data-size={size} style={style}>\n\t\t\t{!!label && <label>{label}</label>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t{input}\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\tinput\n\t\t\t)}\n\t\t\t{!!error && <div className={styles.validation}>{error}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</Field>\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n});\n"],"names":["FieldComp","forwardRef","Field","size","as","className","count","description","error","label","prefix","style","suffix","rest","ref","Tag","jsx","clsx","styles","affixes","input","FieldAffixes"],"mappings":";;;;AA4Ba,MAAAA,IAA4BC,EAAiB,SAASC,EAGlE;AAAA,EACC,aAAaC;AAAA,EACb,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACJ,GACAC,GACC;AACD,QAAMC,IAAMX,KAAM;AAElB,MAAI,CAACA;AAEH,WAAA,gBAAAY,EAAC,OAAI,EAAA,WAAWC,EAAKC,EAAO,OAAOb,CAAS,GAAG,KAAAS,GAAW,GAAGD,EAAM,CAAA;AAGrE,QAAMM,IAAU,CAAC,CAACP,KAAU,CAAC,CAACF,GACxBU,IACL,gBAAAJ,EAACD,GAAI,EAAA,WAAWG,EAAO,OAAO,gBAAc,CAAC,CAACV,GAAO,KAAAM,GAAW,GAAGD,EAAM,CAAA;AAG1E,2BACEX,GAAA,EAAM,WAAAG,GAAsB,aAAWF,GAAM,OAAAQ,GAC5C,UAAA;AAAA,IAAA,CAAC,CAACF,KAAU,gBAAAO,EAAA,SAAA,EAAO,UAAMP,GAAA;AAAA,IACzB,CAAC,CAACF,KAAe,gBAAAS,EAAC,OAAG,UAAYT,GAAA;AAAA,IACjCY,sBACCE,GACC,EAAA,UAAA;AAAA,MAAA,CAAC,CAACX,KAAW,gBAAAM,EAAA,QAAA,EAAM,UAAON,GAAA;AAAA,MAC1BU;AAAA,MACA,CAAC,CAACR,KAAU,gBAAAI,EAAC,UAAM,UAAOJ,EAAA,CAAA;AAAA,IAAA,EAAA,CAC5B,IAEAQ;AAAA,IAEA,CAAC,CAACZ,KAAS,gBAAAQ,EAAC,SAAI,WAAWE,EAAO,YAAa,UAAMV,GAAA;AAAA,IACrD,CAAC,CAACF,KAAU,gBAAAU,EAAA,KAAA,EAAE,cAAYV,EAAO,CAAA;AAAA,EAAA,GACnC;AAEF,CAAC,GAEKe,IAAepB;AAAA,EACpB,SAAsB,EAAE,WAAAI,GAAW,GAAGQ,EAAA,GAAQC,GAAK;AAEjD,WAAA,gBAAAE,EAAC,OAAI,EAAA,WAAWC,EAAKC,EAAO,SAASb,CAAS,GAAG,KAAAS,GAAW,GAAGD,EAAM,CAAA;AAAA,EAAA;AAGxE,GAEaX,IAAQ,OAAO,OAAOF,GAAW;AAAA,EAC7C,SAASqB;AACV,CAAC;"}

package/mtds/field/field.stories.d.ts

@@ -1,13 +1,14 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const Required: Story;
 export declare const Toggles: Story;
 export declare const WithValidation: Story;

package/mtds/fieldset/fieldset-observer.js

@@ -1,18 +1,17 @@
 import n from "../styles.module.css.js";
-import { onMutation as a, useId as l, attr as e, isInputLike as c } from "../utils.js";
-const r = n.fieldset.split(" ")[0], p = n.validation.split(" ")[0];
+import { onMutation as a, useId as f, attr as e, isInputLike as c } from "../utils.js";
+const l = n.fieldset.split(" ")[0], p = n.validation.split(" ")[0];
 function d(s) {
-  for (const f of s) {
+  for (const r of s) {
     const i = [];
-    let o = "";
-    for (const t of f.getElementsByTagName("*"))
-      t.classList.contains(p) ? o = l(t) : c(t) && i.push(t);
-    if (o)
-      for (const t of i)
-        e(t, "aria-describedby", o), e(t, "aria-invalid", "true");
+    let o = null;
+    for (const t of r.getElementsByTagName("*"))
+      t.classList.contains(p) ? o = f(t) : c(t) && i.push(t);
+    for (const t of i)
+      e(t, "aria-describedby", o), e(t, "aria-invalid", `${!!o}`);
   }
 }
-const I = (s) => a(s, r, d), v = (s) => a(s, r, !1);
+const I = (s) => a(s, l, d), v = (s) => a(s, l, !1);
 export {
   I as observe,
   v as unobserve

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

@@ -1 +1 @@
-{"version":3,"file":"fieldset-observer.js","sources":["../../designsystem/fieldset/fieldset-observer.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { attr, isInputLike, onMutation, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for(const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId = '';\n\n    for (const el of fieldset.getElementsByTagName('*')) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    if (validationId) \n      for(const input of inputs) {\n        attr(input, 'aria-describedby', validationId);\n        attr(input, 'aria-invalid', 'true');\n      }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","process","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","attr","observe","onMutation","unobserve"],"mappings":";;AAEA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAQC,GAAsC;AACrD,aAAUC,KAAYD,GAAW;AAC/B,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAAe;AAEnB,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAGtC,QAAAD;AACF,iBAAUI,KAASL;AACZ,QAAAM,EAAAD,GAAO,oBAAoBJ,CAAY,GACvCK,EAAAD,GAAO,gBAAgB,MAAM;AAAA,EACpC;AAEN;AAEO,MAAME,IAAU,CAACL,MAAgBM,EAAWN,GAAIR,GAAcG,CAAO,GAC/DY,IAAY,CAACP,MAAgBM,EAAWN,GAAIR,GAAc,EAAK;"}
+{"version":3,"file":"fieldset-observer.js","sources":["../../designsystem/fieldset/fieldset-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, isInputLike, onMutation, useId } from \"../utils\";\nconst CSS_FIELDSET = styles.fieldset.split(\" \")[0];\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for (const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId: string | null = null;\n\n    for (const el of fieldset.getElementsByTagName(\"*\")) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    for (const input of inputs) {\n      attr(input, \"aria-describedby\", validationId);\n      attr(input, \"aria-invalid\", `${!!validationId}`);\n    }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","process","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","attr","observe","onMutation","unobserve"],"mappings":";;AAEA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAQC,GAAsC;AACrD,aAAWC,KAAYD,GAAW;AAChC,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAA8B;AAElC,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAG1C,eAAWG,KAASL;AACb,MAAAM,EAAAD,GAAO,oBAAoBJ,CAAY,GAC5CK,EAAKD,GAAO,gBAAgB,GAAG,CAAC,CAACJ,CAAY,EAAE;AAAA,EACjD;AAEJ;AAEO,MAAMM,IAAU,CAACL,MAAgBM,EAAWN,GAAIR,GAAcG,CAAO,GAC/DY,IAAY,CAACP,MAAgBM,EAAWN,GAAIR,GAAc,EAAK;"}

package/mtds/fieldset/fieldset.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { clsx as s } from "../external/clsx/dist/clsx.js";
+import { forwardRef as f } from "react";
+import i from "../styles.module.css.js";
+const n = f(
+  function({ className: e, ...r }, t) {
+    return /* @__PURE__ */ o(
+      "fieldset",
+      {
+        className: s(i.fieldset, e),
+        ref: t,
+        ...r
+      }
+    );
+  }
+);
+export {
+  n as Fieldset
+};
+//# sourceMappingURL=fieldset.js.map

package/mtds/fieldset/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","sources":["../../designsystem/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type FieldsetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(\n\tfunction Fieldset({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.fieldset, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Fieldset","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMO,MAAMA,IAAWC;AAAA,EACvB,SAAkB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAE7C,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,UAAUL,CAAS;AAAA,QAC1C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}

package/mtds/fieldset/fieldset.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const React: Story;
 export declare const Radios: Story;
 export declare const Checkboxes: Story;
 export declare const Disabled: Story;

package/mtds/heading/heading.d.ts

@@ -1,6 +1,8 @@
 import { JSX } from 'react';
 import { PolymorphicComponentPropWithRef } from '../react-types';
-export type HeadingProps<As extends React.ElementType = "h2"> = PolymorphicComponentPropWithRef<As>;
+export type HeadingProps<As extends React.ElementType = "h2"> = PolymorphicComponentPropWithRef<As, {
+    "data-size"?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+}>;
 type HeadingComponent = <As extends React.ElementType = "h2">(props: HeadingProps<As>) => JSX.Element;
 export declare const Heading: HeadingComponent;
 export {};

package/mtds/heading/heading.js

@@ -0,0 +1,11 @@
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as e } from "../external/clsx/dist/clsx.js";
+import { forwardRef as i } from "react";
+import n from "../styles.module.css.js";
+const l = i(function({ as: o, className: r, ...t }, m) {
+  return /* @__PURE__ */ a(o || "h2", { className: e(n.heading, r), ref: m, ...t });
+});
+export {
+  l as Heading
+};
+//# sourceMappingURL=heading.js.map

package/mtds/heading/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sources":["../../designsystem/heading/heading.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\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"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAoBa,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;"}

package/mtds/heading/heading.stories.d.ts

@@ -1,11 +1,13 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const Center: Story;
+export declare const Stack: Story;

package/mtds/index.d.ts

@@ -1,4 +1,3 @@
-export { pagination } from './pagination/pagination';
 export declare const styles: {
 alert: string;
 avatar: string;
@@ -6,6 +5,7 @@ badge: string;
 breadcrumbs: string;
 button: string;
 card: string;
+group: string;
 chip: string;
 details: string;
 dialog: string;
@@ -16,6 +16,7 @@ affixes: string;
 count: string;
 fieldset: string;
 heading: string;
+stack: string;
 input: string;
 grid: string;
 flex: string;
@@ -32,5 +33,6 @@ tag: string;
 validation: string;
 body: string;
 };
+export { pagination } from './pagination/pagination-helper';
 export declare function observe(el: Element): void;
 export declare function unobserve(el: Element): void;