@altinn/altinn-components 0.7.5 → 0.8.1

package/dist/components/Page/PageHeader.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import { Heading as c } from "../Typography/Heading.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Heading as c } from "../Typography/Heading.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { SectionBase as n } from "./SectionBase.js";
 import { P as p, s as i } from "../../PageHeaderMedia-DpZ09tLD.js";
 import { PageNav as l } from "./PageNav.js";

package/dist/components/Searchbar/Autocomplete.js

@@ -3,7 +3,7 @@ import "react";
 import "../../hooks/useMenu.js";
 import "./AutocompleteBase.js";
 import "./AutocompleteGroup.js";
-import { A } from "../../Autocomplete-hEFuiN2u.js";
+import { A } from "../../Autocomplete-Cb9fQrzy.js";
 export {
   A as Autocomplete
 };

package/dist/components/Searchbar/Autocomplete.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { A as l } from "../../Autocomplete-hEFuiN2u.js";
+import { A as l } from "../../Autocomplete-Cb9fQrzy.js";
 const o = {
   title: "Header/Autocomplete",
   component: l,

package/dist/components/Searchbar/AutocompleteItem.js

@@ -3,7 +3,7 @@ import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { c } from "../../Autocomplete-hEFuiN2u.js";
+import { e as a } from "../../Autocomplete-Cb9fQrzy.js";
 export {
-  c as AutocompleteItem
+  a as AutocompleteItem
 };

package/dist/components/Searchbar/ScopeListItem.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, ReactElement } from 'react';
 import { BadgeProps } from '../Badge';
-import { ListItemProps } from '../List/';
-export interface ScopeListItemProps extends ListItemProps {
+import { ListItemInputProps } from '../List/';
+export interface ScopeListItemProps extends ListItemInputProps {
     as?: ElementType;
     href?: string;
     onClick?: () => void;

package/dist/components/Searchbar/ScopeListItem.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { S as s } from "../../Autocomplete-hEFuiN2u.js";
+import { S as s } from "../../Autocomplete-Cb9fQrzy.js";
 export {
   s as ScopeListItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as u } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import { useEnterKey as l } from "../../hooks/useEnterKey.js";
-import { A as b } from "../../Autocomplete-hEFuiN2u.js";
+import { A as b } from "../../Autocomplete-Cb9fQrzy.js";
 import { SearchField as n } from "./SearchField.js";
 import { SearchbarBase as E } from "./SearchbarBase.js";
 const d = ({

package/dist/components/Toolbar/ToolbarAdd.js

@@ -3,14 +3,14 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Menu as p } from "../Menu/Menu.js";
-import { DrawerOrDropdown as l } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-hEFuiN2u.js";
-import { ToolbarButton as n } from "./ToolbarButton.js";
-import { ToolbarFilterBase as s } from "./ToolbarFilterBase.js";
-const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(s, { expanded: o, children: [
-  /* @__PURE__ */ r(n, { type: "add", onToggle: t, children: i }),
-  /* @__PURE__ */ r(l, { title: i, onClose: t, expanded: o, children: /* @__PURE__ */ r(p, { theme: "global", items: m }) })
+import { ToolbarButton as p } from "./ToolbarButton.js";
+import { ToolbarFilterBase as l } from "./ToolbarFilterBase.js";
+import { Menu as n } from "../Menu/Menu.js";
+import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
+import "../../Autocomplete-Cb9fQrzy.js";
+const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(l, { expanded: o, children: [
+  /* @__PURE__ */ r(p, { type: "add", onToggle: t, children: i }),
+  /* @__PURE__ */ r(s, { title: i, onClose: t, expanded: o, children: /* @__PURE__ */ r(n, { theme: "global", items: m }) })
 ] });
 export {
   B as ToolbarAdd

package/dist/components/Toolbar/ToolbarDaterange.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+export interface ToolbarDaterangeProps {
+    title: string;
+    label: string;
+    value: string | number;
+    description?: string;
+    fromLabel?: string;
+    toLabel?: string;
+    onToggle?: MouseEventHandler;
+    expanded?: boolean;
+    className?: string;
+}
+export declare const ToolbarDaterange: ({ title, description, fromLabel, toLabel, label, value, expanded, onToggle, }: ToolbarDaterangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -3,14 +3,14 @@ import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
+import { ToolbarButton as v } from "./ToolbarButton.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as v } from "../Menu/MenuBase.js";
-import { DrawerOrDropdown as C } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-hEFuiN2u.js";
-import { ToolbarButton as F } from "./ToolbarButton.js";
-import { ToolbarFilterBase as T } from "./ToolbarFilterBase.js";
+import { MenuBase as C } from "../Menu/MenuBase.js";
+import { ToolbarFilterBase as F } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { Datepicker as S } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q = "_fields_mqb1p_6", w = "_description_mqb1p_10", c = {
+import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q = "_fields_mqb1p_6", w = "_description_mqb1p_10", n = {
   datepicker: y,
   fields: q,
   description: w
@@ -21,7 +21,7 @@ import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q =
   toLabel: D = "To date",
   label: u = "Select daterange",
   value: _,
-  expanded: n = !1,
+  expanded: c = !1,
   onToggle: l
 }) => {
   const [t, r] = m(""), [s, a] = m(""), b = (e) => {
@@ -31,16 +31,25 @@ import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q =
   }, k = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ i(T, { expanded: n, children: [
-    /* @__PURE__ */ o(F, { type: "switch", onToggle: l, active: !!_, children: u }),
-    /* @__PURE__ */ o(C, { expanded: n, title: d, onClose: l, children: /* @__PURE__ */ i(v, { children: [
-      /* @__PURE__ */ i("div", { className: c.fields, children: [
-        /* @__PURE__ */ o(p, { value: t, type: "date", label: h, onChange: b }),
-        /* @__PURE__ */ o(p, { value: s, type: "date", label: D, onChange: g })
+  return /* @__PURE__ */ i(F, { expanded: c, children: [
+    /* @__PURE__ */ o(v, { type: "switch", onToggle: l, active: !!_, children: u }),
+    /* @__PURE__ */ o(T, { expanded: c, title: d, onClose: l, children: /* @__PURE__ */ i(C, { children: [
+      /* @__PURE__ */ i("div", { className: n.fields, children: [
+        /* @__PURE__ */ o(
+          p,
+          {
+            name: "fromDate",
+            value: t,
+            type: "date",
+            label: h,
+            onChange: b
+          }
+        ),
+        /* @__PURE__ */ o(p, { name: "toDate", value: s, type: "date", label: D, onChange: g })
       ] }),
-      /* @__PURE__ */ i("section", { className: c.datepicker, children: [
+      /* @__PURE__ */ i("section", { className: n.datepicker, children: [
         /* @__PURE__ */ o(S, { onSelect: k, selectFrom: t, selectTo: s }),
-        /* @__PURE__ */ o("p", { className: c.description, children: f })
+        /* @__PURE__ */ o("p", { className: n.description, children: f })
       ] })
     ] }) })
   ] });

package/dist/components/Toolbar/ToolbarFilter.js

@@ -3,10 +3,10 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as j } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-hEFuiN2u.js";
-import { ToolbarButton as O } from "./ToolbarButton.js";
-import { ToolbarFilterBase as k } from "./ToolbarFilterBase.js";
+import { ToolbarButton as j } from "./ToolbarButton.js";
+import { ToolbarFilterBase as O } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as k } from "../Dropdown/DrawerOrDropdown.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { ToolbarOptions as u } from "./ToolbarOptions.js";
 const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
   expanded: t = !1,
@@ -29,9 +29,9 @@ const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
       checked: Array.isArray(r) ? r.includes(p.value) : p.value === r
     })
   ), d = (n == null ? void 0 : n(i, r)) ?? w(i, r);
-  return /* @__PURE__ */ b(k, { expanded: t, children: [
+  return /* @__PURE__ */ b(O, { expanded: t, children: [
     /* @__PURE__ */ f(
-      O,
+      j,
       {
         type: "select",
         removable: o,
@@ -42,7 +42,7 @@ const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
       }
     ),
     /* @__PURE__ */ f(
-      j,
+      k,
       {
         expanded: t,
         title: m,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -3,14 +3,14 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Menu as s } from "../Menu/Menu.js";
-import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-hEFuiN2u.js";
-import { ToolbarButton as f } from "./ToolbarButton.js";
-import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
-const M = ({ expanded: r = !1, onToggle: t, label: e, value: i, groups: m, search: l, items: p }) => /* @__PURE__ */ n(c, { expanded: r, children: [
-  /* @__PURE__ */ o(f, { type: "switch", onToggle: t, active: !!i, children: e }),
-  /* @__PURE__ */ o(a, { expanded: r, title: "Endre konto", onClose: t, children: /* @__PURE__ */ o(s, { theme: "global", defaultItemColor: "subtle", groups: m, search: l, items: p }) })
+import { ToolbarButton as s } from "./ToolbarButton.js";
+import { Menu as a } from "../Menu/Menu.js";
+import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as c } from "../Dropdown/DrawerOrDropdown.js";
+import "../../Autocomplete-Cb9fQrzy.js";
+const M = ({ expanded: r = !1, onToggle: t, label: e, value: i, groups: m, search: l, items: p }) => /* @__PURE__ */ n(f, { expanded: r, children: [
+  /* @__PURE__ */ o(s, { type: "switch", onToggle: t, active: !!i, children: e }),
+  /* @__PURE__ */ o(c, { expanded: r, title: "Endre konto", onClose: t, children: /* @__PURE__ */ o(a, { theme: "global", defaultItemColor: "subtle", groups: m, search: l, items: p }) })
 ] });
 export {
   M as ToolbarMenu

package/dist/components/Toolbar/ToolbarOptions.js

@@ -6,7 +6,7 @@ import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
 const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
   var a;

package/dist/components/Toolbar/ToolbarSearch.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
   field: l,
   icon: p,

package/dist/components/Toolbar/index.d.ts

@@ -1,3 +1,6 @@
 export * from './ToolbarBase';
 export * from './ToolbarButton';
 export * from './Toolbar';
+export * from './ToolbarSearch';
+export * from './ToolbarFilter';
+export * from './ToolbarDaterange';

package/dist/components/Toolbar/index.js

@@ -1,8 +1,14 @@
-import { ToolbarBase as t } from "./ToolbarBase.js";
-import { ToolbarButton as e } from "./ToolbarButton.js";
-import { Toolbar as f } from "./Toolbar.js";
+import { ToolbarBase as e } from "./ToolbarBase.js";
+import { ToolbarButton as t } from "./ToolbarButton.js";
+import { Toolbar as b } from "./Toolbar.js";
+import { ToolbarSearch as m } from "./ToolbarSearch.js";
+import { ToolbarFilter as x } from "./ToolbarFilter.js";
+import { ToolbarDaterange as n } from "./ToolbarDaterange.js";
 export {
-  f as Toolbar,
-  t as ToolbarBase,
-  e as ToolbarButton
+  b as Toolbar,
+  e as ToolbarBase,
+  t as ToolbarButton,
+  n as ToolbarDaterange,
+  x as ToolbarFilter,
+  m as ToolbarSearch
 };

package/dist/components/Transmission/TransmissionItem.d.ts

@@ -0,0 +1,16 @@
+import { AttachmentSectionProps } from '../Attachment';
+import { AvatarProps } from '../Avatar';
+import { BadgeProps } from '../Badge';
+export interface TransmissionItemProps {
+    loading?: boolean;
+    expanded?: boolean;
+    sender: AvatarProps;
+    createdAt?: string;
+    createdAtLabel?: string;
+    badge?: BadgeProps;
+    title?: string;
+    description?: string | undefined;
+    summary?: string;
+    attachments?: AttachmentSectionProps;
+}
+export declare const TransmissionItem: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Transmission/TransmissionItem.js

@@ -0,0 +1,59 @@
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { useState as f } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as x } from "../Typography/Typography.js";
+import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
+import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
+import { ListItemBase as u } from "../List/ListItemBase.js";
+import { L as v } from "../../Autocomplete-Cb9fQrzy.js";
+import "../RootProvider/RootProvider.js";
+import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
+  body: I
+}, H = ({
+  loading: c,
+  sender: o,
+  createdAt: a,
+  createdAtLabel: l,
+  badge: r,
+  title: n,
+  description: s,
+  summary: g,
+  attachments: p
+}) => {
+  const [t, h] = f(!1);
+  return /* @__PURE__ */ i(u, { expanded: t, children: [
+    /* @__PURE__ */ m(
+      v,
+      {
+        as: "button",
+        onClick: () => {
+          h((y) => !y);
+        },
+        size: "sm",
+        avatar: {
+          type: o == null ? void 0 : o.type,
+          imageUrl: o == null ? void 0 : o.imageUrl,
+          name: o == null ? void 0 : o.name
+        },
+        title: n,
+        description: t ? "" : s,
+        badge: r,
+        linkIcon: t ? "chevron-down" : "chevron-up"
+      }
+    ),
+    t && /* @__PURE__ */ i("div", { className: z.body, children: [
+      a && /* @__PURE__ */ i(T, { loading: c, datetime: a, size: "xs", children: [
+        o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+        l
+      ] }),
+      /* @__PURE__ */ i(x, { size: "lg", children: [
+        /* @__PURE__ */ m("p", { children: g }),
+        p && /* @__PURE__ */ m(b, { ...p })
+      ] })
+    ] })
+  ] });
+};
+export {
+  H as TransmissionItem
+};

package/dist/components/Transmission/TransmissionItem.stories.js

@@ -0,0 +1,56 @@
+import { TransmissionItem as e } from "./TransmissionItem.js";
+const a = {
+  title: "Transmission/TransmissionItem",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    createdAt: "2024-09-22 13:34",
+    createdAtLabel: "22. september 2024 kl 13.34",
+    sender: {
+      type: "person",
+      name: "Eirik Horneland"
+    },
+    title: "Leveransen er godkjent, men inneholder feil",
+    description: "22.09.2024 kl 13.34",
+    badge: {
+      label: "Godkjent"
+    },
+    summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding og feilliste under"
+  }
+}, r = {
+  args: {}
+}, n = {
+  args: {
+    attachments: {
+      title: "6 vedlegg",
+      items: [
+        {
+          href: "#",
+          label: "1-0 Castro.pdf"
+        },
+        {
+          href: "#",
+          label: "2-0 Kornvig.pdf"
+        },
+        {
+          href: "#",
+          label: "3-0 Kartum.pdf"
+        },
+        {
+          href: "#",
+          label: "3-1 Zinkernagel.pdf"
+        },
+        {
+          href: "#",
+          label: "4-1 Castro.pdf"
+        }
+      ]
+    }
+  }
+};
+export {
+  n as Attachments,
+  r as Default,
+  a as default
+};

package/dist/components/Transmission/TransmissionList.d.ts

@@ -0,0 +1,6 @@
+import { TransmissionItemProps } from './TransmissionItem';
+export interface TransmissionListProps {
+    items: TransmissionItemProps[];
+    className?: string;
+}
+export declare const TransmissionList: ({ items }: TransmissionListProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Transmission/TransmissionList.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createElement as i } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { TransmissionItem as e } from "./TransmissionItem.js";
+import "../RootProvider/RootProvider.js";
+import "../../Autocomplete-Cb9fQrzy.js";
+import { ListBase as n } from "../List/ListBase.js";
+const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
+export {
+  x as TransmissionList
+};

package/dist/components/Transmission/TransmissionList.stories.js

@@ -0,0 +1,63 @@
+import { TransmissionList as e } from "./TransmissionList.js";
+const n = {
+  title: "Transmission/TransmissionList",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    items: [
+      {
+        createdAt: "2024-09-22 13:34",
+        createdAtLabel: "22. september 2024 kl 13.34",
+        badge: {
+          label: "Godkjent, med feil"
+        },
+        sender: {
+          name: "Skatteetaten",
+          type: "Company",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        title: "Leveransen er godkjent, men inneholder feil",
+        description: "22. sept 11.10",
+        summary: "Leveransen er godkjent, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding og feilliste under.",
+        attachments: {
+          title: "6 vedlegg",
+          items: [
+            {
+              href: "#",
+              label: "Feilliste.pdf"
+            }
+          ]
+        }
+      },
+      {
+        createdAt: "2004-09-09 11:05",
+        createdAtLabel: "22. september 2024 kl 11.05",
+        sender: {
+          name: "Eirik Horneland"
+        },
+        badge: {
+          label: "Sendt inn"
+        },
+        title: "Tredjepartsopplysninger ble sendt inn",
+        description: "22. sept 11.05",
+        summary: "Dere får tilbakemelding om en kort stund.",
+        attachments: {
+          title: "1 vedlegg",
+          items: [
+            {
+              href: "#",
+              label: "Innsendte opplysninger.pdf"
+            }
+          ]
+        }
+      }
+    ]
+  }
+}, a = {
+  args: {}
+};
+export {
+  a as Default,
+  n as default
+};

package/dist/components/Transmission/TransmissionSection.d.ts

@@ -0,0 +1,8 @@
+import { ToolbarProps } from '../Toolbar';
+import { TransmissionItemProps } from '../Transmission';
+export interface TransmissionSectionProps {
+    title?: string;
+    items?: TransmissionItemProps[];
+    toolbar?: ToolbarProps;
+}
+export declare const TransmissionSection: ({ title, items, toolbar }: TransmissionSectionProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Transmission/TransmissionSection.js

@@ -0,0 +1,17 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Toolbar as m } from "../Toolbar/Toolbar.js";
+import { Heading as t } from "../Typography/Heading.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { TransmissionList as p } from "./TransmissionList.js";
+import "../../Autocomplete-Cb9fQrzy.js";
+const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
+  /* @__PURE__ */ o(t, { as: "h2", size: "xs", children: n }),
+  i && /* @__PURE__ */ o(m, { ...i }),
+  /* @__PURE__ */ o(p, { items: r })
+] }) : null;
+export {
+  u as TransmissionSection
+};