@altinn/altinn-components 0.57.3 → 0.58.1

package/dist/components/Notifications/NotificationItem.js

@@ -1,12 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { NotificationItemBase as r } from "./NotificationItemBase.js";
 import "../Snackbar/useSnackbar.js";
-const N = ({
+const g = ({
   loading: m,
   id: e = "notification",
   icon: t,
@@ -15,5 +16,5 @@ const N = ({
   ...n
 }) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...n, icon: t, title: i, description: p });
 export {
-  N as NotificationItem
+  g as NotificationItem
 };

package/dist/components/Notifications/NotificationItemBase.js

@@ -1,7 +1,8 @@
 import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { m as j } from "../../Section-xbt3ft20.js";
+import { m as j } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { ListItemBase as B } from "../List/ListItemBase.js";
@@ -15,7 +16,7 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   link: A,
   linkFocus: D,
   controls: E
-}, U = ({
+}, V = ({
   as: s,
   href: r,
   ref: m,
@@ -82,5 +83,5 @@ import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", q = "_
   ] }) });
 };
 export {
-  U as NotificationItemBase
+  V as NotificationItemBase
 };

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,13 +1,14 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { E as l } from "../../Section-xbt3ft20.js";
-import { Button as p } from "../Button/Button.js";
+import { E as p } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
+import { Button as l } from "../Button/Button.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
 import { ListItemControls as f } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-const v = ({
+const z = ({
   className: t,
   loading: i,
   dismissable: m,
@@ -16,8 +17,8 @@ const v = ({
   contextMenu: r
 }) => i ? null : /* @__PURE__ */ e(f, { className: t, children: [
   r && /* @__PURE__ */ o(a, { ...r }),
-  m && /* @__PURE__ */ o(p, { variant: "ghost", "aria-label": s || "Dismiss", onClick: n, size: "xs", children: /* @__PURE__ */ o(l, { style: { fontSize: "1.5em" } }) })
+  m && /* @__PURE__ */ o(l, { variant: "ghost", "aria-label": s || "Dismiss", onClick: n, size: "xs", children: /* @__PURE__ */ o(p, { style: { fontSize: "1.5em" } }) })
 ] });
 export {
-  v as NotificationItemControls
+  z as NotificationItemControls
 };

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,33 +1,34 @@
-import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
-import { isValidElement as i } from "react";
-import { Badge as m } from "../Badge/Badge.js";
-import { I as e, E as c, i as l } from "../../Section-xbt3ft20.js";
+import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
+import { isValidElement as m } from "react";
+import { Badge as n } from "../Badge/Badge.js";
+import { I as e, E as c, i as l } from "../../Section-DvBigBR1.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", t = {
+import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
   icon: u,
   shape: g,
   avatar: h,
   avatarGroup: N,
   badge: b
 };
-function z(s) {
-  return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || i(s);
+function z(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || m(t);
 }
-const F = ({ loading: s, icon: a, badge: n }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: c, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
-  _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || l(a) && /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ r("span", { className: t.shape }),
+const M = ({ loading: t, icon: a, badge: p }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: c, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
+  _(a) && /* @__PURE__ */ r(v, { ...a, className: s.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || l(a) && /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
     /* @__PURE__ */ r(e, { ...a })
-  ] }) || z(a) && a || /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ r("span", { className: t.shape }),
+  ] }) || z(a) && a || /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  n && /* @__PURE__ */ r(m, { ...n, size: "xs", variant: "base", className: t.badge })
+  p && /* @__PURE__ */ r(n, { ...p, size: "xs", variant: "base", className: s.badge })
 ] }) : null;
 export {
-  F as NotificationItemIcon
+  M as NotificationItemIcon
 };

package/dist/components/Page/AccordionSection.js

@@ -1,16 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as e } from "../../Section-xbt3ft20.js";
+import { S as e } from "../../Section-DvBigBR1.js";
 import { Typography as n } from "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { PageDetails as c } from "./PageDetails.js";
-const g = ({ items: o }) => /* @__PURE__ */ r(e, { children: o?.map((t) => {
+const x = ({ items: o }) => /* @__PURE__ */ r(e, { children: o?.map((t) => {
   const { id: i, title: m, children: p } = t;
   return /* @__PURE__ */ r(c, { summary: m, children: /* @__PURE__ */ r(n, { children: p }) }, i);
 }) });
 export {
-  g as AccordionSection
+  x as AccordionSection
 };

package/dist/components/Page/ContactButtons.js

@@ -1,20 +1,21 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import { ButtonGroup as f } from "../Button/ButtonGroup.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const I = ({ items: t }) => /* @__PURE__ */ o(f, { children: t.map((r, n) => {
-  const { as: i, href: m, onClick: p, icon: e, label: c } = r;
-  return /* @__PURE__ */ u(l, { as: i, href: m, onClick: p, variant: "outline", children: [
+const L = ({ items: t }) => /* @__PURE__ */ o(f, { children: t.map((r, i) => {
+  const { as: n, href: m, onClick: p, icon: e, label: c } = r;
+  return /* @__PURE__ */ u(l, { as: n, href: m, onClick: p, variant: "outline", children: [
     /* @__PURE__ */ o(a, { icon: e }),
     /* @__PURE__ */ o(s, { children: c })
-  ] }, n);
+  ] }, i);
 }) });
 export {
-  I as ContactButtons
+  L as ContactButtons
 };

package/dist/components/Page/ContactSection.js

@@ -1,20 +1,21 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as a, H as s } from "../../Section-xbt3ft20.js";
+import { S as a, H as s } from "../../Section-DvBigBR1.js";
 import { Typography as g } from "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { ContactButtons as h } from "./ContactButtons.js";
-const w = ({
+const z = ({
   variant: r = "inline",
   theme: t,
   color: p,
   typographyProps: c,
   title: i,
-  description: e,
-  children: m,
+  description: m,
+  children: e,
   items: n
 }) => /* @__PURE__ */ d(
   a,
@@ -27,11 +28,11 @@ const w = ({
     spacing: 4,
     children: [
       i && /* @__PURE__ */ o(s, { size: "lg", children: i }),
-      /* @__PURE__ */ o(g, { ...c, children: m || /* @__PURE__ */ o("p", { children: e }) }),
+      /* @__PURE__ */ o(g, { ...c, children: e || /* @__PURE__ */ o("p", { children: m }) }),
       n && /* @__PURE__ */ o(h, { items: n })
     ]
   }
 );
 export {
-  w as ContactSection
+  z as ContactSection
 };

package/dist/components/Page/PageMenu.js

@@ -1,20 +1,21 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as m } from "../../Section-xbt3ft20.js";
+import { I as u } from "../../Section-DvBigBR1.js";
 import "react";
-import { Button as c } from "../Button/Button.js";
+import "../Typography/Link.js";
+import { Button as p } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const p = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
-  buttonGroup: p,
+import '../../assets/PageMenu.css';const c = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
+  buttonGroup: c,
   button: a
-}, f = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
-  const { icon: n, title: e, ...u } = o;
-  return /* @__PURE__ */ i(c, { variant: "ghost", className: r.button, size: "sm", ...u, children: [
-    n && /* @__PURE__ */ t(m, { svgElement: n }),
+}, v = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
+  const { icon: n, title: e, ...i } = o;
+  return /* @__PURE__ */ m(p, { variant: "ghost", className: r.button, size: "sm", ...i, children: [
+    n && /* @__PURE__ */ t(u, { svgElement: n }),
     /* @__PURE__ */ t("span", { children: e })
   ] }, o.id);
 }) });
 export {
-  f as PageMenu
+  v as PageMenu
 };

package/dist/components/Page/PageNav.js

@@ -2,9 +2,10 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as c } from "react";
-import "../../Section-xbt3ft20.js";
-import { Button as f } from "../Button/Button.js";
-import { Breadcrumbs as m } from "../Breadcrumbs/Breadcrumbs.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
+import { Button as m } from "../Button/Button.js";
+import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "./Flex.js";
@@ -28,7 +29,7 @@ const b = c((t, o) => {
   );
 }), g = "_controls_9bu1z_7", v = {
   controls: g
-}, P = ({
+}, z = ({
   color: t,
   padding: o,
   breadcrumbs: l,
@@ -38,12 +39,12 @@ const b = c((t, o) => {
   },
   controls: r
 }) => /* @__PURE__ */ s(d, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
-  l ? /* @__PURE__ */ i(m, { items: l }) : /* @__PURE__ */ s(f, { ...e, variant: "ghost", size: "sm", children: [
+  l ? /* @__PURE__ */ i(f, { items: l }) : /* @__PURE__ */ s(m, { ...e, variant: "ghost", size: "sm", children: [
     /* @__PURE__ */ i(b, {}),
     /* @__PURE__ */ i("span", { children: e?.label || "Back" })
   ] }),
   r && /* @__PURE__ */ i("div", { className: v.controls, children: r })
 ] });
 export {
-  P as PageNav
+  z as PageNav
 };

package/dist/components/Page/Section.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as c } from "../../Section-xbt3ft20.js";
+import { S as f } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "./Flex.js";
 export {
-  c as Section
+  f as Section
 };

package/dist/components/Page/index.js

@@ -5,7 +5,7 @@ import { PageTabs as p } from "./PageTabs.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Flex as g } from "./Flex.js";
 import { Grid as P } from "./Grid.js";
-import { S as d } from "../../Section-xbt3ft20.js";
+import { S as d } from "../../Section-DvBigBR1.js";
 import { ContactSection as u } from "./ContactSection.js";
 import { ContactButtons as C } from "./ContactButtons.js";
 import { AccordionSection as v } from "./AccordionSection.js";

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,18 +1,19 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { o as s } from "../../Section-xbt3ft20.js";
+import { o as s } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const h = ({
+const u = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
   ownerLogoUrl: o,
   titleAs: m = "h3",
-  ...e
-}) => /* @__PURE__ */ p(
+  ...p
+}) => /* @__PURE__ */ e(
   s,
   {
     icon: {
@@ -23,9 +24,9 @@ const h = ({
     },
     title: { children: i, as: m },
     description: t,
-    ...e
+    ...p
   }
 );
 export {
-  h as ResourceListItem
+  u as ResourceListItem
 };

package/dist/components/RootProvider/RootProvider.js

@@ -2,11 +2,12 @@ import "react/jsx-runtime";
 import "react";
 import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
-import { R, x as a } from "../../Section-xbt3ft20.js";
+import { R as a, x as d } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  R as RootProvider,
-  a as useRootContext
+  a as RootProvider,
+  d as useRootContext
 };

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, x as r } from "../../Section-xbt3ft20.js";
+import { R as e, x as r } from "../../Section-DvBigBR1.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,18 +1,19 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { L as l, H as m, B as c } from "../../Section-xbt3ft20.js";
+import { L as l, H as m, B as c } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { ListItemBase as h } from "../List/ListItemBase.js";
+import { ListItemBase as p } from "../List/ListItemBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SearchItem.css';const p = "_item_kjtr0_1", d = {
-  item: p
-}, _ = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(h, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(l, { ...o, children: [
+import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
+  item: h
+}, b = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(p, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(l, { ...o, children: [
   i && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: i }),
   e && /* @__PURE__ */ t(c, { avatar: e, children: e?.name }),
   r && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: r })
 ] }) });
 export {
-  _ as SearchItem
+  b as SearchItem
 };

package/dist/components/Searchbar/Autocomplete.js

@@ -2,7 +2,8 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";
 import { MenuListDivider as D } from "../Menu/MenuListDivider.js";
@@ -12,7 +13,7 @@ import "react-dom";
 import { AutocompleteBase as H } from "./AutocompleteBase.js";
 import { AutocompleteItem as K } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-const W = ({
+const X = ({
   className: u,
   items: c,
   id: d,
@@ -29,12 +30,12 @@ const W = ({
     onSelect: r,
     ref: i
   });
-  return /* @__PURE__ */ e(H, { className: u, expanded: a, ref: i, id: d, children: /* @__PURE__ */ e(k, { variant: "default", children: f.map((n, m) => {
-    const x = n?.props || {}, { title: p, divider: M = !0 } = x;
+  return /* @__PURE__ */ e(H, { className: u, expanded: a, ref: i, id: d, children: /* @__PURE__ */ e(k, { variant: "default", children: f.map((m, n) => {
+    const x = m?.props || {}, { title: p, divider: M = !0 } = x;
     return /* @__PURE__ */ j(C, { children: [
-      m && M ? /* @__PURE__ */ e(D, {}) : null,
+      n && M ? /* @__PURE__ */ e(D, {}) : null,
       p && /* @__PURE__ */ e(F, { title: p, level: 1 }),
-      n?.items.filter((t) => !t.props?.hidden).map((t, h) => {
+      m?.items.filter((t) => !t.props?.hidden).map((t, h) => {
         const { active: I, onMouseEnter: L } = t, { groupId: R, onClick: g, ...s } = t.props || {}, { expanded: A } = s;
         return /* @__PURE__ */ e(y, { expanded: A, onMouseLeave: () => v(-1), children: /* @__PURE__ */ e(
           K,
@@ -49,9 +50,9 @@ const W = ({
           }
         ) }, h);
       })
-    ] }, m);
+    ] }, n);
   }) }) });
 };
 export {
-  W as Autocomplete
+  X as Autocomplete
 };

package/dist/components/Searchbar/AutocompleteItem.js

@@ -2,14 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { Badge as n } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { q as e } from "../../Section-xbt3ft20.js";
+import { q as e } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { QueryLabel as l } from "../Toolbar/QueryLabel.js";
-import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", f = {
+import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
   item: s
-}, A = ({
+}, B = ({
   role: o = "menuitem",
   params: c,
   badge: m,
@@ -32,12 +33,12 @@ import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", f = {
     ...i,
     role: o,
     label: u,
-    className: f.item,
+    className: p.item,
     controls: m && /* @__PURE__ */ t(n, { ...m }),
     size: r || "md",
     linkIcon: !0
   }
 ) : /* @__PURE__ */ t(e, { ...i, role: o, controls: m && /* @__PURE__ */ t(n, { ...m }), size: r, linkIcon: !0 });
 export {
-  A as AutocompleteItem
+  B as AutocompleteItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -2,14 +2,15 @@ import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
-import { x as I } from "../../Section-xbt3ft20.js";
+import { x as I } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
 import { Autocomplete as B } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const R = ({
+const V = ({
   className: l,
   autocomplete: e,
   expanded: r = !1,
@@ -62,5 +63,5 @@ const R = ({
   );
 };
 export {
-  R as Searchbar
+  V as Searchbar
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -2,7 +2,8 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as E, A as S, E as o } from "../../Section-xbt3ft20.js";
+import { I as E, A as S, E as o } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -12,7 +13,7 @@ import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_
   input: K,
   clear: j,
   dismiss: M
-}, O = ({
+}, R = ({
   className: c,
   expanded: a,
   name: n = "q",
@@ -86,5 +87,5 @@ import '../../assets/SearchbarField.css';const z = "_field_uxhly_1", I = "_icon_
   ] });
 };
 export {
-  O as SearchbarField
+  R as SearchbarField
 };