@altinn/altinn-components 0.6.2 → 0.6.4

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

@@ -0,0 +1,18 @@
+import { ChangeEventHandler } from 'react';
+import { MenuOptionProps, MenuSearchProps } from '../Menu';
+export type ToolbarOptionType = 'checkbox' | 'radio';
+export interface OptionGroup {
+    title?: string;
+    divider?: boolean;
+    optionType?: ToolbarOptionType;
+}
+export interface ToolbarOptionsProps {
+    options: MenuOptionProps[];
+    onChange?: ChangeEventHandler;
+    search?: MenuSearchProps;
+    optionType: ToolbarOptionType;
+    optionGroups?: {
+        [key: string]: OptionGroup;
+    };
+}
+export declare const ToolbarOptions: ({ search, optionGroups, options, onChange, optionType }: ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarOptions.js

@@ -0,0 +1,47 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { Fragment as M } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { MenuOption as v } from "../Menu/MenuOption.js";
+import { MenuSearch as j } from "../Menu/MenuSearch.js";
+import { MenuHeader as x } from "../Menu/MenuHeader.js";
+import "../RootProvider/RootProvider.js";
+import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
+const q = ({ search: d, optionGroups: o = {}, options: h, onChange: b, optionType: g }) => {
+  var p;
+  const a = h.reduce(
+    (e, l) => {
+      const n = l.groupId || "";
+      return e[n] = e[n] || [], e[n].push(l), e;
+    },
+    {}
+  );
+  return /* @__PURE__ */ c(O, { theme: "global", children: [
+    d && /* @__PURE__ */ r(j, { ...d }),
+    /* @__PURE__ */ r(I, { children: (p = Object.keys(a)) == null ? void 0 : p.map((e, l) => {
+      var i;
+      const n = o[e] || {}, { title: u, divider: f = !0 } = n;
+      return /* @__PURE__ */ c(M, { children: [
+        l && f ? /* @__PURE__ */ r(m, { role: "separator" }) : "",
+        u && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: u }) }),
+        (i = a[e]) == null ? void 0 : i.map((t) => {
+          var s;
+          return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+            v,
+            {
+              onChange: b,
+              label: t.label,
+              badge: t.badge,
+              type: t.type || ((s = o == null ? void 0 : o[e]) == null ? void 0 : s.optionType) || g,
+              value: t.value,
+              checked: t.checked
+            }
+          ) }, t.value);
+        })
+      ] }, e);
+    }) })
+  ] });
+};
+export {
+  q as ToolbarOptions
+};

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

@@ -0,0 +1,103 @@
+import { ToolbarOptions as e } from "./ToolbarOptions.js";
+const o = {
+  title: "Toolbar/ToolbarOptions",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {}
+}, t = {
+  args: {
+    optionType: "checkbox",
+    options: [
+      {
+        type: "checkbox",
+        label: "Skatteetaten",
+        value: "1"
+      },
+      {
+        type: "checkbox",
+        label: "Digdir",
+        value: "2"
+      },
+      {
+        type: "checkbox",
+        checked: !0,
+        label: "Helstilsynet",
+        value: "3"
+      }
+    ]
+  }
+}, l = {
+  args: {
+    optionType: "radio",
+    options: [
+      {
+        type: "radio",
+        label: "Skatteetaten",
+        value: "1"
+      },
+      {
+        type: "radio",
+        label: "Digdir",
+        value: "2"
+      },
+      {
+        type: "radio",
+        checked: !0,
+        label: "Helstilsynet",
+        value: "3"
+      }
+    ]
+  }
+}, r = {
+  args: {
+    optionGroups: {
+      a: {
+        title: "Velg skadedyr",
+        optionType: "radio"
+      },
+      b: {
+        title: "Velg straff",
+        optionType: "checkbox"
+      }
+    },
+    options: [
+      {
+        groupId: "a",
+        name: "animal",
+        label: "Katt",
+        value: "cat",
+        checked: !0
+      },
+      {
+        groupId: "a",
+        name: "animal",
+        label: "Mus",
+        value: "mouse"
+      },
+      {
+        groupId: "a",
+        name: "animal",
+        label: "Veggdyr",
+        value: "spider"
+      },
+      {
+        groupId: "b",
+        label: "Husarrest",
+        value: "digdir"
+      },
+      {
+        groupId: "b",
+        checked: !0,
+        label: "Piskeslag",
+        value: "helse"
+      }
+    ]
+  }
+};
+export {
+  t as Checkboxes,
+  l as Radio,
+  r as RadioCheckbox,
+  o as default
+};

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

@@ -0,0 +1,8 @@
+import { ChangeEventHandler } from 'react';
+export interface ToolbarSearchProps {
+    placeholder?: string;
+    name: string;
+    value: string;
+    onChange: ChangeEventHandler;
+}
+export declare const ToolbarSearch: ({ value, name, placeholder, onChange }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarSearch.js

@@ -0,0 +1,20 @@
+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
+  }
+) });
+export {
+  p as ToolbarSearch
+};

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

@@ -0,0 +1,14 @@
+import { ToolbarSearch as a } from "./ToolbarSearch.js";
+const t = {
+  title: "Toolbar/ToolbarSearch",
+  component: a,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {}
+}, r = {
+  args: {}
+};
+export {
+  r as Default,
+  t as default
+};

package/dist/components/Toolbar/index.js

@@ -0,0 +1,8 @@
+import { ToolbarBase as t } from "./ToolbarBase.js";
+import { ToolbarButton as e } from "./ToolbarButton.js";
+import { Toolbar as f } from "./Toolbar.js";
+export {
+  f as Toolbar,
+  t as ToolbarBase,
+  e as ToolbarButton
+};

package/dist/components/Typography/Heading.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type HeadingSize = 'sm' | 'md' | 'lg';
+export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface HeadingProps {
+    as?: HeadingComponent;
+    size?: HeadingSize;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Heading: ({ as, size, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Heading.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as o } from "../../index-L8X2o7IH.js";
+import '../../assets/Heading.css';const i = "_heading_1kfgw_1", c = {
+  heading: i
+}, m = ({ as: s = "h2", size: a = "md", className: e, children: n }) => /* @__PURE__ */ t(s, { className: o(c.heading, e), "data-size": a, children: n });
+export {
+  m as Heading
+};

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from 'react';
+import { LayoutTheme } from '../Layout';
+export type TypographySize = 'sm' | 'md' | 'lg';
+export interface TypographyProps {
+    as?: ElementType;
+    size?: TypographySize;
+    theme?: LayoutTheme;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Typography: ({ as, size, theme, className, children }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.js

@@ -0,0 +1,9 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as e } from "../../index-L8X2o7IH.js";
+import '../../assets/Typography.css';const m = "_typography_rbtyp_1", s = "_item_rbtyp_7", n = {
+  typography: m,
+  item: s
+}, _ = ({ as: t = "div", size: o = "md", theme: p, className: r, children: y }) => /* @__PURE__ */ a(t, { className: e(n.typography, r), "data-size": o, "data-theme": p, children: y });
+export {
+  _ as Typography
+};

package/dist/components/Typography/index.js

@@ -0,0 +1,6 @@
+import { Typography as p } from "./Typography.js";
+import { Heading as a } from "./Heading.js";
+export {
+  a as Heading,
+  p as Typography
+};

package/dist/components/index.js

@@ -0,0 +1,228 @@
+import { AttachmentLink as e } from "./Attachment/AttachmentLink.js";
+import { AttachmentList as m } from "./Attachment/AttachmentList.js";
+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 l } from "./Bookmarks/BookmarksList.js";
+import { BookmarksListItem as u } from "./Bookmarks/BookmarksListItem.js";
+import { QueryItem as D, QueryLabel as d } from "./Bookmarks/QueryLabel.js";
+import { ButtonBase as M } from "./Button/ButtonBase.js";
+import { ButtonLabel as I } from "./Button/ButtonLabel.js";
+import { ButtonIcon as y } from "./Button/ButtonIcon.js";
+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 v } from "./ContextMenu/ContextMenu.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";
+import { DialogListItemBase as j } from "./Dialog/DialogListItemBase.js";
+import { DialogActions as z } from "./Dialog/DialogActions.js";
+import { DialogActivityLog as K } from "./Dialog/DialogActivityLog.js";
+import { DialogArticleBase as V } from "./Dialog/DialogArticleBase.js";
+import { DialogBase as X } from "./Dialog/DialogBase.js";
+import { DialogBodyBase as Z } from "./Dialog/DialogBodyBase.js";
+import { DialogBorder as $ } from "./Dialog/DialogBorder.js";
+import { DialogContent as ro } from "./Dialog/DialogContent.js";
+import { DialogFooter as to } from "./Dialog/DialogFooter.js";
+import { DialogHeader as ao } from "./Dialog/DialogHeader.js";
+import { DialogHeaderBase as xo } from "./Dialog/DialogHeaderBase.js";
+import { DialogHeadings as io } from "./Dialog/DialogHeadings.js";
+import { DialogHistory as so } from "./Dialog/DialogHistory.js";
+import { DialogNav as Bo } from "./Dialog/DialogNav.js";
+import { DialogSectionBase as go } from "./Dialog/DialogSectionBase.js";
+import { DialogSeenBy as Lo } from "./Dialog/DialogSeenBy.js";
+import { DialogSelect as co } from "./Dialog/DialogSelect.js";
+import { DialogStatus as bo, DialogStatusEnum as yo } from "./Dialog/DialogStatus.js";
+import { DialogTitle as So } from "./Dialog/DialogTitle.js";
+import { DialogTouchedBy as Ao } from "./Dialog/DialogTouchedBy.js";
+import { DropdownBase as ho } from "./Dropdown/DropdownBase.js";
+import { Backdrop as vo } from "./Dropdown/Backdrop.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";
+import { DrawerBody as jo } from "./Dropdown/DrawerBody.js";
+import { DrawerOrDropdown as zo } from "./Dropdown/DrawerOrDropdown.js";
+import { Footer as Ko } from "./Footer/Footer.js";
+import { GlobalMenu as Vo } from "./GlobalMenu/GlobalMenu.js";
+import { Header as Xo } from "./Header/Header.js";
+import { HeaderBase as Zo } from "./Header/HeaderBase.js";
+import { HeaderLogo as $o } from "./Header/HeaderLogo.js";
+import { HeaderButton as rr } from "./Header/HeaderButton.js";
+import { HistoryList as tr } from "./History/HistoryList.js";
+import { HistoryItem as ar } from "./History/HistoryItem.js";
+import { Icon as xr } from "./Icon/Icon.js";
+import { SvgIcon as ir } from "./Icon/SvgIcon.js";
+import { CheckboxIcon as sr } from "./Icon/CheckboxIcon.js";
+import { RadioIcon as Br } from "./Icon/RadioIcon.js";
+import { ProgressIcon as gr } from "./Icon/ProgressIcon.js";
+import { iconsMap as dr } from "./Icon/iconsMap.js";
+import { LayoutBase as Mr } from "./Layout/LayoutBase.js";
+import { LayoutBody as Ir } from "./Layout/LayoutBody.js";
+import { LayoutContent as yr } from "./Layout/LayoutContent.js";
+import { LayoutSidebar as Sr } from "./Layout/LayoutSidebar.js";
+import { Layout as Ar } from "./Layout/Layout.js";
+import { ActionHeader as hr } from "./LayoutAction/ActionHeader.js";
+import { ActionFooter as vr } from "./LayoutAction/ActionFooter.js";
+import { ActionMenu as Fr } from "./LayoutAction/ActionMenu.js";
+import { ListItemBase as Rr } from "./List/ListItemBase.js";
+import { ListItem as Or } from "./List/ListItem.js";
+import { ListBase as Er } from "./List/ListBase.js";
+import { List as jr } from "./List/List.js";
+import { ListItemLabel as zr } from "./List/ListItemLabel.js";
+import { ListItemMedia as Kr } from "./List/ListItemMedia.js";
+import { MenuItemBase as Vr } from "./Menu/MenuItemBase.js";
+import { MenuItemLabel as Xr } from "./Menu/MenuItemLabel.js";
+import { MenuItemMedia as Zr } from "./Menu/MenuItemMedia.js";
+import { MenuItem as $r } from "./Menu/MenuItem.js";
+import { MenuInputField as re } from "./Menu/MenuInputField.js";
+import { MenuOption as te } from "./Menu/MenuOption.js";
+import { MenuSearch as ae } from "./Menu/MenuSearch.js";
+import { MenuHeader as xe } from "./Menu/MenuHeader.js";
+import { MenuItems as ie } from "./Menu/MenuItems.js";
+import { MenuBase as se, MenuList as le, MenuListItem as Be } from "./Menu/MenuBase.js";
+import { Menu as ge } from "./Menu/Menu.js";
+import { MetaBase as de } from "./Meta/MetaBase.js";
+import { MetaList as Me, MetaListItem as ce } from "./Meta/MetaList.js";
+import { MetaItemBase as be } from "./Meta/MetaItemBase.js";
+import { MetaItemMedia as He } from "./Meta/MetaItemMedia.js";
+import { MetaItemLabel as ke } from "./Meta/MetaItemLabel.js";
+import { MetaItem as we } from "./Meta/MetaItem.js";
+import { MetaProgress as Te } from "./Meta/MetaProgress.js";
+import { MetaTimestamp as Ce } from "./Meta/MetaTimestamp.js";
+import { RootProvider as Pe, useRootContext as Re } from "./RootProvider/RootProvider.js";
+import { Searchbar as Oe } from "./Searchbar/Searchbar.js";
+import { Snackbar as Ee } from "./Snackbar/Snackbar.js";
+import { SnackbarBase as je } from "./Snackbar/SnackbarBase.js";
+import { SnackbarMedia as ze } from "./Snackbar/SnackbarMedia.js";
+import { SnackbarLabel as Ke } from "./Snackbar/SnackbarLabel.js";
+import { ToolbarBase as Ve } from "./Toolbar/ToolbarBase.js";
+import { ToolbarButton as Xe } from "./Toolbar/ToolbarButton.js";
+import { Toolbar as Ze } from "./Toolbar/Toolbar.js";
+import { PageBase as $e } from "./Page/PageBase.js";
+import { PageHeader as rt } from "./Page/PageHeader.js";
+import { SectionBase as tt } from "./Page/SectionBase.js";
+import { SectionHeader as at } from "./Page/SectionHeader.js";
+import { SectionFooter as xt } from "./Page/SectionFooter.js";
+import { Typography as it } from "./Typography/Typography.js";
+import { Heading as st } from "./Typography/Heading.js";
+export {
+  vr as ActionFooter,
+  hr as ActionHeader,
+  Fr as ActionMenu,
+  e as AttachmentLink,
+  m as AttachmentList,
+  p as Avatar,
+  f as AvatarGroup,
+  vo as Backdrop,
+  n as Badge,
+  l as BookmarksList,
+  u as BookmarksListItem,
+  S as Button,
+  M as ButtonBase,
+  y as ButtonIcon,
+  I as ButtonLabel,
+  sr as CheckboxIcon,
+  A as ComboButton,
+  v as ContextMenu,
+  F as Dialog,
+  z as DialogActions,
+  K as DialogActivityLog,
+  V as DialogArticleBase,
+  X as DialogBase,
+  Z as DialogBodyBase,
+  $ as DialogBorder,
+  ro as DialogContent,
+  to as DialogFooter,
+  ao as DialogHeader,
+  xo as DialogHeaderBase,
+  io as DialogHeadings,
+  so as DialogHistory,
+  R as DialogList,
+  E as DialogListItem,
+  j as DialogListItemBase,
+  O as DialogMetadata,
+  Bo as DialogNav,
+  go as DialogSectionBase,
+  Lo as DialogSeenBy,
+  co as DialogSelect,
+  bo as DialogStatus,
+  yo as DialogStatusEnum,
+  So as DialogTitle,
+  Ao as DialogTouchedBy,
+  Fo as DrawerBase,
+  jo as DrawerBody,
+  Eo as DrawerButton,
+  Oo as DrawerFooter,
+  Ro as DrawerHeader,
+  zo as DrawerOrDropdown,
+  ho as DropdownBase,
+  Ko as Footer,
+  Vo as GlobalMenu,
+  Xo as Header,
+  Zo as HeaderBase,
+  rr as HeaderButton,
+  $o as HeaderLogo,
+  st as Heading,
+  ar as HistoryItem,
+  tr as HistoryList,
+  xr as Icon,
+  h as IconButton,
+  Ar as Layout,
+  Mr as LayoutBase,
+  Ir as LayoutBody,
+  yr as LayoutContent,
+  Sr as LayoutSidebar,
+  jr as List,
+  Er as ListBase,
+  Or as ListItem,
+  Rr as ListItemBase,
+  zr as ListItemLabel,
+  Kr as ListItemMedia,
+  ge as Menu,
+  se as MenuBase,
+  xe as MenuHeader,
+  re as MenuInputField,
+  $r as MenuItem,
+  Vr as MenuItemBase,
+  Xr as MenuItemLabel,
+  Zr as MenuItemMedia,
+  ie as MenuItems,
+  le as MenuList,
+  Be as MenuListItem,
+  te as MenuOption,
+  ae as MenuSearch,
+  de as MetaBase,
+  we as MetaItem,
+  be as MetaItemBase,
+  ke as MetaItemLabel,
+  He as MetaItemMedia,
+  Me as MetaList,
+  ce as MetaListItem,
+  Te as MetaProgress,
+  Ce as MetaTimestamp,
+  $e as PageBase,
+  rt as PageHeader,
+  gr as ProgressIcon,
+  D as QueryItem,
+  d as QueryLabel,
+  Br as RadioIcon,
+  Pe as RootProvider,
+  Oe as Searchbar,
+  tt as SectionBase,
+  xt as SectionFooter,
+  at as SectionHeader,
+  Ee as Snackbar,
+  je as SnackbarBase,
+  Ke as SnackbarLabel,
+  ze as SnackbarMedia,
+  ir as SvgIcon,
+  Ze as Toolbar,
+  Ve as ToolbarBase,
+  Xe as ToolbarButton,
+  it as Typography,
+  dr as iconsMap,
+  Re as useRootContext
+};

package/dist/hooks/index.js

@@ -0,0 +1,8 @@
+import { useClickOutside as r } from "./useClickOutside.js";
+import { useEscapeKey as u } from "./useEscapeKey.js";
+import { useMenu as t } from "./useMenu.js";
+export {
+  r as useClickOutside,
+  u as useEscapeKey,
+  t as useMenu
+};

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useClickOutside: (ref: RefObject<HTMLDivElement>, callback: () => void) => RefObject<HTMLDivElement>;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,13 @@
+"use client";
+import { useEffect as o } from "react";
+const s = (e, n) => (o(() => {
+  const t = (u) => {
+    e.current && !e.current.contains(u.target) && n();
+  };
+  return document.addEventListener("mouseup", t), document.addEventListener("touchend", t), () => {
+    document.removeEventListener("mouseup", t), document.removeEventListener("touchend", t);
+  };
+}, [n, e]), e);
+export {
+  s as useClickOutside
+};

package/dist/hooks/useEscapeKey.d.ts

@@ -0,0 +1 @@
+export declare const useEscapeKey: (onEscape?: () => void) => void;

package/dist/hooks/useEscapeKey.js

@@ -0,0 +1,15 @@
+"use client";
+import { useEffect as r } from "react";
+const u = (e) => {
+  r(() => {
+    const t = (n) => {
+      n.key === "Escape" && (e == null || e());
+    };
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [e]);
+};
+export {
+  u as useEscapeKey
+};

package/dist/hooks/useMenu.d.ts

@@ -0,0 +1,21 @@
+export interface UseMenuItemProps<T> {
+    menuIndex: number;
+    active?: boolean;
+    props: T;
+}
+export interface UseMenuGroup<T, V> {
+    items: UseMenuItemProps<T>[];
+    props: Record<string, V>;
+}
+export interface UseMenuOutput<T, V> {
+    menu: UseMenuGroup<T, V>[];
+    activeIndex: number;
+    setActiveIndex: (activeIndex: number) => void;
+}
+export interface UseMenuInput<T, V> {
+    items: T[];
+    groups: Record<string, V>;
+    groupByKey?: keyof T;
+    keyboardEvents?: boolean;
+}
+export declare const useMenu: <T, V>({ items, groups, groupByKey, keyboardEvents, }: UseMenuInput<T, V>) => UseMenuOutput<T, V>;

package/dist/hooks/useMenu.js

@@ -0,0 +1,40 @@
+"use client";
+import { useState as h, useMemo as w, useCallback as x, useEffect as k } from "react";
+const v = ({
+  items: n,
+  groups: f,
+  groupByKey: u,
+  keyboardEvents: p = !1
+}) => {
+  const [c, d] = h(-1), a = w(() => {
+    const t = [], s = n.reduce(
+      (o, r) => {
+        const e = u && r[u] ? r[u] : "ungrouped";
+        return o[e] = o[e] || [], o[e].push(r), t.push(r), o;
+      },
+      {}
+    );
+    return Object.entries(s).map(([o, r]) => ({
+      items: r.map((e) => ({
+        menuIndex: t.indexOf(e),
+        active: c === t.indexOf(e),
+        props: e
+      })),
+      props: f[o] || {}
+    }));
+  }, [n, u, c, f]), l = x(
+    (t) => {
+      t.key === "ArrowDown" ? d((s) => (s + 1) % n.length) : t.key === "ArrowUp" && d((s) => (s - 1 + n.length) % n.length);
+    },
+    [n.length]
+  );
+  return k(() => {
+    if (p)
+      return d(0), document.addEventListener("keydown", l), () => {
+        document.removeEventListener("keydown", l);
+      };
+  }, [l, p]), { menu: a, activeIndex: c, setActiveIndex: d };
+};
+export {
+  v as useMenu
+};

package/dist/index-L8X2o7IH.js

@@ -0,0 +1,44 @@
+function c(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var f = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function s() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = o(t, u(n)));
+      }
+      return t;
+    }
+    function u(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return s.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        i.call(t, n) && t[n] && (r = o(r, n));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+  })();
+})(f);
+var a = f.exports;
+const p = /* @__PURE__ */ c(a);
+export {
+  p as c
+};