@altinn/altinn-components 0.37.0 → 0.38.0

package/dist/components/Menu/MenuItems.js

@@ -1,79 +1,85 @@
 "use client";
-import { jsxs as c, jsx as d, Fragment as B } from "react/jsx-runtime";
-import { Fragment as E } from "react";
+import { jsxs as c, jsx as d, Fragment as K } from "react/jsx-runtime";
+import { useRef as R, Fragment as S } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as G } from "../../hooks/useMenu.js";
+import { useMenu as _ } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as H } from "./MenuItem.js";
-import { MenuSearch as K } from "./MenuSearch.js";
-import { MenuHeader as S } from "./MenuHeader.js";
-import { MenuList as _, MenuListItem as i } from "./MenuBase.js";
+import { MenuItem as $ } from "./MenuItem.js";
+import { MenuSearch as q } from "./MenuSearch.js";
+import { MenuHeader as w } from "./MenuHeader.js";
+import { MenuList as A, MenuListItem as i } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const $ = ({
-  level: h = 0,
+const C = ({
+  level: f = 0,
   expanded: F,
-  search: f,
+  search: h,
   items: j,
   groups: r = {},
   defaultItemSize: x,
   defaultItemColor: M,
   defaultItemTheme: I,
-  defaultIconTheme: v,
-  as: z
+  defaultIconTheme: b,
+  as: z,
+  keyboardEvents: E,
+  onSelect: L = () => {
+  }
 }) => {
-  const { menu: b } = G({
+  const o = R(null), { menu: v } = _({
     items: j,
     groups: r,
     groupByKey: "groupId",
-    keyboardEvents: !1
+    keyboardEvents: E ?? !1,
+    onSelect: L,
+    ref: o
   });
-  return /* @__PURE__ */ c(_, { expanded: F, as: z, children: [
-    f && /* @__PURE__ */ d(K, { ...f }),
-    b.map((t, l) => {
-      const n = (t == null ? void 0 : t.props) || {}, { title: y, divider: L = !0 } = n, T = b[l + 1];
-      return /* @__PURE__ */ c(E, { children: [
-        (h > 0 || l) && L ? /* @__PURE__ */ d(i, { role: "separator" }) : "",
-        y && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(S, { title: y }) }),
-        t == null ? void 0 : t.items.filter((a) => {
-          var m;
-          return !((m = a.props) != null && m.hidden);
-        }).map((a, m) => {
-          const { active: k } = a, { groupId: q, ...e } = a.props || {}, { expanded: s } = e, o = t == null ? void 0 : t.items[m + 1];
+  return /* @__PURE__ */ c(A, { expanded: F, as: z, ref: o, children: [
+    h && /* @__PURE__ */ d(q, { ...h }),
+    v.map((t, l) => {
+      const n = (t == null ? void 0 : t.props) || {}, { title: y, divider: T = !0 } = n, k = v[l + 1];
+      return /* @__PURE__ */ c(S, { children: [
+        (f > 0 || l) && T ? /* @__PURE__ */ d(i, { role: "separator" }) : "",
+        y && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(w, { title: y }) }),
+        t == null ? void 0 : t.items.filter((m) => {
+          var a;
+          return !((a = m.props) != null && a.hidden);
+        }).map((m, a) => {
+          const { active: B, onMouseEnter: G } = m, { groupId: D, ...e } = m.props || {}, { expanded: s } = e, H = t == null ? void 0 : t.items[a + 1];
           return /* @__PURE__ */ c(i, { expanded: s, children: [
             /* @__PURE__ */ d(
-              H,
+              $,
               {
                 ...e,
                 size: (e == null ? void 0 : e.size) || (n == null ? void 0 : n.defaultItemSize) || x,
                 color: (e == null ? void 0 : e.color) || (n == null ? void 0 : n.defaultItemColor) || M,
                 theme: (e == null ? void 0 : e.theme) || (n == null ? void 0 : n.defaultItemTheme) || I,
-                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || v,
-                active: k,
-                tabIndex: e != null && e.disabled ? -1 : 0
+                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || b,
+                active: B,
+                tabIndex: e != null && e.disabled ? -1 : e.tabIndex ?? 0,
+                onMouseEnter: G
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ c(B, { children: [
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ c(K, { children: [
               /* @__PURE__ */ d(
-                $,
+                C,
                 {
                   expanded: s,
-                  level: h + 1,
+                  level: f + 1,
                   items: e == null ? void 0 : e.items,
                   groups: r,
                   defaultItemSize: x,
                   defaultItemColor: M,
                   defaultItemTheme: I,
-                  defaultIconTheme: v
+                  defaultIconTheme: b
                 }
               ),
-              (T || o) && /* @__PURE__ */ d(i, { role: "separator", as: "div" })
+              (k || H) && /* @__PURE__ */ d(i, { role: "separator", as: "div" })
             ] })
-          ] }, m);
+          ] }, a);
         })
       ] }, l);
     })
   ] });
 };
 export {
-  $ as MenuItems
+  C as MenuItems
 };

package/dist/components/Searchbar/Autocomplete.js

@@ -1,47 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useRef as k, createElement as l } from "react";
-import { useMenu as y } from "../../hooks/useMenu.js";
-import { useEnterKey as E } from "../../hooks/useEnterKey.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as y, createElement as b } from "react";
+import { useMenu as v } from "../../hooks/useMenu.js";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as h } from "./AutocompleteBase.js";
-import { AutocompleteGroup as x } from "./AutocompleteGroup.js";
-import { AutocompleteItem as g } from "./AutocompleteItem.js";
+import { AutocompleteBase as E } from "./AutocompleteBase.js";
+import { AutocompleteGroup as g } from "./AutocompleteGroup.js";
+import { AutocompleteItem as h } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-const z = ({ className: p, items: n, id: a, groups: c = {}, expanded: i, onSelect: r }) => {
-  const u = k(null);
-  E(() => {
-    var e;
-    if (i) {
-      const t = (e = u.current) == null ? void 0 : e.querySelector('[data-active="true"]');
-      t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), r == null || r();
-    }
-  });
-  const { menu: f, setActiveIndex: d } = y({
-    items: n,
-    groups: c,
+const z = ({ className: u, items: s, id: i, groups: n = {}, expanded: e, onSelect: r }) => {
+  const m = y(null), { menu: c, setActiveIndex: f } = v({
+    items: s,
+    groups: n,
     groupByKey: "groupId",
-    keyboardEvents: !0
+    keyboardEvents: e,
+    onSelect: r,
+    ref: m
   });
-  return /* @__PURE__ */ m(h, { className: p, expanded: i, ref: u, id: a, children: f.map((e, t) => /* @__PURE__ */ l(x, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, b) => {
+  return /* @__PURE__ */ t(E, { className: u, expanded: e, ref: m, id: i, children: c.map((p, a) => /* @__PURE__ */ b(g, { ...p.props, key: a }, /* @__PURE__ */ t("ul", { children: p.items.map((d, I) => {
     const {
-      active: v,
+      active: l,
       menuIndex: A,
-      props: { groupId: M, onClick: o, ...I }
-    } = s;
-    return /* @__PURE__ */ m(
-      g,
+      props: { groupId: k, onClick: o, ...x }
+    } = d;
+    return /* @__PURE__ */ t(
+      h,
       {
         as: "button",
         tabIndex: -1,
-        onMouseEnter: () => d(A),
-        ...I,
+        onMouseEnter: () => f(A),
+        ...x,
         onClick: () => {
           o == null || o(), r == null || r();
         },
-        active: v
+        active: l
       },
-      b
+      I
     );
   }) }))) });
 };

package/dist/components/Searchbar/Searchbar.js

@@ -6,7 +6,7 @@ import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
 import { Autocomplete as S } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({
+const q = ({
   className: g,
   autocomplete: a,
   expanded: e = !1,
@@ -20,8 +20,8 @@ const k = ({
     expanded: e,
     autocomplete: !!a,
     onBlurCapture: (t) => {
-      var i, o, u, s, l, d, m, b;
-      const c = (u = (o = (i = t.target) == null ? void 0 : i.attributes) == null ? void 0 : o.getNamedItem("data-testid")) == null ? void 0 : u.value;
+      var o, i, u, s, l, d, m, b;
+      const c = (u = (i = (o = t.target) == null ? void 0 : o.attributes) == null ? void 0 : i.getNamedItem("data-testid")) == null ? void 0 : u.value;
       (s = t == null ? void 0 : t.relatedTarget) != null && s.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (c === "search-button-clear" || c === "search-button-close" || c === "searchbar-input" && ((l = t.relatedTarget) == null ? void 0 : l.getAttribute("data-testid")) !== "searchbar-input" && ((d = t.relatedTarget) == null ? void 0 : d.getAttribute("data-testid")) !== "search-button-clear" && ((m = t.relatedTarget) == null ? void 0 : m.getAttribute("data-testid")) !== "search-button-close" && ((b = t.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "autocomplete-list") && (r == null || r());
     },
     children: [
@@ -40,5 +40,5 @@ const k = ({
   }
 );
 export {
-  k as Searchbar
+  q as Searchbar
 };

package/dist/components/SkipLink/SkipLink.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../lite-1fxw3LjI.js";
+import { forwardRef as c } from "react";
+const e = c(function({ children: i, className: r, ...o }, t) {
+  return s("a", { className: a("ds-skiplink", r), ...o, ref: t, children: i });
+}), m = ({ color: n, size: i, children: r, href: o }) => /* @__PURE__ */ s(
+  e,
+  {
+    "data-color": n,
+    "data-size": i,
+    href: o,
+    children: r
+  }
+);
+export {
+  m as SkipLink
+};

package/dist/components/SkipLink/index.js

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

package/dist/hooks/useEnterKey.js

@@ -1,15 +1,15 @@
 "use client";
-import { useEffect as c } from "react";
-const u = (e) => {
-  c(() => {
-    const t = (s) => {
-      s.key === "Enter" && (e == null || e());
+import { useEffect as d } from "react";
+const s = (e) => {
+  d(() => {
+    const t = (u) => {
+      u.key === "Enter" && (e == null || e(u));
     };
-    return document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
+    return document.addEventListener("keydown", t, !0), () => {
+      document.removeEventListener("keydown", t, !0);
     };
   }, [e]);
 };
 export {
-  u as useEnterKey
+  s as useEnterKey
 };

package/dist/hooks/useMenu.js

@@ -1,40 +1,55 @@
 "use client";
-import { useState as w, useMemo as x, useCallback as i, useEffect as k } from "react";
+import { useState as v, useMemo as w, useCallback as x, useEffect as m } from "react";
+import { useEnterKey as b } from "./useEnterKey.js";
 const I = ({
-  items: n,
-  groups: f,
-  groupByKey: u,
-  keyboardEvents: a = !1,
-  sortGroupBy: p
+  items: u,
+  groups: p,
+  groupByKey: c,
+  keyboardEvents: i = !1,
+  sortGroupBy: h,
+  onSelect: a,
+  ref: l
 }) => {
-  const [l, d] = w(-1), h = x(() => {
-    const r = n.reduce(
-      (o, s) => {
-        const e = u && s[u] ? s[u] : "ungrouped";
-        return o[e] = o[e] || [], o[e].push(s), o;
+  const [f, s] = v(-1);
+  b(() => {
+    var n;
+    if (i) {
+      const e = (n = l && "current" in l ? l.current : null) == null ? void 0 : n.querySelector(
+        '[data-active="true"]'
+      );
+      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a == null || a();
+    }
+  });
+  const k = w(() => {
+    const n = u.reduce(
+      (r, o) => {
+        const t = c && o[c] ? o[c] : "ungrouped";
+        return r[t] = r[t] || [], r[t].push(o), r;
       },
       {}
-    ), t = Object.values(r).flat();
-    return Object.entries(r).sort(p || (() => 0)).map(([o, s]) => ({
-      items: s.map((e) => ({
-        menuIndex: t.indexOf(e),
-        active: l === t.indexOf(e),
-        props: e
+    ), e = Object.values(n).flat();
+    return Object.entries(n).sort(h || (() => 0)).map(([r, o]) => ({
+      items: o.map((t) => ({
+        menuIndex: e.indexOf(t),
+        active: f === e.indexOf(t),
+        onMouseEnter: () => {
+          s(e.indexOf(t));
+        },
+        props: t
       })),
-      props: f[o] || {}
+      props: {
+        ...p[r] || {}
+      }
     }));
-  }, [n, u, l, f]), c = i(
-    (r) => {
-      r.key === "ArrowDown" ? d((t) => (t + 1) % n.length) : r.key === "ArrowUp" && d((t) => (t - 1 + n.length) % n.length);
+  }, [u, c, f, p]), d = x(
+    (n) => {
+      n.key === "ArrowDown" ? (n.preventDefault(), s((e) => (e + 1) % u.length)) : n.key === "ArrowUp" && (n.preventDefault(), s((e) => (e - 1 + u.length) % u.length));
     },
-    [n.length]
+    [u.length]
   );
-  return k(() => {
-    if (a)
-      return d(0), document.addEventListener("keydown", c), () => {
-        document.removeEventListener("keydown", c);
-      };
-  }, [c, a]), { menu: h, activeIndex: l, setActiveIndex: d };
+  return m(() => (i && (s(0), document.addEventListener("keydown", d)), () => {
+    document.removeEventListener("keydown", d);
+  }), [d, i]), { menu: k, activeIndex: f, setActiveIndex: s };
 };
 export {
   I as useMenu

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

@@ -12,5 +12,6 @@ export interface IconButtonProps {
     className?: string;
     onClick?: MouseEventHandler;
     dataTestId?: string;
+    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
 }
-export declare const IconButton: ({ variant, rounded, size, icon, iconSize, iconAltText, color, className, selected, onClick, dataTestId, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ variant, rounded, size, icon, iconSize, iconAltText, color, className, selected, onClick, dataTestId, onBlurCapture, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dropdown/DrawerOrDropdown.d.ts

@@ -1,8 +1,8 @@
 import { MouseEventHandler, ReactNode } from 'react';
 import { DrawerButtonProps } from '../';
 export interface DrawerOrDropdownProps {
-    drawerTitle: string;
     children: ReactNode;
+    drawerTitle?: string;
     open?: boolean;
     onClose?: MouseEventHandler;
     drawerButton?: DrawerButtonProps;

package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts

@@ -28,3 +28,4 @@ export declare const CurrentAccount: (args: GlobalMenuProps) => import("react/js
 export declare const CompanyAccount: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SingleAccount: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: Story;
+export declare const InterimMenu: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/LocaleButton.d.ts

@@ -3,5 +3,6 @@ export interface LocaleButtonProps {
     id?: string;
     expanded?: boolean;
     onClick?: MouseEventHandler;
+    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
 }
-export declare const LocaleButton: ({ id, expanded, onClick }: LocaleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LocaleButton: ({ id, expanded, onClick, onBlurCapture }: LocaleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/LocaleSwitcher.d.ts

@@ -1,10 +1,7 @@
-import { ChangeEventHandler } from 'react';
 import { MenuOptionProps } from '../Menu';
 export interface LocaleSwitcherProps {
-    id?: string;
     title?: string;
     options: MenuOptionProps[];
-    className?: string;
-    onChange?: ChangeEventHandler;
+    onSelect?: (value: string) => void;
 }
-export declare const LocaleSwitcher: ({ title, options, onChange }: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LocaleSwitcher: ({ title, options, onSelect }: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Layout/Layout.d.ts

@@ -3,6 +3,7 @@ import { LayoutColor, LayoutTheme } from '.';
 import { FooterProps } from '../Footer';
 import { HeaderProps } from '../Header';
 import { MenuProps } from '../Menu';
+import { SkipLinkProps } from '../SkipLink';
 interface SidebarProps {
     color?: LayoutColor;
     menu?: MenuProps;
@@ -20,6 +21,7 @@ export interface LayoutProps {
     sidebar?: SidebarProps;
     content?: ContentProps;
     children?: ReactNode;
+    skipLink?: SkipLinkProps;
 }
-export declare const Layout: ({ color, theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Layout/Layout.stories.d.ts

@@ -1,12 +1,18 @@
 import { LayoutProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ color, theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     args: {
         theme: "subtle";
+        skipLink: {
+            href: string;
+            color: import('..').Color;
+            size: import('..').Size;
+            children: string;
+        };
         header: import('..').HeaderProps;
         footer: import('..').FooterProps;
         sidebar: {

package/dist/types/lib/components/Layout/LayoutContent.d.ts

@@ -1,7 +1,14 @@
-import { LayoutBaseProps } from './LayoutBase';
+import { ReactNode } from 'react';
+import { LayoutColor } from './LayoutBase';
+interface LayoutContentProps {
+    color?: LayoutColor;
+    children?: ReactNode;
+    id?: string;
+}
 /**
  * Content layout container. Should be a child of LayoutBody.
  *
  *
  */
-export declare const LayoutContent: ({ color, children }: LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayoutContent: ({ color, children, id }: LayoutContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/components/Menu/MenuBase.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, ReactNode } from 'react';
+import { ElementType, MouseEventHandler, ReactNode } from 'react';
 import { Color } from '..';
 export type MenuColor = Color;
 export type MenuTheme = 'transparent' | 'default' | 'subtle';
@@ -17,6 +17,8 @@ export interface MenuListProps {
     expanded?: boolean;
     className?: string;
     children?: ReactNode;
+    ref?: React.Ref<HTMLUListElement>;
+    onMouseEnter?: MouseEventHandler;
 }
 export interface MenuListItemProps {
     as?: ElementType;
@@ -28,5 +30,5 @@ export interface MenuListItemProps {
     dataIndex?: number;
 }
 export declare const MenuBase: ({ as, color, theme, className, children }: MenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuList: ({ as, role, className, children }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuList: ({ as, role, className, children, ref, onMouseEnter }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MenuListItem: ({ as, role, className, children, style, dataIndex, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, ReactNode } from 'react';
+import { ElementType, MouseEventHandler, ReactNode } from 'react';
 import { BadgeProps, MenuItemColor, MenuItemIconProps, MenuItemLabelProps, MenuItemSize, MenuItemTheme } from '../';
 export interface MenuItemProps {
     id: string;
@@ -30,5 +30,6 @@ export interface MenuItemProps {
     className?: string;
     label?: ReactNode;
     items?: MenuItemProps[];
+    onMouseEnter?: MouseEventHandler;
 }
 export declare const MenuItem: ({ as, size, color, theme, collapsible, expanded, icon, iconTheme, iconBadge, title, description, badge, controls, linkIcon, label, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItemBase.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
+import { ElementType, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
 import { Color } from '..';
 export type MenuItemColor = Color;
 export type MenuItemSize = 'sm' | 'md' | 'lg';
@@ -20,5 +20,6 @@ export interface MenuItemBaseProps {
     selected?: boolean;
     expanded?: boolean;
     children?: ReactNode;
+    onMouseEnter?: MouseEventHandler;
 }
-export declare const MenuItemBase: ({ interactive, as, color, theme, size, className, href, onClick, onKeyPress, tabIndex, hidden, selected, disabled, children, }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemBase: ({ interactive, as, color, theme, size, className, href, onClick, onKeyPress, tabIndex, hidden, selected, disabled, children, active, onMouseEnter, }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItems.d.ts

@@ -25,5 +25,7 @@ export interface MenuItemsProps {
     defaultItemTheme?: MenuItemTheme;
     defaultIconTheme?: IconTheme;
     as?: ElementType;
+    keyboardEvents?: boolean;
+    onSelect?: () => void;
 }
-export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, as, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, as, keyboardEvents, onSelect, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/SkipLink/SkipLink.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Color, Size } from '../../types';
+export interface SkipLinkProps {
+    color: Color;
+    size: Size;
+    children: ReactNode;
+    href: string;
+}
+export declare const SkipLink: ({ color, size, children, href }: SkipLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/SkipLink/SkipLink.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryFn } from '@storybook/react-vite';
+import { SkipLink } from './SkipLink.tsx';
+type Story = StoryFn<typeof SkipLink>;
+declare const _default: {
+    title: string;
+    component: ({ color, size, children, href }: import('./SkipLink.tsx').SkipLinkProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        href: string;
+        color: import('../index.ts').Color;
+        size: import('../index.ts').Size;
+        children: string;
+    };
+};
+export default _default;
+export declare const Preview: Story;

package/dist/types/lib/components/SkipLink/index.d.ts

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

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -40,10 +40,10 @@ declare const meta: {
         onClick?: (() => void) | undefined;
         onKeyPress?: React.KeyboardEventHandler | undefined;
         tabIndex?: number | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         description?: React.ReactNode | import('..').HeadingProps;
         collapsible?: boolean | undefined;
         linkIcon?: boolean | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         ariaLabel?: string | undefined;
         shadow?: import('..').Shadow | undefined;
     };

package/dist/types/lib/hooks/useEnterKey.d.ts

@@ -1 +1 @@
-export declare const useEnterKey: (onEnter?: () => void) => void;
+export declare const useEnterKey: (onEnter?: (e: KeyboardEvent) => void) => void;

package/dist/types/lib/hooks/useMenu.d.ts

@@ -1,7 +1,9 @@
+import { MouseEventHandler } from 'react';
 export interface UseMenuItemProps<T> {
     menuIndex: number;
-    active?: boolean;
     props: T;
+    active?: boolean;
+    onMouseEnter?: MouseEventHandler;
 }
 export interface UseMenuGroup<T, V> {
     items: UseMenuItemProps<T>[];
@@ -15,8 +17,10 @@ export interface UseMenuOutput<T, V> {
 export interface UseMenuInput<T, V> {
     items: T[];
     groups: Record<string, V>;
+    ref?: React.Ref<HTMLElement>;
     groupByKey?: keyof T;
     keyboardEvents?: boolean;
     sortGroupBy?: (a: [string, T[]], b: [string, T[]]) => number;
+    onSelect?: () => void;
 }
-export declare const useMenu: <T, V>({ items, groups, groupByKey, keyboardEvents, sortGroupBy, }: UseMenuInput<T, V>) => UseMenuOutput<T, V>;
+export declare const useMenu: <T, V>({ items, groups, groupByKey, keyboardEvents, sortGroupBy, onSelect, ref, }: UseMenuInput<T, V>) => UseMenuOutput<T, V>;

package/dist/types/lib/stories/Beta.stories.d.ts

@@ -0,0 +1,11 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+export declare const InboxBeta: () => import("react/jsx-runtime").JSX.Element;
+export declare const AdminBeta: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "main": "dist/index.js",
   "files": [
     "dist/",

package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { LocaleSwitcherProps } from './LocaleSwitcher';
-declare const meta: {
-    title: string;
-    component: ({ title, options, onChange }: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        id?: string;
-        title?: string;
-        options: import('..').MenuOptionProps[];
-        className?: string;
-        onChange?: React.ChangeEventHandler;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Controlled: (args: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;