@altinn/altinn-components 0.10.1 → 0.10.3

package/dist/accountMenu-MvAYkqv1.js

@@ -0,0 +1,68 @@
+const a = {
+  accountSearch: {
+    placeholder: "Finn konto",
+    name: "search-account",
+    getResultsLabel: (e = 0) => e ? e + " treff" : "Ingen treff",
+    hidden: !1
+  },
+  accountGroups: {
+    primary: {
+      title: "Deg selv og favoritter"
+    },
+    secondary: {
+      title: "Andre kontoer"
+    }
+  },
+  accounts: [
+    {
+      id: "party:mathias",
+      groupId: "primary",
+      type: "person",
+      name: "Mathias Dyngeland"
+    },
+    {
+      id: "party:bergerbar",
+      groupId: "favourites",
+      type: "company",
+      name: "Bergen bar"
+    },
+    {
+      id: "party:brann",
+      groupId: "favourites",
+      type: "company",
+      name: "Sportsklubben Brann"
+    },
+    {
+      id: "allAccounts",
+      groupId: "groups",
+      type: "company",
+      name: "Alle virksomheter",
+      accountNames: ["Keeperhansker AS", "Stadion drift AS", "Landslaget"],
+      selected: !1,
+      badge: {
+        label: "19"
+      }
+    },
+    {
+      id: "party:keeperhansker",
+      groupId: "secondary",
+      type: "company",
+      name: "Keeperhansker AS"
+    },
+    {
+      id: "party:stadiondrift",
+      groupId: "secondary",
+      type: "company",
+      name: "Stadion drift AS"
+    },
+    {
+      id: "party:landslaget",
+      groupId: "secondary",
+      type: "company",
+      name: "Landslaget"
+    }
+  ]
+};
+export {
+  a
+};

package/dist/attachments-Bpqu8-fZ.js

@@ -0,0 +1,25 @@
+const a = [
+  {
+    label: "1-0 Castro",
+    href: "1-0 Castro.pdf"
+  },
+  {
+    label: "2-0 Kornvig",
+    href: "2-0 Kornvig.pdf"
+  },
+  {
+    label: "3-0 Kartum",
+    href: "3-0 Kartum.pdf"
+  },
+  {
+    label: "3-1 Zinkernagel",
+    href: "3-1 Zinkernagel.pdf"
+  },
+  {
+    label: "4-1 Castro",
+    href: "4-1 Castro.pdf"
+  }
+];
+export {
+  a
+};

package/dist/components/Bookmarks/BookmarksList.js

@@ -3,10 +3,10 @@ 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 { BookmarksListItem as i } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as i } from "../List/ListBase.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 })) });
+import { ListBase as p } from "../List/ListBase.js";
+const B = ({ items: o = [] }) => /* @__PURE__ */ m(p, { spacing: "xs", children: o.map((r) => /* @__PURE__ */ t(i, { ...r, key: r.id })) });
 export {
   B as BookmarksList
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,46 +1,52 @@
 "use client";
-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 { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { useRef as h, useMemo as j } from "react";
 import "../Icon/SvgIcon.js";
-import { useClickOutside as y } from "../../hooks/useClickOutside.js";
+import { useClickOutside as C } 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: r = "right",
-  size: s,
-  groups: c = {},
-  className: i,
-  items: m
+import { IconButton as w } from "../Button/IconButton.js";
+import { MenuItems as b } from "../Menu/MenuItems.js";
+import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
+import '../../assets/ContextMenu.css';const M = "_toggle_ya7jy_1", N = "_button_ya7jy_5", v = "_icon_ya7jy_14", z = "_dropdown_ya7jy_18", e = {
+  toggle: M,
+  button: N,
+  icon: v,
+  dropdown: z
+}, F = ({
+  id: r = "context-menu",
+  placement: i = "right",
+  size: m,
+  groups: a = {},
+  className: u,
+  items: s
 }) => {
-  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(
-      x,
+  const { currentId: p, toggleId: d, closeAll: t } = k(), c = h(null);
+  C(c, () => t());
+  const g = () => d(r), _ = p === r, f = j(() => s.map((o) => ({
+    ...o,
+    onClick: () => {
+      var l;
+      (l = o.onClick) == null || l.call(o), t();
+    }
+  })), [s, t]);
+  return /* @__PURE__ */ y("div", { className: x(e.toggle, u), "data-theme": "neutral", ref: c, children: [
+    /* @__PURE__ */ n(
+      w,
       {
-        className: t.button,
-        size: s,
+        className: e.button,
+        size: m,
         icon: "menu-elipsis-horizontal",
         iconSize: "md",
         variant: "text",
         color: "secondary",
-        onClick: p
+        onClick: g
       }
     ),
-    /* @__PURE__ */ o(w, { className: t.dropdown, placement: r, open: u, children: /* @__PURE__ */ o(j, { groups: c, items: m }) })
+    /* @__PURE__ */ n(I, { className: e.dropdown, placement: i, open: _, children: /* @__PURE__ */ n(b, { groups: a, items: f }) })
   ] });
 };
 export {
-  T as ContextMenu
+  F as ContextMenu
 };

package/dist/components/Dialog/DraftDialog.js

@@ -2,67 +2,62 @@ 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 { Heading as w } 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 { DialogMetadata as B } from "./DialogMetadata.js";
+import { DialogActions as P } from "./DialogActions.js";
+import { DialogSection as t } from "./DialogSection.js";
+import { Avatar as H } from "../Avatar/Avatar.js";
+import { DialogAttachments as M } 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 { Byline as N } from "../Byline/Byline.js";
+import { PageBase as T } from "../Page/PageBase.js";
+import { PageNav as c } 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,
+import { Article as k } from "../Page/Article.js";
+const $ = ({
+  backButton: x,
+  menu: o,
   updatedAt: y,
   updatedAtLabel: z,
   dueAt: D,
-  dueAtLabel: u,
-  status: A,
-  title: S,
+  dueAtLabel: A,
+  status: S,
+  title: b,
   sender: l,
   recipient: h,
-  recipientLabel: b = "to",
-  recipientGroup: T,
-  summary: c = "Summary.",
+  recipientLabel: u = "to",
+  summary: j = "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: [
+  attachments: d,
+  additionalInfo: m,
+  contactInfo: e
+}) => /* @__PURE__ */ i(T, { color: "subtle", shadow: "xs", children: [
+  /* @__PURE__ */ r(c, { backButton: x, menu: o, children: /* @__PURE__ */ r(B, { status: S, dueAt: D, dueAtLabel: A }) }),
+  /* @__PURE__ */ i(k, { 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__ */ r(H, { size: "lg", ...l }),
+        /* @__PURE__ */ r(w, { size: "lg", children: b })
       ] }),
-      /* @__PURE__ */ i(H, { size: "md", datetime: y, children: [
+      /* @__PURE__ */ i(N, { size: "md", datetime: y, children: [
         /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
-        b + " " + (l == null ? void 0 : l.name) + ", ",
+        u + " " + (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 }),
+    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
+      /* @__PURE__ */ r("p", { children: j }),
       v,
-      t && /* @__PURE__ */ r(G, { ...t }),
-      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(w, { items: p })
+      d && /* @__PURE__ */ r(M, { ...d }),
+      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(P, { 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 }) })
+    m && /* @__PURE__ */ r(t, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) }),
+    e && /* @__PURE__ */ r(t, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) })
   ] })
 ] });
 export {
-  rr as DraftDialog
+  $ as DraftDialog
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,65 +1,72 @@
 "use client";
-import { jsxs as n, jsx as o, Fragment as x } from "react/jsx-runtime";
-import { useState as G } from "react";
+import { jsxs as l, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { useState as j, useMemo as A } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as v } from "./AccountMenu.js";
-import { AccountButton as C } from "./AccountButton.js";
-import { BackButton as j } from "./BackButton.js";
-import { LogoutButton as A } from "./LogoutButton.js";
-import { MenuListItem as l } from "../Menu/MenuBase.js";
-import { Menu as u } from "../Menu/Menu.js";
-import { GlobalMenuBase as m, GlobalMenuHeader as d, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
-const O = ({
-  accounts: a = [],
-  accountGroups: f = {},
-  accountSearch: h,
+import { AccountMenu as F } from "./AccountMenu.js";
+import { AccountButton as L } from "./AccountButton.js";
+import { BackButton as H } from "./BackButton.js";
+import { LogoutButton as I } from "./LogoutButton.js";
+import { MenuListItem as a } from "../Menu/MenuBase.js";
+import { Menu as h } from "../Menu/Menu.js";
+import { GlobalMenuBase as m, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
+const R = ({
+  accounts: c = [],
+  accountGroups: M = {},
+  accountSearch: k,
   items: s = [],
-  groups: c,
-  changeLabel: M = "Change",
-  backLabel: g = "Back",
-  currentAccount: r,
-  onSelectAccount: e,
-  logoutButton: p
+  groups: p,
+  changeLabel: b = "Change",
+  backLabel: B = "Back",
+  currentAccount: o,
+  onSelectAccount: i,
+  onClose: e,
+  logoutButton: u
 }) => {
-  const [b, k] = G(!1), t = () => {
-    k((i) => !i);
-  }, B = (i) => {
-    t(), e == null || e(i);
-  };
-  return b ? /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(j, { onClick: t, label: g }) }),
-    /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
-    /* @__PURE__ */ o(
-      v,
+  const [x, G] = j(!1), n = () => {
+    G((t) => !t);
+  }, v = (t) => {
+    n(), i == null || i(t);
+  }, d = A(() => s.map((t) => ({
+    ...t,
+    onClick: () => {
+      var f;
+      (f = t.onClick) == null || f.call(t), e == null || e();
+    }
+  })), [s, e]);
+  return x ? /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: n, label: B }) }),
+    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(
+      F,
       {
-        currentAccount: r,
-        accounts: a,
-        accountGroups: f,
-        accountSearch: h,
-        onSelectAccount: B
+        currentAccount: o,
+        accounts: c,
+        accountGroups: M,
+        accountSearch: k,
+        onSelectAccount: v
       }
     )
-  ] }) : r ? /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
-      C,
+  ] }) : o ? /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
+      L,
       {
-        account: r,
-        linkText: M,
-        multipleAccounts: a.length > 1,
-        onClick: t
+        account: o,
+        linkText: b,
+        multipleAccounts: c.length > 1,
+        onClick: n
       }
     ) }),
-    /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
-    /* @__PURE__ */ o(u, { groups: c, items: s }),
-    p && /* @__PURE__ */ n(x, { children: [
-      /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
-      /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(A, { ...p }) })
+    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(h, { groups: p, items: d }),
+    u && /* @__PURE__ */ l(T, { children: [
+      /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...u }) })
     ] })
-  ] }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(u, { groups: c, items: s }) });
+  ] }) : /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(h, { groups: p, items: d }) });
 };
 export {
-  O as GlobalMenu
+  R as GlobalMenu
 };

package/dist/components/Header/Header.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
 import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as H } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as m } from "../GlobalMenu/GlobalMenu.js";
-import { HeaderBase as _ } from "./HeaderBase.js";
-import { HeaderLogo as C } from "./HeaderLogo.js";
+import { useRootContext as C } from "../RootProvider/RootProvider.js";
+import { GlobalMenu as p } from "../GlobalMenu/GlobalMenu.js";
+import { HeaderBase as H } from "./HeaderBase.js";
+import { HeaderLogo as _ } from "./HeaderLogo.js";
 import { HeaderButton as b } from "./HeaderButton.js";
 import { Searchbar as B } from "../Searchbar/Searchbar.js";
 import { HeaderMenu as N } from "./HeaderMenu.js";
@@ -17,21 +17,21 @@ import { HeaderSearch as S } from "./HeaderSearch.js";
 import '../../assets/Header.css';const v = "_drawer_ft5v3_1", y = "_dropdown_ft5v3_5", s = {
   drawer: v,
   dropdown: y
-}, K = ({ search: d, menu: r, currentAccount: a, logo: p = {}, badge: l }) => {
-  const { currentId: o, toggleId: n, openId: i, closeAll: c } = H(), h = () => {
-    i("search");
+}, K = ({ search: n, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
+  const { currentId: o, toggleId: d, openId: c, closeAll: t } = C(), h = () => {
+    c("search");
   }, f = () => {
-    n("search");
+    d("search");
   }, w = () => {
-    n("menu");
+    d("menu");
   };
-  return /* @__PURE__ */ t(_, { currentId: o, open: o === "search" || o === "menu", onClose: c, children: [
-    /* @__PURE__ */ e(C, { ...p, className: s.logo }),
-    /* @__PURE__ */ t(N, { className: s.menu, children: [
+  return /* @__PURE__ */ m(H, { currentId: o, open: o === "search" || o === "menu", onClose: t, children: [
+    /* @__PURE__ */ e(_, { ...l, className: s.logo }),
+    /* @__PURE__ */ m(N, { className: s.menu, children: [
       /* @__PURE__ */ e(
         b,
         {
-          badge: l,
+          badge: i,
           avatar: a && {
             type: a.type,
             name: a.name
@@ -41,10 +41,10 @@ import '../../assets/Header.css';const v = "_drawer_ft5v3_1", y = "_dropdown_ft5
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(m, { ...r, currentAccount: a }) })
+      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a, onClose: t }) })
     ] }),
-    d && /* @__PURE__ */ e(S, { expanded: o === "search", children: /* @__PURE__ */ e(B, { ...d, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(m, { ...r, currentAccount: a }) })
+    n && /* @__PURE__ */ e(S, { expanded: o === "search", children: /* @__PURE__ */ e(B, { ...n, expanded: o === "search", onClose: f, onFocus: h }) }),
+    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(p, { ...r, currentAccount: a }) })
   ] });
 };
 export {

package/dist/dialogContextMenu-CvlJE9ba.js

@@ -0,0 +1,38 @@
+const t = {
+  id: "context-menu",
+  items: [
+    {
+      groupId: "1",
+      id: "1",
+      icon: "arrow-redo",
+      title: "Del og gi tilgang"
+    },
+    {
+      groupId: "1",
+      id: "2",
+      icon: "eye",
+      title: "Marker som lest"
+    },
+    {
+      groupId: "2",
+      id: "3",
+      icon: "archive",
+      title: "Flytt til arkiv"
+    },
+    {
+      groupId: "2",
+      id: "4",
+      icon: "trash",
+      title: "Flytt til papirkurv"
+    },
+    {
+      groupId: "3",
+      id: "4",
+      icon: "clock-dashed",
+      title: "Aktivitetslogg"
+    }
+  ]
+};
+export {
+  t as d
+};

package/dist/globalMenu-DY4uIQk2.js

@@ -0,0 +1,63 @@
+import { a as e } from "./accountMenu-MvAYkqv1.js";
+const o = {
+  ...e,
+  menuLabel: "Meny",
+  backLabel: "Tilbake",
+  logoutButton: { label: "Logg ut" },
+  changeLabel: "Endre",
+  groups: {
+    apps: {
+      divider: !0
+    }
+  },
+  items: [
+    {
+      id: "inbox",
+      groupId: "apps",
+      size: "lg",
+      icon: "inbox",
+      title: "Innboks",
+      badge: {
+        color: "alert",
+        label: "4"
+      }
+    },
+    {
+      id: "access",
+      groupId: "apps",
+      size: "lg",
+      icon: "bookmark",
+      title: "Tilganger",
+      badge: {
+        color: "alert",
+        label: "2"
+      }
+    },
+    {
+      id: "access",
+      groupId: "apps",
+      size: "lg",
+      icon: "menu-grid",
+      title: "Alle skjema"
+    },
+    {
+      id: "startup",
+      groupId: "help",
+      color: "neutral",
+      size: "sm",
+      icon: "buildings2",
+      title: "Starte og drive bedrift"
+    },
+    {
+      id: "help",
+      groupId: "help",
+      size: "sm",
+      color: "neutral",
+      icon: "chat-exclamationmark",
+      title: "Trenger du hjelp?"
+    }
+  ]
+};
+export {
+  o as g
+};

package/dist/lib/components/AccessAreaList/AccessAreaList.d.ts

@@ -0,0 +1,7 @@
+import { ListTheme } from '../List';
+import { AccessAreaListItemProps } from './AccessAreaListItem';
+export interface AccessAreaListProps {
+    items: AccessAreaListItemProps[];
+    theme?: ListTheme;
+}
+export declare const AccessAreaList: ({ items, theme }: AccessAreaListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/AccessAreaList/AccessAreaListItem.stories.d.ts

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react';
+import { AccessAreaListItemProps } from './AccessAreaListItem';
+declare const meta: {
+    title: string;
+    component: ({ name, icon, size, children, expanded, onClick, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        id: string;
+        size: "md";
+        name: string;
+        icon: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    argTypes: {
+        expanded: {
+            control: {
+                type: "boolean";
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        icon: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AreaListItemStory: Story;
+export declare const AllAreas: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/AccessPackageList/AccessPackageList.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, spacing, ...props }: import('./AccessPackageList').AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        items: {
+            id: string;
+            title: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AccessPackageListStory: Story;