@mattilsynet/design 1.0.6 → 1.0.7

package/mtds/avatar/avatar.stories.d.ts

@@ -10,3 +10,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const React: Story;
 export declare const Sizes: Story;
+export declare const WithBadge: Story;

package/mtds/badge/badge.d.ts

@@ -1,6 +1,6 @@
 export type BadgeProps = React.ComponentPropsWithoutRef<"span"> & {
-    "data-badge"?: string | number;
+    "data-badge"?: string | number | boolean;
 };
 export declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    "data-badge"?: string | number;
+    "data-badge"?: string | number | boolean;
 } & React.RefAttributes<HTMLSpanElement>>;

package/mtds/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../designsystem/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type BadgeProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-badge\"?: string | number;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <span className={clsx(styles.badge, className)} ref={ref} {...rest} />;\n});\n"],"names":["Badge","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAQa,MAAAA,IAAQC,EAAwC,SAC5D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AACM,SAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC5E,CAAC;"}
+{"version":3,"file":"badge.js","sources":["../../designsystem/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type BadgeProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-badge\"?: string | number | boolean;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <span className={clsx(styles.badge, className)} ref={ref} {...rest} />;\n});\n"],"names":["Badge","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAQa,MAAAA,IAAQC,EAAwC,SAC5D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AACM,SAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC5E,CAAC;"}

package/mtds/breadcrumbs/breadcrumbs-observer.d.ts

@@ -0,0 +1 @@
+export {};

package/mtds/breadcrumbs/breadcrumbs-observer.js

@@ -0,0 +1,12 @@
+import n from "../styles.module.css.js";
+import { IS_BROWSER as t, on as i, QUICK_EVENT as l, debounce as s, attr as u } from "../utils.js";
+const f = n.breadcrumbs.split(" ")[0], e = t && document.getElementsByClassName(f);
+function d(o) {
+  if (!(!e || o.animationName !== n._onInjectCrumb))
+    for (const r of e)
+      r.querySelectorAll("li a").forEach((a, c, { length: m }) => {
+        u(a, "aria-current", c === m - 1 ? "page" : null);
+      });
+}
+t && i(document, "animationend", s(d, 100), l);
+//# sourceMappingURL=breadcrumbs-observer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-observer.js","sources":["../../designsystem/breadcrumbs/breadcrumbs-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, QUICK_EVENT, attr, debounce, on } from \"../utils\";\n\nconst CSS_BREADCRUMBS = styles.breadcrumbs.split(\" \")[0];\nconst BREADCRUMBS = IS_BROWSER && document.getElementsByClassName(CSS_BREADCRUMBS);\n\nfunction handleInject(event: Event & { animationName?: string }) {\n  if (!BREADCRUMBS || event.animationName !== styles._onInjectCrumb) return;\n  for (const breadcumbs of BREADCRUMBS)\n    breadcumbs.querySelectorAll('li a').forEach((crumb, index, { length }) => {\n      attr(crumb, 'aria-current', index === length - 1 ? 'page' : null);\n    });\n}\n\nif (IS_BROWSER)\n  on(document, 'animationend', debounce(handleInject, 100), QUICK_EVENT);"],"names":["CSS_BREADCRUMBS","styles","BREADCRUMBS","IS_BROWSER","handleInject","event","breadcumbs","crumb","index","length","attr","on","debounce","QUICK_EVENT"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,GACjDC,IAAcC,KAAc,SAAS,uBAAuBH,CAAe;AAEjF,SAASI,EAAaC,GAA2C;AAC/D,MAAI,GAACH,KAAeG,EAAM,kBAAkBJ,EAAO;AACnD,eAAWK,KAAcJ;AACZ,MAAAI,EAAA,iBAAiB,MAAM,EAAE,QAAQ,CAACC,GAAOC,GAAO,EAAE,QAAAC,QAAa;AACxE,QAAAC,EAAKH,GAAO,gBAAgBC,MAAUC,IAAS,IAAI,SAAS,IAAI;AAAA,MAAA,CACjE;AACL;AAEIN,KACFQ,EAAG,UAAU,gBAAgBC,EAASR,GAAc,GAAG,GAAGS,CAAW;"}

package/mtds/breadcrumbs/breadcrumbs.js

@@ -1,29 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { clsx as f } from "../external/clsx/dist/clsx.js";
-import { forwardRef as i, useRef as u, useImperativeHandle as p, useEffect as b } from "react";
-import d from "../styles.module.css.js";
-import { attr as g } from "../utils.js";
-const E = i(
-  function({ as: o, className: a, ...t }, s) {
-    const r = u(null), c = o || "nav";
-    return p(s, () => r.current), b(() => {
-      if (r.current instanceof HTMLElement) {
-        const e = r.current.querySelectorAll("li > :is(a,button)"), l = e[e.length - 1];
-        for (const n of e)
-          g(n, "aria-current", n === l ? "page" : null);
-      }
-    }), /* @__PURE__ */ m(
-      c,
+import { jsx as e } from "react/jsx-runtime";
+import { clsx as s } from "../external/clsx/dist/clsx.js";
+import { forwardRef as t } from "react";
+import c from "../styles.module.css.js";
+const p = t(
+  function({ as: a, className: o, ...r }, m) {
+    return /* @__PURE__ */ e(
+      a || "nav",
       {
-        "aria-label": t["aria-label"] || "Du er her:",
-        className: f(d.breadcrumbs, a),
-        ref: r,
-        ...t
+        "aria-label": r["aria-label"] || "Du er her:",
+        className: s(c.breadcrumbs, o),
+        ref: m,
+        ...r
       }
     );
   }
 );
 export {
-  E as Breadcrumbs
+  p as Breadcrumbs
 };
 //# sourceMappingURL=breadcrumbs.js.map

package/mtds/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../designsystem/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n\ttype JSX,\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n} from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { attr } from \"../utils\";\n\nexport type BreadcrumbsProps<As extends React.ElementType = \"nav\"> =\n\tPolymorphicComponentPropWithRef<As, { \"aria-label\"?: string }>;\n\ntype BreadcrumbsComponent = <As extends React.ElementType = \"nav\">(\n\tprops: BreadcrumbsProps<As>,\n) => JSX.Element;\n\nexport const Breadcrumbs: BreadcrumbsComponent = forwardRef<null>(\n\tfunction Breadcrumbs<As extends React.ElementType = \"nav\">(\n\t\t{ as, className, ...rest }: BreadcrumbsProps<As>,\n\t\tref?: PolymorphicRef<As>,\n\t) {\n\t\tconst innerRef = useRef<As>(null);\n\t\tconst Tag = as || \"nav\";\n\n\t\tuseImperativeHandle(ref, () => innerRef.current as As); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tif (innerRef.current instanceof HTMLElement) {\n\t\t\t\tconst items = innerRef.current.querySelectorAll(\"li > :is(a,button)\");\n\t\t\t\tconst last = items[items.length - 1];\n\n\t\t\t\tfor (const item of items)\n\t\t\t\t\tattr(item, \"aria-current\", item === last ? \"page\" : null);\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Du er her:\"}\n\t\t\t\tclassName={clsx(styles.breadcrumbs, className)}\n\t\t\t\tref={innerRef}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n) as BreadcrumbsComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Breadcrumbs","forwardRef","as","className","rest","ref","innerRef","useRef","Tag","useImperativeHandle","useEffect","items","last","item","attr","jsx","clsx","styles"],"mappings":";;;;;AAsBO,MAAMA,IAAoCC;AAAA,EAChD,SACC,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,KACpBC,GACC;AACK,UAAAC,IAAWC,EAAW,IAAI,GAC1BC,IAAMN,KAAM;AAEE,WAAAO,EAAAJ,GAAK,MAAMC,EAAS,OAAa,GACrDI,EAAU,MAAM;AACX,UAAAJ,EAAS,mBAAmB,aAAa;AAC5C,cAAMK,IAAQL,EAAS,QAAQ,iBAAiB,oBAAoB,GAC9DM,IAAOD,EAAMA,EAAM,SAAS,CAAC;AAEnC,mBAAWE,KAAQF;AAClB,UAAAG,EAAKD,GAAM,gBAAgBA,MAASD,IAAO,SAAS,IAAI;AAAA,MAAA;AAAA,IAC1D,CACA,GAGA,gBAAAG;AAAA,MAACP;AAAA,MAAA;AAAA,QACA,cAAYJ,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWY,EAAKC,EAAO,aAAad,CAAS;AAAA,QAC7C,KAAKG;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../designsystem/breadcrumbs/breadcrumbs.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 BreadcrumbsProps<As extends React.ElementType = \"nav\"> =\n\tPolymorphicComponentPropWithRef<As, { \"aria-label\"?: string }>;\n\ntype BreadcrumbsComponent = <As extends React.ElementType = \"nav\">(\n\tprops: BreadcrumbsProps<As>,\n) => JSX.Element;\n\nexport const Breadcrumbs: BreadcrumbsComponent = forwardRef<null>(\n\tfunction Breadcrumbs<As extends React.ElementType = \"nav\">(\n\t\t{ as, className, ...rest }: BreadcrumbsProps<As>,\n\t\tref?: PolymorphicRef<As>,\n\t) {\n\t\tconst Tag = as || \"nav\";\n\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Du er her:\"}\n\t\t\t\tclassName={clsx(styles.breadcrumbs, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n) as BreadcrumbsComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Breadcrumbs","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAeO,MAAMA,IAAoCC;AAAA,EAChD,SACC,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,KACpBC,GACC;AAIA,WAAA,gBAAAC;AAAA,MAHWJ,KAAM;AAAA,MAGhB;AAAA,QACA,cAAYE,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWG,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}

package/mtds/button/button.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'react';
 import { PolymorphicComponentPropWithRef } from '../react-types';
 type ButtonBaseProps<Href> = {
     "data-arrow"?: "left" | "right" | true;
-    "data-color"?: "accent" | "danger";
+    "data-color"?: "main" | "danger";
     "data-justify"?: "start" | "center" | "right";
     "data-nowrap"?: boolean;
     "data-variant"?: "primary" | "secondary" | "tertiary";

package/mtds/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../designsystem/button/button.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\ntype ButtonBaseProps<Href> = {\n\t\"data-arrow\"?: \"left\" | \"right\" | true;\n\t\"data-color\"?: \"accent\" | \"danger\";\n\t\"data-justify\"?: \"start\" | \"center\" | \"right\";\n\t\"data-nowrap\"?: boolean;\n\t\"data-variant\"?: \"primary\" | \"secondary\" | \"tertiary\";\n\thref?: Href;\n};\n\nexport type ButtonProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n> = PolymorphicComponentPropWithRef<As, ButtonBaseProps<Href>>;\n\ntype ButtonComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\tprops: ButtonProps<Href, As>,\n) => JSX.Element;\n\nexport const Button: ButtonComponent = forwardRef<null>(function Button<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>({ as, className, ...rest }: ButtonProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"button\");\n\n\treturn <Tag className={clsx(styles.button, className)} ref={ref} {...rest} />;\n}) as ButtonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Button","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA6Ba,MAAAA,IAA0BC,EAAiB,SAGtD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAA0BC,GAA0B;AAC9E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAE9B,SAAA,gBAAAG,EAACD,GAAI,EAAA,WAAWE,EAAKC,EAAO,QAAQN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC5E,CAAC;"}
+{"version":3,"file":"button.js","sources":["../../designsystem/button/button.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\ntype ButtonBaseProps<Href> = {\n\t\"data-arrow\"?: \"left\" | \"right\" | true;\n\t\"data-color\"?: \"main\" | \"danger\";\n\t\"data-justify\"?: \"start\" | \"center\" | \"right\";\n\t\"data-nowrap\"?: boolean;\n\t\"data-variant\"?: \"primary\" | \"secondary\" | \"tertiary\";\n\thref?: Href;\n};\n\nexport type ButtonProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n> = PolymorphicComponentPropWithRef<As, ButtonBaseProps<Href>>;\n\ntype ButtonComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\tprops: ButtonProps<Href, As>,\n) => JSX.Element;\n\nexport const Button: ButtonComponent = forwardRef<null>(function Button<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>({ as, className, ...rest }: ButtonProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"button\");\n\n\treturn <Tag className={clsx(styles.button, className)} ref={ref} {...rest} />;\n}) as ButtonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Button","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA6Ba,MAAAA,IAA0BC,EAAiB,SAGtD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAA0BC,GAA0B;AAC9E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAE9B,SAAA,gBAAAG,EAACD,GAAI,EAAA,WAAWE,EAAKC,EAAO,QAAQN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC5E,CAAC;"}

package/mtds/card/card.d.ts

@@ -5,5 +5,13 @@ type CardBaseProps<Href> = {
 };
 export type CardProps<Href, As extends React.ElementType = Href extends string ? "a" : "div"> = PolymorphicComponentPropWithRef<As, CardBaseProps<Href>>;
 type CardComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "div">(props: CardProps<Href, As>) => JSX.Element;
-export declare const Card: CardComponent;
+export type GroupProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As>;
+type GroupComponent = <As extends React.ElementType = "div">(props: GroupProps<As>) => JSX.Element;
+export declare const Group: GroupComponent;
+export type CardDetailsProps = React.ComponentPropsWithoutRef<"details">;
+export type CardSummaryProps = React.ComponentPropsWithoutRef<"summary">;
+export declare const Card: CardComponent & {
+    Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+    Summary: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+};
 export {};

package/mtds/card/card.js

@@ -1,12 +1,26 @@
-import { jsx as f } from "react/jsx-runtime";
-import { clsx as s } from "../external/clsx/dist/clsx.js";
-import { forwardRef as c } from "react";
-import i from "../styles.module.css.js";
-const x = c(function({ as: o, className: m, ...r }, t) {
-  const a = o || (r.href ? "a" : "div");
-  return /* @__PURE__ */ f(a, { className: s(i.card, m), ref: t, ...r });
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as m } from "../external/clsx/dist/clsx.js";
+import { forwardRef as t } from "react";
+import u from "../styles.module.css.js";
+const e = t(function({ as: a, className: o, ...r }, c) {
+  const i = a || (r.href ? "a" : "div");
+  return /* @__PURE__ */ s(i, { className: m(u.card, o), ref: c, ...r });
+}), y = t(function({ as: a, className: o, ...r }, c) {
+  return /* @__PURE__ */ s(a || "div", { className: m(u.group, o), ref: c, ...r });
+}), d = t(
+  function({ className: a, ...o }, r) {
+    return /* @__PURE__ */ s("u-details", { class: m(u.card, a), ref: r, ...o });
+  }
+), f = t(
+  function({ className: a, ...o }, r) {
+    return /* @__PURE__ */ s("u-summary", { class: a, ref: r, ...o });
+  }
+), x = Object.assign(e, {
+  Details: d,
+  Summary: f
 });
 export {
-  x as Card
+  x as Card,
+  y as Group
 };
 //# sourceMappingURL=card.js.map

package/mtds/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../designsystem/card/card.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\ntype CardBaseProps<Href> = {\n\thref?: Href;\n};\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, CardBaseProps<Href>>;\n\ntype CardComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>(\n\tprops: CardProps<Href, As>,\n) => JSX.Element;\n\nexport const Card: CardComponent = forwardRef<null>(function Card<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>({ as, className, ...rest }: CardProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"div\");\n\n\treturn <Tag className={clsx(styles.card, className)} ref={ref} {...rest} />;\n}) as CardComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Card","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAwBa,MAAAA,IAAsBC,EAAiB,SAGlD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAwBC,GAA0B;AAC5E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAE9B,SAAA,gBAAAG,EAACD,GAAI,EAAA,WAAWE,EAAKC,EAAO,MAAMN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC1E,CAAC;"}
+{"version":3,"file":"card.js","sources":["../../designsystem/card/card.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\ntype CardBaseProps<Href> = {\n\thref?: Href;\n};\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, CardBaseProps<Href>>;\n\ntype CardComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>(\n\tprops: CardProps<Href, As>,\n) => JSX.Element;\n\nconst CardComp: CardComponent = forwardRef<null>(function Card<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>({ as, className, ...rest }: CardProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"div\");\n\n\treturn <Tag className={clsx(styles.card, className)} ref={ref} {...rest} />;\n}) as CardComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type GroupProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype GroupComponent = <As extends React.ElementType = \"div\">(\n\tprops: GroupProps<As>,\n) => JSX.Element;\n\nexport const Group: GroupComponent = forwardRef<null>(function Group<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GroupProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.group, className)} ref={ref} {...rest} />;\n}) as GroupComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type CardDetailsProps = React.ComponentPropsWithoutRef<\"details\">;\nconst CardDetails = forwardRef<HTMLDetailsElement, CardDetailsProps>(\n\tfunction CardDetails({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<u-details class={clsx(styles.card, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type CardSummaryProps = React.ComponentPropsWithoutRef<\"summary\">;\nconst CardSummary = forwardRef<HTMLElement, CardSummaryProps>(\n\tfunction CardSummary({ className, ...rest }, ref) {\n\t\treturn <u-summary class={className} ref={ref} {...rest} />;\n\t},\n);\n\nexport const Card = Object.assign(CardComp, {\n\tDetails: CardDetails,\n\tSummary: CardSummary,\n});\n"],"names":["CardComp","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles","Group","CardDetails","CardSummary","Card"],"mappings":";;;;AAwBA,MAAMA,IAA0BC,EAAiB,SAG/C,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAwBC,GAA0B;AAC5E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAE9B,SAAA,gBAAAG,EAACD,GAAI,EAAA,WAAWE,EAAKC,EAAO,MAAMN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC1E,CAAC,GASYM,IAAwBT,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAmBC,GAA0B;AAGhE,SAAA,gBAAAE,EAFKL,KAAM,OAEN,EAAA,WAAWM,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC3E,CAAC,GAGKO,IAAcV;AAAA,EACnB,SAAqB,EAAE,WAAAE,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAEhD,WAAA,gBAAAE,EAAC,aAAU,EAAA,OAAOC,EAAKC,EAAO,MAAMN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAAA,EAAA;AAGvE,GAGMQ,IAAcX;AAAA,EACnB,SAAqB,EAAE,WAAAE,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACjD,6BAAQ,aAAU,EAAA,OAAOF,GAAW,KAAAE,GAAW,GAAGD,GAAM;AAAA,EAAA;AAE1D,GAEaS,IAAO,OAAO,OAAOb,GAAU;AAAA,EAC3C,SAASW;AAAA,EACT,SAASC;AACV,CAAC;"}

package/mtds/card/card.stories.d.ts

@@ -15,4 +15,4 @@ export declare const Default: Story;
 export declare const React: Story;
 export declare const Interactive: Story;
 export declare const Responsive: Story;
-export declare const Group: Story;
+export declare const GroupStory: Story;

package/mtds/dialog/dialog-observer.d.ts

@@ -1,2 +1 @@
-export declare function observe(el: Element): void;
-export declare function unobserve(el: Element): void;
+export {};

package/mtds/dialog/dialog-observer.js

@@ -1,19 +1,21 @@
-import { on as l, QUICK_EVENT as i, attr as r, off as m } from "../utils.js";
-const s = ({ clientX: o, clientY: n, target: t }) => {
-  var c;
-  if (t instanceof HTMLDialogElement && r(t, "data-closedby") === "any") {
-    const { top: e, right: a, bottom: f, left: d } = t.getBoundingClientRect();
-    e <= n && n <= f && d <= o && o <= a || t.close();
-  } else t instanceof Element && t.closest('button[data-command="close"]') && ((c = t == null ? void 0 : t.closest("dialog")) == null || c.close());
-};
-function u(o) {
-  l(o, "click", s, i);
-}
-function E(o) {
-  m(o, "click", s, i);
-}
-export {
-  u as observe,
-  E as unobserve
+import m from "../styles.module.css.js";
+import { IS_BROWSER as a, on as u, QUICK_EVENT as e, createOptimizedMutationObserver as f, attr as E } from "../utils.js";
+const g = m.dialog.split(" ")[0], p = a ? document.getElementsByClassName(g) : [], i = (t) => {
+  t.stopImmediatePropagation(), t.stopPropagation();
+}, b = () => {
+  for (const t of p)
+    t.matches('[open]:not([data-modal="false"]):not(:modal)') && (t.addEventListener("close", i, e), t.close(), t.showModal(), window.requestAnimationFrame(() => t.removeEventListener("close", i, e)));
+}, I = ({ clientX: t, clientY: n, target: o }) => {
+  var s;
+  if (o instanceof HTMLDialogElement && E(o, "data-closedby") === "any") {
+    const { top: c, right: d, bottom: l, left: r } = o.getBoundingClientRect();
+    c <= n && n <= l && r <= t && t <= d || o.close();
+  } else o instanceof Element && o.closest('button[data-command="close"]') && ((s = o == null ? void 0 : o.closest("dialog")) == null || s.close());
 };
+a && (u(document, "click", I, e), f(b).observe(document.documentElement, {
+  attributeFilter: ["open"],
+  attributes: !0,
+  childList: !0,
+  subtree: !0
+}));
 //# sourceMappingURL=dialog-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-observer.js","sources":["../../designsystem/dialog/dialog-observer.ts"],"sourcesContent":["import { QUICK_EVENT, attr, off, on } from '../utils';\n\nconst handleClick = ({ clientX: x, clientY: y, target: el }: MouseEvent) => {\n  if (el instanceof HTMLDialogElement && attr(el, 'data-closedby') === 'any') {\n    const { top, right, bottom, left } = el.getBoundingClientRect();\n    const isInside = top <= y && y <= bottom && left <= x && x <= right;\n    \n    if (!isInside) el.close();\n  } else if (el instanceof Element && el.closest('button[data-command=\"close\"]')) {\n    el?.closest('dialog')?.close();\n  }\n};\n\nexport function observe(el: Element) {\n  on(el, 'click', handleClick as EventListener, QUICK_EVENT);\n}\n\nexport function unobserve(el: Element) {\n  off(el, 'click', handleClick as EventListener, QUICK_EVENT);\n}"],"names":["handleClick","x","y","el","attr","top","right","bottom","left","_a","observe","on","QUICK_EVENT","unobserve","off"],"mappings":";AAEA,MAAMA,IAAc,CAAC,EAAE,SAASC,GAAG,SAASC,GAAG,QAAQC,QAAqB;;AAC1E,MAAIA,aAAc,qBAAqBC,EAAKD,GAAI,eAAe,MAAM,OAAO;AAC1E,UAAM,EAAE,KAAAE,GAAK,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAK,IAAIL,EAAG,sBAAsB;AAG1D,IAFaE,KAAOH,KAAKA,KAAKK,KAAUC,KAAQP,KAAKA,KAAKK,KAE/CH,EAAG,MAAM;AAAA,EAAA,OACfA,aAAc,WAAWA,EAAG,QAAQ,8BAA8B,OACvEM,IAAAN,KAAA,gBAAAA,EAAA,QAAQ,cAAR,QAAAM,EAAmB;AAE3B;AAEO,SAASC,EAAQP,GAAa;AAChC,EAAAQ,EAAAR,GAAI,SAASH,GAA8BY,CAAW;AAC3D;AAEO,SAASC,EAAUV,GAAa;AACjC,EAAAW,EAAAX,GAAI,SAASH,GAA8BY,CAAW;AAC5D;"}
+{"version":3,"file":"dialog-observer.js","sources":["../../designsystem/dialog/dialog-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, QUICK_EVENT, attr, createOptimizedMutationObserver, on } from '../utils';\n\nconst CSS_DIALOG = styles.dialog.split(\" \")[0];\nconst DIALOGS = IS_BROWSER ? document.getElementsByClassName(CSS_DIALOG) as HTMLCollectionOf<HTMLDialogElement> : [];\nconst PREVENT_EVENT = (event: Event) => {\n  event.stopImmediatePropagation();\n  event.stopPropagation();\n}\n\nconst handleModal = () => {\n  for (const dialog of DIALOGS)\n    if (dialog.matches('[open]:not([data-modal=\"false\"]):not(:modal)')) {\n      dialog.addEventListener('close', PREVENT_EVENT, QUICK_EVENT); // Prevent closing events due to swapping to modal\n      dialog.close();\n      dialog.showModal();\n      window.requestAnimationFrame(() => dialog.removeEventListener('close', PREVENT_EVENT, QUICK_EVENT)); // Re-enable closing events\n    }\n};\n\nconst handleClick = ({ clientX: x, clientY: y, target: el }: MouseEvent) => {\n  if (el instanceof HTMLDialogElement && attr(el, 'data-closedby') === 'any') {\n    const { top, right, bottom, left } = el.getBoundingClientRect();\n    const isInside = top <= y && y <= bottom && left <= x && x <= right;\n    \n    if (!isInside) el.close();\n  } else if (el instanceof Element && el.closest('button[data-command=\"close\"]')) {\n    el?.closest('dialog')?.close();\n  }\n};\n\nif (IS_BROWSER) {\n  on(document, 'click', handleClick as EventListener, QUICK_EVENT);\n  createOptimizedMutationObserver(handleModal).observe(document.documentElement, {\n    attributeFilter: ['open'],\n    attributes: true,\n    childList: true,\n    subtree: true,\n  });\n}"],"names":["CSS_DIALOG","styles","DIALOGS","IS_BROWSER","PREVENT_EVENT","event","handleModal","dialog","QUICK_EVENT","handleClick","x","y","el","attr","top","right","bottom","left","_a","on","createOptimizedMutationObserver"],"mappings":";;AAGA,MAAMA,IAAaC,EAAO,OAAO,MAAM,GAAG,EAAE,CAAC,GACvCC,IAAUC,IAAa,SAAS,uBAAuBH,CAAU,IAA2C,CAAC,GAC7GI,IAAgB,CAACC,MAAiB;AACtC,EAAAA,EAAM,yBAAyB,GAC/BA,EAAM,gBAAgB;AACxB,GAEMC,IAAc,MAAM;AACxB,aAAWC,KAAUL;AACf,IAAAK,EAAO,QAAQ,8CAA8C,MACxDA,EAAA,iBAAiB,SAASH,GAAeI,CAAW,GAC3DD,EAAO,MAAM,GACbA,EAAO,UAAU,GACjB,OAAO,sBAAsB,MAAMA,EAAO,oBAAoB,SAASH,GAAeI,CAAW,CAAC;AAExG,GAEMC,IAAc,CAAC,EAAE,SAASC,GAAG,SAASC,GAAG,QAAQC,QAAqB;;AAC1E,MAAIA,aAAc,qBAAqBC,EAAKD,GAAI,eAAe,MAAM,OAAO;AAC1E,UAAM,EAAE,KAAAE,GAAK,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAK,IAAIL,EAAG,sBAAsB;AAG1D,IAFaE,KAAOH,KAAKA,KAAKK,KAAUC,KAAQP,KAAKA,KAAKK,KAE/CH,EAAG,MAAM;AAAA,EAAA,OACfA,aAAc,WAAWA,EAAG,QAAQ,8BAA8B,OACvEM,IAAAN,KAAA,gBAAAA,EAAA,QAAQ,cAAR,QAAAM,EAAmB;AAE3B;AAEIf,MACCgB,EAAA,UAAU,SAASV,GAA8BD,CAAW,GAC/DY,EAAgCd,CAAW,EAAE,QAAQ,SAAS,iBAAiB;AAAA,EAC7E,iBAAiB,CAAC,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,CACV;"}

package/mtds/dialog/dialog.d.ts

@@ -1,8 +1,10 @@
 export type DialogProps = React.ComponentPropsWithoutRef<"dialog"> & {
     "data-closedby"?: "any" | "closerequest";
-    modal: boolean;
+    "data-modal"?: boolean | "true" | "false";
+    modal?: boolean;
 };
 export declare const Dialog: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & {
     "data-closedby"?: "any" | "closerequest";
-    modal: boolean;
+    "data-modal"?: boolean | "true" | "false";
+    modal?: boolean;
 } & React.RefAttributes<HTMLDialogElement>>;

package/mtds/dialog/dialog.js

@@ -1,25 +1,21 @@
-import { jsx as c } from "react/jsx-runtime";
-import { clsx as l } from "../external/clsx/dist/clsx.js";
-import { forwardRef as a, useRef as m, useImperativeHandle as u, useEffect as p } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { clsx as i } from "../external/clsx/dist/clsx.js";
+import { forwardRef as l } from "react";
 import d from "../styles.module.css.js";
-const D = a(
-  function({ className: s, open: r, modal: e, ...f }, i) {
-    const o = m(null);
-    return u(i, () => o.current), p(() => {
-      var t;
-      const n = r ? e ? "showModal" : "show" : "close";
-      (t = o.current) == null || t[n]();
-    }, [r, e]), /* @__PURE__ */ c(
+const g = l(
+  function({ className: a, modal: r = !0, ...o }, m) {
+    return /* @__PURE__ */ t(
       "dialog",
       {
-        className: l(d.dialog, s),
-        ref: o,
-        ...f
+        className: i(d.dialog, a),
+        "data-modal": o["data-modal"] ?? r,
+        ref: m,
+        ...o
       }
     );
   }
 );
 export {
-  D as Dialog
+  g as Dialog
 };
 //# sourceMappingURL=dialog.js.map

package/mtds/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../designsystem/dialog/dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type DialogProps = React.ComponentPropsWithoutRef<\"dialog\"> & {\n\t\"data-closedby\"?: \"any\" | \"closerequest\";\n\tmodal: boolean;\n};\n\nexport const Dialog = forwardRef<HTMLDialogElement, DialogProps>(\n\tfunction Dialog({ className, open, modal, ...rest }, ref) {\n\t\tconst innerRef = useRef<HTMLDialogElement>(null);\n\n\t\tuseImperativeHandle(ref, () => innerRef.current as HTMLDialogElement); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tconst action = open ? (modal ? \"showModal\" : \"show\") : \"close\";\n\t\t\tinnerRef.current?.[action]();\n\t\t}, [open, modal]);\n\n\t\treturn (\n\t\t\t<dialog\n\t\t\t\tclassName={clsx(styles.dialog, className)}\n\t\t\t\tref={innerRef}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Dialog","forwardRef","className","open","modal","rest","ref","innerRef","useRef","useImperativeHandle","useEffect","action","_a","jsx","clsx","styles"],"mappings":";;;;AASO,MAAMA,IAASC;AAAA,EACrB,SAAgB,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAK,GAAGC,GAAK;AACnD,UAAAC,IAAWC,EAA0B,IAAI;AAE3B,WAAAC,EAAAH,GAAK,MAAMC,EAAS,OAA4B,GACpEG,EAAU,MAAM;;AACf,YAAMC,IAASR,IAAQC,IAAQ,cAAc,SAAU;AAC9C,OAAAQ,IAAAL,EAAA,YAAA,QAAAK,EAAUD;AAAA,IAAQ,GACzB,CAACR,GAAMC,CAAK,CAAC,GAGf,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,QAAQb,CAAS;AAAA,QACxC,KAAKK;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"dialog.js","sources":["../../designsystem/dialog/dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type DialogProps = React.ComponentPropsWithoutRef<\"dialog\"> & {\n\t\"data-closedby\"?: \"any\" | \"closerequest\";\n\t\"data-modal\"?: boolean | \"true\" | \"false\";\n\tmodal?: boolean; // Ketp for backwards compatibility\n};\n\nexport const Dialog = forwardRef<HTMLDialogElement, DialogProps>(\n\tfunction Dialog({ className, modal = true, ...rest }, ref) {\n\t\treturn (\n\t\t\t<dialog\n\t\t\t\tclassName={clsx(styles.dialog, className)}\n\t\t\t\tdata-modal={rest[\"data-modal\"] ?? modal}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Dialog","forwardRef","className","modal","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAUO,MAAMA,IAASC;AAAA,EACrB,SAAgB,EAAE,WAAAC,GAAW,OAAAC,IAAQ,IAAM,GAAGC,EAAK,GAAGC,GAAK;AAEzD,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,QAAQN,CAAS;AAAA,QACxC,cAAYE,EAAK,YAAY,KAAKD;AAAA,QAClC,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}

package/mtds/dialog/dialog.stories.d.ts

@@ -8,3 +8,4 @@ export declare const Default: Story;
 export declare const React: Story;
 export declare const WithClose: Story;
 export declare const WithBackdropClose: Story;
+export declare const WithoutBackdrop: Story;

package/mtds/divider/divider.d.ts

@@ -1,6 +1,6 @@
 export type DividerProps = React.ComponentPropsWithoutRef<"hr"> & {
-    "data-gap"?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30;
+    "data-gap"?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30 | "none" | "sm" | "md" | "lg" | "xl";
 };
 export declare const Divider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    "data-gap"?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30;
+    "data-gap"?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30 | "none" | "sm" | "md" | "lg" | "xl";
 } & React.RefAttributes<HTMLHRElement>>;

package/mtds/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../designsystem/divider/divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type DividerProps = React.ComponentPropsWithoutRef<\"hr\"> & {\n\t\"data-gap\"?:\n\t\t| \"0\"\n\t\t| \"1\"\n\t\t| \"2\"\n\t\t| \"3\"\n\t\t| \"4\"\n\t\t| \"5\"\n\t\t| \"6\"\n\t\t| \"7\"\n\t\t| \"8\"\n\t\t| \"9\"\n\t\t| \"10\"\n\t\t| \"11\"\n\t\t| \"12\"\n\t\t| \"13\"\n\t\t| \"14\"\n\t\t| \"15\"\n\t\t| \"18\"\n\t\t| \"22\"\n\t\t| \"26\"\n\t\t| \"30\"\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5\n\t\t| 6\n\t\t| 7\n\t\t| 8\n\t\t| 9\n\t\t| 10\n\t\t| 11\n\t\t| 12\n\t\t| 13\n\t\t| 14\n\t\t| 15\n\t\t| 18\n\t\t| 22\n\t\t| 26\n\t\t| 30;\n};\n\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t// biome-ignore lint/a11y/noAriaHiddenOnFocusable: This is a decorative element\n\t\t<hr\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={clsx(styles.divider, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n"],"names":["Divider","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAgDa,MAAAA,IAAUC,EAAwC,SAC9D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AACD;AAAA;AAAA,IAEC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,eAAY;AAAA,QACZ,WAAWC,EAAKC,EAAO,SAASL,CAAS;AAAA,QACzC,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA;AAGP,CAAC;"}
+{"version":3,"file":"divider.js","sources":["../../designsystem/divider/divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type DividerProps = React.ComponentPropsWithoutRef<\"hr\"> & {\n\t\"data-gap\"?:\n\t\t| \"0\"\n\t\t| \"1\"\n\t\t| \"2\"\n\t\t| \"3\"\n\t\t| \"4\"\n\t\t| \"5\"\n\t\t| \"6\"\n\t\t| \"7\"\n\t\t| \"8\"\n\t\t| \"9\"\n\t\t| \"10\"\n\t\t| \"11\"\n\t\t| \"12\"\n\t\t| \"13\"\n\t\t| \"14\"\n\t\t| \"15\"\n\t\t| \"18\"\n\t\t| \"22\"\n\t\t| \"26\"\n\t\t| \"30\"\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5\n\t\t| 6\n\t\t| 7\n\t\t| 8\n\t\t| 9\n\t\t| 10\n\t\t| 11\n\t\t| 12\n\t\t| 13\n\t\t| 14\n\t\t| 15\n\t\t| 18\n\t\t| 22\n\t\t| 26\n\t\t| 30\n\t\t// Backwards compatibility:\n\t\t| \"none\"\n\t\t| \"sm\"\n\t\t| \"md\"\n\t\t| \"lg\"\n\t\t| \"xl\";\n};\n\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t// biome-ignore lint/a11y/noAriaHiddenOnFocusable: This is a decorative element\n\t\t<hr\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={clsx(styles.divider, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n"],"names":["Divider","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAsDa,MAAAA,IAAUC,EAAwC,SAC9D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AACD;AAAA;AAAA,IAEC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,eAAY;AAAA,QACZ,WAAWC,EAAKC,EAAO,SAASL,CAAS;AAAA,QACzC,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA;AAGP,CAAC;"}

package/mtds/errorsummary/errorsummary-observer.d.ts

@@ -0,0 +1 @@
+export {};

package/mtds/errorsummary/errorsummary-observer.js

@@ -0,0 +1,10 @@
+import e from "../styles.module.css.js";
+import { IS_BROWSER as r, on as o, QUICK_EVENT as a, attr as m } from "../utils.js";
+function f(n) {
+  var i;
+  if (n.animationName !== e._errorsummary) return;
+  const t = (i = n.target) == null ? void 0 : i.firstElementChild;
+  t instanceof HTMLHeadingElement && (m(t, "tabindex", "-1"), t.focus());
+}
+r && o(document, "animationend", f, a);
+//# sourceMappingURL=errorsummary-observer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errorsummary-observer.js","sources":["../../designsystem/errorsummary/errorsummary-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, QUICK_EVENT, attr, on } from \"../utils\";\n\nfunction handleInject(event: Event & { animationName?: string }) {\n  if (event.animationName !== styles._errorsummary) return;\n  const first = (event.target as Element)?.firstElementChild;\n\n  if (first instanceof HTMLHeadingElement) {\n    attr(first, \"tabindex\", \"-1\");\n    first.focus(); // Autofocus first heading\n  }\n}\n\nif (IS_BROWSER)\n  on(document, 'animationend', handleInject, QUICK_EVENT);"],"names":["handleInject","event","styles","first","_a","attr","IS_BROWSER","on","QUICK_EVENT"],"mappings":";;AAGA,SAASA,EAAaC,GAA2C;;AAC3D,MAAAA,EAAM,kBAAkBC,EAAO,cAAe;AAC5C,QAAAC,KAASC,IAAAH,EAAM,WAAN,gBAAAG,EAA0B;AAEzC,EAAID,aAAiB,uBACdE,EAAAF,GAAO,YAAY,IAAI,GAC5BA,EAAM,MAAM;AAEhB;AAEIG,KACCC,EAAA,UAAU,gBAAgBP,GAAcQ,CAAW;"}

package/mtds/errorsummary/errorsummary.js

@@ -1,27 +1,21 @@
-import { jsx as f } from "react/jsx-runtime";
-import { clsx as n } from "../external/clsx/dist/clsx.js";
-import { forwardRef as i, useRef as a, useImperativeHandle as u, useEffect as c } from "react";
-import l from "../styles.module.css.js";
-import { attr as p } from "../utils.js";
-const v = i(
-  function({ className: o, ...m }, s) {
-    const r = a(null);
-    return u(s, () => r.current), c(() => {
-      var t;
-      const e = (t = r.current) == null ? void 0 : t.firstElementChild;
-      e instanceof HTMLHeadingElement && (p(e, "tabindex", "-1"), e.focus());
-    }, []), /* @__PURE__ */ f(
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as t } from "../external/clsx/dist/clsx.js";
+import { forwardRef as e } from "react";
+import a from "../styles.module.css.js";
+const c = e(
+  function({ className: r, ...o }, m) {
+    return /* @__PURE__ */ s(
       "div",
       {
-        className: n(l.errorsummary, o),
+        className: t(a.errorsummary, r),
         role: "alert",
-        ref: r,
-        ...m
+        ref: m,
+        ...o
       }
     );
   }
 );
 export {
-  v as Errorsummary
+  c as Errorsummary
 };
 //# sourceMappingURL=errorsummary.js.map

package/mtds/errorsummary/errorsummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorsummary.js","sources":["../../designsystem/errorsummary/errorsummary.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { attr } from \"../utils\";\n\nexport type ErrorsummaryProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Errorsummary = forwardRef<HTMLDivElement, ErrorsummaryProps>(\n\tfunction Errorsummary({ className, ...rest }, ref) {\n\t\tconst innerRef = useRef<HTMLDivElement>(null);\n\n\t\tuseImperativeHandle(ref, () => innerRef.current as HTMLDivElement); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tconst first = innerRef.current?.firstElementChild;\n\n\t\t\tif (first instanceof HTMLHeadingElement) {\n\t\t\t\tattr(first, \"tabindex\", \"-1\");\n\t\t\t\tfirst.focus(); // Autofocus first heading\n\t\t\t}\n\t\t}, []);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={clsx(styles.errorsummary, className)}\n\t\t\t\trole=\"alert\"\n\t\t\t\tref={innerRef}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Errorsummary","forwardRef","className","rest","ref","innerRef","useRef","useImperativeHandle","useEffect","first","_a","attr","jsx","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAeC;AAAA,EAC3B,SAAsB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAC5C,UAAAC,IAAWC,EAAuB,IAAI;AAExB,WAAAC,EAAAH,GAAK,MAAMC,EAAS,OAAyB,GACjEG,EAAU,MAAM;;AACT,YAAAC,KAAQC,IAAAL,EAAS,YAAT,gBAAAK,EAAkB;AAEhC,MAAID,aAAiB,uBACfE,EAAAF,GAAO,YAAY,IAAI,GAC5BA,EAAM,MAAM;AAAA,IAEd,GAAG,EAAE,GAGJ,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,cAAcZ,CAAS;AAAA,QAC9C,MAAK;AAAA,QACL,KAAKG;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"errorsummary.js","sources":["../../designsystem/errorsummary/errorsummary.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ErrorsummaryProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Errorsummary = forwardRef<HTMLDivElement, ErrorsummaryProps>(\n\tfunction Errorsummary({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={clsx(styles.errorsummary, className)}\n\t\t\t\trole=\"alert\"\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Errorsummary","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMO,MAAMA,IAAeC;AAAA,EAC3B,SAAsB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAEjD,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,cAAcL,CAAS;AAAA,QAC9C,MAAK;AAAA,QACL,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}