@altinn/altinn-components 0.9.0 → 0.10.0

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

@@ -0,0 +1,6 @@
+import { AttachmentLinkProps } from '../Attachment';
+export interface DialogAttachmentsProps {
+    title?: string;
+    items?: AttachmentLinkProps[];
+}
+export declare const DialogAttachments: ({ title, items }: DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogAttachments.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as i } from "../Typography/Heading.js";
+import { AttachmentList as e } from "../Attachment/AttachmentList.js";
+const m = ({ title: n = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ o("section", { children: [
+  /* @__PURE__ */ r(i, { as: "h2", size: "xs", children: n }),
+  /* @__PURE__ */ r(e, { size: "lg", items: t })
+] }) : null;
+export {
+  m as DialogAttachments
+};

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title, items }: import('./DialogAttachments').DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    args: {
+        title: string;
+        items: import('../index.ts').AttachmentLinkProps[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,17 @@
+import { attachments as t } from "../../examples/attachments.js";
+import { DialogAttachments as a } from "./DialogAttachments.js";
+const s = {
+  title: "Dialog/DialogAttachments",
+  component: a,
+  tags: ["autodocs"],
+  args: {
+    title: "6 vedlegg",
+    items: t
+  }
+}, m = {
+  args: {}
+};
+export {
+  m as Default,
+  s as default
+};

package/dist/components/Dialog/DialogBorder.js

@@ -1,8 +1,8 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DialogBorder.css';const c = "_border_12m8d_1", i = {
+import { jsx as s } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import '../../assets/DialogBorder.css';const c = "_border_1t8bc_1", i = {
   border: c
-}, l = ({ loading: r, seen: o = !0, size: e = "lg", className: t, children: a }) => /* @__PURE__ */ d("div", { className: s(i.border, t), "data-loading": r, "data-size": e, "data-seen": o, children: a });
+}, l = ({ loading: r, seen: o = !0, size: e = "lg", className: t, children: a }) => /* @__PURE__ */ s("div", { className: d(i.border, t), "data-loading": r, "data-size": e, "data-seen": o, children: a });
 export {
   l as DialogBorder
 };

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

@@ -0,0 +1,11 @@
+import { AvatarProps, BylineSize } from '..';
+export interface DialogBylineProps {
+    sender: AvatarProps;
+    recipient?: AvatarProps;
+    recipientLabel?: string;
+    recipientGroup?: boolean;
+    loading?: boolean;
+    size?: BylineSize;
+}
+/** Dialog byline */
+export declare const DialogByline: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogByline.js

@@ -0,0 +1,24 @@
+import { jsxs as u, jsx as f } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as v } from "../Byline/Byline.js";
+const i = ({
+  sender: o,
+  recipient: a,
+  recipientLabel: m = "to",
+  recipientGroup: t = !1,
+  loading: l,
+  size: r = "xs"
+}) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: l, size: r, avatar: o, avatarGroup: t && o && a ? {
+  items: [o, a]
+} : void 0, children: [
+  /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
+  " ",
+  m + " " + (a == null ? void 0 : a.name)
+] });
+export {
+  i as DialogByline
+};

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: import('./DialogByline').DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    args: {
+        sender: import('..').AvatarProps;
+        recipient: {
+            type: "person";
+            name: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;

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

@@ -0,0 +1,25 @@
+import { skatt as e } from "../../examples/avatar/skatt.js";
+import { DialogByline as t } from "./DialogByline.js";
+const r = {
+  title: "Dialog/DialogByline",
+  component: t,
+  tags: ["autodocs"],
+  args: {
+    sender: e,
+    recipient: {
+      type: "person",
+      name: "Per Person"
+    }
+  }
+}, s = {
+  args: {}
+}, n = {
+  args: {
+    size: "lg"
+  }
+};
+export {
+  s as Default,
+  n as Large,
+  r as default
+};

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,22 +1,39 @@
-import { DialogContent as t } from "./DialogContent.js";
-const o = {
-  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: {}
-}, n = {
+}, o = {
   args: {
-    updatedByName: "Ole Gunnar Solskjær"
+    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,
-  n as UpdatedByName,
-  o 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 { DialogSectionBase as m } from "./DialogSectionBase.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { MetaItem as h } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, summary, updatedAt, updatedAtLabel, collapsible, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        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,64 +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: [
-          {
-            label: "Kvittering på innsendt skattemelding.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: [
-          {
-            label: "Nye opplysninger til Skattemeldingen.pdf"
-          }
-        ]
-      },
-      {
-        createdBy: {
-          name: "Kari Nordmann"
-        },
-        createdAt: "2023-03-11 08:00",
-        summary: "Skattemeldingen ble levert.",
-        attachments: [
-          {
-            label: "Kvittering på innsendt skattemelding.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

@@ -2,27 +2,27 @@ import { jsx as c } from "react/jsx-runtime";
 import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../RootProvider/RootProvider.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import { DialogListItem as l } from "./DialogListItem.js";
-import "../Searchbar/AutocompleteBase.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 "../Autocomplete/AutocompleteBase.js";
+import { DialogListGroup as l } from "./DialogListGroup.js";
+import { DialogListItem as d } from "./DialogListItem.js";
+import "../RootProvider/RootProvider.js";
+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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, groups }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        items: import('./DialogListItem').DialogListItemProps[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Grouped: Story;