@mattilsynet/design 2.2.29 → 2.2.31

package/mtds/styles.json

@@ -1,45 +1,45 @@
 {
-  "alert": "_alert_mdphy_1 _ds-alert_5rpuv_3",
-  "app": "_app_mdphy_1",
-  "sticky": "_sticky_mdphy_1",
-  "avatar": "_avatar_mdphy_1 _ds-avatar_5rpuv_1",
-  "badge": "_badge_mdphy_1",
-  "breadcrumbs": "_breadcrumbs_mdphy_1 _ds-breadcrumbs_5rpuv_5",
-  "button": "_button_mdphy_1 _ds-button_5rpuv_1",
-  "card": "_card_mdphy_1",
-  "group": "_group_mdphy_1",
-  "chip": "_chip_mdphy_1 _ds-chip_5rpuv_5",
-  "details": "_details_mdphy_1 _ds-details_5rpuv_3",
-  "dialog": "_dialog_mdphy_1 _ds-dialog_5rpuv_5",
-  "divider": "_divider_mdphy_1",
-  "errorsummary": "_errorsummary_mdphy_1 _ds-error-summary_5rpuv_5",
-  "field": "_field_mdphy_1 _ds-field_5rpuv_1",
-  "affixes": "_affixes_mdphy_1 _ds-field-affixes_5rpuv_3",
-  "fieldset": "_fieldset_mdphy_1 _ds-fieldset_5rpuv_3",
-  "fileupload": "_fileupload_mdphy_1",
-  "helptext": "_helptext_mdphy_1 _ds-focus_5rpuv_1",
-  "input": "_input_mdphy_1 _ds-input_5rpuv_1",
-  "law": "_law_mdphy_1",
-  "grid": "_grid_mdphy_1",
-  "flex": "_flex_mdphy_1",
-  "link": "_link_mdphy_1",
-  "logo": "_logo_mdphy_1",
-  "pagination": "_pagination_mdphy_1 _ds-pagination_5rpuv_5",
-  "popover": "_popover_mdphy_1",
-  "progress": "_progress_mdphy_1",
-  "skeleton": "_skeleton_mdphy_1 _ds-skeleton_5rpuv_5",
-  "spinner": "_spinner_mdphy_1",
-  "steps": "_steps_mdphy_1",
-  "table": "_table_mdphy_1 _ds-table_5rpuv_5",
-  "tabs": "_tabs_mdphy_1 _ds-tabs_5rpuv_5",
-  "tag": "_tag_mdphy_1 _ds-tag_5rpuv_5",
-  "toast": "_toast_mdphy_1",
-  "togglegroup": "_togglegroup_mdphy_1",
-  "heading": "_heading_mdphy_1 _ds-heading_5rpuv_1",
-  "ingress": "_ingress_mdphy_1",
-  "muted": "_muted_mdphy_1",
-  "info": "_info_mdphy_1",
-  "prose": "_prose_mdphy_1",
-  "validation": "_validation_mdphy_1 _ds-validation-message_5rpuv_1",
-  "body": "_body_mdphy_173"
+  "alert": "_alert_q3oeq_1 _ds-alert_62kyp_3",
+  "app": "_app_q3oeq_1",
+  "sticky": "_sticky_q3oeq_1",
+  "avatar": "_avatar_q3oeq_1 _ds-avatar_62kyp_1",
+  "badge": "_badge_q3oeq_1",
+  "breadcrumbs": "_breadcrumbs_q3oeq_1 _ds-breadcrumbs_62kyp_5",
+  "button": "_button_q3oeq_1 _ds-button_62kyp_1",
+  "card": "_card_q3oeq_1",
+  "group": "_group_q3oeq_1",
+  "chip": "_chip_q3oeq_1 _ds-chip_62kyp_5",
+  "details": "_details_q3oeq_1 _ds-details_62kyp_3",
+  "dialog": "_dialog_q3oeq_1 _ds-dialog_62kyp_5",
+  "divider": "_divider_q3oeq_1",
+  "errorsummary": "_errorsummary_q3oeq_1 _ds-error-summary_62kyp_5",
+  "field": "_field_q3oeq_1 _ds-field_62kyp_1",
+  "affixes": "_affixes_q3oeq_1 _ds-field-affixes_62kyp_3",
+  "fieldset": "_fieldset_q3oeq_1 _ds-fieldset_62kyp_3",
+  "fileupload": "_fileupload_q3oeq_1",
+  "helptext": "_helptext_q3oeq_1 _ds-focus_62kyp_1",
+  "input": "_input_q3oeq_1 _ds-input_62kyp_1",
+  "law": "_law_q3oeq_1",
+  "grid": "_grid_q3oeq_1",
+  "flex": "_flex_q3oeq_1",
+  "link": "_link_q3oeq_1",
+  "logo": "_logo_q3oeq_1",
+  "pagination": "_pagination_q3oeq_1 _ds-pagination_62kyp_5",
+  "popover": "_popover_q3oeq_1",
+  "progress": "_progress_q3oeq_1",
+  "skeleton": "_skeleton_q3oeq_1 _ds-skeleton_62kyp_5",
+  "spinner": "_spinner_q3oeq_1",
+  "steps": "_steps_q3oeq_1",
+  "table": "_table_q3oeq_1 _ds-table_62kyp_5",
+  "tabs": "_tabs_q3oeq_1 _ds-tabs_62kyp_5",
+  "tag": "_tag_q3oeq_1 _ds-tag_62kyp_5",
+  "toast": "_toast_q3oeq_1",
+  "togglegroup": "_togglegroup_q3oeq_1",
+  "heading": "_heading_q3oeq_1 _ds-heading_62kyp_1",
+  "ingress": "_ingress_q3oeq_1",
+  "muted": "_muted_q3oeq_1",
+  "info": "_info_q3oeq_1",
+  "prose": "_prose_q3oeq_1",
+  "validation": "_validation_q3oeq_1 _ds-validation-message_62kyp_1",
+  "body": "_body_q3oeq_183"
 }

package/mtds/styles.module.css.js

@@ -1,171 +1,116 @@
-const alert = "_alert_mdphy_1 _ds-alert_5rpuv_3";
-const app = "_app_mdphy_1";
-const sticky = "_sticky_mdphy_1";
-const avatar = "_avatar_mdphy_1 _ds-avatar_5rpuv_1";
-const badge = "_badge_mdphy_1";
-const breadcrumbs = "_breadcrumbs_mdphy_1 _ds-breadcrumbs_5rpuv_5";
-const button = "_button_mdphy_1 _ds-button_5rpuv_1";
-const card = "_card_mdphy_1";
-const group = "_group_mdphy_1";
-const chip = "_chip_mdphy_1 _ds-chip_5rpuv_5";
-const details = "_details_mdphy_1 _ds-details_5rpuv_3";
-const dialog = "_dialog_mdphy_1 _ds-dialog_5rpuv_5";
-const _drawer = "__drawer_mdphy_1";
-const divider = "_divider_mdphy_1";
-const errorsummary = "_errorsummary_mdphy_1 _ds-error-summary_5rpuv_5";
-const _errorsummary = "__errorsummary_mdphy_1";
-const field = "_field_mdphy_1 _ds-field_5rpuv_1";
-const _datalist = "__datalist_mdphy_1";
-const affixes = "_affixes_mdphy_1 _ds-field-affixes_5rpuv_3";
-const fieldset = "_fieldset_mdphy_1 _ds-fieldset_5rpuv_3";
-const fileupload = "_fileupload_mdphy_1";
-const helptext = "_helptext_mdphy_1 _ds-focus_5rpuv_1";
-const input = "_input_mdphy_1 _ds-input_5rpuv_1";
-const law = "_law_mdphy_1";
-const grid = "_grid_mdphy_1";
-const flex = "_flex_mdphy_1";
-const link = "_link_mdphy_1";
-const logo = "_logo_mdphy_1";
-const pagination = "_pagination_mdphy_1 _ds-pagination_5rpuv_5";
-const popover = "_popover_mdphy_1";
-const progress = "_progress_mdphy_1";
-const _indeterminate = "__indeterminate_mdphy_1";
-const skeleton = "_skeleton_mdphy_1 _ds-skeleton_5rpuv_5";
-const _skeleton = "__skeleton_mdphy_1";
-const spinner = "_spinner_mdphy_1";
-const steps = "_steps_mdphy_1";
-const table = "_table_mdphy_1 _ds-table_5rpuv_5";
-const _scrollShadow = "__scrollShadow_mdphy_1";
-const tabs = "_tabs_mdphy_1 _ds-tabs_5rpuv_5";
-const _scrollMask = "__scrollMask_mdphy_1";
-const tag = "_tag_mdphy_1 _ds-tag_5rpuv_5";
-const toast = "_toast_mdphy_1";
-const _toastClose = "__toastClose_mdphy_1";
-const _toastOpen = "__toastOpen_mdphy_1";
-const _toastTimeout = "__toastTimeout_mdphy_1";
-const togglegroup = "_togglegroup_mdphy_1";
-const _tooltip = "__tooltip_mdphy_1";
-const heading = "_heading_mdphy_1 _ds-heading_5rpuv_1";
-const ingress = "_ingress_mdphy_1";
-const muted = "_muted_mdphy_1";
-const info = "_info_mdphy_1";
-const prose = "_prose_mdphy_1";
-const validation = "_validation_mdphy_1 _ds-validation-message_5rpuv_1";
-const body = "_body_mdphy_173";
-const _checked = "__checked_mdphy_1";
-const styles = {
-  alert,
-  app,
-  sticky,
-  avatar,
-  badge,
-  breadcrumbs,
-  button,
-  card,
-  group,
-  chip,
-  details,
-  dialog,
-  _drawer,
-  divider,
-  errorsummary,
-  _errorsummary,
-  field,
-  _datalist,
-  affixes,
-  fieldset,
-  fileupload,
-  helptext,
-  input,
-  law,
-  grid,
-  flex,
-  link,
-  logo,
-  pagination,
-  popover,
-  progress,
-  _indeterminate,
-  skeleton,
-  _skeleton,
-  spinner,
-  steps,
-  table,
-  _scrollShadow,
-  tabs,
-  _scrollMask,
-  tag,
-  toast,
-  _toastClose,
-  _toastOpen,
-  _toastTimeout,
-  togglegroup,
-  _tooltip,
-  heading,
-  ingress,
-  muted,
-  info,
-  prose,
-  validation,
-  body,
-  _checked
+const _ = "_alert_q3oeq_1 _ds-alert_62kyp_3", o = "_app_q3oeq_1", e = "_sticky_q3oeq_1", t = "_avatar_q3oeq_1 _ds-avatar_62kyp_1", s = "_badge_q3oeq_1", a = "_breadcrumbs_q3oeq_1 _ds-breadcrumbs_62kyp_5", n = "_button_q3oeq_1 _ds-button_62kyp_1", q = "_card_q3oeq_1", r = "_group_q3oeq_1", i = "_chip_q3oeq_1 _ds-chip_62kyp_5", d = "_details_q3oeq_1 _ds-details_62kyp_3", c = "_dialog_q3oeq_1 _ds-dialog_62kyp_5", l = "__drawer_q3oeq_1", p = "_divider_q3oeq_1", g = "_errorsummary_q3oeq_1 _ds-error-summary_62kyp_5", k = "__errorsummary_q3oeq_1", u = "_field_q3oeq_1 _ds-field_62kyp_1", y = "__datalist_q3oeq_1", f = "_affixes_q3oeq_1 _ds-field-affixes_62kyp_3", m = "_fieldset_q3oeq_1 _ds-fieldset_62kyp_3", b = "_fileupload_q3oeq_1", h = "_helptext_q3oeq_1 _ds-focus_62kyp_1", v = "_input_q3oeq_1 _ds-input_62kyp_1", x = "_law_q3oeq_1", w = "_grid_q3oeq_1", C = "_flex_q3oeq_1", M = "_link_q3oeq_1", O = "_logo_q3oeq_1", S = "_pagination_q3oeq_1 _ds-pagination_62kyp_5", T = "_popover_q3oeq_1", j = "_progress_q3oeq_1", z = "__indeterminate_q3oeq_1", A = "_skeleton_q3oeq_1 _ds-skeleton_62kyp_5", B = "__skeleton_q3oeq_1", D = "_spinner_q3oeq_1", E = "_steps_q3oeq_1", F = "_table_q3oeq_1 _ds-table_62kyp_5", G = "__scrollShadow_q3oeq_1", H = "_tabs_q3oeq_1 _ds-tabs_62kyp_5", I = "__scrollMask_q3oeq_1", J = "_tag_q3oeq_1 _ds-tag_62kyp_5", K = "_toast_q3oeq_1", L = "__toastClose_q3oeq_1", N = "__toastOpen_q3oeq_1", P = "__toastTimeout_q3oeq_1", Q = "_togglegroup_q3oeq_1", R = "__tooltip_q3oeq_1", U = "_heading_q3oeq_1 _ds-heading_62kyp_1", V = "_ingress_q3oeq_1", W = "_muted_q3oeq_1", X = "_info_q3oeq_1", Y = "_prose_q3oeq_1", Z = "_validation_q3oeq_1 _ds-validation-message_62kyp_1", $ = "_body_q3oeq_183", __ = "__checked_q3oeq_1", o_ = {
+  alert: _,
+  app: o,
+  sticky: e,
+  avatar: t,
+  badge: s,
+  breadcrumbs: a,
+  button: n,
+  card: q,
+  group: r,
+  chip: i,
+  details: d,
+  dialog: c,
+  _drawer: l,
+  divider: p,
+  errorsummary: g,
+  _errorsummary: k,
+  field: u,
+  _datalist: y,
+  affixes: f,
+  fieldset: m,
+  fileupload: b,
+  helptext: h,
+  input: v,
+  law: x,
+  grid: w,
+  flex: C,
+  link: M,
+  logo: O,
+  pagination: S,
+  popover: T,
+  progress: j,
+  _indeterminate: z,
+  skeleton: A,
+  _skeleton: B,
+  spinner: D,
+  steps: E,
+  table: F,
+  _scrollShadow: G,
+  tabs: H,
+  _scrollMask: I,
+  tag: J,
+  toast: K,
+  _toastClose: L,
+  _toastOpen: N,
+  _toastTimeout: P,
+  togglegroup: Q,
+  _tooltip: R,
+  heading: U,
+  ingress: V,
+  muted: W,
+  info: X,
+  prose: Y,
+  validation: Z,
+  body: $,
+  _checked: __
 };
 export {
-  _checked,
-  _datalist,
-  _drawer,
-  _errorsummary,
-  _indeterminate,
-  _scrollMask,
-  _scrollShadow,
-  _skeleton,
-  _toastClose,
-  _toastOpen,
-  _toastTimeout,
-  _tooltip,
-  affixes,
-  alert,
-  app,
-  avatar,
-  badge,
-  body,
-  breadcrumbs,
-  button,
-  card,
-  chip,
-  styles as default,
-  details,
-  dialog,
-  divider,
-  errorsummary,
-  field,
-  fieldset,
-  fileupload,
-  flex,
-  grid,
-  group,
-  heading,
-  helptext,
-  info,
-  ingress,
-  input,
-  law,
-  link,
-  logo,
-  muted,
-  pagination,
-  popover,
-  progress,
-  prose,
-  skeleton,
-  spinner,
-  steps,
-  sticky,
-  table,
-  tabs,
-  tag,
-  toast,
-  togglegroup,
-  validation
+  __ as _checked,
+  y as _datalist,
+  l as _drawer,
+  k as _errorsummary,
+  z as _indeterminate,
+  I as _scrollMask,
+  G as _scrollShadow,
+  B as _skeleton,
+  L as _toastClose,
+  N as _toastOpen,
+  P as _toastTimeout,
+  R as _tooltip,
+  f as affixes,
+  _ as alert,
+  o as app,
+  t as avatar,
+  s as badge,
+  $ as body,
+  a as breadcrumbs,
+  n as button,
+  q as card,
+  i as chip,
+  o_ as default,
+  d as details,
+  c as dialog,
+  p as divider,
+  g as errorsummary,
+  u as field,
+  m as fieldset,
+  b as fileupload,
+  C as flex,
+  w as grid,
+  r as group,
+  U as heading,
+  h as helptext,
+  X as info,
+  V as ingress,
+  v as input,
+  x as law,
+  M as link,
+  O as logo,
+  W as muted,
+  S as pagination,
+  T as popover,
+  j as progress,
+  Y as prose,
+  A as skeleton,
+  D as spinner,
+  E as steps,
+  e as sticky,
+  F as table,
+  H as tabs,
+  J as tag,
+  K as toast,
+  Q as togglegroup,
+  Z as validation
 };
 //# sourceMappingURL=styles.module.css.js.map

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

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

package/mtds/table/table-observer.js

@@ -1,28 +1,25 @@
-import styles from "../styles.module.css.js";
-import { isBrowser, onLoaded, on, onMutation, attr } from "../utils.js";
-const CSS_TABLE = styles.table.split(" ")[0];
-const INTERACTIVE = 'a,button,label,input,select,textarea,[role="button"]';
-const TABLES = isBrowser() ? document.getElementsByClassName(CSS_TABLE) : [];
-function handleTableMutation() {
-  for (const table of TABLES) {
-    const ths = Array.from(
-      table.tHead?.rows[0]?.cells || [],
-      (th) => th.innerText.trim()
+import c from "../styles.module.css.js";
+import { isBrowser as r, onLoaded as l, on as a, onMutation as i, attr as f } from "../utils.js";
+const m = c.table.split(" ")[0], d = 'a,button,label,input,select,textarea,[role="button"]', u = r() ? document.getElementsByClassName(m) : [];
+function b() {
+  for (const t of u) {
+    const e = Array.from(
+      t.tHead?.rows[0]?.cells || [],
+      (o) => o.innerText.trim()
     );
-    for (const tbody of table.tBodies)
-      for (const row of tbody.rows)
-        for (const cell of row.cells)
-          attr(cell, "data-th", ths[cell.cellIndex] || ":empty");
+    for (const o of t.tBodies)
+      for (const s of o.rows)
+        for (const n of s.cells)
+          f(n, "data-th", e[n.cellIndex] || ":empty");
   }
 }
-function handleTableClick({ target: el }) {
-  if (!(el instanceof Element)) return;
-  const row = el.closest("tr");
-  const action = row?.querySelector('[data-command="row"]');
-  if (action && !el.closest(INTERACTIVE)) action.click?.();
+function w({ target: t }) {
+  if (!(t instanceof Element)) return;
+  const o = t.closest("tr")?.querySelector('[data-command="row"]');
+  o && !t.closest(d) && o.click?.();
 }
-onLoaded(() => [
-  on(document, "click", handleTableClick),
-  onMutation(handleTableMutation, "class")
+l(() => [
+  a(document, "click", w),
+  i(b, "class")
 ]);
 //# 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, isBrowser, on, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\nconst INTERACTIVE = 'a,button,label,input,select,textarea,[role=\"button\"]';\nconst TABLES = isBrowser() ? document.getElementsByClassName(CSS_TABLE) : [];\n\nfunction handleTableMutation() {\n\tfor (const table of TABLES as HTMLCollectionOf<HTMLTableElement>) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n}\n\nfunction handleTableClick({ target: el }: Event) {\n\tif (!(el instanceof Element)) return;\n\tconst row = el.closest(\"tr\");\n\tconst action = row?.querySelector<HTMLInputElement>('[data-command=\"row\"]');\n\tif (action && !el.closest(INTERACTIVE)) action.click?.(); // Forward click to data-command=\"row\" element\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleTableClick),\n\tonMutation(handleTableMutation, \"class\"),\n]);\n"],"names":[],"mappings":";;AAGA,MAAM,YAAY,OAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAC3C,MAAM,cAAc;AACpB,MAAM,SAAS,UAAA,IAAc,SAAS,uBAAuB,SAAS,IAAI,CAAA;AAE1E,SAAS,sBAAsB;AAC9B,aAAW,SAAS,QAA8C;AACjE,UAAM,MAAM,MAAM;AAAA,MAAK,MAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAAC,OAC1D,GAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAW,SAAS,MAAM;AACzB,iBAAW,OAAO,MAAM;AACvB,mBAAW,QAAQ,IAAI;AACtB,eAAK,MAAM,WAAW,IAAI,KAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEA,SAAS,iBAAiB,EAAE,QAAQ,MAAa;AAChD,MAAI,EAAE,cAAc,SAAU;AAC9B,QAAM,MAAM,GAAG,QAAQ,IAAI;AAC3B,QAAM,SAAS,KAAK,cAAgC,sBAAsB;AAC1E,MAAI,UAAU,CAAC,GAAG,QAAQ,WAAW,UAAU,QAAA;AAChD;AAEA,SAAS,MAAM;AAAA,EACd,GAAG,UAAU,SAAS,gBAAgB;AAAA,EACtC,WAAW,qBAAqB,OAAO;AACxC,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, isBrowser, on, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\nconst INTERACTIVE = 'a,button,label,input,select,textarea,[role=\"button\"]';\nconst TABLES = isBrowser() ? document.getElementsByClassName(CSS_TABLE) : [];\n\nfunction handleTableMutation() {\n\tfor (const table of TABLES as HTMLCollectionOf<HTMLTableElement>) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n}\n\nfunction handleTableClick({ target: el }: Event) {\n\tif (!(el instanceof Element)) return;\n\tconst row = el.closest(\"tr\");\n\tconst action = row?.querySelector<HTMLInputElement>('[data-command=\"row\"]');\n\tif (action && !el.closest(INTERACTIVE)) action.click?.(); // Forward click to data-command=\"row\" element\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleTableClick),\n\tonMutation(handleTableMutation, \"class\"),\n]);\n"],"names":["CSS_TABLE","styles","INTERACTIVE","TABLES","isBrowser","handleTableMutation","table","ths","th","tbody","row","cell","attr","handleTableClick","el","action","onLoaded","on","onMutation"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAc,wDACdC,IAASC,EAAA,IAAc,SAAS,uBAAuBJ,CAAS,IAAI,CAAA;AAE1E,SAASK,IAAsB;AAC9B,aAAWC,KAASH,GAA8C;AACjE,UAAMI,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEA,SAASE,EAAiB,EAAE,QAAQC,KAAa;AAChD,MAAI,EAAEA,aAAc,SAAU;AAE9B,QAAMC,IADMD,EAAG,QAAQ,IAAI,GACP,cAAgC,sBAAsB;AAC1E,EAAIC,KAAU,CAACD,EAAG,QAAQZ,CAAW,OAAU,QAAA;AAChD;AAEAc,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,SAASJ,CAAgB;AAAA,EACtCK,EAAWb,GAAqB,OAAO;AACxC,CAAC;"}

package/mtds/table/table.d.ts

@@ -14,6 +14,13 @@ export declare const Table: import('react').ForwardRefExoticComponent<Omit<impor
     "data-fixed"?: boolean;
     "data-mobile"?: "divided" | "spaced" | "stacked";
 } & import('react').RefAttributes<HTMLTableElement>> & {
+    Td: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
+    Th: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
+    Tr: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>;
+    Thead: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Tbody: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Tfoot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Caption: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLTableCaptionElement>>;
     ThSortable: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "aria-sort" | "onClick"> & {
         onClick?: React.ComponentPropsWithoutRef<"button">["onClick"];
         "aria-sort"?: "" | "acending" | "asc" | "desc" | "descending" | "down" | "false" | "none" | "up" | false | null;

package/mtds/table/table.js

@@ -1,8 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import styles from "../styles.module.css.js";
-const SORT = {
+import { jsx as t } from "react/jsx-runtime";
+import u from "clsx";
+import { forwardRef as e } from "react";
+import d from "../styles.module.css.js";
+const p = {
   "": "none",
   asc: "ascending",
   ascending: "ascending",
@@ -13,26 +13,51 @@ const SORT = {
   none: "none",
   null: "none",
   up: "ascending"
-};
-const TableComp = forwardRef(function Table2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx("table", { className: clsx(styles.table, className), ref, ...rest });
-});
-const Table = Object.assign(TableComp, {
-  ThSortable: forwardRef(
-    function ThSortable({ "aria-sort": sort, children, onClick, ...rest }, ref) {
-      return /* @__PURE__ */ jsx(
+}, c = e(function({ className: r, ...n }, s) {
+  return /* @__PURE__ */ t("table", { className: u(d.table, r), ref: s, ...n });
+}), y = Object.assign(c, {
+  Td: e(
+    function(r, n) {
+      return /* @__PURE__ */ t("td", { suppressHydrationWarning: !0, ref: n, ...r });
+    }
+  ),
+  Th: e(
+    function(r, n) {
+      return /* @__PURE__ */ t("th", { suppressHydrationWarning: !0, ref: n, ...r });
+    }
+  ),
+  Tr: e(
+    function(r, n) {
+      return /* @__PURE__ */ t("tr", { suppressHydrationWarning: !0, ref: n, ...r });
+    }
+  ),
+  Thead: e(function(r, n) {
+    return /* @__PURE__ */ t("thead", { suppressHydrationWarning: !0, ref: n, ...r });
+  }),
+  Tbody: e(function(r, n) {
+    return /* @__PURE__ */ t("tbody", { suppressHydrationWarning: !0, ref: n, ...r });
+  }),
+  Tfoot: e(function(r, n) {
+    return /* @__PURE__ */ t("tfoot", { suppressHydrationWarning: !0, ref: n, ...r });
+  }),
+  Caption: e(function(r, n) {
+    return /* @__PURE__ */ t("caption", { suppressHydrationWarning: !0, ref: n, ...r });
+  }),
+  ThSortable: e(
+    function({ "aria-sort": r, children: n, onClick: s, ...a }, i) {
+      return /* @__PURE__ */ t(
         "th",
         {
-          ref,
-          "aria-sort": onClick ? SORT[`${sort}`] : void 0,
-          ...rest,
-          children: onClick ? /* @__PURE__ */ jsx("button", { type: "button", onClick, children }) : children
+          ref: i,
+          "aria-sort": s ? p[`${r}`] : void 0,
+          ...a,
+          children: s ? /* @__PURE__ */ t("button", { type: "button", onClick: s, children: n }) : n
         }
       );
     }
   )
 });
 export {
-  Table
+  y as Table
 };
 //# sourceMappingURL=table.js.map

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\" | \"none\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport type ThSortableProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"th\">,\n\t\"aria-sort\" | \"onClick\"\n> & {\n\tonClick?: React.ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n\t\"aria-sort\"?:\n\t\t| \"\"\n\t\t| \"acending\"\n\t\t| \"asc\"\n\t\t| \"desc\"\n\t\t| \"descending\"\n\t\t| \"down\"\n\t\t| \"false\"\n\t\t| \"none\"\n\t\t| \"up\"\n\t\t| false\n\t\t| null;\n};\n\ntype SORT_KEYS = keyof typeof SORT;\nconst SORT = {\n\t\"\": \"none\",\n\tasc: \"ascending\",\n\tascending: \"ascending\",\n\tdesc: \"descending\",\n\tdescending: \"descending\",\n\tdown: \"descending\",\n\tfalse: \"none\",\n\tnone: \"none\",\n\tnull: \"none\",\n\tup: \"ascending\",\n} as const;\n\nconst TableComp = 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\nexport const Table = Object.assign(TableComp, {\n\tThSortable: forwardRef<HTMLTableCellElement, ThSortableProps>(\n\t\tfunction ThSortable(\n\t\t\t{ \"aria-sort\": sort, children, onClick, ...rest },\n\t\t\tref,\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<th\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-sort={onClick ? SORT[`${sort}` as SORT_KEYS] : undefined}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{onClick ? (\n\t\t\t\t\t\t<button type=\"button\" onClick={onClick}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tchildren\n\t\t\t\t\t)}\n\t\t\t\t</th>\n\t\t\t);\n\t\t},\n\t),\n});\n"],"names":["Table"],"mappings":";;;;AA+BA,MAAM,OAAO;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACL;AAEA,MAAM,YAAY,WAAyC,SAASA,OACnE,EAAE,WAAW,GAAG,KAAA,GAChB,KACC;AACD,SACC,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAEvE,CAAC;AAEM,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC7C,YAAY;AAAA,IACX,SAAS,WACR,EAAE,aAAa,MAAM,UAAU,SAAS,GAAG,KAAA,GAC3C,KACC;AACD,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,aAAW,UAAU,KAAK,GAAG,IAAI,EAAe,IAAI;AAAA,UACnD,GAAG;AAAA,UAEH,oBACA,oBAAC,UAAA,EAAO,MAAK,UAAS,SACpB,UACF,IAEA;AAAA,QAAA;AAAA,MAAA;AAAA,IAIJ;AAAA,EAAA;AAEF,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\" | \"none\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport type ThSortableProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"th\">,\n\t\"aria-sort\" | \"onClick\"\n> & {\n\tonClick?: React.ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n\t\"aria-sort\"?:\n\t\t| \"\"\n\t\t| \"acending\"\n\t\t| \"asc\"\n\t\t| \"desc\"\n\t\t| \"descending\"\n\t\t| \"down\"\n\t\t| \"false\"\n\t\t| \"none\"\n\t\t| \"up\"\n\t\t| false\n\t\t| null;\n};\n\ntype SORT_KEYS = keyof typeof SORT;\nconst SORT = {\n\t\"\": \"none\",\n\tasc: \"ascending\",\n\tascending: \"ascending\",\n\tdesc: \"descending\",\n\tdescending: \"descending\",\n\tdown: \"descending\",\n\tfalse: \"none\",\n\tnone: \"none\",\n\tnull: \"none\",\n\tup: \"ascending\",\n} as const;\n\nconst TableComp = 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\nexport const Table = Object.assign(TableComp, {\n\tTd: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"td\">>(\n\t\tfunction Td(props, ref) {\n\t\t\treturn <td suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTh: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"th\">>(\n\t\tfunction Th(props, ref) {\n\t\t\treturn <th suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTr: forwardRef<HTMLTableRowElement, React.ComponentPropsWithoutRef<\"tr\">>(\n\t\tfunction Tr(props, ref) {\n\t\t\treturn <tr suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tThead: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Thead(props, ref) {\n\t\treturn <thead suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTbody: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Tbody(props, ref) {\n\t\treturn <tbody suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTfoot: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tfoot\">\n\t>(function Tfoot(props, ref) {\n\t\treturn <tfoot suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tCaption: forwardRef<\n\t\tHTMLTableCaptionElement,\n\t\tReact.ComponentPropsWithoutRef<\"caption\">\n\t>(function Caption(props, ref) {\n\t\treturn <caption suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tThSortable: forwardRef<HTMLTableCellElement, ThSortableProps>(\n\t\tfunction ThSortable(\n\t\t\t{ \"aria-sort\": sort, children, onClick, ...rest },\n\t\t\tref,\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<th\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-sort={onClick ? SORT[`${sort}` as SORT_KEYS] : undefined}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{onClick ? (\n\t\t\t\t\t\t<button type=\"button\" onClick={onClick}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tchildren\n\t\t\t\t\t)}\n\t\t\t\t</th>\n\t\t\t);\n\t\t},\n\t),\n});\n"],"names":["SORT","TableComp","forwardRef","className","rest","ref","jsx","clsx","styles","Table","props","sort","children","onClick"],"mappings":";;;;AA+BA,MAAMA,IAAO;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACL,GAEMC,IAAYC,EAAyC,SAC1D,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,GAEYK,IAAQ,OAAO,OAAOR,GAAW;AAAA,EAC7C,IAAIC;AAAA,IACH,SAAYQ,GAAOL,GAAK;AACvB,+BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,IAC1D;AAAA,EAAA;AAAA,EAED,IAAIR;AAAA,IACH,SAAYQ,GAAOL,GAAK;AACvB,+BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,IAC1D;AAAA,EAAA;AAAA,EAED,IAAIR;AAAA,IACH,SAAYQ,GAAOL,GAAK;AACvB,+BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,IAC1D;AAAA,EAAA;AAAA,EAED,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,SAASR,EAGP,SAAiBQ,GAAOL,GAAK;AAC9B,6BAAQ,WAAA,EAAQ,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC/D,CAAC;AAAA,EACD,YAAYR;AAAA,IACX,SACC,EAAE,aAAaS,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGT,EAAA,GAC3CC,GACC;AACD,aACC,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAAD;AAAA,UACA,aAAWQ,IAAUb,EAAK,GAAGW,CAAI,EAAe,IAAI;AAAA,UACnD,GAAGP;AAAA,UAEH,cACA,gBAAAE,EAAC,UAAA,EAAO,MAAK,UAAS,SAAAO,GACpB,UAAAD,GACF,IAEAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAIJ;AAAA,EAAA;AAEF,CAAC;"}

package/mtds/tabs/tabs.js

@@ -1,33 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styles from "../styles.module.css.js";
-import { toCustomElementProps } from "../utils.js";
-const TabsComp = forwardRef(
-  function Tabs2(props, ref) {
-    return /* @__PURE__ */ jsx("u-tabs", { ref, ...toCustomElementProps(props, styles.tabs) });
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import b from "../styles.module.css.js";
+import { toCustomElementProps as o } from "../utils.js";
+const e = n(
+  function(t, s) {
+    return /* @__PURE__ */ a("u-tabs", { ref: s, ...o(t, b.tabs) });
   }
-);
-const TabsList = forwardRef(
-  function TabsList2(props, ref) {
-    return /* @__PURE__ */ jsx("u-tablist", { ref, ...toCustomElementProps(props) });
+), i = n(
+  function(t, s) {
+    return /* @__PURE__ */ a("u-tablist", { ref: s, ...o(t) });
   }
-);
-const TabsPanel = forwardRef(
-  function TabsPanel2(props, ref) {
-    return /* @__PURE__ */ jsx("u-tabpanel", { ref, ...toCustomElementProps(props) });
+), u = n(
+  function(t, s) {
+    return /* @__PURE__ */ a("u-tabpanel", { ref: s, ...o(t) });
   }
-);
-const TabsTab = forwardRef(
-  function TabsTab2(props, ref) {
-    return /* @__PURE__ */ jsx("u-tab", { ref, ...toCustomElementProps(props) });
+), T = n(
+  function(t, s) {
+    return /* @__PURE__ */ a("u-tab", { ref: s, ...o(t) });
   }
-);
-const Tabs = Object.assign(TabsComp, {
-  List: TabsList,
-  Panel: TabsPanel,
-  Tab: TabsTab
+), l = Object.assign(e, {
+  List: i,
+  Panel: u,
+  Tab: T
 });
 export {
-  Tabs
+  l as Tabs
 };
 //# sourceMappingURL=tabs.js.map

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":["Tabs","TabsList","TabsPanel","TabsTab"],"mappings":";;;;AAMA,MAAM,WAAW;AAAA,EAChB,SAASA,MAAK,OAAO,KAAK;AACzB,WAAO,oBAAC,YAAO,KAAW,GAAG,qBAAqB,OAAO,OAAO,IAAI,GAAG;AAAA,EACxE;AACD;AAGA,MAAM,WAAW;AAAA,EAChB,SAASC,UAAS,OAAO,KAAK;AAC7B,+BAAQ,aAAA,EAAU,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC9D;AACD;AAGA,MAAM,YAAY;AAAA,EACjB,SAASC,WAAU,OAAO,KAAK;AAC9B,+BAAQ,cAAA,EAAW,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC/D;AACD;AAGA,MAAM,UAAU;AAAA,EACf,SAASC,SAAQ,OAAO,KAAK;AAC5B,+BAAQ,SAAA,EAAM,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC1D;AACD;AAEO,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;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;"}