@altinn/altinn-components 0.9.1 → 0.10.0

package/dist/components/Dialog/DialogSeenBy.stories.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { DialogSeenBy as t } from "./DialogSeenBy.js";
 const y = {
-  title: "Dialog/Sections/DialogSeenBy",
+  title: "Dialog/DialogSeenBy",
   component: t,
   tags: ["autodocs"],
   parameters: {},
@@ -20,12 +20,12 @@ const y = {
     seenByEndUser: !0,
     seenByOthersCount: 0
   }
-}, c = {
+}, u = {
   args: {
     seenByEndUser: !0,
     seenByOthersCount: 10
   }
-}, i = ({
+}, c = ({
   seenByEndUser: n,
   seenByOthersCount: e
 }) => {
@@ -35,9 +35,9 @@ const y = {
   return /* @__PURE__ */ o(t, { seenByEndUser: n, seenByOthersCount: e, label: r });
 };
 export {
-  i as ExampleLabel,
+  c as ExampleLabel,
   B as Unseen,
   y as default,
   d as seenByEndUser,
-  c as seenByEndUserAndOthers
+  u as seenByEndUserAndOthers
 };

package/dist/components/Dialog/DialogStatus.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
 import { MetaItem as o } from "../Meta/MetaItem.js";
 import { MetaProgress as s } from "../Meta/MetaProgress.js";
-import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 var c = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(c || {});
 const m = ({ loading: r, size: i = "xs", value: e = "new", label: t }) => {

package/dist/components/Dialog/DialogStatus.stories.js

@@ -1,6 +1,6 @@
 import { DialogStatusEnum as e, DialogStatus as t } from "./DialogStatus.js";
 const s = {
-  title: "Dialog/Sections/DialogStatus",
+  title: "Dialog/DialogStatus",
   component: t,
   tags: ["autodocs"],
   parameters: {

package/dist/components/Dialog/DialogTimeline.d.ts

@@ -0,0 +1,6 @@
+import { DialogTimelineItemProps } from './DialogTimelineItem';
+export interface DialogTimelineProps {
+    title?: string;
+    items?: DialogTimelineItemProps[];
+}
+export declare const DialogTimeline: ({ title, items }: DialogTimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTimeline.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { createElement as n } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
+import { TimelineBase as s } from "../Timeline/TimelineBase.js";
+const j = ({ title: e, items: i = [] }) => /* @__PURE__ */ o(s, { children: [
+  /* @__PURE__ */ t(p, { size: "xs", children: e }),
+  i.map((r, m) => /* @__PURE__ */ n(l, { ...r, key: m }))
+] });
+export {
+  j as DialogTimeline
+};

package/dist/components/Dialog/DialogTimelineItem.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TransmissionItemProps } from '../';
+export interface DialogTimelineItemProps {
+    updatedAt: string;
+    updatedAtLabel: string;
+    summary?: string;
+    items?: TransmissionItemProps[];
+    children?: ReactNode;
+}
+export declare const DialogTimelineItem: ({ updatedAt, updatedAtLabel, summary, items }: DialogTimelineItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTimelineItem.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { createElement as l } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as s } from "../Typography/Typography.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { TransmissionItem as a } from "../Transmission/TransmissionItem.js";
+import { ListBase as c } from "../List/ListBase.js";
+import { TimelineSection as d } from "../Timeline/TimelineSection.js";
+const k = ({ updatedAt: m, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", datetime: m, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
+  i && /* @__PURE__ */ e("p", { children: i }),
+  r && /* @__PURE__ */ e(c, { theme: "global", children: r.map((t, p) => /* @__PURE__ */ l(a, { ...t, key: p })) })
+] }) });
+export {
+  k as DialogTimelineItem
+};

package/dist/components/Dialog/DialogTouchedBy.stories.js

@@ -1,6 +1,6 @@
 import { DialogTouchedBy as a } from "./DialogTouchedBy.js";
 const o = {
-  title: "Dialog/Sections/DialogTouchedBy",
+  title: "Dialog/DialogTouchedBy",
   component: a,
   tags: ["autodocs"],
   parameters: {},

package/dist/components/{Transmission/TransmissionSection.d.ts → Dialog/DialogTransmissions.d.ts}

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

package/dist/components/{Transmission/TransmissionSection.js → Dialog/DialogTransmissions.js}

@@ -2,16 +2,16 @@ 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 { Heading as p } from "../Typography/Heading.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { TransmissionList as p } from "./TransmissionList.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 }),
+import { TransmissionList as t } from "../Transmission/TransmissionList.js";
+const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
+  /* @__PURE__ */ o(p, { as: "h2", size: "xs", children: n }),
   i && /* @__PURE__ */ o(m, { ...i }),
-  /* @__PURE__ */ o(p, { items: r })
+  /* @__PURE__ */ o(t, { items: r })
 ] }) : null;
 export {
-  u as TransmissionSection
+  g as DialogTransmissions
 };

package/dist/components/{Transmission/TransmissionSection.stories.js → Dialog/DialogTransmissions.stories.js}

@@ -1,6 +1,6 @@
-import { TransmissionSection as e } from "./TransmissionSection.js";
+import { DialogTransmissions as e } from "./DialogTransmissions.js";
 const r = {
-  title: "Transmission/TransmissionSection",
+  title: "Dialog/DialogTransmissions",
   component: e,
   tags: ["autodocs"],
   parameters: {},

package/dist/components/Dialog/DraftDialog.js

@@ -0,0 +1,68 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { Heading as B } from "../Typography/Heading.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogMetadata as j } from "./DialogMetadata.js";
+import { DialogActions as w } from "./DialogActions.js";
+import { DialogSection as d } from "./DialogSection.js";
+import { Avatar as P } from "../Avatar/Avatar.js";
+import { DialogAttachments as G } from "./DialogAttachments.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as H } from "../Byline/Byline.js";
+import { PageBase as L } from "../Page/PageBase.js";
+import { PageNav as M } from "../Page/PageNav.js";
+import { Section as s } from "../Page/Section.js";
+import { Article as N } from "../Page/Article.js";
+const rr = ({
+  backButton: o,
+  menu: x,
+  updatedAt: y,
+  updatedAtLabel: z,
+  dueAt: D,
+  dueAtLabel: u,
+  status: A,
+  title: S,
+  sender: l,
+  recipient: h,
+  recipientLabel: b = "to",
+  recipientGroup: T,
+  summary: c = "Summary.",
+  body: v,
+  actions: p = [],
+  attachments: t,
+  seenBy: k,
+  activityLog: q,
+  history: C,
+  timeline: E,
+  additionalInfo: e,
+  contactInfo: m
+}) => /* @__PURE__ */ i(L, { color: "subtle", shadow: "xs", children: [
+  /* @__PURE__ */ r(M, { backButton: o, menu: x, children: /* @__PURE__ */ r(j, { status: A, dueAt: D, dueAtLabel: u }) }),
+  /* @__PURE__ */ i(N, { theme: "article", padding: "xl", spacing: "xl", children: [
+    /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
+      /* @__PURE__ */ i(s, { flex: "row", align: "center", spacing: "md", children: [
+        /* @__PURE__ */ r(P, { size: "lg", ...l }),
+        /* @__PURE__ */ r(B, { size: "lg", children: S })
+      ] }),
+      /* @__PURE__ */ i(H, { size: "md", datetime: y, children: [
+        /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
+        b + " " + (l == null ? void 0 : l.name) + ", ",
+        z
+      ] })
+    ] }),
+    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", color: "", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
+      /* @__PURE__ */ r("p", { children: c }),
+      v,
+      t && /* @__PURE__ */ r(G, { ...t }),
+      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(w, { items: p })
+    ] }) }),
+    e && /* @__PURE__ */ r(d, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) }),
+    m && /* @__PURE__ */ r(d, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) })
+  ] })
+] });
+export {
+  rr as DraftDialog
+};

package/dist/components/Dialog/DraftDialog.stories.js

@@ -0,0 +1,142 @@
+import { withThemeByDataAttribute as t } from "@storybook/addon-themes";
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { dialogContextMenu as e } from "../../examples/dialog/dialogContextMenu.js";
+import { simpleLetterDialog as r } from "../../examples/dialog/simpleLetterDialog.js";
+import { extendedLetterDialog as a } from "../../examples/dialog/extendedLetterDialog.js";
+import { metadataDialog as o } from "../../examples/dialog/metadataDialog.js";
+import { reportingDialog as s } from "../../examples/dialog/reportingDialog.js";
+import { reportingDraftDialog as i } from "../../examples/dialog/reportingDraftDialog.js";
+import { reportingInProgressDialog as n } from "../../examples/dialog/reportingInProgressDialog.js";
+import { reportingCompletedDialog as m } from "../../examples/dialog/reportingCompletedDialog.js";
+import { transmissionsDialog as p } from "../../examples/dialog/transmissionsDialog.js";
+import { transmissionsInProgressDialog as l } from "../../examples/dialog/transmissionsInProgressDialog.js";
+import { transmissionsCompletedDialog as g } from "../../examples/dialog/transmissionsCompletedDialog.js";
+import { DraftDialog as d } from "./DraftDialog.js";
+const I = {
+  title: "Dialog/DraftDialog",
+  component: d,
+  tags: ["autodocs"],
+  parameters: {},
+  decorators: [
+    t({
+      themes: {
+        company: "company",
+        person: "person"
+      },
+      defaultTheme: "company"
+    })
+  ],
+  argTypes: { body: { control: "text" } },
+  args: {
+    sender: {
+      type: "company",
+      name: "Skatteetaten",
+      imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+    },
+    recipientLabel: "til",
+    recipient: {
+      type: "person",
+      name: "Roar Recipient"
+    },
+    seenBy: {
+      as: "a",
+      href: "#",
+      label: "Sett av deg + 2",
+      seenByEndUser: !0,
+      seenByOthersCount: 24
+    },
+    activityLog: {
+      as: "a",
+      href: "#",
+      label: "Aktivitetslogg"
+    },
+    backButton: {
+      label: "Tilbake"
+    },
+    menu: e,
+    updatedAt: "2024-11-25 15:30",
+    updatedAtLabel: "25. november 1999 kl 15.30",
+    title: "Title",
+    summary: "Summary"
+  }
+}, P = {
+  args: r
+}, U = {
+  args: a
+}, w = {
+  args: o
+}, E = {
+  args: s
+}, M = {
+  args: i
+}, q = {
+  args: n
+}, z = {
+  args: m
+}, F = {
+  args: p
+}, G = {
+  args: l
+}, K = {
+  args: g
+}, c = {
+  args: {
+    status: { value: "draft", label: "Utkast" },
+    sender: {
+      name: "Statistisk sentralbyrå",
+      imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
+    },
+    recipient: {
+      name: "Bergen Bar"
+    },
+    title: "Registrere enkeltmannsforetak",
+    summary: "Skjema er opprettet.",
+    actions: [
+      {
+        id: "1",
+        priority: "primary",
+        label: "Gå til skjema"
+      },
+      {
+        id: "2",
+        priority: "secondary",
+        label: "Forkast"
+      }
+    ],
+    attachments: {}
+  }
+}, O = {
+  args: {
+    ...c.args,
+    status: { value: "sent", label: "Sendt" },
+    actions: void 0,
+    summary: "Skjema er sendt inn.",
+    attachments: {
+      title: "1 vedlegg",
+      items: [
+        {
+          href: "#",
+          label: "Kvittering på innsendt skjema.pdf"
+        }
+      ]
+    }
+  }
+};
+export {
+  c as Draft,
+  U as ExtendedLetter,
+  z as ReportingCompleted,
+  M as ReportingDraft,
+  q as ReportingInProgress,
+  E as ReportingRequired,
+  O as Sent,
+  P as SimpleLetter,
+  F as Transmissions,
+  K as TransmissionsCompleted,
+  G as TransmissionsInProgress,
+  w as TypographyMetadata,
+  I as default
+};

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

@@ -1,24 +1,23 @@
 export * from './Dialog';
 export * from './DialogList';
-export * from './DialogMetadata';
+export * from './DialogListGroup';
 export * from './DialogListItem';
-export * from './DialogActions.tsx';
+export * from './DialogMetadata';
+export * from './DialogByline';
+export * from './DialogActions';
 export * from './DialogActivityLog';
-export * from './DialogArticleBase';
-export * from './DialogBase';
-export * from './DialogBodyBase';
 export * from './DialogBorder';
 export * from './DialogContent';
-export * from './DialogFooter';
-export * from './DialogHeader';
-export * from './DialogHeaderBase';
-export * from './DialogHeadings';
-export * from './DialogHistory';
-export * from './DialogNav';
-export * from './DialogSectionBase';
+export * from './DialogSection';
 export * from './DialogSeenBy';
 export * from './DialogSelect';
 export * from './DialogStatus';
-export * from './DialogTitle';
+export * from './DialogHeading';
 export * from './DialogTouchedBy';
 export * from './DialogLabel';
+export * from './DialogAttachments';
+export * from './DialogTransmissions';
+export * from './DialogTimeline';
+export * from './DialogTimelineItem';
+export * from './DialogHistory';
+export * from './DialogHistoryItem';

package/dist/components/Dialog/index.js

@@ -1,51 +1,49 @@
-import { Dialog as e } from "./Dialog.js";
-import { DialogList as a } from "./DialogList.js";
-import { DialogMetadata as l } from "./DialogMetadata.js";
-import { DialogListItem as m } from "./DialogListItem.js";
-import { DialogActions as f } from "./DialogActions.js";
-import { DialogActivityLog as x } from "./DialogActivityLog.js";
-import { DialogArticleBase as B } from "./DialogArticleBase.js";
-import { DialogBase as n } from "./DialogBase.js";
-import { DialogBodyBase as y } from "./DialogBodyBase.js";
-import { DialogBorder as u } from "./DialogBorder.js";
-import { DialogContent as L } from "./DialogContent.js";
-import { DialogFooter as v } from "./DialogFooter.js";
-import { DialogHeader as b } from "./DialogHeader.js";
-import { DialogHeaderBase as C } from "./DialogHeaderBase.js";
-import { DialogHeadings as F } from "./DialogHeadings.js";
-import { DialogHistory as M } from "./DialogHistory.js";
-import { DialogNav as j } from "./DialogNav.js";
-import { DialogSectionBase as q } from "./DialogSectionBase.js";
-import { DialogSeenBy as z } from "./DialogSeenBy.js";
-import { DialogSelect as J } from "./DialogSelect.js";
-import { DialogStatus as O, DialogStatusEnum as P } from "./DialogStatus.js";
-import { DialogTitle as R } from "./DialogTitle.js";
-import { DialogTouchedBy as V } from "./DialogTouchedBy.js";
-import { DialogLabel as X } from "./DialogLabel.js";
+import { Dialog as t } from "./Dialog.js";
+import { DialogList as i } from "./DialogList.js";
+import { DialogListGroup as m } from "./DialogListGroup.js";
+import { DialogListItem as g } from "./DialogListItem.js";
+import { DialogMetadata as D } from "./DialogMetadata.js";
+import { DialogByline as x } from "./DialogByline.js";
+import { DialogActions as s } from "./DialogActions.js";
+import { DialogActivityLog as y } from "./DialogActivityLog.js";
+import { DialogBorder as L } from "./DialogBorder.js";
+import { DialogContent as d } from "./DialogContent.js";
+import { DialogSection as T } from "./DialogSection.js";
+import { DialogSeenBy as H } from "./DialogSeenBy.js";
+import { DialogSelect as h } from "./DialogSelect.js";
+import { DialogStatus as v, DialogStatusEnum as C } from "./DialogStatus.js";
+import { DialogHeading as G } from "./DialogHeading.js";
+import { DialogTouchedBy as j } from "./DialogTouchedBy.js";
+import { DialogLabel as q } from "./DialogLabel.js";
+import { DialogAttachments as z } from "./DialogAttachments.js";
+import { DialogTransmissions as J } from "./DialogTransmissions.js";
+import { DialogTimeline as N } from "./DialogTimeline.js";
+import { DialogTimelineItem as P } from "./DialogTimelineItem.js";
+import { DialogHistory as R } from "./DialogHistory.js";
+import { DialogHistoryItem as V } from "./DialogHistoryItem.js";
 export {
-  e as Dialog,
-  f as DialogActions,
-  x as DialogActivityLog,
-  B as DialogArticleBase,
-  n as DialogBase,
-  y as DialogBodyBase,
-  u as DialogBorder,
-  L as DialogContent,
-  v as DialogFooter,
-  b as DialogHeader,
-  C as DialogHeaderBase,
-  F as DialogHeadings,
-  M as DialogHistory,
-  X as DialogLabel,
-  a as DialogList,
-  m as DialogListItem,
-  l as DialogMetadata,
-  j as DialogNav,
-  q as DialogSectionBase,
-  z as DialogSeenBy,
-  J as DialogSelect,
-  O as DialogStatus,
-  P as DialogStatusEnum,
-  R as DialogTitle,
-  V as DialogTouchedBy
+  t as Dialog,
+  s as DialogActions,
+  y as DialogActivityLog,
+  z as DialogAttachments,
+  L as DialogBorder,
+  x as DialogByline,
+  d as DialogContent,
+  G as DialogHeading,
+  R as DialogHistory,
+  V as DialogHistoryItem,
+  q as DialogLabel,
+  i as DialogList,
+  m as DialogListGroup,
+  g as DialogListItem,
+  D as DialogMetadata,
+  T as DialogSection,
+  H as DialogSeenBy,
+  h as DialogSelect,
+  v as DialogStatus,
+  C as DialogStatusEnum,
+  N as DialogTimeline,
+  P as DialogTimelineItem,
+  j as DialogTouchedBy,
+  J as DialogTransmissions
 };

package/dist/components/Dropdown/Backdrop.d.ts

@@ -1,6 +1,8 @@
 import { MouseEventHandler } from 'react';
+export type BackdropColor = 'transparent' | 'theme';
 export interface BackdropProps {
     className?: string;
+    color?: BackdropColor;
     onClick?: MouseEventHandler;
 }
-export declare const Backdrop: ({ className, onClick }: BackdropProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Backdrop: ({ className, color, onClick }: BackdropProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/Backdrop.js

@@ -1,8 +1,8 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/Backdrop.css';const a = "_backdrop_zeho3_1", p = {
-  backdrop: a
-}, e = ({ className: o, onClick: r }) => /* @__PURE__ */ c("div", { className: s(p.backdrop, o), onMouseDown: r });
+import '../../assets/Backdrop.css';const t = "_backdrop_1ea7j_1", p = {
+  backdrop: t
+}, n = ({ className: o, color: r, onClick: c }) => /* @__PURE__ */ a("div", { className: s(p.backdrop, o), "data-color": r, onMouseDown: c });
 export {
-  e as Backdrop
+  n as Backdrop
 };

package/dist/components/Dropdown/DrawerButton.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
+import "../RootProvider/RootProvider.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
 }, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });

package/dist/components/Footer/Footer.stories.js

@@ -1,6 +1,6 @@
 import { Footer as t } from "./Footer.js";
 const o = {
-  title: "Footer/Footer",
+  title: "Layout/Footer",
   component: t,
   tags: ["autodocs"],
   parameters: {
@@ -30,8 +30,8 @@ const o = {
       ]
     }
   }
-}, r = {};
+}, s = {};
 export {
-  r as Default,
+  s as Default,
   o as default
 };

package/dist/components/GlobalMenu/AccountMenu.stories.js

@@ -3,8 +3,14 @@ import "../../examples/globalMenu.js";
 import "../../examples/inboxFilters.js";
 import "react/jsx-runtime";
 import "react";
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
 import { AccountMenu as o } from "./AccountMenu.js";
-const u = {
+const M = {
   title: "GlobalMenu/AccountMenu",
   component: o,
   tags: ["autodocs"],
@@ -12,10 +18,10 @@ const u = {
   args: {
     ...t
   }
-}, p = {
+}, g = {
   args: {}
 };
 export {
-  p as Default,
-  u as default
+  g as Default,
+  M as default
 };

package/dist/components/GlobalMenu/BackButton.d.ts

@@ -1,5 +1,7 @@
+import { ElementType } from 'react';
 export interface BackButtonProps {
     label: string;
     onClick?: () => void;
+    as?: ElementType;
 }
-export declare const BackButton: ({ label, onClick }: BackButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BackButton: ({ label, onClick, as }: BackButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/BackButton.js

@@ -1,11 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as i } from "../Menu/MenuItem.js";
+import { MenuItem as m } from "../Menu/MenuItem.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-const a = ({ label: o, onClick: t }) => /* @__PURE__ */ r(i, { size: "xs", id: "back", icon: "arrow-undo", title: o, onClick: t });
+const x = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
 export {
-  a as BackButton
+  x as BackButton
 };