@altinn/altinn-components 0.57.3 → 0.58.1

package/dist/components/Dialog/DialogHistory.js

@@ -2,13 +2,14 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useState as f, createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as h } from "../../Section-xbt3ft20.js";
+import { S as h } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as y } from "../Button/Button.js";
 import "react-dom";
 import { DialogHistorySegment as S } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
 import "../Snackbar/useSnackbar.js";
-const b = ({
+const q = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -18,12 +19,12 @@ const b = ({
     return null;
   const [e, p] = f(!1), s = () => {
     p((r) => !r);
-  }, c = t ? o.slice(0, t) : o, a = e ? o : c, d = t && o.length > t;
+  }, c = t ? o.slice(0, t) : o, a = e ? o : c, m = t && o.length > t;
   return /* @__PURE__ */ g(h, { spacing: 4, children: [
-    /* @__PURE__ */ n(x, { children: a.map((r, m) => /* @__PURE__ */ u(S, { ...r, key: m })) }),
-    d && /* @__PURE__ */ n(y, { variant: "outline", onClick: s, children: e ? l : i })
+    /* @__PURE__ */ n(x, { children: a.map((r, d) => /* @__PURE__ */ u(S, { ...r, key: d })) }),
+    m && /* @__PURE__ */ n(y, { variant: "outline", onClick: s, children: e ? l : i })
   ] });
 };
 export {
-  b as DialogHistory
+  q as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
 import { Typography as f } from "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const T = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
+const a = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
 export {
-  T as DialogHistoryItem
+  a as DialogHistoryItem
 };

package/dist/components/Dialog/DialogHistorySegment.js

@@ -1,26 +1,27 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { createElement as s } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
 import { Typography as a } from "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-const E = ({
+const I = ({
   id: i,
   items: t,
   datetime: m,
-  byline: e,
-  children: p,
+  byline: p,
+  children: e,
   summary: r,
   unread: n
-}) => /* @__PURE__ */ g(f, { unread: n, datetime: m, byline: e, spacing: 2, id: i, children: [
+}) => /* @__PURE__ */ g(f, { unread: n, datetime: m, byline: p, spacing: 2, id: i, children: [
   r && /* @__PURE__ */ l(a, { children: r }),
-  p,
+  e,
   t?.map((o) => /* @__PURE__ */ s(c, { ...o, key: o.id }))
 ] });
 export {
-  E as DialogHistorySegment
+  I as DialogHistorySegment
 };

package/dist/components/Dialog/DialogLayout.js

@@ -1,28 +1,29 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as e } from "../../Section-xbt3ft20.js";
-import "../Button/Button.js";
-import { ContextMenu as s } from "../ContextMenu/ContextMenu.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
+import { Button as n } from "../Button/Button.js";
+import { ContextMenu as m } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { PageBase as n } from "../Page/PageBase.js";
-import { PageNav as l } from "../Page/PageNav.js";
-import { PageMenu as d } from "../Page/PageMenu.js";
-const w = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }) => /* @__PURE__ */ t(n, { theme: "subtle", spacing: 0, color: p, bleed: !0, children: [
-  /* @__PURE__ */ t(e, { theme: "default", shadow: "xs", children: [
-    /* @__PURE__ */ o(
-      l,
-      {
-        color: "neutral",
-        padding: 2,
-        backButton: i,
-        controls: r && /* @__PURE__ */ o(s, { ...r })
-      }
-    ),
-    /* @__PURE__ */ o(e, { as: "article", padding: "page", spacing: 6, children: a })
+import { PageBase as l } from "../Page/PageBase.js";
+import { PageMenu as p } from "../Page/PageMenu.js";
+import { S as f } from "../../ArrowUndo-hge1gMu8.js";
+import '../../assets/DialogLayout.css';const _ = "_article_1fri6_1", d = "_backButton_1fri6_23", h = "_controls_1fri6_27", i = {
+  article: _,
+  backButton: d,
+  controls: h
+}, w = ({ backButton: t, contextMenu: s, pageMenu: e, children: a, color: c }) => /* @__PURE__ */ o(l, { spacing: 0, color: c, bleed: !0, children: [
+  /* @__PURE__ */ o("article", { className: i.article, children: [
+    t && /* @__PURE__ */ r("nav", { className: i.backButton, children: /* @__PURE__ */ o(n, { ...t, size: "sm", variant: "ghost", children: [
+      /* @__PURE__ */ r(f, {}),
+      /* @__PURE__ */ r("span", { children: t?.label || "Back" })
+    ] }) }),
+    /* @__PURE__ */ r("span", { className: i.controls, children: s && /* @__PURE__ */ r(m, { ...s }) }),
+    a
   ] }),
-  /* @__PURE__ */ o(d, { items: m?.items })
+  /* @__PURE__ */ r(p, { items: e?.items })
 ] });
 export {
   w as DialogLayout

package/dist/components/Dialog/DialogList.js

@@ -2,10 +2,11 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { D as e } from "../../Section-xbt3ft20.js";
+import { D as f } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  e as DialogList
+  f as DialogList
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { a as g } from "../../Section-xbt3ft20.js";
+import { a as l } from "../../Section-DvBigBR1.js";
 import "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../Page/Flex.js";
 export {
-  g as DialogListGroup
+  l as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

@@ -3,7 +3,8 @@ import "react";
 import "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "../Avatar/AvatarGroup.js";
-import { b as D } from "../../Section-xbt3ft20.js";
+import { b as I } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Item/ItemControls.js";
 import "../Item/ItemBase.js";
 import "../Item/ItemLink.js";
@@ -12,5 +13,5 @@ import "react-dom";
 import "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  D as DialogListItem
+  I as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { c as f } from "../../Section-xbt3ft20.js";
+import { c as g } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Metadata/MetaBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../../Trash-BG9YcGIl.js";
 export {
-  f as DialogMetadata
+  g as DialogMetadata
 };

package/dist/components/Dialog/DialogSection.js

@@ -1,15 +1,18 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as t, H as m } from "../../Section-xbt3ft20.js";
-import { Typography as n } from "../Typography/Typography.js";
+import { H as s } from "../../Section-DvBigBR1.js";
+import { Typography as e } from "../Typography/Typography.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const x = ({ title: r, children: o }) => o ? /* @__PURE__ */ p(t, { spacing: 4, children: [
-  r && /* @__PURE__ */ i(m, { size: "lg", children: r }),
-  /* @__PURE__ */ i(n, { children: o })
+import '../../assets/DialogSection.css';const m = "_section_1jplb_1", n = {
+  section: m
+}, y = ({ title: o, children: i }) => i ? /* @__PURE__ */ r("section", { className: n.section, children: [
+  o && /* @__PURE__ */ t(s, { size: "lg", children: o }),
+  /* @__PURE__ */ t(e, { size: "sm", children: i })
 ] }) : null;
 export {
-  x as DialogSection
+  y as DialogSection
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -2,7 +2,8 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
-import { u as m } from "../../Section-xbt3ft20.js";
+import { u as m } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -25,7 +26,7 @@ const u = f((t, o) => {
     l ? a.createElement("title", { id: n }, l) : null,
     a.createElement("path", { fill: "currentColor", d: "M2.614 9.357a.75.75 0 0 1 1.029.257l.003.005.02.033.093.139c.085.123.214.303.39.522.35.438.877 1.024 1.581 1.61C7.137 13.097 9.223 14.25 12 14.25s4.863-1.154 6.27-2.326a11.4 11.4 0 0 0 1.582-1.611 9 9 0 0 0 .481-.661q.015-.023.02-.033l.004-.005a.75.75 0 0 1 1.286.772L21 10c.643.386.642.387.642.387v.002l-.004.005-.01.015-.032.051-.118.179c-.103.15-.255.36-.455.61-.304.38-.722.856-1.256 1.353l.841 1.002a.75.75 0 1 1-1.149.965l-.847-1.01c-.577.423-1.24.83-1.987 1.176l.497 1.17a.75.75 0 1 1-1.38.587l-.518-1.22c-.758.233-1.582.394-2.474.453V17a.75.75 0 0 1-1.5 0v-1.275a11 11 0 0 1-2.475-.453l-.516 1.215a.75.75 0 1 1-1.38-.586l.494-1.166a11.7 11.7 0 0 1-1.987-1.178l-.845 1.007a.75.75 0 1 1-1.15-.964l.84-1c-.533-.496-.95-.97-1.254-1.35a11 11 0 0 1-.574-.79l-.032-.05-.01-.016-.002-.005-.001-.002-.001-.001a.75.75 0 0 1 .257-1.03" })
   );
-}), j = ({
+}), E = ({
   size: t = "xs",
   label: o = "Seen by label",
   seenByEndUser: l = !1,
@@ -37,5 +38,5 @@ const u = f((t, o) => {
   return /* @__PURE__ */ c(m, { size: t, icon: i, ...n, children: o });
 };
 export {
-  j as DialogSeenBy
+  E as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,19 +1,20 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { c as s } from "../../index-p1eeF8LQ.js";
+import { c as r } from "../../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 "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
-import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", p = "_input_10zwy_15", a = "_icon_10zwy_19", o = {
-  label: r,
+import { CheckboxIcon as s } from "../Icon/CheckboxIcon.js";
+import '../../assets/DialogSelect.css';const n = "_label_10zwy_1", p = "_input_10zwy_15", m = "_icon_10zwy_19", o = {
+  label: n,
   input: p,
-  icon: a
-}, w = ({ checked: t = !1, onChange: c, className: e }) => /* @__PURE__ */ l("label", { className: s(o.label, e), children: [
+  icon: m
+}, z = ({ checked: t = !1, onChange: c, className: e }) => /* @__PURE__ */ l("label", { className: r(o.label, e), children: [
   /* @__PURE__ */ i("input", { type: "checkbox", checked: t, onChange: c, className: o.input }),
-  /* @__PURE__ */ i(n, { hover: !0, checked: t, className: o.icon })
+  /* @__PURE__ */ i(s, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
-  w as DialogSelect
+  z as DialogSelect
 };

package/dist/components/Dialog/DialogStatus.js

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

package/dist/components/Dialog/DialogTabs.js

@@ -1,12 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { TabMenu as t } from "../Menu/TabMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const f = ({ items: o = [] }) => /* @__PURE__ */ r(t, { items: o });
+const u = ({ items: o = [] }) => /* @__PURE__ */ r(t, { items: o });
 export {
-  f as DialogTabs
+  u as DialogTabs
 };

package/dist/components/Dialog/SeenByLog.js

@@ -2,7 +2,8 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { useState as f, Fragment as h, createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S, p as x } from "../../Section-xbt3ft20.js";
+import { S, p as x } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { SeenByLogButton as c } from "./SeenByLogButton.js";
@@ -10,7 +11,7 @@ import { SeenByLogItem as y } from "./SeenByLogItem.js";
 import { Divider as s } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as B } from "../Page/Flex.js";
-const b = ({
+const q = ({
   collapsible: t,
   expanded: d,
   title: n,
@@ -31,5 +32,5 @@ const b = ({
   ] });
 };
 export {
-  b as SeenByLog
+  q as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -1,8 +1,9 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
-import "../../Section-xbt3ft20.js";
+import { AvatarGroup as n } from "../Avatar/AvatarGroup.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as u } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -10,10 +11,10 @@ import '../../assets/SeenByLogButton.css';const m = "_button_deo1u_1", l = "_lab
   button: m,
   label: l,
   avatarGroup: i
-}, B = ({ as: s, items: o, children: a, onClick: e }) => /* @__PURE__ */ n(u, { variant: "ghost", as: s, size: "xs", className: t.button, onClick: e, children: [
-  o && /* @__PURE__ */ r(p, { items: o, className: t.avatarGroup }),
+}, N = ({ as: s, items: o, children: a, onClick: e }) => /* @__PURE__ */ p(u, { variant: "ghost", as: s, size: "xs", className: t.button, onClick: e, children: [
+  o && /* @__PURE__ */ r(n, { items: o, className: t.avatarGroup }),
   a && /* @__PURE__ */ r("span", { "data-size": "xs", className: t.label, children: a })
 ] });
 export {
-  B as SeenByLogButton
+  N as SeenByLogButton
 };

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,31 +1,32 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { Badge as l } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { B as c } from "../../Section-xbt3ft20.js";
+import { B as c } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
-const y = ({
+const F = ({
   name: r,
-  seenAt: i,
+  seenAt: e,
   seenAtLabel: m,
   isEndUser: n,
-  endUserLabel: a,
-  size: p = "sm",
+  endUserLabel: p,
+  size: a = "sm",
   type: s = "person"
 }) => {
-  const t = n && { label: a };
+  const t = n && { label: p };
   return /* @__PURE__ */ o(d, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ o(c, { size: p, datetime: i, avatar: { name: r, type: s }, children: [
-      /* @__PURE__ */ e("strong", { children: r + "," }),
+    /* @__PURE__ */ o(c, { size: a, datetime: e, avatar: { name: r, type: s }, children: [
+      /* @__PURE__ */ i("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ e(l, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ i(l, { variant: "subtle", ...t })
   ] });
 };
 export {
-  y as SeenByLogItem
+  F as SeenByLogItem
 };

package/dist/components/Dialog/index.js

@@ -8,7 +8,7 @@ import { DialogContact as n } from "./DialogContact.js";
 import { DialogHistory as S } from "./DialogHistory.js";
 import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
 import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
-import { d as H, D as A, a as I, b, c as h, f as v, e as C } from "../../Section-xbt3ft20.js";
+import { d as H, D as A, a as I, b, c as h, f as v, e as C } from "../../Section-DvBigBR1.js";
 import { DialogActions as G } from "./DialogActions.js";
 import { DialogActivityLog as T } from "./DialogActivityLog.js";
 import { DialogSeenBy as k } from "./DialogSeenBy.js";

package/dist/components/Dropdown/DrawerButton.js

@@ -1,14 +1,15 @@
 import { jsx as t } 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 n } from "../Button/Button.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const e = "_button_19v2d_1", p = {
   button: e
-}, _ = ({ label: o, children: r, onClick: i, ...m }) => /* @__PURE__ */ t(n, { variant: "solid", size: "md", className: p.button, onClick: i, ...m, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
+}, h = ({ label: o, children: r, onClick: i, ...m }) => /* @__PURE__ */ t(n, { variant: "solid", size: "md", className: p.button, onClick: i, ...m, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
 export {
-  _ as DrawerButton
+  h as DrawerButton
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,17 +1,18 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { c as l } from "../../index-p1eeF8LQ.js";
-import { Button as m } from "../Button/Button.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../index-p1eeF8LQ.js";
+import { Button as l } from "../Button/Button.js";
 import "react";
-import { E as c } from "../../Section-xbt3ft20.js";
+import { E as c } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", r = {
   header: n,
   title: h
-}, N = ({ className: t, title: o, onClose: a, closeIconAltText: s = "Close icon" }) => /* @__PURE__ */ i("header", { className: l(r.header, t), children: [
+}, j = ({ className: t, title: o, onClose: a, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ s("header", { className: m(r.header, t), children: [
   /* @__PURE__ */ e("h2", { className: r.title, children: o }),
-  /* @__PURE__ */ e(m, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": s, children: /* @__PURE__ */ e(c, {}) })
+  /* @__PURE__ */ e(l, { size: "sm", variant: "outline", onClick: a, className: r.close, "aria-label": i, children: /* @__PURE__ */ e(c, {}) })
 ] });
 export {
-  N as DrawerHeader
+  j as DrawerHeader
 };

package/dist/components/Dropdown/Dropdown.js

@@ -3,8 +3,9 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "react-dom";
 import "../Button/Button.js";
-import { g as e } from "../../Section-xbt3ft20.js";
+import { g as f } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  e as Dropdown
+  f as Dropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -2,25 +2,26 @@ import { jsx as i } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as f } from "react";
 import { useClickOutside as l } from "../../hooks/useClickOutside.js";
-import "../../Section-xbt3ft20.js";
+import "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
   dropdown: u
-}, v = ({
+}, z = ({
   layout: t,
   size: a = "auto",
   placement: d = "left",
   padding: e = !0,
   open: r = !1,
   className: m,
-  children: n,
-  onClose: p,
+  children: p,
+  onClose: n,
   as: s = "div"
 }) => {
   const o = f(null);
-  return l(o, p), /* @__PURE__ */ i(
+  return l(o, n), /* @__PURE__ */ i(
     s,
     {
       ref: o,
@@ -32,10 +33,10 @@ import '../../assets/DropdownBase.css';const u = "_dropdown_fqgmt_1", w = {
       "data-placement": d,
       "data-padding": e,
       "data-expanded": r,
-      children: n
+      children: p
     }
   );
 };
 export {
-  v as DropdownBase
+  z as DropdownBase
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -4,7 +4,8 @@ import { useRef as u, useEffect as d } from "react";
 import { useClickOutside as z } from "../../hooks/useClickOutside.js";
 import { useMenu as B } from "../../hooks/useMenu.js";
 import "../../index-p1eeF8LQ.js";
-import { x as O, I as $ } from "../../Section-xbt3ft20.js";
+import { x as O, I as $ } from "../../Section-DvBigBR1.js";
+import "../Typography/Link.js";
 import { Button as D } from "../Button/Button.js";
 import { ButtonIcon as G } from "../Button/ButtonIcon.js";
 import "react-dom";
@@ -15,7 +16,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   dropdown: P,
   dropdownItem: Q,
   itemTitle: U
-}, st = ({
+}, ct = ({
   variant: F = "solid",
   size: C,
   icon: L,
@@ -27,8 +28,8 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   items: A,
   "data-testid": M
 }) => {
-  const { currentId: N, toggleId: l } = O(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (o) => {
-    e(o), l(a);
+  const { currentId: N, toggleId: l } = O(), t = N === a, b = u(t), f = u(null), m = u(null), w = u(null), T = (e) => (n) => {
+    e(n), l(a);
   }, { menu: K, setActiveIndex: g, activeIndex: I } = B({
     items: A,
     groups: { ungrouped: {} },
@@ -50,22 +51,22 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
     if (!t) return;
     const e = m.current;
     if (!e) return;
-    const o = () => Array.from(e.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(
-      (n) => n.tabIndex !== -1
+    const n = () => Array.from(e.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(
+      (o) => o.tabIndex !== -1
     ), s = () => {
-      o()[0]?.focus({ preventScroll: !0 });
-    }, x = (n) => {
-      const r = n.target;
+      n()[0]?.focus({ preventScroll: !0 });
+    }, x = (o) => {
+      const r = o.target;
       r && !e.contains(r) && s();
-    }, y = (n) => {
-      if (n.key !== "Tab") return;
-      const r = o();
+    }, y = (o) => {
+      if (o.key !== "Tab") return;
+      const r = n();
       if (r.length === 0) {
-        n.preventDefault(), e.focus({ preventScroll: !0 });
+        o.preventDefault(), e.focus({ preventScroll: !0 });
         return;
       }
       const h = r[0], E = r[r.length - 1], k = document.activeElement;
-      n.shiftKey && k === h ? (n.preventDefault(), E.focus({ preventScroll: !0 })) : !n.shiftKey && k === E && (n.preventDefault(), h.focus({ preventScroll: !0 }));
+      o.shiftKey && k === h ? (o.preventDefault(), E.focus({ preventScroll: !0 })) : !o.shiftKey && k === E && (o.preventDefault(), h.focus({ preventScroll: !0 }));
     };
     return document.addEventListener("focusin", x), document.addEventListener("keydown", y), () => {
       document.removeEventListener("focusin", x), document.removeEventListener("keydown", y);
@@ -86,12 +87,12 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
         "aria-activedescendant": j,
         tabIndex: -1,
         ref: m,
-        children: K[0]?.items.map((e, o) => {
+        children: K[0]?.items.map((e, n) => {
           const s = e.props;
           return /* @__PURE__ */ q(
             D,
             {
-              id: "floating-dropdown-button-" + o,
+              id: "floating-dropdown-button-" + n,
               className: i.dropdownItem,
               onClick: T(s.onClick),
               type: "button",
@@ -105,7 +106,7 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
                 /* @__PURE__ */ c("span", { className: i.itemTitle, children: s.title })
               ]
             },
-            o
+            n
           );
         })
       }
@@ -132,5 +133,5 @@ import '../../assets/FloatingDropdown.css';const H = "_container_dqumv_1", J = "
   ] });
 };
 export {
-  st as FloatingDropdown
+  ct as FloatingDropdown
 };