@altinn/altinn-components 0.9.0 → 0.10.0

package/dist/components/Avatar/AvatarGroup.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, maxItemsCount, defaultType, size, className, }: import('./AvatarGroup').AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const People: Story;
+export declare const Companies: Story;
+export declare const CompanyAndPerson: Story;

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ label, color, size, className, children }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Alert: Story;
+export declare const UnreadCount: Story;

package/dist/components/Bookmarks/BookmarksList.js

@@ -2,10 +2,10 @@ import { jsx as m } from "react/jsx-runtime";
 import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as p } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
 const B = ({ items: r }) => /* @__PURE__ */ m(i, { spacing: "xs", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t(p, { ...o, key: o.id })) });
 export {
   B as BookmarksList

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,12 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { QueryLabel as p } from "./QueryLabel.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { QueryLabel as e } from "./QueryLabel.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as e } from "../List/ListItem.js";
-import "../Searchbar/AutocompleteBase.js";
-const d = ({ size: m = "sm", title: r, description: n, params: t, ...i }) => /* @__PURE__ */ o(e, { size: m, title: r, linkIcon: "chevron-right", ...i, children: !r && /* @__PURE__ */ o(p, { params: t }) });
+import { ListItemBase as p } from "../List/ListItemBase.js";
+import { ListItemHeader as n } from "../List/ListItemHeader.js";
+const u = ({ size: i = "sm", title: o, description: s, params: t, ...m }) => /* @__PURE__ */ r(p, { ...m, children: !o && /* @__PURE__ */ r(n, { size: i, title: o, linkIcon: "chevron-right", ...m, children: /* @__PURE__ */ r(e, { params: t }) }) });
 export {
-  d as BookmarksListItem
+  u as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksListItem.stories.js

@@ -2,11 +2,11 @@ import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Fragment as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as m } from "./BookmarksListItem.js";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
+import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
 const a = ["lg", "md", "sm", "xs"], x = {
   title: "Bookmarks/BookmarksListItem",
   component: m,

package/dist/components/Bookmarks/BookmarksSection.d.ts

@@ -0,0 +1,7 @@
+import { BookmarksListItemProps } from '../';
+export interface BookmarksSectionProps {
+    title?: string;
+    items: BookmarksListItemProps[];
+    updatedAtLabel?: string;
+}
+export declare const BookmarksSection: ({ title, items, updatedAtLabel }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,20 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as m } from "../Typography/Heading.js";
+import { Heading as e } from "../Typography/Heading.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksList as n } from "./BookmarksList.js";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as p } from "../Meta/MetaItem.js";
-import "../Searchbar/AutocompleteBase.js";
-import { SectionBase as s } from "../Page/SectionBase.js";
-import { SectionHeader as c } from "../Page/SectionHeader.js";
+import "../RootProvider/RootProvider.js";
+import { Section as c } from "../Page/Section.js";
+import { SectionHeader as s } from "../Page/SectionHeader.js";
 import { SectionFooter as d } from "../Page/SectionFooter.js";
-const b = ({ title: o, items: i, updatedAtLabel: t }) => /* @__PURE__ */ e(s, { padding: !0, color: "subtle", spacing: "lg", inset: !0, children: [
-  /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(m, { size: "sm", children: o }) }),
+const z = ({ title: o, items: i, updatedAtLabel: t }) => /* @__PURE__ */ m(c, { padding: "lg", color: "surface", spacing: "lg", inset: !0, children: [
+  /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(e, { size: "sm", children: o }) }),
   /* @__PURE__ */ r(n, { items: i }),
-  /* @__PURE__ */ r(d, { padding: !0, children: /* @__PURE__ */ r(p, { children: t }) })
+  /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(p, { children: t }) })
 ] });
 export {
-  b as BookmarksSection
+  z as BookmarksSection
 };

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

@@ -1,3 +1,4 @@
 export * from './BookmarksList';
 export * from './BookmarksListItem';
 export * from './QueryLabel';
+export * from './BookmarksSection';

package/dist/components/Bookmarks/index.js

@@ -1,9 +1,11 @@
 import { BookmarksList as e } from "./BookmarksList.js";
 import { BookmarksListItem as t } from "./BookmarksListItem.js";
 import { QueryItem as s, QueryLabel as a } from "./QueryLabel.js";
+import { BookmarksSection as p } from "./BookmarksSection.js";
 export {
   e as BookmarksList,
   t as BookmarksListItem,
+  p as BookmarksSection,
   s as QueryItem,
   a as QueryLabel
 };

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ variant, color, size, reverse, selected, icon, href, children, className, loading, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Solid: Story;
+export declare const Outline: Story;
+export declare const Text: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;

package/dist/components/Button/ButtonBase.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text';
-export type ButtonSize = 'sm' | 'md' | 'lg' | 'custom';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
 export type ButtonColor = 'primary' | 'secondary';
 export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**

package/dist/components/Button/ButtonBase.js

@@ -1,7 +1,7 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
-  button: b
+import { jsx as i } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonBase.css';const l = "_button_w0yrj_1", p = {
+  button: l
 }, _ = ({
   as: o,
   color: a,
@@ -12,8 +12,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
   selected: r,
   variant: c,
   tabIndex: m = 0,
-  ...p
-}) => /* @__PURE__ */ u(
+  ...u
+}) => /* @__PURE__ */ i(
   o || "button",
   {
     tabIndex: m,
@@ -23,8 +23,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
     "aria-selected": r,
     "aria-disabled": t,
     disabled: t,
-    className: i(l.button, n),
-    ...p,
+    className: b(p.button, n),
+    ...u,
     children: s
   }
 );

package/dist/components/Button/ButtonIcon.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { Icon as c } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import '../../assets/ButtonIcon.css';const i = "_icon_15eox_1", r = {
+import '../../assets/ButtonIcon.css';const i = "_icon_ablit_1", r = {
   icon: i
 }, p = ({ size: n, icon: t }) => /* @__PURE__ */ o("span", { className: r.icon, "data-size": n, children: /* @__PURE__ */ o(c, { name: t }) });
 export {

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonLabel.css';const o = "_label_18deq_1", r = {
+import { c as e } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonLabel.css';const o = "_label_1t884_1", r = {
   label: o
-}, b = ({ className: a, size: e, children: l }) => /* @__PURE__ */ s("span", { className: t(r.label, a), "data-size": e, children: l });
+}, b = ({ className: t, size: a, children: l }) => /* @__PURE__ */ s("span", { className: e(r.label, t), "data-size": a, children: l });
 export {
   b as ButtonLabel
 };

package/dist/components/Button/Buttons.stories.js

@@ -2,12 +2,12 @@ import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { Button as l } from "./Button.js";
 import { ComboButton as d } from "./ComboButton.js";
 import { IconButton as p } from "./IconButton.js";
-import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Meta/MetaItem.js";
-import "../Searchbar/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
 const I = {
   title: "Atoms/Button/Buttons",
   tags: ["autodocs"],

package/dist/components/Button/ComboButton.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ variant, color, size, selected, icon, children, className, onLabelClick, onIconClick, }: import('./ComboButton').ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: string;
+        icon: "chevron-down";
+        size: "sm";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Solid: Story;
+export declare const Outline: Story;
+export declare const Text: Story;
+export declare const Disabled: Story;

package/dist/components/Button/IconButton.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { MetaItem as c } from "../Meta/MetaItem.js";
 import "../../index-L8X2o7IH.js";
+import { MetaItem as c } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
 import { IconButton as l } from "./IconButton.js";
 const f = {

package/dist/components/Byline/Byline.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps } from '..';
+export type BylineSize = 'xs' | 'sm' | 'lg';
+export interface BylineProps {
+    size?: BylineSize;
+    avatar?: AvatarProps;
+    avatarGroup?: AvatarGroupProps;
+    datetime?: string;
+    loading?: boolean;
+    children?: ReactNode;
+}
+/** Byline, possible avatar/avatarGroup, name and more info */
+export declare const Byline: ({ loading, size, avatar, avatarGroup, datetime, children }: BylineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Byline/Byline.js

@@ -0,0 +1,19 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { Avatar as c } from "../Avatar/Avatar.js";
+import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import { Skeleton as m } from "../Skeleton/Skeleton.js";
+import "../RootProvider/RootProvider.js";
+import '../../assets/Byline.css';const b = "_byline_pzenw_1", d = "_label_pzenw_7", e = {
+  byline: b,
+  label: d
+}, A = ({ loading: r, size: t = "xs", avatar: l, avatarGroup: i, datetime: s, children: o }) => /* @__PURE__ */ n("div", { className: e.byline, "data-size": t, children: [
+  /* @__PURE__ */ a(m, { variant: "circle", className: e.avatar, loading: r, children: i ? /* @__PURE__ */ a(p, { ...i, size: t, className: e.avatar }) : l && /* @__PURE__ */ a(c, { ...l, size: t, className: e.avatar }) }),
+  /* @__PURE__ */ a("time", { "data-size": t, dateTime: s, className: e.label, children: /* @__PURE__ */ a(m, { loading: r, children: o }) })
+] });
+export {
+  A as Byline
+};

package/dist/components/Byline/Byline.stories.js

@@ -0,0 +1,44 @@
+import { jsxs as e, Fragment as r, jsx as t } from "react/jsx-runtime";
+import { Byline as a } from "./Byline.js";
+const o = {
+  title: "Byline/Byline",
+  component: a,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    datetime: "2024-12-12 11:15"
+  }
+}, i = {
+  args: {
+    children: "12. desember 2024 kl 11.15"
+  }
+}, l = {
+  args: {
+    avatar: {
+      type: "person",
+      name: "Per Person"
+    },
+    children: /* @__PURE__ */ e(r, { children: [
+      /* @__PURE__ */ t("strong", { children: "Per Person," }),
+      " 12. desember 2024"
+    ] })
+  }
+}, c = {
+  args: {
+    size: "lg",
+    avatar: {
+      type: "person",
+      name: "Per Person"
+    },
+    children: /* @__PURE__ */ e(r, { children: [
+      /* @__PURE__ */ t("strong", { children: "Skatteetaten" }),
+      " til Per Person"
+    ] })
+  }
+};
+export {
+  l as Avatar,
+  i as Default,
+  c as LargeAvatar,
+  o as default
+};

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

@@ -0,0 +1 @@
+export * from './Byline';

package/dist/components/Byline/index.js

@@ -0,0 +1,4 @@
+import { Byline as r } from "./Byline.js";
+export {
+  r as Byline
+};

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,33 +1,36 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
+import { useRef as f } from "react";
 import "../Icon/SvgIcon.js";
-import "react";
-import { IconButton as g } from "../Button/IconButton.js";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { MenuItems as y } from "../Menu/MenuItems.js";
-import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
-import "../Searchbar/AutocompleteBase.js";
-import '../../assets/ContextMenu.css';const f = "_toggle_ya7jy_1", j = "_button_ya7jy_5", h = "_icon_ya7jy_14", w = "_dropdown_ya7jy_18", t = {
-  toggle: f,
-  button: j,
-  icon: h,
-  dropdown: w
-}, A = ({
+import { useClickOutside as y } from "../../hooks/useClickOutside.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { IconButton as x } from "../Button/IconButton.js";
+import { MenuItems as j } from "../Menu/MenuItems.js";
+import { useRootContext as h } from "../RootProvider/RootProvider.js";
+import { DropdownBase as w } from "../Dropdown/DropdownBase.js";
+import '../../assets/ContextMenu.css';const b = "_toggle_ya7jy_1", C = "_button_ya7jy_5", I = "_icon_ya7jy_14", N = "_dropdown_ya7jy_18", t = {
+  toggle: b,
+  button: C,
+  icon: I,
+  dropdown: N
+}, T = ({
   id: n = "context-menu",
-  placement: e = "right",
-  size: r,
-  groups: s = {},
-  className: c,
-  items: i
+  placement: r = "right",
+  size: s,
+  groups: c = {},
+  className: i,
+  items: m
 }) => {
-  const { currentId: m, toggleId: l, closeAll: a } = _(), p = () => l(n);
-  return /* @__PURE__ */ d("div", { className: u(t.toggle, c), "data-theme": "neutral", children: [
+  const { currentId: l, toggleId: a, closeAll: d } = h(), e = f(null);
+  y(e, () => d());
+  const p = () => a(n), u = l === n;
+  return /* @__PURE__ */ g("div", { className: _(t.toggle, i), "data-theme": "neutral", ref: e, children: [
     /* @__PURE__ */ o(
-      g,
+      x,
       {
         className: t.button,
-        size: r,
+        size: s,
         icon: "menu-elipsis-horizontal",
         iconSize: "md",
         variant: "text",
@@ -35,9 +38,9 @@ import '../../assets/ContextMenu.css';const f = "_toggle_ya7jy_1", j = "_button_
         onClick: p
       }
     ),
-    /* @__PURE__ */ o(x, { className: t.dropdown, placement: e, open: m === n, onClose: a, children: /* @__PURE__ */ o(y, { groups: s, items: i }) })
+    /* @__PURE__ */ o(w, { className: t.dropdown, placement: r, open: u, children: /* @__PURE__ */ o(j, { groups: c, items: m }) })
   ] });
 };
 export {
-  A as ContextMenu
+  T as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,39 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ id, placement, size, groups, className, items, }: import('./ContextMenu').ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        placement: "left";
+        items: ({
+            id: string;
+            groupId: string;
+            icon: "arrow-redo";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "eye-closed";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "archive";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "trash";
+            title: string;
+        } | {
+            id: string;
+            groupId: string;
+            icon: "clock-dashed";
+            title: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/ContextMenu/ContextMenu.stories.js

@@ -39,7 +39,11 @@ const o = {
       }
     ]
   }
-}, i = {};
+}, i = {
+  args: {
+    id: "context-menu-1"
+  }
+};
 export {
   i as Default,
   o as default

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

@@ -1,21 +1,16 @@
-import { DialogActivityLogProps } from './DialogActivityLog';
-import { DialogSeenByProps } from './DialogSeenBy';
-import { AttachmentSectionProps } from '../Attachment';
-import { TransmissionSectionProps } from '../Transmission';
-import { ContextMenuProps } from '../ContextMenu/';
 import { ReactNode } from 'react';
-import { DialogActionButtonProps } from './DialogActions.tsx';
-import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings.tsx';
-import { DialogHistoryProps } from './DialogHistory';
-import { DialogBackButtonProps } from './DialogNav';
-import { DialogStatusProps } from './DialogStatus';
+import { AvatarProps, BackButtonProps, ContextMenuProps, DialogActionButtonProps, DialogActivityLogProps, DialogAttachmentsProps, DialogHistoryProps, DialogSectionProps, DialogSeenByProps, DialogStatusProps, DialogTimelineProps } from '..';
 export interface DialogProps {
     /** Dialog id */
     id: string;
     /** Title */
     title: string;
+    /** Sender */
+    sender: AvatarProps;
+    /** Recipient  */
+    recipient?: AvatarProps;
     /** Back button */
-    backButton?: DialogBackButtonProps;
+    backButton?: BackButtonProps;
     /** Context menu */
     menu?: ContextMenuProps;
     /** Dialog status */
@@ -28,10 +23,10 @@ export interface DialogProps {
     dueAt?: string;
     /** Due at label */
     dueAtLabel?: string;
-    /** Sender */
-    sender?: DialogSenderProps;
-    /** Recipient  */
-    recipient?: DialogRecipientProps;
+    /** Recipient label (prefix) */
+    recipientLabel?: string;
+    /** Group recipient, show both sender and recipient avatars */
+    recipientGroup?: boolean;
     /** Summary */
     summary?: string;
     /** Body (should be an output markdown/html rendered to React / HTML) */
@@ -42,16 +37,18 @@ export interface DialogProps {
     seenBy?: DialogSeenByProps;
     /** Activity Log */
     activityLog?: DialogActivityLogProps;
-    /** More information about the dialog, process, etc. */
-    additionalInfo?: ReactNode;
     /** Dialog attachments */
-    attachments?: AttachmentSectionProps;
-    /** Dialog transmissions */
-    transmissions?: TransmissionSectionProps;
-    /** History */
+    attachments?: DialogAttachmentsProps;
+    /** Dialog history */
     history?: DialogHistoryProps;
+    /** Dialog timeline */
+    timeline?: DialogTimelineProps;
+    /** More information about the dialog, process, etc. */
+    additionalInfo?: DialogSectionProps;
+    /** Contact information. */
+    contactInfo?: DialogSectionProps;
 }
 /**
  * Full representation of a dialog, including attachments, actions and history,
  */
-export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, summary, body, actions, attachments, history, seenBy, activityLog, additionalInfo, transmissions, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, recipientGroup, summary, body, actions, attachments, seenBy, activityLog, history, timeline, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;