@altinn/altinn-components 0.9.1 → 0.10.0

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

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { DialogActivityLogProps, DialogSeenByProps } from '..';
 export interface DialogContentProps {
     updatedAt?: string;
     updatedAtLabel?: string;
-    summary?: string;
-    body?: ReactNode;
+    seenBy?: DialogSeenByProps;
+    activityLog?: DialogActivityLogProps;
+    children?: ReactNode;
 }
-/** Main textual content of a dialog, including summary, body and a timestamp */
-export declare const DialogContent: ({ updatedAt, updatedAtLabel, summary, body }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+/** Main content of a dialog */
+export declare const DialogContent: ({ updatedAt, updatedAtLabel, seenBy, activityLog, children }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogContent.js

@@ -1,14 +1,26 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Typography as p } from "../Typography/Typography.js";
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { DialogMetadata as m } from "./DialogMetadata.js";
-const d = ({ updatedAt: t, updatedAtLabel: i, summary: e, body: n }) => /* @__PURE__ */ o("section", { children: [
-  /* @__PURE__ */ r(m, { updatedAt: t, updatedAtLabel: i }),
-  /* @__PURE__ */ o(p, { size: "lg", children: [
-    /* @__PURE__ */ r("p", { children: e }),
-    n
+import "../Icon/SvgIcon.js";
+import { Typography as n } from "../Typography/Typography.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogActivityLog as l } from "./DialogActivityLog.js";
+import { DialogSeenBy as a } from "./DialogSeenBy.js";
+import { MetaBase as c } from "../Meta/MetaBase.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as f } from "../Byline/Byline.js";
+import { TimelineSection as d } from "../Timeline/TimelineSection.js";
+import { Section as g } from "../Page/Section.js";
+const C = ({ updatedAt: t, updatedAtLabel: e, seenBy: o, activityLog: m, children: p }) => /* @__PURE__ */ i(d, { seen: !1, children: /* @__PURE__ */ r(g, { spacing: "lg", margin: "md", children: [
+  /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ i(f, { datetime: t, children: e }),
+    /* @__PURE__ */ i(n, { size: "lg", children: p })
+  ] }),
+  /* @__PURE__ */ r(c, { children: [
+    o && /* @__PURE__ */ i(a, { ...o }),
+    m && /* @__PURE__ */ i(l, { ...m })
   ] })
-] });
+] }) });
 export {
-  d as DialogContent
+  C as DialogContent
 };

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

@@ -1,17 +1,39 @@
-import { DialogContent as t } from "./DialogContent.js";
-const a = {
-  title: "Dialog/Sections/DialogContent",
-  component: t,
+import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { DialogContent as r } from "./DialogContent.js";
+const d = {
+  title: "Dialog/DialogContent",
+  component: r,
   tags: ["autodocs"],
   args: {
     updatedAt: "1999-05-26 22:59:00",
-    summary: "Summary",
-    body: "Body"
+    updatedAtLabel: "25. mai 1999 kl 22.59",
+    children: "Body",
+    seenBy: {
+      seenByEndUser: !0,
+      label: "Sett av deg"
+    },
+    activityLog: {
+      label: "Aktivitetslogg"
+    }
   }
-}, e = {
+}, a = {
   args: {}
+}, o = {
+  args: {
+    children: /* @__PURE__ */ t(n, { children: [
+      /* @__PURE__ */ t("p", { children: [
+        /* @__PURE__ */ e("strong", { children: "Sander Svendsen" }),
+        " er sykmeldt i 4 dager fra 2. juli–5. juli 2024. Du må oppgi nærmeste leder."
+      ] }),
+      /* @__PURE__ */ e("h6", { children: "Ansvarlig lege" }),
+      /* @__PURE__ */ e("p", { children: "Mark Medisin + 47 23369090" }),
+      /* @__PURE__ */ e("h6", { children: "Nærmeste leder" }),
+      /* @__PURE__ */ e("p", { children: "Ikke oppgitt." })
+    ] })
+  }
 };
 export {
-  e as Default,
-  a as default
+  a as Default,
+  o as ExtendedContent,
+  d as default
 };

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { DialogListItemSize, DialogListItemVariant } from '..';
+export type DialogHeadingProps = {
+    loading?: boolean;
+    /** Size */
+    size?: DialogListItemSize;
+    /** Variant */
+    variant?: DialogListItemVariant;
+    /** Label */
+    label?: string;
+    /** Variant */
+    seen?: boolean;
+    /** Dialog title */
+    children?: ReactNode;
+};
+/**
+ * Dialog heading
+ */
+export declare const DialogHeading: ({ loading, size, seen, variant, label, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHeading.js

@@ -0,0 +1,18 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { DialogLabel as c } from "./DialogLabel.js";
+import "../RootProvider/RootProvider.js";
+import '../../assets/DialogHeading.css';const d = "_heading_1tkck_1", p = "_title_1tkck_7", o = {
+  heading: d,
+  title: p
+}, D = ({ loading: e, size: a = "sm", seen: r = !1, variant: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
+  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-variant": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
+  !e && s && /* @__PURE__ */ t(c, { variant: i, size: "xs", children: s })
+] });
+export {
+  D as DialogHeading
+};

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

@@ -1,6 +1,11 @@
-import { HistoryItemProps } from '../History/';
+import { DialogHistoryItemProps } from './DialogHistoryItem';
 export interface DialogHistoryProps {
-    title?: string;
-    items?: HistoryItemProps[];
+    items?: DialogHistoryItemProps[];
+    summary?: string;
+    updatedAt?: string;
+    updatedAtLabel?: string;
+    expandLabel?: string;
+    collapseLabel?: string;
+    collapsible?: boolean;
 }
-export declare const DialogHistory: ({ title, items }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogHistory: ({ items, summary, updatedAt, updatedAtLabel, collapsible, expandLabel, collapseLabel, }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogHistory.js

@@ -1,12 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import { HistoryList as t } from "../History/HistoryList.js";
-import "react";
+"use client";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as x, createElement as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogSectionBase as m } from "./DialogSectionBase.js";
+import { MetaItem as h } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
-const u = ({ title: i = "History", items: r }) => r ? /* @__PURE__ */ o(m, { title: i, children: /* @__PURE__ */ o(t, { items: r }) }) : null;
+import { DialogHistoryItem as n } from "./DialogHistoryItem.js";
+import { TimelineBase as g } from "../Timeline/TimelineBase.js";
+const T = ({
+  items: o,
+  summary: s = "History summary",
+  updatedAt: m,
+  updatedAtLabel: a,
+  collapsible: i = !1,
+  expandLabel: l = "Expand history",
+  collapseLabel: p = "Collapse history"
+}) => {
+  const [e, c] = x(!1), d = () => {
+    c((t) => !t);
+  };
+  return o ? /* @__PURE__ */ f(g, { children: [
+    (e || !i) && o.map((t, u) => /* @__PURE__ */ y(n, { ...t, key: u })) || /* @__PURE__ */ r(n, { createdAt: m, createdAtLabel: a, summary: s }),
+    i && /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(h, { size: "xs", as: "button", reverse: !0, icon: e ? "arrow-up" : "arrow-down", onClick: d, children: /* @__PURE__ */ r("strong", { children: e ? p : l }) }) })
+  ] }) : null;
+};
 export {
-  u as DialogHistory
+  T as DialogHistory
 };

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

@@ -1,52 +1,14 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, items }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, summary, updatedAt, updatedAtLabel, collapsible, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     args: {
-        items: ({
-            createdBy: {
-                name: string;
-                type?: undefined;
-                imageUrl?: undefined;
-            };
-            createdAt: string;
-            summary: string;
-            attachments: {
-                title: string;
-                items: {
-                    label: string;
-                    href: string;
-                }[];
-            };
-        } | {
-            createdBy: {
-                type: "company";
-                name: string;
-                imageUrl: string;
-            };
-            createdAt: string;
-            summary: string;
-            attachments: {
-                title: string;
-                items: {
-                    label: string;
-                    href: string;
-                }[];
-            };
-        } | {
-            createdBy: {
-                type: "company";
-                name: string;
-                imageUrl: string;
-            };
-            createdAt: string;
-            summary: string;
-            attachments?: undefined;
-        })[];
+        items: import('./DialogHistoryItem').DialogHistoryItemProps[];
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Collapsible: Story;

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

@@ -1,76 +1,34 @@
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { dialogHistoryItems as o } from "../../examples/dialog/dialogHistoryItems.js";
+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 { DialogHistory as t } from "./DialogHistory.js";
-const a = {
-  title: "Dialog/Sections/DialogHistory",
+const u = {
+  title: "Dialog/DialogHistory",
   component: t,
   tags: ["autodocs"],
   parameters: {},
   args: {
-    items: [
-      {
-        createdBy: {
-          name: "Kari Nordmann"
-        },
-        createdAt: "2023-03-11 08:00",
-        summary: "Skattemeldingen ble levert.",
-        attachments: {
-          title: "Vedlegg",
-          items: [
-            {
-              label: "Kvittering på innsendt skattemelding.pdf",
-              href: "kvittering.pdf"
-            }
-          ]
-        }
-      },
-      {
-        createdBy: {
-          type: "company",
-          name: "Skatteetaten",
-          imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/Skatteetaten.636ef817.png"
-        },
-        createdAt: "2023-03-11 08:00",
-        summary: "Vi har mottatt nye opplysninger og oppdatert skattemeldingen din.",
-        attachments: {
-          title: "Vedlegg",
-          items: [
-            {
-              label: "Oppdatert skattemelding",
-              href: "kvittering_oppdatert.pdf"
-            }
-          ]
-        }
-      },
-      {
-        createdBy: {
-          name: "Kari Nordmann"
-        },
-        createdAt: "2023-03-11 08:00",
-        summary: "Skattemeldingen ble levert.",
-        attachments: {
-          title: "Vedlegg",
-          items: [
-            {
-              label: "Kvittering på innsendt skattemelding.pdf",
-              href: "kvittering.pdf"
-            }
-          ]
-        }
-      },
-      {
-        createdBy: {
-          type: "company",
-          name: "Skatteetaten",
-          imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/Skatteetaten.636ef817.png"
-        },
-        createdAt: "2023-03-11 08:00",
-        summary: "Skattemeldingen din for 2022 er tilgjengelig."
-      }
-    ]
+    items: o
   }
-}, n = {
+}, b = {
   args: {}
+}, d = {
+  args: {
+    collapsible: !0,
+    expandLabel: "Vis historikk",
+    collapseLabel: "Skjul historikk"
+  }
 };
 export {
-  n as Default,
-  a as default
+  d as Collapsible,
+  b as Default,
+  u as default
 };

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

@@ -0,0 +1,6 @@
+import { DialogAttachmentsProps, DialogTransmissionsProps } from '../';
+export interface DialogHistoryDetailsProps {
+    attachments?: DialogAttachmentsProps;
+    transmissions?: DialogTransmissionsProps;
+}
+export declare const DialogHistoryDetails: ({ attachments, transmissions }: DialogHistoryDetailsProps) => false | import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHistoryDetails.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsxs as d, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useState as x } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogMetadata as g } from "./DialogMetadata.js";
+import { DialogAttachments as m } from "./DialogAttachments.js";
+import { DialogTransmissions as D } from "./DialogTransmissions.js";
+import "../RootProvider/RootProvider.js";
+const A = ({ attachments: o, transmissions: r }) => {
+  const l = o == null ? void 0 : o.title, p = r == null ? void 0 : r.title, [i, t] = x(!1), f = () => {
+    t(!0);
+  };
+  return !o && !r ? !1 : i ? /* @__PURE__ */ d(u, { children: [
+    o && /* @__PURE__ */ e(m, { ...o }),
+    r && /* @__PURE__ */ e(D, { ...r })
+  ] }) : /* @__PURE__ */ e(g, { attachmentsLabel: l, transmissionsLabel: p, onClick: f });
+};
+export {
+  A as DialogHistoryDetails
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AvatarProps, DialogAttachmentsProps, DialogTransmissionsProps } from '../';
+export interface DialogHistoryItemProps {
+    createdAt?: string;
+    createdAtLabel?: string;
+    createdBy?: AvatarProps;
+    summary?: string;
+    attachments?: DialogAttachmentsProps;
+    transmissions?: DialogTransmissionsProps;
+    collapsed?: boolean;
+    children?: ReactNode;
+}
+export declare const DialogHistoryItem: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, children, }: DialogHistoryItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHistoryItem.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as s } from "../Typography/Typography.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { TimelineSection as a } from "../Timeline/TimelineSection.js";
+import { DialogHistoryDetails as h } from "./DialogHistoryDetails.js";
+const b = ({
+  createdBy: i,
+  createdAt: r,
+  createdAtLabel: m,
+  summary: t,
+  attachments: e,
+  transmissions: p,
+  children: l
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    size: "xs",
+    datetime: r,
+    dateline: m,
+    byline: i == null ? void 0 : i.name,
+    avatar: i,
+    children: /* @__PURE__ */ n(s, { theme: "article", size: "md", children: [
+      t && /* @__PURE__ */ o("p", { children: t }),
+      /* @__PURE__ */ o(h, { attachments: e, transmissions: p }),
+      l
+    ] })
+  }
+);
+export {
+  b as DialogHistoryItem
+};

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { MetaItemSize } from '../Meta';
-import { DialogVariant } from './DialogBase';
+export type DialogLabelVariant = 'normal' | 'trashed' | 'archived';
 export interface DialogLabelProps {
     size?: MetaItemSize;
-    variant?: DialogVariant;
+    variant?: DialogLabelVariant;
     label?: string;
     children?: ReactNode;
 }

package/dist/components/Dialog/DialogLabel.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { MetaItem as e } from "../Meta/MetaItem.js";
 import "../../index-L8X2o7IH.js";
+import { MetaItem as e } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
 const u = ({ size: r = "xs", variant: n, label: t, children: a }) => {
   switch (n) {

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

@@ -1,7 +1,6 @@
-import { DialogGroupProps } from './DialogGroup';
-import { DialogListItemProps } from './DialogListItem';
+import { DialogListGroupProps, DialogListItemProps } from '../';
 export interface DialogListProps {
     items: DialogListItemProps[];
-    groups?: Record<string, DialogGroupProps>;
+    groups?: Record<string, DialogListGroupProps>;
 }
 export declare const DialogList: ({ items, groups }: DialogListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogList.js

@@ -4,25 +4,25 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
 import "../Autocomplete/AutocompleteBase.js";
+import { DialogListGroup as l } from "./DialogListGroup.js";
+import { DialogListItem as d } from "./DialogListItem.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListItem as l } from "./DialogListItem.js";
-import { SectionBase as y } from "../Page/SectionBase.js";
-import { DialogGroup as d } from "./DialogGroup.js";
-const b = ({ items: m, groups: e = {} }) => {
-  const { menu: r } = f({
+import { Section as y } from "../Page/Section.js";
+const h = ({ items: m, groups: i = {} }) => {
+  const { menu: o } = f({
     items: m,
-    groups: e,
+    groups: i,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ c(y, { spacing: "none", margin: "md", children: r == null ? void 0 : r.map((o, i) => {
-    const p = o.props || {};
-    return /* @__PURE__ */ t(d, { ...p, key: i }, o == null ? void 0 : o.items.map((s, n) => {
+  return /* @__PURE__ */ c(y, { spacing: "md", margin: "md", children: o == null ? void 0 : o.map((r, e) => {
+    const p = r.props || {};
+    return /* @__PURE__ */ t(l, { ...p, key: e }, r == null ? void 0 : r.items.map((s, n) => {
       const a = s.props || {};
-      return /* @__PURE__ */ t(l, { ...a, key: n });
+      return /* @__PURE__ */ t(d, { ...a, key: n });
     }));
   }) });
 };
 export {
-  b as DialogList
+  h as DialogList
 };

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

@@ -7,42 +7,7 @@ declare const meta: {
         layout: string;
     };
     args: {
-        items: ({
-            title: string;
-            summary: string;
-            status: {
-                value: "draft";
-            };
-            groupId: string;
-        } | {
-            title: string;
-            summary: string;
-            status: {
-                value: "sent";
-            };
-            groupId: string;
-        } | {
-            title: string;
-            summary: string;
-            status: {
-                value: "requires-attention";
-            };
-            groupId: string;
-        } | {
-            title: string;
-            summary: string;
-            status: {
-                value: "in-progress";
-            };
-            groupId: string;
-        } | {
-            title: string;
-            summary: string;
-            status: {
-                value: "completed";
-            };
-            groupId: string;
-        })[];
+        items: import('./DialogListItem').DialogListItemProps[];
     };
 };
 export default meta;

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

@@ -1,61 +1,44 @@
-import { DialogList as t } from "./DialogList.js";
-const l = {
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { dialogListItems as t } from "../../examples/dialog/dialogListItems.js";
+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 { DialogList as o } from "./DialogList.js";
+const f = {
   title: "Dialog/DialogList",
-  component: t,
+  component: o,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
   },
   args: {
-    items: [
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "draft" },
-        groupId: "2024-01"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "sent" },
-        groupId: "2024-02"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "requires-attention" },
-        groupId: "2024-01"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "in-progress" },
-        groupId: "2024-02"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget.",
-        status: { value: "completed" },
-        groupId: "2024-01"
-      }
-    ]
+    items: t
   }
-}, s = {
+}, d = {
   args: {}
-}, i = {
+}, D = {
   args: {
     groups: {
-      "2024-01": {
-        title: "Januar 2024"
+      "2023-01": {
+        title: "Januar 2023"
+      },
+      "2023-02": {
+        title: "Februar 2023"
       },
-      "2024-02": {
-        title: "Februar 2024"
+      "2023-10": {
+        title: "Oktober 2023"
       }
     }
   }
 };
 export {
-  s as Default,
-  i as Grouped,
-  l as default
+  d as Default,
+  D as Grouped,
+  f as default
 };

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

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