@altinn/altinn-components 0.7.0 → 0.7.2

package/dist/components/Meta/MetaItem.d.ts

@@ -2,6 +2,7 @@ import { ElementType, ReactNode } from 'react';
 import { IconName } from '../Icon';
 import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaItemProps {
+    loading?: boolean;
     /**  Render as element */
     as?: ElementType;
     /** Meta size */
@@ -15,4 +16,4 @@ export interface MetaItemProps {
     /** classname */
     className?: string;
 }
-export declare const MetaItem: ({ size, variant, icon, children, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaItem: ({ loading, size, variant, icon, children, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaItem.js

@@ -1,11 +1,12 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { MetaItemBase as x } from "./MetaItemBase.js";
-import { MetaItemLabel as M } from "./MetaItemLabel.js";
-import { MetaItemMedia as f } from "./MetaItemMedia.js";
-const j = ({ size: t = "xs", variant: e = "text", icon: m, children: o, ...a }) => /* @__PURE__ */ p(x, { variant: e, size: t, ...a, children: [
-  m && /* @__PURE__ */ r(f, { icon: m, size: t }),
-  /* @__PURE__ */ r(M, { variant: e, size: t, children: o })
-] });
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { Skeleton as M } from "../Skeleton/Skeleton.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemLabel as s } from "./MetaItemLabel.js";
+import { MetaItemMedia as I } from "./MetaItemMedia.js";
+const j = ({ loading: m, size: t = "xs", variant: r = "text", icon: o, children: p, ...f }) => /* @__PURE__ */ e(a, { variant: r, size: t, ...f, children: /* @__PURE__ */ x(M, { loading: m, children: [
+  !m && o && /* @__PURE__ */ e(I, { size: t, icon: o }),
+  /* @__PURE__ */ e(s, { variant: r, size: t, children: p })
+] }) });
 export {
   j as MetaItem
 };

package/dist/components/Meta/MetaTimestamp.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { IconName } from '../Icon';
 import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaTimestampProps {
+    loading?: boolean;
     /** Meta size */
     size?: MetaItemSize;
     /** Variant */
@@ -13,4 +14,4 @@ export interface MetaTimestampProps {
     /** Label */
     children?: ReactNode;
 }
-export declare const MetaTimestamp: ({ size, variant, datetime, icon, children }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaTimestamp: ({ loading, size, variant, datetime, icon, children, }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Meta/MetaTimestamp.js

@@ -1,11 +1,19 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { MetaItemBase as s } from "./MetaItemBase.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Skeleton as f } from "../Skeleton/Skeleton.js";
+import { MetaItemBase as i } from "./MetaItemBase.js";
 import { MetaItemLabel as x } from "./MetaItemLabel.js";
 import { MetaItemMedia as M } from "./MetaItemMedia.js";
-const j = ({ size: t = "xs", variant: e = "text", datetime: o, icon: m, children: a }) => /* @__PURE__ */ p(s, { as: "time", variant: e, datetime: o, size: t, children: [
-  m && /* @__PURE__ */ r(M, { size: t, icon: m }),
-  /* @__PURE__ */ r(x, { variant: e, size: t, children: a })
-] });
+const j = ({
+  loading: m,
+  size: t = "xs",
+  variant: r = "text",
+  datetime: p,
+  icon: o,
+  children: a
+}) => /* @__PURE__ */ e(i, { as: "time", variant: r, datetime: p, size: t, children: /* @__PURE__ */ s(f, { loading: m, children: [
+  !m && o && /* @__PURE__ */ e(M, { size: t, icon: o }),
+  /* @__PURE__ */ e(x, { variant: r, size: t, children: a })
+] }) });
 export {
   j as MetaTimestamp
 };

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,26 +1,26 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListItem as r } from "../Dialog/DialogListItem.js";
-import { ListItem as i } from "../List/ListItem.js";
-import { BookmarksListItem as s } from "../Bookmarks/BookmarksListItem.js";
+import { ListItem as n } from "../List/ListItem.js";
+import { BookmarksListItem as i } from "../Bookmarks/BookmarksListItem.js";
 import { ScopeListItem as e } from "./ScopeListItem.js";
-const I = ({ type: m, ...o }) => {
+const h = ({ type: m, ...t }) => {
   switch (m) {
     case "scope":
-      return /* @__PURE__ */ t(e, { ...o, shadow: "none" });
+      return /* @__PURE__ */ o(e, { ...t, shadow: "none", tabIndex: -1 });
     case "information":
-      return /* @__PURE__ */ t(e, { ...o, shadow: "none" });
+      return /* @__PURE__ */ o(e, { ...t, shadow: "none", tabIndex: -1 });
     case "bookmark":
-      return /* @__PURE__ */ t(s, { ...o, shadow: "none", size: "sm" });
+      return /* @__PURE__ */ o(i, { ...t, shadow: "none", size: "sm", tabIndex: -1 });
     case "dialog":
-      return /* @__PURE__ */ t(r, { ...o, shadow: "none", size: "sm" });
+      return /* @__PURE__ */ o(r, { ...t, shadow: "none", size: "sm", tabIndex: -1 });
     default:
-      return /* @__PURE__ */ t(i, { ...o, shadow: "none", size: "sm" });
+      return /* @__PURE__ */ o(n, { ...t, shadow: "none", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  I as AutocompleteItem
+  h as AutocompleteItem
 };

package/dist/components/Searchbar/ScopeListItem.js

@@ -2,10 +2,11 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { ListItem as m } from "../List/ListItem.js";
 import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {
   item: r
-}, h = ({ as: s = "a", label: t, ...o }) => /* @__PURE__ */ i(m, { className: e.item, linkIcon: "chevron-right", ...o, children: typeof t == "function" ? t() : t });
+}, I = ({ as: s = "a", label: t, ...o }) => /* @__PURE__ */ i(m, { className: e.item, linkIcon: "chevron-right", ...o, children: typeof t == "function" ? t() : t });
 export {
-  h as ScopeListItem
+  I as ScopeListItem
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type SkeletonVariant = 'circle' | 'text';
+interface SkeletonProps {
+    loading?: boolean;
+    variant?: SkeletonVariant;
+    size?: string;
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Skeleton: ({ loading, size, variant, className, children }: SkeletonProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as r } from "../../index-L8X2o7IH.js";
+import '../../assets/Skeleton.css';const f = "_skelaton_10sb8_1", l = "_fade_10sb8_1", c = {
+  skelaton: f,
+  fade: l
+}, k = ({ loading: t = !1, size: s, variant: e = "text", className: o, children: a }) => t ? /* @__PURE__ */ n("span", { className: r(c.skelaton, o), "data-size": s, "data-loading": t, "data-variant": e, children: a }) : a;
+export {
+  k as Skeleton
+};

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

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

package/dist/components/Skeleton/index.js

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

package/dist/components/Toolbar/Toolbar.js

@@ -48,6 +48,7 @@ const Y = ({
   };
   return /* @__PURE__ */ V(z, { open: i === "toolbar", onClose: M, children: [
     F && /* @__PURE__ */ c(G, { onToggle: () => t("menu", ""), expanded: (e == null ? void 0 : e.type) === "menu", ...F }),
+    T && /* @__PURE__ */ c(H, { ...T }),
     L.map((o) => /* @__PURE__ */ c(
       D,
       {
@@ -84,7 +85,6 @@ const Y = ({
         }))
       }
     ),
-    T && /* @__PURE__ */ c(H, { ...T }),
     N
   ] });
 };

package/dist/components/Toolbar/ToolbarSearch.d.ts

@@ -4,5 +4,6 @@ export interface ToolbarSearchProps {
     name: string;
     value: string;
     onChange: ChangeEventHandler;
+    onClear?: () => void;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, onChange }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: ({ value, name, placeholder, onChange, onClear }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,20 +1,40 @@
-import { jsx as t } from "react/jsx-runtime";
-import '../../assets/ToolbarSearch.css';const i = "_input_cwjz7_1", _ = "_button_cwjz7_11", l = "_close_cwjz7_16", r = "_icon_cwjz7_20", c = {
-  input: i,
-  button: _,
-  close: l,
-  icon: r
-}, p = ({ value: o, name: n, placeholder: s = "Søk", onChange: e }) => /* @__PURE__ */ t("div", { className: c.field, children: /* @__PURE__ */ t(
-  "input",
-  {
-    type: "search",
-    value: o,
-    name: n,
-    placeholder: s,
-    className: c.input,
-    onChange: e
-  }
-) });
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { Icon as a } from "../Icon/Icon.js";
+import "../Icon/SvgIcon.js";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { IconButton as l } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import '../../assets/ToolbarSearch.css';const m = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
+  field: m,
+  icon: p,
+  input: d,
+  clear: _
+}, N = ({ value: e, name: n, placeholder: s = "Search", onChange: t, onClear: i }) => /* @__PURE__ */ r("div", { className: o.field, children: [
+  /* @__PURE__ */ c(
+    "input",
+    {
+      type: "search",
+      value: e,
+      name: n,
+      placeholder: s,
+      className: o.input,
+      onChange: t
+    }
+  ),
+  /* @__PURE__ */ c(a, { name: "magnifying-glass", className: o.icon }),
+  i && /* @__PURE__ */ c(
+    l,
+    {
+      icon: "x-mark",
+      color: "secondary",
+      variant: "solid",
+      size: "custom",
+      className: o.clear,
+      onClick: i
+    }
+  )
+] });
 export {
-  p as ToolbarSearch
+  N as ToolbarSearch
 };

package/dist/components/Toolbar/ToolbarSearch.stories.js

@@ -1,14 +1,17 @@
+import { fn as o } from "@storybook/test";
 import { ToolbarSearch as a } from "./ToolbarSearch.js";
-const t = {
+const e = {
   title: "Toolbar/ToolbarSearch",
   component: a,
   tags: ["autodocs"],
   parameters: {},
   args: {}
-}, r = {
-  args: {}
+}, s = {
+  args: {
+    onClear: o()
+  }
 };
 export {
-  r as Default,
-  t as default
+  s as Default,
+  e as default
 };

package/dist/components/index.js

@@ -4,7 +4,7 @@ import { Avatar as p } from "./Avatar/Avatar.js";
 import { AvatarGroup as f } from "./Avatar/AvatarGroup.js";
 import { Badge as n } from "./Badge/Badge.js";
 import { BookmarksList as u } from "./Bookmarks/BookmarksList.js";
-import { BookmarksListItem as l } from "./Bookmarks/BookmarksListItem.js";
+import { BookmarksListItem as B } from "./Bookmarks/BookmarksListItem.js";
 import { QueryItem as c, QueryLabel as L } from "./Bookmarks/QueryLabel.js";
 import { ButtonBase as d } from "./Button/ButtonBase.js";
 import { ButtonLabel as I } from "./Button/ButtonLabel.js";
@@ -13,7 +13,7 @@ import { Button as S } from "./Button/Button.js";
 import { ComboButton as A } from "./Button/ComboButton.js";
 import { IconButton as h } from "./Button/IconButton.js";
 import { ContextMenu as T } from "./ContextMenu/ContextMenu.js";
-import { Dialog as C } from "./Dialog/Dialog.js";
+import { Dialog as F } from "./Dialog/Dialog.js";
 import { DialogList as R } from "./Dialog/DialogList.js";
 import { DialogMetadata as O } from "./Dialog/DialogMetadata.js";
 import { DialogListItem as E } from "./Dialog/DialogListItem.js";
@@ -30,7 +30,7 @@ import { DialogHeaderBase as ao } from "./Dialog/DialogHeaderBase.js";
 import { DialogHeadings as xo } from "./Dialog/DialogHeadings.js";
 import { DialogHistory as io } from "./Dialog/DialogHistory.js";
 import { DialogNav as so } from "./Dialog/DialogNav.js";
-import { DialogSectionBase as Bo } from "./Dialog/DialogSectionBase.js";
+import { DialogSectionBase as lo } from "./Dialog/DialogSectionBase.js";
 import { DialogSeenBy as go } from "./Dialog/DialogSeenBy.js";
 import { DialogSelect as Lo } from "./Dialog/DialogSelect.js";
 import { DialogStatus as Mo, DialogStatusEnum as Io } from "./Dialog/DialogStatus.js";
@@ -39,7 +39,7 @@ import { DialogTouchedBy as So } from "./Dialog/DialogTouchedBy.js";
 import { DialogLabel as Ao } from "./Dialog/DialogLabel.js";
 import { DropdownBase as ho } from "./Dropdown/DropdownBase.js";
 import { Backdrop as To } from "./Dropdown/Backdrop.js";
-import { DrawerBase as Co } from "./Dropdown/DrawerBase.js";
+import { DrawerBase as Fo } from "./Dropdown/DrawerBase.js";
 import { DrawerHeader as Ro } from "./Dropdown/DrawerHeader.js";
 import { DrawerFooter as Oo } from "./Dropdown/DrawerFooter.js";
 import { DrawerButton as Eo } from "./Dropdown/DrawerButton.js";
@@ -56,7 +56,7 @@ import { HeaderBase as ar } from "./Header/HeaderBase.js";
 import { HeaderLogo as xr } from "./Header/HeaderLogo.js";
 import { HeaderButton as ir } from "./Header/HeaderButton.js";
 import { HistoryList as sr } from "./History/HistoryList.js";
-import { HistoryItem as Br } from "./History/HistoryItem.js";
+import { HistoryItem as lr } from "./History/HistoryItem.js";
 import { Icon as gr } from "./Icon/Icon.js";
 import { SvgIcon as Lr } from "./Icon/SvgIcon.js";
 import { CheckboxIcon as dr } from "./Icon/CheckboxIcon.js";
@@ -66,54 +66,55 @@ import { iconsMap as Sr } from "./Icon/iconsMap.js";
 import { LayoutBase as Ar } from "./Layout/LayoutBase.js";
 import { LayoutBody as hr } from "./Layout/LayoutBody.js";
 import { LayoutContent as Tr } from "./Layout/LayoutContent.js";
-import { LayoutSidebar as Cr } from "./Layout/LayoutSidebar.js";
+import { LayoutSidebar as Fr } from "./Layout/LayoutSidebar.js";
 import { Layout as Rr } from "./Layout/Layout.js";
 import { ActionHeader as Or } from "./LayoutAction/ActionHeader.js";
 import { ActionFooter as Er } from "./LayoutAction/ActionFooter.js";
 import { ActionMenu as jr } from "./LayoutAction/ActionMenu.js";
 import { ListItemBase as zr } from "./List/ListItemBase.js";
 import { ListItemHeader as Kr } from "./List/ListItemHeader.js";
-import { ListItemFooter as Vr } from "./List/ListItemFooter.js";
-import { ListItemLabel as Xr } from "./List/ListItemLabel.js";
-import { ListItemMedia as Zr } from "./List/ListItemMedia.js";
-import { ListItem as $r } from "./List/ListItem.js";
-import { ListBase as re } from "./List/ListBase.js";
-import { List as te } from "./List/List.js";
-import { MenuItemBase as ae } from "./Menu/MenuItemBase.js";
-import { MenuItemLabel as xe } from "./Menu/MenuItemLabel.js";
-import { MenuItemMedia as ie } from "./Menu/MenuItemMedia.js";
-import { MenuItem as se } from "./Menu/MenuItem.js";
-import { MenuInputField as Be } from "./Menu/MenuInputField.js";
-import { MenuOption as ge } from "./Menu/MenuOption.js";
-import { MenuSearch as Le } from "./Menu/MenuSearch.js";
-import { MenuHeader as de } from "./Menu/MenuHeader.js";
-import { MenuItems as Ie } from "./Menu/MenuItems.js";
-import { MenuBase as ye, MenuList as He, MenuListItem as Se } from "./Menu/MenuBase.js";
-import { Menu as Ae } from "./Menu/Menu.js";
-import { MetaBase as he } from "./Meta/MetaBase.js";
-import { MetaList as Te, MetaListItem as ve } from "./Meta/MetaList.js";
-import { MetaItemBase as Pe } from "./Meta/MetaItemBase.js";
-import { MetaItemMedia as Ge } from "./Meta/MetaItemMedia.js";
-import { MetaItemLabel as Qe } from "./Meta/MetaItemLabel.js";
-import { MetaItem as Ne } from "./Meta/MetaItem.js";
-import { MetaProgress as qe } from "./Meta/MetaProgress.js";
-import { MetaTimestamp as Je } from "./Meta/MetaTimestamp.js";
-import { RootProvider as Ue, useRootContext as Ve } from "./RootProvider/RootProvider.js";
-import { Searchbar as Xe } from "./Searchbar/Searchbar.js";
-import { Snackbar as Ze } from "./Snackbar/Snackbar.js";
-import { SnackbarBase as $e } from "./Snackbar/SnackbarBase.js";
-import { SnackbarMedia as rt } from "./Snackbar/SnackbarMedia.js";
-import { SnackbarLabel as tt } from "./Snackbar/SnackbarLabel.js";
-import { ToolbarBase as at } from "./Toolbar/ToolbarBase.js";
-import { ToolbarButton as xt } from "./Toolbar/ToolbarButton.js";
-import { Toolbar as it } from "./Toolbar/Toolbar.js";
-import { PageBase as st } from "./Page/PageBase.js";
-import { PageHeader as Bt } from "./Page/PageHeader.js";
-import { SectionBase as gt } from "./Page/SectionBase.js";
-import { SectionHeader as Lt } from "./Page/SectionHeader.js";
-import { SectionFooter as dt } from "./Page/SectionFooter.js";
-import { Typography as It } from "./Typography/Typography.js";
-import { Heading as yt } from "./Typography/Heading.js";
+import { ListItemLabel as Vr } from "./List/ListItemLabel.js";
+import { ListItemMedia as Xr } from "./List/ListItemMedia.js";
+import { ListItemControls as Zr } from "./List/ListItemControls.js";
+import { ListItemSelect as $r } from "./List/ListItemSelect.js";
+import { ListItem as re } from "./List/ListItem.js";
+import { ListBase as te } from "./List/ListBase.js";
+import { List as ae } from "./List/List.js";
+import { MenuItemBase as xe } from "./Menu/MenuItemBase.js";
+import { MenuItemLabel as ie } from "./Menu/MenuItemLabel.js";
+import { MenuItemMedia as se } from "./Menu/MenuItemMedia.js";
+import { MenuItem as le } from "./Menu/MenuItem.js";
+import { MenuInputField as ge } from "./Menu/MenuInputField.js";
+import { MenuOption as Le } from "./Menu/MenuOption.js";
+import { MenuSearch as de } from "./Menu/MenuSearch.js";
+import { MenuHeader as Ie } from "./Menu/MenuHeader.js";
+import { MenuItems as ye } from "./Menu/MenuItems.js";
+import { MenuBase as Se, MenuList as ke, MenuListItem as Ae } from "./Menu/MenuBase.js";
+import { Menu as he } from "./Menu/Menu.js";
+import { MetaBase as Te } from "./Meta/MetaBase.js";
+import { MetaList as Fe, MetaListItem as Pe } from "./Meta/MetaList.js";
+import { MetaItemBase as Ge } from "./Meta/MetaItemBase.js";
+import { MetaItemMedia as Qe } from "./Meta/MetaItemMedia.js";
+import { MetaItemLabel as Ne } from "./Meta/MetaItemLabel.js";
+import { MetaItem as qe } from "./Meta/MetaItem.js";
+import { MetaProgress as Je } from "./Meta/MetaProgress.js";
+import { MetaTimestamp as Ue } from "./Meta/MetaTimestamp.js";
+import { RootProvider as We, useRootContext as Xe } from "./RootProvider/RootProvider.js";
+import { Searchbar as Ze } from "./Searchbar/Searchbar.js";
+import { Snackbar as $e } from "./Snackbar/Snackbar.js";
+import { SnackbarBase as rt } from "./Snackbar/SnackbarBase.js";
+import { SnackbarMedia as tt } from "./Snackbar/SnackbarMedia.js";
+import { SnackbarLabel as at } from "./Snackbar/SnackbarLabel.js";
+import { ToolbarBase as xt } from "./Toolbar/ToolbarBase.js";
+import { ToolbarButton as it } from "./Toolbar/ToolbarButton.js";
+import { Toolbar as st } from "./Toolbar/Toolbar.js";
+import { PageBase as lt } from "./Page/PageBase.js";
+import { PageHeader as gt } from "./Page/PageHeader.js";
+import { SectionBase as Lt } from "./Page/SectionBase.js";
+import { SectionHeader as dt } from "./Page/SectionHeader.js";
+import { SectionFooter as It } from "./Page/SectionFooter.js";
+import { Typography as yt } from "./Typography/Typography.js";
+import { Heading as St } from "./Typography/Heading.js";
 export {
   Zo as AccountButton,
   Vo as AccountMenu,
@@ -128,7 +129,7 @@ export {
   To as Backdrop,
   n as Badge,
   u as BookmarksList,
-  l as BookmarksListItem,
+  B as BookmarksListItem,
   S as Button,
   d as ButtonBase,
   y as ButtonIcon,
@@ -136,7 +137,7 @@ export {
   dr as CheckboxIcon,
   A as ComboButton,
   T as ContextMenu,
-  C as Dialog,
+  F as Dialog,
   j as DialogActions,
   z as DialogActivityLog,
   K as DialogArticleBase,
@@ -154,14 +155,14 @@ export {
   E as DialogListItem,
   O as DialogMetadata,
   so as DialogNav,
-  Bo as DialogSectionBase,
+  lo as DialogSectionBase,
   go as DialogSeenBy,
   Lo as DialogSelect,
   Mo as DialogStatus,
   Io as DialogStatusEnum,
   yo as DialogTitle,
   So as DialogTouchedBy,
-  Co as DrawerBase,
+  Fo as DrawerBase,
   jo as DrawerBody,
   Eo as DrawerButton,
   Oo as DrawerFooter,
@@ -174,8 +175,8 @@ export {
   ar as HeaderBase,
   ir as HeaderButton,
   xr as HeaderLogo,
-  yt as Heading,
-  Br as HistoryItem,
+  St as Heading,
+  lr as HistoryItem,
   sr as HistoryList,
   gr as Icon,
   h as IconButton,
@@ -183,58 +184,59 @@ export {
   Ar as LayoutBase,
   hr as LayoutBody,
   Tr as LayoutContent,
-  Cr as LayoutSidebar,
-  te as List,
-  re as ListBase,
-  $r as ListItem,
+  Fr as LayoutSidebar,
+  ae as List,
+  te as ListBase,
+  re as ListItem,
   zr as ListItemBase,
-  Vr as ListItemFooter,
+  Zr as ListItemControls,
   Kr as ListItemHeader,
-  Xr as ListItemLabel,
-  Zr as ListItemMedia,
+  Vr as ListItemLabel,
+  Xr as ListItemMedia,
+  $r as ListItemSelect,
   rr as LogoutButton,
-  Ae as Menu,
-  ye as MenuBase,
-  de as MenuHeader,
-  Be as MenuInputField,
-  se as MenuItem,
-  ae as MenuItemBase,
-  xe as MenuItemLabel,
-  ie as MenuItemMedia,
-  Ie as MenuItems,
-  He as MenuList,
-  Se as MenuListItem,
-  ge as MenuOption,
-  Le as MenuSearch,
-  he as MetaBase,
-  Ne as MetaItem,
-  Pe as MetaItemBase,
-  Qe as MetaItemLabel,
-  Ge as MetaItemMedia,
-  Te as MetaList,
-  ve as MetaListItem,
-  qe as MetaProgress,
-  Je as MetaTimestamp,
-  st as PageBase,
-  Bt as PageHeader,
+  he as Menu,
+  Se as MenuBase,
+  Ie as MenuHeader,
+  ge as MenuInputField,
+  le as MenuItem,
+  xe as MenuItemBase,
+  ie as MenuItemLabel,
+  se as MenuItemMedia,
+  ye as MenuItems,
+  ke as MenuList,
+  Ae as MenuListItem,
+  Le as MenuOption,
+  de as MenuSearch,
+  Te as MetaBase,
+  qe as MetaItem,
+  Ge as MetaItemBase,
+  Ne as MetaItemLabel,
+  Qe as MetaItemMedia,
+  Fe as MetaList,
+  Pe as MetaListItem,
+  Je as MetaProgress,
+  Ue as MetaTimestamp,
+  lt as PageBase,
+  gt as PageHeader,
   yr as ProgressIcon,
   c as QueryItem,
   L as QueryLabel,
   Ir as RadioIcon,
-  Ue as RootProvider,
-  Xe as Searchbar,
-  gt as SectionBase,
-  dt as SectionFooter,
-  Lt as SectionHeader,
-  Ze as Snackbar,
-  $e as SnackbarBase,
-  tt as SnackbarLabel,
-  rt as SnackbarMedia,
+  We as RootProvider,
+  Ze as Searchbar,
+  Lt as SectionBase,
+  It as SectionFooter,
+  dt as SectionHeader,
+  $e as Snackbar,
+  rt as SnackbarBase,
+  at as SnackbarLabel,
+  tt as SnackbarMedia,
   Lr as SvgIcon,
-  it as Toolbar,
-  at as ToolbarBase,
-  xt as ToolbarButton,
-  It as Typography,
+  st as Toolbar,
+  xt as ToolbarBase,
+  it as ToolbarButton,
+  yt as Typography,
   Sr as iconsMap,
-  Ve as useRootContext
+  Xe as useRootContext
 };