@altinn/altinn-components 0.6.2 → 0.6.4

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

@@ -0,0 +1,50 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+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";
+const g = {
+  title: "Atoms/Button/Buttons",
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    color: "primary"
+  },
+  argTypes: {
+    color: {
+      control: "radio",
+      options: ["primary", "secondary"]
+    }
+  }
+}, n = ["sm", "md", "lg"], m = ["solid", "outline", "dotted", "text"], I = (e) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", rowGap: "1rem" }, children: m == null ? void 0 : m.map((t) => /* @__PURE__ */ i(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      rowGap: "1rem",
+      alignItems: "start",
+      justifyContent: "space-between",
+      width: "100%"
+    },
+    children: [
+      /* @__PURE__ */ o(c, { children: t }),
+      n == null ? void 0 : n.map((r) => /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
+        /* @__PURE__ */ o(p, { ...e, icon: "x-mark", variant: t, size: r }),
+        /* @__PURE__ */ o(l, { ...e, reverse: !0, variant: t, icon: "arrow-left", size: r, children: "Button" }),
+        /* @__PURE__ */ o(l, { ...e, variant: t, icon: "arrow-right", size: r, children: "Button" }),
+        /* @__PURE__ */ o(d, { ...e, variant: t, icon: "chevron-down", size: r, children: "ComboButton" }),
+        /* @__PURE__ */ o(c, { children: r })
+      ] }, r))
+    ]
+  },
+  t
+)) });
+export {
+  I as VariantsAndSizes,
+  g as default
+};

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

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { IconName } from '../Icon';
+import { ButtonBaseProps } from './ButtonBase';
+export interface ComboButtonProps extends Omit<ButtonBaseProps, 'onClick'> {
+    icon: IconName;
+    onIconClick?: MouseEventHandler<HTMLButtonElement>;
+    onLabelClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+}
+export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, onLabelClick, onIconClick, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ComboButton.js

@@ -0,0 +1,39 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
+import { ButtonBase as n } from "./ButtonBase.js";
+import { ButtonIcon as b } from "./ButtonIcon.js";
+import { ButtonLabel as y } from "./ButtonLabel.js";
+import '../../assets/ComboButton.css';const u = "_button_tbm58_1", f = "_divider_tbm58_8", v = "_primary_tbm58_15", B = "_secondary_tbm58_16", r = {
+  button: u,
+  divider: f,
+  primary: v,
+  secondary: B
+}, k = ({
+  variant: a = "solid",
+  color: m = "primary",
+  size: o = "md",
+  selected: s = !1,
+  icon: c,
+  children: i,
+  className: d,
+  onLabelClick: e,
+  onIconClick: l
+}) => /* @__PURE__ */ p(
+  n,
+  {
+    as: "div",
+    size: o,
+    variant: a,
+    color: m,
+    selected: s,
+    className: _(r.button, d),
+    children: [
+      /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.secondary, children: /* @__PURE__ */ t(b, { icon: c, size: o }) }),
+      /* @__PURE__ */ t("span", { "data-size": o, className: r.divider }),
+      /* @__PURE__ */ t(n, { size: o, onClick: e, className: r.primary, children: /* @__PURE__ */ t(y, { size: o, children: i }) })
+    ]
+  }
+);
+export {
+  k as ComboButton
+};

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

@@ -0,0 +1,38 @@
+import { ComboButton as t } from "./ComboButton.js";
+const a = {
+  title: "Atoms/Button/ComboButton",
+  component: t,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    children: "ComboButton",
+    icon: "chevron-down",
+    size: "sm"
+  }
+}, s = {
+  args: {}
+}, n = {
+  args: {
+    variant: "solid"
+  }
+}, e = {
+  args: {
+    variant: "outline"
+  }
+}, r = {
+  args: {
+    variant: "text"
+  }
+}, i = {
+  args: {
+    disabled: !0
+  }
+};
+export {
+  s as Default,
+  i as Disabled,
+  e as Outline,
+  n as Solid,
+  r as Text,
+  a as default
+};

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

@@ -0,0 +1,14 @@
+import { MouseEventHandler } from 'react';
+import { IconName } from '../Icon';
+import { ButtonColor, ButtonSize, ButtonVariant } from './ButtonBase';
+interface IconButtonProps {
+    icon: IconName;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    iconSize?: ButtonSize;
+    variant?: ButtonVariant;
+    className?: string;
+    onClick?: MouseEventHandler;
+}
+export declare const IconButton: ({ variant, color, size, icon, iconSize, className, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/IconButton.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as u } from "../../index-L8X2o7IH.js";
+import { ButtonBase as b } from "./ButtonBase.js";
+import { ButtonIcon as e } from "./ButtonIcon.js";
+import '../../assets/IconButton.css';const f = "_button_1vbf2_1", p = "_icon_1vbf2_8", _ = {
+  button: f,
+  icon: p
+}, x = ({
+  variant: n = "solid",
+  color: r = "primary",
+  size: o = "md",
+  icon: c,
+  iconSize: s,
+  className: m,
+  onClick: i
+}) => /* @__PURE__ */ t(b, { variant: n, color: r, size: o, className: u(_.button, m), onClick: i, children: /* @__PURE__ */ t(e, { icon: c, size: s || o }) });
+export {
+  x as IconButton
+};

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

@@ -0,0 +1,29 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { MetaItem as c } from "../Meta/MetaItem.js";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { IconButton as l } from "./IconButton.js";
+const f = {
+  title: "Atoms/Button/IconButton",
+  component: l,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    children: "IconButton",
+    icon: "x-mark",
+    size: "sm"
+  }
+}, x = {
+  args: {}
+}, n = ["sm", "md", "lg"], r = ["outline", "solid", "dotted", "text"], h = (s) => /* @__PURE__ */ t("div", { style: { display: "flex", columnGap: "1rem", justifyContent: "space-between", width: "100%" }, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", columnGap: "1rem" }, children: [
+  /* @__PURE__ */ t(c, { children: o }),
+  n == null ? void 0 : n.map((e) => /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ t(l, { ...s, variant: o, size: e }),
+    /* @__PURE__ */ t(c, { children: e })
+  ] }, e))
+] }, o)) });
+export {
+  x as Default,
+  h as Sizes,
+  f as default
+};

package/dist/components/Button/index.js

@@ -0,0 +1,14 @@
+import { ButtonBase as r } from "./ButtonBase.js";
+import { ButtonLabel as n } from "./ButtonLabel.js";
+import { ButtonIcon as B } from "./ButtonIcon.js";
+import { Button as p } from "./Button.js";
+import { ComboButton as x } from "./ComboButton.js";
+import { IconButton as b } from "./IconButton.js";
+export {
+  p as Button,
+  r as ButtonBase,
+  B as ButtonIcon,
+  n as ButtonLabel,
+  x as ComboButton,
+  b as IconButton
+};

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

@@ -0,0 +1,8 @@
+import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
+export interface ContextMenuProps {
+    id: string;
+    items: MenuItemProps[];
+    placement?: DropdownPlacement;
+    groups?: MenuItemGroups;
+}
+export declare const ContextMenu: ({ id, placement, groups, items }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import { MenuItems as i } from "../Menu/MenuItems.js";
+import { useRootContext as u } from "../RootProvider/RootProvider.js";
+import { ContextMenuBase as x } from "./ContextMenuBase.js";
+const I = ({ id: t = "context-menu", placement: e = "right", groups: r = {}, items: n }) => {
+  const { currentId: m, toggleId: p } = u();
+  return /* @__PURE__ */ o(x, { placement: e, expanded: m === t, onToggle: () => p(t), children: /* @__PURE__ */ o(i, { groups: r, items: n }) });
+};
+export {
+  I as ContextMenu
+};

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

@@ -0,0 +1,46 @@
+import { ContextMenu as t } from "./ContextMenu.js";
+const o = {
+  title: "ContextMenu/ContextMenu",
+  component: t,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    placement: "left",
+    items: [
+      {
+        id: "1",
+        groupId: "1",
+        icon: "arrow-redo",
+        label: "Del og gi tilgang"
+      },
+      {
+        id: "2",
+        groupId: "1",
+        icon: "eye-closed",
+        label: "Marker som ny"
+      },
+      {
+        id: "3",
+        groupId: "2",
+        icon: "archive",
+        label: "Flytt til arkiv"
+      },
+      {
+        id: "4",
+        groupId: "2",
+        icon: "trash",
+        label: "Flytt til papirkurv"
+      },
+      {
+        id: "5",
+        groupId: "3",
+        icon: "clock-dashed",
+        label: "Aktivitetslogg"
+      }
+    ]
+  }
+}, l = {};
+export {
+  l as Default,
+  o as default
+};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { DropdownPlacement } from '../';
+export interface ContextMenuBaseProps {
+    placement: DropdownPlacement;
+    expanded: boolean;
+    onToggle?: () => void;
+    children?: ReactNode;
+}
+export declare const ContextMenuBase: ({ placement, expanded, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import { IconButton as a } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import { DropdownBase as c } from "../Dropdown/DropdownBase.js";
+import '../../assets/ContextMenuBase.css';const m = "_toggle_ya7jy_1", l = "_button_ya7jy_5", d = "_icon_ya7jy_14", p = "_dropdown_ya7jy_18", o = {
+  toggle: m,
+  button: l,
+  icon: d,
+  dropdown: p
+}, b = ({
+  placement: n = "right",
+  expanded: e = !1,
+  onToggle: r,
+  children: s
+}) => /* @__PURE__ */ i("div", { className: o.toggle, "data-theme": "neutral", children: [
+  /* @__PURE__ */ t(
+    a,
+    {
+      className: o.button,
+      size: "sm",
+      icon: "menu-elipsis-horizontal",
+      iconSize: "md",
+      variant: "text",
+      color: "secondary",
+      onClick: r
+    }
+  ),
+  /* @__PURE__ */ t(c, { className: o.dropdown, placement: n, expanded: e, children: s })
+] });
+export {
+  b as ContextMenuBase
+};

package/dist/components/ContextMenu/index.js

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

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,10 @@
+export interface DatepickerProps {
+    defaultDate?: string;
+    months?: string[];
+    weekdays?: string[];
+    selectFrom?: string;
+    selectTo?: string;
+    className?: string;
+    onSelect: (isoDate: string) => void;
+}
+export declare const Datepicker: ({ months, weekdays, defaultDate, selectFrom, selectTo, className, onSelect, }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Datepicker/Datepicker.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as D, jsx as r } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { DatepickerBase as f } from "./DatepickerBase.js";
+import { DatepickerHeader as l } from "./DatepickerHeader.js";
+import { DatepickerTable as k } from "./DatepickerTable.js";
+import { useDatepicker as x } from "./useDatepicker.js";
+const j = ({
+  months: t = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  weekdays: a = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+  defaultDate: o,
+  selectFrom: i,
+  selectTo: m,
+  className: s,
+  onSelect: n
+}) => {
+  const [p, e] = b(o), { month: u, rows: c, next: d, prev: y } = x({ date: p, selectFrom: i, selectTo: m });
+  return /* @__PURE__ */ D(f, { className: s, children: [
+    /* @__PURE__ */ r(l, { title: t[u], onNext: () => e(d), onPrev: () => e(y) }),
+    /* @__PURE__ */ r(k, { rows: c, weekdays: a, onSelect: n })
+  ] });
+};
+export {
+  j as Datepicker
+};

package/dist/components/Datepicker/DatepickerBase.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface DatepickerBaseProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const DatepickerBase: ({ className, children }: DatepickerBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Datepicker/DatepickerBase.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import '../../assets/DatepickerBase.css';const s = "_datepicker_1h8rq_1", a = {
+  datepicker: s
+}, p = ({ className: e, children: r }) => /* @__PURE__ */ t("div", { className: c(a.datepicker, e), children: r });
+export {
+  p as DatepickerBase
+};

package/dist/components/Datepicker/DatepickerHeader.d.ts

@@ -0,0 +1,6 @@
+export interface DatepickerHeaderProps {
+    title?: string;
+    onPrev: () => void;
+    onNext: () => void;
+}
+export declare const DatepickerHeader: ({ title, onNext, onPrev }: DatepickerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Datepicker/DatepickerHeader.js

@@ -0,0 +1,18 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { IconButton as r } from "../Button/IconButton.js";
+import '../../assets/DatepickerHeader.css';const s = "_header_xt893_1", c = "_title_xt893_8", l = "_nav_xt893_14", t = {
+  header: s,
+  title: c,
+  nav: l
+}, _ = ({ title: a, onNext: i, onPrev: o }) => /* @__PURE__ */ n("header", { className: t.header, children: [
+  /* @__PURE__ */ e("h2", { className: t.title, children: a }),
+  /* @__PURE__ */ n("nav", { className: t.nav, children: [
+    /* @__PURE__ */ e(r, { icon: "chevron-left", size: "sm", variant: "text", onClick: o }),
+    /* @__PURE__ */ e(r, { icon: "chevron-right", size: "sm", variant: "text", onClick: i })
+  ] })
+] });
+export {
+  _ as DatepickerHeader
+};

package/dist/components/Datepicker/DatepickerTable.d.ts

@@ -0,0 +1,7 @@
+import { DatepickerDate } from './useDatepicker';
+export interface DatepickerTableProps {
+    weekdays: string[];
+    onSelect: (date: string) => void;
+    rows?: DatepickerDate[][];
+}
+export declare const DatepickerTable: ({ weekdays, rows, onSelect, }: DatepickerTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Datepicker/DatepickerTable.js

@@ -0,0 +1,32 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { ButtonBase as h } from "../Button/ButtonBase.js";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import '../../assets/DatepickerTable.css';const p = "_table_1pi98_1", y = "_weekday_1pi98_7", b = "_date_1pi98_13", _ = "_button_1pi98_23", a = {
+  table: p,
+  weekday: y,
+  date: b,
+  button: _
+}, T = ({
+  weekdays: r = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+  rows: d = [],
+  onSelect: s
+}) => /* @__PURE__ */ u("table", { className: a.table, children: [
+  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 2) }, e)) }) }),
+  /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((c) => {
+    const { day: i, date: n, selected: l, isCurrentMonth: m } = c;
+    return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
+      h,
+      {
+        variant: "text",
+        selected: l,
+        className: a.button,
+        onClick: () => s(n),
+        children: i
+      }
+    ) }, n);
+  }) }, o)) })
+] });
+export {
+  T as DatepickerTable
+};

package/dist/components/Datepicker/index.js

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

package/dist/components/Datepicker/useDatepicker.d.ts

@@ -0,0 +1,46 @@
+export interface DatepickerDate {
+    /** Day of the month */
+    day: number;
+    /** ISO date string in YYYY-MM-DD format */
+    date: string;
+    /** Indicates if the day is selected */
+    selected: boolean;
+    /** Indicates if the day belongs to the current month */
+    isCurrentMonth: boolean;
+}
+/**
+ * Represents a day object in the datepicker.
+ */
+interface DayObject extends DatepickerDate {
+    /** Year of the date */
+    year: number;
+    /** Zero-based month (0 = January, 11 = December) */
+    month: number;
+}
+interface UseDatepickerOutput {
+    /** Year of the calendar */
+    year: number;
+    /** Zero-based month of the calendar (0 = January, 11 = December) */
+    month: number;
+    /** Weeks in the calendar */
+    rows: DayObject[][];
+    /** Day of the month */
+    day: number;
+    /** ISO date string for the next month */
+    next: string;
+    /** ISO date string for the previous month */
+    prev: string;
+}
+/**
+ * Props for the useDatepicker hook.
+ */
+interface UseDatepickerProps {
+    /** ISO date string for the calendar month */
+    date?: string;
+    /** Optional ISO date string for the start of the selection range */
+    selectFrom?: string;
+    /** Optional ISO date string for the end of the selection range */
+    selectTo?: string;
+}
+export declare const useDatepicker: ({ date, selectFrom, selectTo }: UseDatepickerProps) => UseDatepickerOutput;
+export {};

package/dist/components/Datepicker/useDatepicker.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMemo as I } from "react";
+const b = ({ date: D, selectFrom: h, selectTo: l }) => I(() => {
+  const i = (a, s, c) => {
+    const n = String(s + 1).padStart(2, "0"), r = String(c).padStart(2, "0");
+    return `${a}-${n}-${r}`;
+  }, p = (a) => {
+    if (!m && !f)
+      return !1;
+    const s = new Date(a).getTime();
+    return (m === null || s >= m) && (f === null || s <= f);
+  }, M = D ? new Date(D) : /* @__PURE__ */ new Date(), e = M.getFullYear(), t = M.getMonth(), m = h ? new Date(h).getTime() : null, f = l ? new Date(l).getTime() : null, y = new Date(e, t + 1, 0).getDate(), g = (new Date(e, t, 1).getDay() + 6) % 7, v = new Date(e, t, 0).getDate(), w = [];
+  let o = 1;
+  for (let a = 0; a < 6; a++) {
+    const s = [];
+    for (let c = 0; c < 7; c++)
+      if (a === 0 && c < g) {
+        const n = v - g + c + 1, r = t === 0 ? 11 : t - 1, u = t === 0 ? e - 1 : e, d = i(u, r, n);
+        s.push({
+          year: u,
+          month: r,
+          day: n,
+          isCurrentMonth: !1,
+          date: d,
+          selected: p(d)
+        });
+      } else if (o > y) {
+        const n = o - y, r = t === 11 ? 0 : t + 1, u = t === 11 ? e + 1 : e, d = i(u, r, n);
+        s.push({
+          year: u,
+          month: r,
+          day: n,
+          isCurrentMonth: !1,
+          date: d,
+          selected: p(d)
+        }), o++;
+      } else {
+        const n = i(e, t, o);
+        s.push({
+          year: e,
+          month: t,
+          day: o,
+          isCurrentMonth: !0,
+          date: n,
+          selected: p(n)
+        }), o++;
+      }
+    if (w.push(s), o > y) break;
+  }
+  const x = t === 0 ? 11 : t - 1, S = t === 0 ? e - 1 : e, Y = i(S, x, 1), T = t === 11 ? 0 : t + 1, k = t === 11 ? e + 1 : e, C = i(k, T, 1);
+  return { year: e, month: t, rows: w, day: o, next: C, prev: Y };
+}, [D, h, l]);
+export {
+  b as useDatepicker
+};

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

@@ -0,0 +1,54 @@
+import { DialogActivityLogProps } from './DialogActivityLog';
+import { DialogAttachmentsProps } from './DialogAttachments';
+import { DialogSeenByProps } from './DialogSeenBy';
+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';
+export interface DialogProps {
+    /** Dialog id */
+    id: string;
+    /** Title */
+    title: string;
+    /** Back button */
+    backButton?: DialogBackButtonProps;
+    /** Context menu */
+    menu?: ContextMenuProps;
+    /** Dialog status */
+    status?: DialogStatusProps;
+    /** Updated date time */
+    updatedAt?: string;
+    /** Updated label */
+    updatedAtLabel?: string;
+    /** Due date */
+    dueAt?: string;
+    /** Due at label */
+    dueAtLabel?: string;
+    /** Sender */
+    sender?: DialogSenderProps;
+    /** Recipient  */
+    recipient?: DialogRecipientProps;
+    /** Summary */
+    summary?: string;
+    /** Body (should be an output markdown/html rendered to React / HTML) */
+    body?: ReactNode;
+    /** List of action (buttons) */
+    actions?: DialogActionButtonProps[];
+    /** Dialog attachments */
+    attachments?: DialogAttachmentsProps;
+    /** Dialog is seen by the end user or others */
+    seenBy?: DialogSeenByProps;
+    /** Activity Log */
+    activityLog?: DialogActivityLogProps;
+    /** More information about the dialog, process, etc. */
+    additionalInfo?: string;
+    /** History */
+    history?: DialogHistoryProps;
+}
+/**
+ * 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, }: DialogProps) => import("react/jsx-runtime").JSX.Element;