@mattilsynet/design 0.3.7 → 0.4.0

package/mtds/alert/alert.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { clsx as f } from "../external/clsx/dist/clsx.js";
+import { forwardRef as s } from "react";
+import a from "../styles.module.css.js";
+const x = s(function({ as: t, className: e, ...o }, l) {
+  const r = t || "output";
+  return !o.role && r !== "output" && Object.assign(o, { role: "alert" }), /* @__PURE__ */ m(r, { className: f(a.alert, e), ref: l, ...o });
+});
+export {
+  x as Alert
+};
+//# sourceMappingURL=alert.js.map

package/mtds/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../designsystem/alert/alert.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 AlertProps<As extends React.ElementType = \"output\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype AlertComponent = <As extends React.ElementType = \"output\">(\n\tprops: AlertProps<As>,\n) => JSX.Element;\n\nexport const Alert: AlertComponent = forwardRef<null>(function Alert<\n\tAs extends React.ElementType = \"output\",\n>({ as, className, ...rest }: AlertProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"output\";\n\n\tif (!rest.role && Tag !== \"output\") Object.assign(rest, { role: \"alert\" }); // Ensure role is set to 'alert' if not <output>\n\n\treturn <Tag className={clsx(styles.alert, className)} ref={ref} {...rest} />;\n}) as AlertComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Alert","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAea,MAAAA,IAAwBC,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAK,GAAmBC,GAA0B;AACvE,QAAMC,IAAMJ,KAAM;AAEd,SAAA,CAACE,EAAK,QAAQE,MAAQ,YAAiB,OAAA,OAAOF,GAAM,EAAE,MAAM,QAAA,CAAS,GAElE,gBAAAG,EAACD,GAAI,EAAA,WAAWE,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC3E,CAAC;"}

package/mtds/avatar/avatar.d.ts

@@ -4,6 +4,6 @@ type AvatarBaseProps<Href> = {
     href?: Href;
 };
 export type AvatarProps<Href, As extends React.ElementType = Href extends string ? "a" : "span"> = PolymorphicComponentPropWithRef<As, AvatarBaseProps<Href>>;
-type AvatarComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "span">(props: AvatarProps<As>) => JSX.Element;
+type AvatarComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "span">(props: AvatarProps<Href, As>) => JSX.Element;
 export declare const Avatar: AvatarComponent;
 export {};

package/mtds/avatar/avatar.js

@@ -0,0 +1,12 @@
+import { jsx as f } from "react/jsx-runtime";
+import { clsx as s } from "../external/clsx/dist/clsx.js";
+import { forwardRef as n } from "react";
+import p from "../styles.module.css.js";
+const x = n(function({ as: a, className: o, ...r }, t) {
+  const m = a || (r.href ? "a" : "span");
+  return /* @__PURE__ */ f(m, { className: s(p.avatar, o), ref: t, ...r });
+});
+export {
+  x as Avatar
+};
+//# sourceMappingURL=avatar.js.map

package/mtds/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../designsystem/avatar/avatar.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 AvatarBaseProps<Href> = {\n\thref?: Href;\n};\n\nexport type AvatarProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, AvatarBaseProps<Href>>;\n\ntype AvatarComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: AvatarProps<Href, As>,\n) => JSX.Element;\n\nexport const Avatar: AvatarComponent = forwardRef<null>(function Avatar<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: AvatarProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.avatar, className)} ref={ref} {...rest} />;\n}) as AvatarComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Avatar","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAwBa,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/badge/badge.d.ts

@@ -1,6 +1,2 @@
-import { JSX } from 'react';
-import { PolymorphicComponentPropWithRef } from '../react-types';
-export type BadgeProps<As extends React.ElementType = "span"> = PolymorphicComponentPropWithRef<As>;
-type BadgeComponent = <As extends React.ElementType = "span">(props: BadgeProps<As>) => JSX.Element;
-export declare const Badge: BadgeComponent;
-export {};
+export type BadgeProps = React.ComponentPropsWithoutRef<"span">;
+export declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/mtds/badge/badge.js

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

package/mtds/badge/badge.js.map

@@ -0,0 +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\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":";;;;AAMa,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.js

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

package/mtds/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +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\";\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\tconst action = item === last ? \"setAttribute\" : \"removeAttribute\";\n\t\t\t\t\titem[action](\"aria-current\", \"page\");\n\t\t\t\t}\n\t\t\t}\n\t\t});\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\tconst action = item === last ? \"setAttribute\" : \"removeAttribute\";\n\t\t\t\t\titem[action](\"aria-current\", \"page\");\n\t\t\t\t}\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","jsx","clsx","styles"],"mappings":";;;;AAqBO,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;AAEb,UAAAE,EADUA,MAASD,IAAO,iBAAiB,iBACrC,EAAE,gBAAgB,MAAM;AAAA,MACpC;AAAA,IACD,CACA,GACmBH,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;AAEb,UAAAE,EADUA,MAASD,IAAO,iBAAiB,iBACrC,EAAE,gBAAgB,MAAM;AAAA,MACpC;AAAA,IACD,CACA,GAGA,gBAAAE;AAAA,MAACN;AAAA,MAAA;AAAA,QACA,cAAYJ,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWW,EAAKC,EAAO,aAAab,CAAS;AAAA,QAC7C,KAAKG;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}

package/mtds/button/button.d.ts

@@ -4,6 +4,6 @@ type ButtonBaseProps<Href> = {
     href?: Href;
 };
 export type ButtonProps<Href, As extends React.ElementType = Href extends string ? "a" : "button"> = PolymorphicComponentPropWithRef<As, ButtonBaseProps<Href>>;
-type ButtonComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "button">(props: ButtonProps<As>) => JSX.Element;
+type ButtonComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "button">(props: ButtonProps<Href, As>) => JSX.Element;
 export declare const Button: ButtonComponent;
 export {};

package/mtds/button/button.js

@@ -0,0 +1,12 @@
+import { jsx as f } from "react/jsx-runtime";
+import { clsx as s } from "../external/clsx/dist/clsx.js";
+import { forwardRef as u } from "react";
+import a from "../styles.module.css.js";
+const x = u(function({ as: t, className: r, ...o }, m) {
+  const n = t || (o.href ? "a" : "button");
+  return /* @__PURE__ */ f(n, { className: s(a.button, r), ref: m, ...o });
+});
+export {
+  x as Button
+};
+//# sourceMappingURL=button.js.map

package/mtds/button/button.js.map

@@ -0,0 +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\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":";;;;AAwBa,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/button/button.stories.d.ts

@@ -8,6 +8,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const Sizes: Story;
 export declare const Colors: Story;
 export declare const Nowrap: Story;

package/mtds/card/card.d.ts

@@ -4,6 +4,6 @@ type CardBaseProps<Href> = {
     href?: 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<As>) => JSX.Element;
+type CardComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "div">(props: CardProps<Href, As>) => JSX.Element;
 export declare const Card: CardComponent;
 export {};

package/mtds/card/card.js

@@ -0,0 +1,12 @@
+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 });
+});
+export {
+  x as Card
+};
+//# sourceMappingURL=card.js.map

package/mtds/card/card.js.map

@@ -0,0 +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;"}

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

@@ -11,6 +11,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const Sizes: Story;
 export declare const AsLink: Story;
 export declare const Tableish: Story;

package/mtds/chip/chip.js

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

package/mtds/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../designsystem/chip/chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ChipProps = React.ComponentPropsWithoutRef<\"label\">;\n\nexport const Chip = forwardRef<HTMLLabelElement, ChipProps>(function Chip(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <label className={clsx(styles.chip, className)} ref={ref} {...rest} />;\n});\n"],"names":["Chip","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMa,MAAAA,IAAOC,EAAwC,SAC3D,EAAE,WAAAC,GAAW,GAAGC,EAAK,GACrBC,GACC;AACM,SAAA,gBAAAC,EAAC,SAAM,EAAA,WAAWC,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAC5E,CAAC;"}

package/mtds/chip/chip.stories.d.ts

@@ -7,5 +7,6 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const React: Story;
 export declare const Radio: Story;
 export declare const Checkbox: Story;

package/mtds/details/details.d.ts

@@ -1,2 +1,5 @@
 export type DetailsProps = React.ComponentPropsWithoutRef<"details">;
-export declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+export type SummaryProps = React.ComponentPropsWithoutRef<"summary">;
+export declare const 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>>;
+};

package/mtds/details/details.js

@@ -0,0 +1,18 @@
+import { jsx as m } from "react/jsx-runtime";
+import { clsx as i } from "../external/clsx/dist/clsx.js";
+import { forwardRef as o } from "react";
+import e from "../styles.module.css.js";
+import "../external/@u-elements/u-details/dist/u-details.js";
+const l = o(
+  function({ className: t, ...s }, r) {
+    return /* @__PURE__ */ m("u-details", { class: i(e.details, t), ref: r, ...s });
+  }
+), n = o(
+  function({ className: t, ...s }, r) {
+    return /* @__PURE__ */ m("u-summary", { class: t, ref: r, ...s });
+  }
+), D = Object.assign(l, { Summary: n });
+export {
+  D as Details
+};
+//# sourceMappingURL=details.js.map

package/mtds/details/details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sources":["../../designsystem/details/details.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport \"@u-elements/u-details\";\n\nexport type DetailsProps = React.ComponentPropsWithoutRef<\"details\">;\nconst DetailsComp = forwardRef<HTMLDetailsElement, DetailsProps>(\n\tfunction Details({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<u-details class={clsx(styles.details, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type SummaryProps = React.ComponentPropsWithoutRef<\"summary\">;\nconst DetailsSummary = forwardRef<HTMLElement, SummaryProps>(\n\tfunction DetailsSummary({ className, ...rest }, ref) {\n\t\treturn <u-summary class={className} ref={ref} {...rest} />;\n\t},\n);\n\nexport const Details = Object.assign(DetailsComp, { Summary: DetailsSummary });\n"],"names":["DetailsComp","forwardRef","className","rest","ref","jsx","clsx","styles","DetailsSummary","Details"],"mappings":";;;;;AAMA,MAAMA,IAAcC;AAAA,EACnB,SAAiB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAE5C,WAAA,gBAAAC,EAAC,aAAU,EAAA,OAAOC,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAM,CAAA;AAAA,EAAA;AAG1E,GAGMK,IAAiBP;AAAA,EACtB,SAAwB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACpD,6BAAQ,aAAU,EAAA,OAAOF,GAAW,KAAAE,GAAW,GAAGD,GAAM;AAAA,EAAA;AAE1D,GAEaM,IAAU,OAAO,OAAOT,GAAa,EAAE,SAASQ,EAAgB,CAAA;"}

package/mtds/details/details.stories.d.ts

@@ -8,4 +8,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const DefaultOpen: Story;

package/mtds/dialog/dialog.js

@@ -0,0 +1,25 @@
+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 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(
+      "dialog",
+      {
+        className: l(d.dialog, s),
+        ref: o,
+        ...f
+      }
+    );
+  }
+);
+export {
+  D as Dialog
+};
+//# sourceMappingURL=dialog.js.map

package/mtds/dialog/dialog.js.map

@@ -0,0 +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\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":";;;;AAQO,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;"}

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

@@ -5,5 +5,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const WithClose: Story;
 export declare const WithBackdropClose: Story;

package/mtds/divider/divider.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { clsx as t } from "../external/clsx/dist/clsx.js";
+import { forwardRef as m } from "react";
+import d from "../styles.module.css.js";
+const c = m(function({ className: r, ...i }, o) {
+  return (
+    // biome-ignore lint/a11y/noAriaHiddenOnFocusable: This is a decorative element
+    /* @__PURE__ */ e(
+      "hr",
+      {
+        "aria-hidden": "true",
+        className: t(d.divider, r),
+        ref: o,
+        ...i
+      }
+    )
+  );
+});
+export {
+  c as Divider
+};
+//# sourceMappingURL=divider.js.map

package/mtds/divider/divider.js.map

@@ -0,0 +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\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":";;;;AAMa,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/divider/divider.stories.d.ts

@@ -8,4 +8,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const Gap: Story;

package/mtds/errorsummary/errorsummary.js

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

package/mtds/errorsummary/errorsummary.js.map

@@ -0,0 +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\";\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\tfirst.setAttribute(\"tabindex\", \"-1\");\n\t\t\t\tfirst.focus(); // Autofocus first heading\n\t\t\t}\n\t\t}, []);\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\tfirst.setAttribute(\"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","jsx","clsx","styles"],"mappings":";;;;AAMO,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,uBACdA,EAAA,aAAa,YAAY,IAAI,GACnCA,EAAM,MAAM;AAAA,IAEd,GAAG,EAAE,GAEeF,EAAAH,GAAK,MAAMC,EAAS,OAAyB,GACjEG,EAAU,MAAM;;AACT,YAAAC,KAAQC,IAAAL,EAAS,YAAT,gBAAAK,EAAkB;AAEhC,MAAID,aAAiB,uBACdA,EAAA,aAAa,YAAY,IAAI,GACnCA,EAAM,MAAM;AAAA,IAEd,GAAG,EAAE,GAGJ,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,cAAcX,CAAS;AAAA,QAC9C,MAAK;AAAA,QACL,KAAKG;AAAA,QACJ,GAAGF;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}

package/mtds/errorsummary/errorsummary.stories.d.ts

@@ -8,4 +8,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const React: Story;
 export declare const WithForm: Story;

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

@@ -0,0 +1,91 @@
+var h = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", c;
+h && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
+/^Mac/i.test(((c = navigator.userAgentData) == null ? void 0 : c.platform) || navigator.platform);
+var y = ":host(:not([hidden])) { display: block }", m = typeof HTMLElement > "u" ? class {
+} : HTMLElement;
+function i(t, e, n) {
+  var o;
+  return n === void 0 ? (o = t.getAttribute(e)) != null ? o : null : (n === null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n), null);
+}
+var f = (t, e, n) => {
+  for (const o of n[0].split(","))
+    n[0] = o, Element.prototype[`${t}EventListener`].apply(e, n);
+}, d = (t, ...e) => f("add", t, e), u = (t, ...e) => f("remove", t, e), b = (t) => {
+  const e = "key" in t && (t.key === " " || t.key === "Enter");
+  return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
+}, v = (t) => {
+  var e;
+  const n = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
+  return n instanceof Document || n instanceof ShadowRoot ? n : document;
+}, r = (t, e, n) => {
+  const o = document.createElement(t);
+  if (e && (o.textContent = e), n) for (const [s, a] of Object.entries(n)) i(o, s, a);
+  return o;
+}, p = {
+  define: (t, e) => !h || window.customElements.get(t) || window.customElements.define(t, e)
+}, g = class extends m {
+  constructor() {
+    super(), this._content = null, this.attachShadow({ mode: "open" }).append(
+      r("slot", null, { name: "summary" }),
+      r("slot", null, { part: "details-content" }),
+      r(
+        "style",
+        `${y}
+        ::slotted(u-summary) { cursor: pointer; display: list-item; counter-increment: list-item 0; list-style: disclosure-closed inside }
+        ::slotted(u-summary[aria-expanded="true"]) { list-style-type: disclosure-open }
+				:host > [part="details-content"]:not([hidden=""]) { display: block }`
+      )
+    );
+  }
+  // Using ES2015 syntax for backwards compatibility
+  static get observedAttributes() {
+    return ["open"];
+  }
+  connectedCallback() {
+    var t;
+    this._content = (t = this.shadowRoot) == null ? void 0 : t.children[1], d(this._content, "beforematch", this), d(this, "click,keydown", this), this.attributeChangedCallback();
+  }
+  disconnectedCallback() {
+    this._content && u(this._content, "beforematch", this), u(this, "click,keydown", this), this._content = null;
+  }
+  attributeChangedCallback(t, e, n) {
+    const o = "onbeforematch" in this ? "until-found" : !0, s = this.open;
+    for (const a of this.children)
+      a.nodeName === "U-SUMMARY" && i(a, "aria-expanded", `${s}`);
+    if (this._content && (i(this._content, "aria-hidden", `${!s}`), this._content.hidden = s ? !1 : o), s && this.name) {
+      const a = v(this).querySelectorAll(
+        `${this.nodeName}[name="${this.name}"]`
+      );
+      for (const l of a)
+        l !== this && (l.open = !1);
+    }
+    t === "open" && e === null != (n === null) && this.dispatchEvent(new Event("toggle"));
+  }
+  handleEvent(t) {
+    const e = this.querySelector(":scope > u-summary"), n = e == null ? void 0 : e.contains(t.target);
+    t.defaultPrevented || (t.type === "beforematch" && (this.open = !0), n && t.type === "keydown" && b(t), n && t.type === "click" && (this.open = !this.open));
+  }
+  get open() {
+    return this.hasAttribute("open");
+  }
+  set open(t) {
+    i(this, "open", t ? "" : null);
+  }
+  get name() {
+    return i(this, "name") || "";
+  }
+  set name(t) {
+    i(this, "name", t);
+  }
+}, k = class extends m {
+  connectedCallback() {
+    i(this, "role", "button"), this.slot = "summary", this.tabIndex = 0;
+  }
+};
+p.define("u-details", g);
+p.define("u-summary", k);
+export {
+  g as UHTMLDetailsElement,
+  k as UHTMLSummaryElement
+};
+//# sourceMappingURL=u-details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"u-details.js","sources":["../../../../../node_modules/@u-elements/u-details/dist/u-details.js"],"sourcesContent":["// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\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 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 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 createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  if (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\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-details.ts\nvar UHTMLDetailsElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    // Using underscore instead of private fields for backwards compatibility\n    this._content = null;\n    this.attachShadow({ mode: \"open\" }).append(\n      createElement(\"slot\", null, { name: \"summary\" }),\n      createElement(\"slot\", null, { part: \"details-content\" }),\n      createElement(\n        \"style\",\n        `${DISPLAY_BLOCK}\n        ::slotted(u-summary) { cursor: pointer; display: list-item; counter-increment: list-item 0; list-style: disclosure-closed inside }\n        ::slotted(u-summary[aria-expanded=\"true\"]) { list-style-type: disclosure-open }\n\t\t\t\t:host > [part=\"details-content\"]:not([hidden=\"\"]) { display: block }`\n      )\n    );\n  }\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"open\"];\n  }\n  connectedCallback() {\n    var _a2;\n    this._content = (_a2 = this.shadowRoot) == null ? void 0 : _a2.children[1];\n    on(this._content, \"beforematch\", this);\n    on(this, \"click,keydown\", this);\n    this.attributeChangedCallback();\n  }\n  disconnectedCallback() {\n    if (this._content) off(this._content, \"beforematch\", this);\n    off(this, \"click,keydown\", this);\n    this._content = null;\n  }\n  attributeChangedCallback(prop, prev, next) {\n    const hide = \"onbeforematch\" in this ? \"until-found\" : true;\n    const open = this.open;\n    for (const el of this.children)\n      if (el.nodeName === \"U-SUMMARY\") attr(el, \"aria-expanded\", `${open}`);\n    if (this._content) {\n      attr(this._content, \"aria-hidden\", `${!open}`);\n      this._content.hidden = open ? false : hide;\n    }\n    if (open && this.name) {\n      const uDetailsList = getRoot(this).querySelectorAll(\n        `${this.nodeName}[name=\"${this.name}\"]`\n      );\n      for (const uDetails of uDetailsList)\n        if (uDetails !== this) uDetails.open = false;\n    }\n    if (prop === \"open\" && prev === null !== (next === null))\n      this.dispatchEvent(new Event(\"toggle\"));\n  }\n  handleEvent(event) {\n    const summary = this.querySelector(\":scope > u-summary\");\n    const isSummary = summary == null ? void 0 : summary.contains(event.target);\n    if (event.defaultPrevented) return;\n    if (event.type === \"beforematch\") this.open = true;\n    if (isSummary && event.type === \"keydown\") asButton(event);\n    if (isSummary && event.type === \"click\") this.open = !this.open;\n  }\n  get open() {\n    return this.hasAttribute(\"open\");\n  }\n  set open(value) {\n    attr(this, \"open\", value ? \"\" : null);\n  }\n  get name() {\n    return attr(this, \"name\") || \"\";\n  }\n  set name(value) {\n    attr(this, \"name\", value);\n  }\n};\nvar UHTMLSummaryElement = class extends UHTMLElement {\n  connectedCallback() {\n    attr(this, \"role\", \"button\");\n    this.slot = \"summary\";\n    this.tabIndex = 0;\n  }\n};\ncustomElements.define(\"u-details\", UHTMLDetailsElement);\ncustomElements.define(\"u-summary\", UHTMLSummaryElement);\n\nexport { UHTMLDetailsElement, UHTMLSummaryElement };\n"],"names":["IS_BROWSER","_a","DISPLAY_BLOCK","UHTMLElement","attr","el","name","value","_a2","events","action","element","rest","type","on","off","asButton","event","isClick","getRoot","node","root","createElement","tagName","text","attrs","key","val","customElements","instance","UHTMLDetailsElement","prop","prev","next","hide","open","uDetailsList","uDetails","summary","isSummary","UHTMLSummaryElement"],"mappings":"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","x_google_ignoreList":[0]}