@altinn/altinn-components 0.15.1 → 0.15.3

package/dist/components/Menu/MenuItemIcon.js

@@ -1,27 +1,27 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { IconOrAvatar as f } from "../Icon/IconOrAvatar.js";
+import { IconOrAvatar as _ } from "../Icon/IconOrAvatar.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
+import { Badge as a } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Badge as _ } from "../Badge/Badge.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemIcon.css';const a = "_icon_14zf3_1", l = "_badge_14zf3_8", e = {
-  icon: a,
-  badge: l
-}, y = ({
+import '../../assets/MenuItemIcon.css';const l = "_icon_1mqh2_1", b = "_badge_1mqh2_9", e = {
+  icon: l,
+  badge: b
+}, N = ({
   size: i,
   icon: o,
   iconTheme: c,
-  iconBadge: t,
-  avatar: r,
-  avatarGroup: m,
+  iconBadge: m,
+  avatar: t,
+  avatarGroup: r,
   children: s
-}) => !o && !r && !m && !s ? null : /* @__PURE__ */ p("span", { className: e.icon, children: [
-  s || /* @__PURE__ */ n(f, { size: i, icon: o, iconTheme: c, avatar: r, avatarGroup: m }),
-  t && /* @__PURE__ */ n(_, { ...t, className: e.badge })
+}) => !o && !t && !r && !s ? null : /* @__PURE__ */ p("span", { className: e.icon, children: [
+  s || /* @__PURE__ */ n(_, { size: i, icon: o, iconTheme: c, avatar: t, avatarGroup: r }),
+  m && /* @__PURE__ */ n(a, { ...m, className: e.badge })
 ] });
 export {
-  y as MenuItemIcon
+  N as MenuItemIcon
 };

package/dist/components/Menu/MenuItems.js

@@ -4,12 +4,12 @@ import { Fragment as B } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { useMenu as E } from "../../hooks/useMenu.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as G } from "./MenuItem.js";
 import { MenuSearch as H } from "./MenuSearch.js";
 import { MenuHeader as K } from "./MenuHeader.js";
 import { MenuList as S, MenuListItem as c } from "./MenuBase.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const _ = ({
   level: r = 0,

package/dist/components/Menu/MenuOption.js

@@ -1,19 +1,19 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItemBase as b } from "./MenuItemBase.js";
-import { MenuItemLabel as f } from "./MenuItemLabel.js";
+import { MenuItemBase as f } from "./MenuItemBase.js";
+import { MenuItemLabel as v } from "./MenuItemLabel.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { CheckboxIcon as v } from "../Icon/CheckboxIcon.js";
-import { RadioIcon as x } from "../Icon/RadioIcon.js";
-import '../../assets/MenuOption.css';const I = "_label_cv7w3_1", N = "_input_cv7w3_5", d = "_icon_cv7w3_10", r = {
-  label: I,
-  input: N,
-  icon: d
-}, A = ({
+import { CheckboxIcon as x } from "../Icon/CheckboxIcon.js";
+import { RadioIcon as I } from "../Icon/RadioIcon.js";
+import '../../assets/MenuOption.css';const N = "_label_cv7w3_1", d = "_input_cv7w3_5", h = "_icon_cv7w3_10", r = {
+  label: N,
+  input: d,
+  icon: h
+}, D = ({
   size: n = "md",
   type: i,
   name: m,
@@ -24,13 +24,26 @@ import '../../assets/MenuOption.css';const I = "_label_cv7w3_1", N = "_input_cv7
   badge: c,
   checked: o = !1,
   disabled: p,
-  onChange: u
-}) => /* @__PURE__ */ _(b, { className: r.label, disabled: p, selected: o, size: n, badge: c, as: "label", children: [
-  /* @__PURE__ */ t("input", { className: r.input, name: m, value: e, type: i, checked: o, onChange: u }),
-  i === "checkbox" && /* @__PURE__ */ t(v, { checked: o, hover: !0, className: r.icon }),
-  i === "radio" && /* @__PURE__ */ t(x, { checked: o, hover: !0, className: r.icon }),
-  /* @__PURE__ */ t(f, { title: l, description: a, size: n, children: s })
-] });
+  onChange: u,
+  ..._
+}) => /* @__PURE__ */ b(
+  f,
+  {
+    className: r.label,
+    disabled: p,
+    selected: o,
+    size: n,
+    badge: c,
+    as: "label",
+    ..._,
+    children: [
+      /* @__PURE__ */ t("input", { className: r.input, name: m, value: e, type: i, checked: o, onChange: u }),
+      i === "checkbox" && /* @__PURE__ */ t(x, { checked: o, hover: !0, className: r.icon }),
+      i === "radio" && /* @__PURE__ */ t(I, { checked: o, hover: !0, className: r.icon }),
+      /* @__PURE__ */ t(v, { title: l, description: a, size: n, children: s })
+    ]
+  }
+);
 export {
-  A as MenuOption
+  D as MenuOption
 };

package/dist/components/Menu/MenuSearch.js

@@ -3,9 +3,9 @@ import { Icon as r } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuSearch.css';const l = "_field_15uca_1", p = "_icon_15uca_6", u = "_input_15uca_15", _ = "_clear_15uca_31", o = {
   field: l,

package/dist/components/Meta/MetaItemMedia.js

@@ -4,8 +4,8 @@ import "../Icon/SvgIcon.js";
 import { ProgressIcon as s } from "../Icon/ProgressIcon.js";
 import "react";
 import "../../index-L8X2o7IH.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MetaItemMedia.css';const n = "_media_m8ywm_1", t = {
   media: n

package/dist/components/Page/Breadcrumbs.js

@@ -3,8 +3,8 @@ import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { BreadcrumbsLink as c } from "./BreadcrumbsLink.js";
 import '../../assets/Breadcrumbs.css';const a = "_list_tknjf_1", p = "_item_tknjf_12", _ = "_icon_tknjf_18", i = {

package/dist/components/Page/ContactSection.js

@@ -0,0 +1,40 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import { Button as a } from "../Button/Button.js";
+import "../RootProvider/RootProvider.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Heading as g } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as t } from "./Flex.js";
+import { Section as s } from "./Section.js";
+const H = ({
+  theme: e,
+  color: l,
+  variant: i = "inline",
+  title: d,
+  description: n,
+  items: c
+}) => /* @__PURE__ */ p(
+  s,
+  {
+    direction: "col",
+    theme: e,
+    color: l,
+    padding: i === "card" ? "page" : 0,
+    shadow: i === "card" ? "xs" : "none",
+    spacing: 4,
+    children: [
+      /* @__PURE__ */ p(t, { direction: "col", children: [
+        /* @__PURE__ */ r(g, { size: "lg", children: d }),
+        n && /* @__PURE__ */ r(h, { children: n })
+      ] }),
+      c && /* @__PURE__ */ r(t, { spacing: 2, children: c.map((o, m) => /* @__PURE__ */ r(a, { variant: "outline", icon: o == null ? void 0 : o.icon, children: o.label }, m)) })
+    ]
+  }
+);
+export {
+  H as ContactSection
+};

package/dist/components/Page/Flex.js

@@ -1,8 +1,8 @@
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as w } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const b = "_flex_yqbrl_1", h = {
-  flex: b
-}, w = ({
+import '../../assets/Flex.css';const h = "_flex_8w6x1_1", j = {
+  flex: h
+}, C = ({
   as: a = "div",
   color: t,
   theme: e = "transparent",
@@ -16,14 +16,14 @@ import '../../assets/Flex.css';const b = "_flex_yqbrl_1", h = {
   margin: c,
   bleed: f = !1,
   className: m,
-  style: p,
-  children: x,
+  style: x,
+  children: p,
   ...g
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ w(
   a,
   {
-    className: _(h.flex, m),
-    style: p,
+    className: _(j.flex, m),
+    style: x,
     "data-color": t,
     "data-theme": e,
     "data-shadow": n,
@@ -36,9 +36,9 @@ import '../../assets/Flex.css';const b = "_flex_yqbrl_1", h = {
     "data-margin": c,
     "data-bleed": f,
     ...g,
-    children: x
+    children: p
   }
 );
 export {
-  w as Flex
+  C as Flex
 };

package/dist/components/Page/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/Grid.css';const l = "_grid_5zqvf_1", f = {
+import '../../assets/Grid.css';const l = "_grid_bc7lq_1", f = {
   grid: l
 }, C = ({
   as: a = "div",
@@ -11,14 +11,14 @@ import '../../assets/Grid.css';const l = "_grid_5zqvf_1", f = {
   spacing: s,
   padding: e,
   margin: n,
-  className: i,
-  style: c,
+  className: c,
+  style: i,
   children: m
 }) => /* @__PURE__ */ g(
   a,
   {
-    className: p(f.grid, i),
-    style: c,
+    className: p(f.grid, c),
+    style: i,
     "data-theme": t,
     "data-color": o,
     "data-cols": r,

package/dist/components/Page/PageBase.js

@@ -1,6 +1,6 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Flex as i } from "./Flex.js";
-const x = ({ children: o, as: r = "div", direction: e = "col", ...t }) => /* @__PURE__ */ m(i, { as: r, direction: e, ...t, children: o });
+import { jsx as p } from "react/jsx-runtime";
+import { Flex as a } from "./Flex.js";
+const x = ({ children: o, as: r = "div", direction: e = "col", spacing: t = "page", ...m }) => /* @__PURE__ */ p(a, { as: r, spacing: t, direction: e, ...m, children: o });
 export {
   x as PageBase
 };

package/dist/components/Page/PageHeader.js

@@ -2,41 +2,57 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Typography as u } from "../Typography/Typography.js";
-import { Heading as j } from "../Typography/Heading.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemIcon as y } from "../List/ListItemIcon.js";
+import { ListItemIcon as j } from "../List/ListItemIcon.js";
+import { Typography as y } from "../Typography/Typography.js";
+import { Heading as H } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as n } from "./Flex.js";
-import { PageTabs as z } from "./PageTabs.js";
-import { Section as H } from "./Section.js";
-const D = ({
-  variant: a,
-  size: l = "xl",
-  title: s,
+import { Flex as m } from "./Flex.js";
+import { PageNav as I } from "./PageNav.js";
+import { PageTabs as T } from "./PageTabs.js";
+import { Section as F } from "./Section.js";
+const U = ({
+  variant: g,
+  size: f = "xl",
+  title: t,
   description: o,
-  icon: f,
-  avatar: x,
-  avatarGroup: d,
+  icon: x,
+  avatar: h,
+  avatarGroup: s,
   tabs: e,
-  theme: t,
-  padding: m,
-  shadow: p,
-  bleed: c,
-  children: g,
-  ...h
-}) => (a === "card" && (t = "default", m = "page", p = "xs", c = !0), /* @__PURE__ */ i(H, { as: "header", theme: t, padding: m, shadow: p, bleed: c, spacing: 4, ...h, children: [
-  /* @__PURE__ */ i(n, { direction: "row", align: "center", spacing: 3, children: [
-    /* @__PURE__ */ r(y, { avatar: x, avatarGroup: d, icon: f, size: "xl" }),
-    /* @__PURE__ */ i(n, { direction: "col", children: [
-      /* @__PURE__ */ r(j, { size: l, children: s }),
-      o && /* @__PURE__ */ r(u, { size: "xs", children: o })
+  theme: l,
+  padding: a,
+  shadow: c,
+  bleed: d,
+  breadcrumbs: n,
+  backButton: p,
+  controls: L,
+  children: z,
+  ...P
+}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n, padding: 2 }),
+  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: "page", spacing: 3, children: [
+    /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: x, size: "xl" }),
+    /* @__PURE__ */ i(m, { direction: "col", children: [
+      /* @__PURE__ */ r(H, { size: f, children: t }),
+      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
     ] })
   ] }),
-  g,
-  e && /* @__PURE__ */ r(z, { ...e })
+  z,
+  e && /* @__PURE__ */ r(T, { ...e, padding: 2 })
+] }) : /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n }),
+  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: a, spacing: 3, children: [
+    /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: x, size: "xl" }),
+    /* @__PURE__ */ i(m, { direction: "col", children: [
+      /* @__PURE__ */ r(H, { size: f, children: t }),
+      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
+    ] })
+  ] }),
+  z,
+  e && /* @__PURE__ */ r(T, { ...e })
 ] }));
 export {
-  D as PageHeader
+  U as PageHeader
 };

package/dist/components/Page/PageMenu.js

@@ -2,9 +2,9 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as o } from "../Menu/MenuItem.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/PageMenu.css';const l = "_menu_1wsjl_1", n = "_list_1wsjl_6", a = "_item_1wsjl_29", e = {
   menu: l,

package/dist/components/Page/PageNav.js

@@ -1,34 +1,29 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { Button as l } from "../Button/Button.js";
+import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as c } from "./Flex.js";
-import { Breadcrumbs as p } from "./Breadcrumbs.js";
-import '../../assets/PageNav.css';const f = "_nav_9bu1z_1", v = "_controls_9bu1z_7", x = {
-  nav: f,
-  controls: v
-}, M = ({
-  color: n,
+import { Flex as l } from "./Flex.js";
+import { Breadcrumbs as a } from "./Breadcrumbs.js";
+import '../../assets/PageNav.css';const c = "_nav_9bu1z_1", p = "_controls_9bu1z_7", v = {
+  nav: c,
+  controls: p
+}, N = ({
+  color: e,
   padding: s,
-  breadcrumbs: t,
+  breadcrumbs: i,
   backButton: r = {
     as: "a",
     label: "Back"
   },
-  menu: i,
-  children: m
-}) => /* @__PURE__ */ e(c, { as: "nav", direction: "row", align: "center", justify: "between", color: n, padding: s, children: [
-  t ? /* @__PURE__ */ o(p, { items: t }) : /* @__PURE__ */ o(l, { ...r, variant: "text", icon: "arrow-left", children: (r == null ? void 0 : r.label) || "Back" }),
-  /* @__PURE__ */ e("div", { className: x.controls, children: [
-    m,
-    i && /* @__PURE__ */ o(a, { ...i })
-  ] })
+  controls: t
+}) => /* @__PURE__ */ n(l, { as: "nav", direction: "row", align: "center", justify: "between", color: e, padding: s, children: [
+  i ? /* @__PURE__ */ o(a, { items: i }) : /* @__PURE__ */ o(m, { ...r, variant: "text", icon: "arrow-left", children: (r == null ? void 0 : r.label) || "Back" }),
+  t && /* @__PURE__ */ o("div", { className: v.controls, children: t })
 ] });
 export {
-  M as PageNav
+  N as PageNav
 };

package/dist/components/Page/PageTabs.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as o } from "../Menu/MenuItem.js";
+import { MenuItem as l } from "../Menu/MenuItem.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageTabs.css';const a = "_menu_vbqbk_1", n = "_list_vbqbk_6", l = "_item_vbqbk_25", m = {
-  menu: a,
-  list: n,
-  item: l
-}, k = ({ theme: i, color: s, items: r = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": s, className: m.tabs, children: /* @__PURE__ */ t("ul", { className: m.list, children: r.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...e, className: m.item }) }, e.id)) }) });
+import { Flex as n } from "./Flex.js";
+import '../../assets/PageTabs.css';const p = "_list_qqtoj_1", a = "_item_qqtoj_21", i = {
+  list: p,
+  item: a
+}, N = ({ theme: m = "transparent", color: o, items: e = [], padding: s = 0 }) => /* @__PURE__ */ t(n, { theme: m, color: o, padding: s, children: /* @__PURE__ */ t("ul", { className: i.list, children: e.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(l, { ...r, className: i.item }) }, r.id)) }) });
 export {
-  k as PageTabs
+  N as PageTabs
 };

package/dist/components/Page/Section.js

@@ -2,8 +2,8 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "./Flex.js";
 const u = ({ as: o = "section", direction: r = "col", children: t, ...i }) => /* @__PURE__ */ m(p, { as: o, direction: r, ...i, children: t });

package/dist/components/Page/index.js

@@ -1,24 +1,26 @@
 import { PageBase as o } from "./PageBase.js";
-import { PageNav as t } from "./PageNav.js";
+import { PageNav as m } from "./PageNav.js";
 import { PageMenu as a } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
-import { PageHeader as P } from "./PageHeader.js";
-import { Article as d } from "./Article.js";
-import { Section as s } from "./Section.js";
-import { Flex as n } from "./Flex.js";
+import { PageHeader as g } from "./PageHeader.js";
+import { Article as n } from "./Article.js";
+import { Section as d } from "./Section.js";
+import { Flex as b } from "./Flex.js";
 import { Grid as B } from "./Grid.js";
-import { Breadcrumbs as k } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as A } from "./BreadcrumbsLink.js";
+import { Breadcrumbs as S } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as v } from "./BreadcrumbsLink.js";
+import { ContactSection as C } from "./ContactSection.js";
 export {
-  d as Article,
-  k as Breadcrumbs,
-  A as BreadcrumbsLink,
-  n as Flex,
+  n as Article,
+  S as Breadcrumbs,
+  v as BreadcrumbsLink,
+  C as ContactSection,
+  b as Flex,
   B as Grid,
   o as PageBase,
-  P as PageHeader,
+  g as PageHeader,
   a as PageMenu,
-  t as PageNav,
+  m as PageNav,
   p as PageTabs,
-  s as Section
+  d as Section
 };

package/dist/components/ResourceList/ResourceList.js

@@ -2,8 +2,8 @@ import { jsx as e } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ResourceListItem as p } from "./ResourceListItem.js";
 import { ListBase as s } from "../List/ListBase.js";

package/dist/components/ResourceList/ResourceListItem.js

@@ -2,8 +2,8 @@ import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as e } from "../List/ListItem.js";
 const x = ({

package/dist/components/Search/Autocomplete.js

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

package/dist/components/{Autocomplete → Search}/AutocompleteGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import '../../assets/AutocompleteGroup.css';const c = "_group_1e4vg_1", a = "_header_1e4vg_9", l = "_title_1e4vg_13", e = {
-  group: c,
-  header: a,
+import '../../assets/AutocompleteGroup.css';const a = "_group_f5m5a_1", c = "_header_f5m5a_13", l = "_title_f5m5a_17", e = {
+  group: a,
+  header: c,
   title: l
 }, h = ({ title: r, children: s }) => /* @__PURE__ */ o("section", { className: e.group, children: [
   r && /* @__PURE__ */ t("header", { className: e.header, children: /* @__PURE__ */ t("h2", { className: e.title, children: r }) }),