@altinn/altinn-components 0.52.7 → 0.53.0

package/dist/components/Dialog/DialogHistorySegment.js

@@ -2,11 +2,12 @@ import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { createElement as s } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Typography as a } from "../Typography/Typography.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistoryItem as c } from "./DialogHistoryItem.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
-const T = ({
+const k = ({
   id: i,
   items: t,
   datetime: m,
@@ -20,5 +21,5 @@ const T = ({
   t?.map((o) => /* @__PURE__ */ s(c, { ...o, key: o.id }))
 ] });
 export {
-  T as DialogHistorySegment
+  k as DialogHistorySegment
 };

package/dist/components/Dialog/DialogLayout.js

@@ -1,6 +1,7 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import { ContextMenu as s } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
@@ -8,7 +9,7 @@ import { PageBase as n } from "../Page/PageBase.js";
 import { PageNav as l } from "../Page/PageNav.js";
 import { PageMenu as d } from "../Page/PageMenu.js";
 import { Section as e } from "../Page/Section.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: [
+const y = ({ 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,
@@ -24,5 +25,5 @@ const w = ({ backButton: i, contextMenu: r, pageMenu: m, children: a, color: p }
   /* @__PURE__ */ o(d, { items: m?.items })
 ] });
 export {
-  w as DialogLayout
+  y as DialogLayout
 };

package/dist/components/Dialog/DialogList.js

@@ -2,27 +2,28 @@ import { jsx as g } from "react/jsx-runtime";
 import { createElement as r } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListGroup as y } from "./DialogListGroup.js";
 import { DialogListItem as d } from "./DialogListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as k } from "../Page/Section.js";
-const v = ({ items: t, groups: i = {}, sortGroupBy: e, highlightWords: m, isLoading: p }) => {
+const B = ({ items: t, groups: i = {}, sortGroupBy: m, highlightWords: e, isLoading: p }) => {
   const { menu: s } = f({
     items: t,
     groups: i,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: e
+    sortGroupBy: m
   });
   return /* @__PURE__ */ g(k, { spacing: 6, "aria-busy": p, children: s?.map((o, n) => {
     const a = o.props || {};
     return /* @__PURE__ */ r(y, { ...a, key: "dialog-list-item" + n }, o?.items.map((l, u) => {
       const c = l.props || {};
-      return /* @__PURE__ */ r(d, { ...c, highlightWords: m, key: "dialog-list-item" + u });
+      return /* @__PURE__ */ r(d, { ...c, highlightWords: e, key: "dialog-list-item" + u });
     }));
   }) });
 };
 export {
-  v as DialogList
+  B as DialogList
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -3,12 +3,13 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { List as n } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
-const z = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
+const L = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, { spacing: 4, children: [
   /* @__PURE__ */ m(s, { direction: "col", spacing: 2, children: [
     o && /* @__PURE__ */ r(e, { size: "lg", children: o }),
     i && /* @__PURE__ */ r(p, { size: "sm", style: { marginBottom: ".5em" }, children: i })
@@ -16,5 +17,5 @@ const z = ({ title: o, description: i, children: t }) => /* @__PURE__ */ m(c, {
   /* @__PURE__ */ r(n, { spacing: 3, children: t })
 ] });
 export {
-  z as DialogListGroup
+  L as DialogListGroup
 };

package/dist/components/Dialog/DialogListItem.js

@@ -3,6 +3,7 @@ import { Badge as K } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Heading as j } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { DialogMetadata as O } from "./DialogMetadata.js";
 import { DialogByline as P } from "./DialogByline.js";
@@ -18,7 +19,7 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   footer: Z,
   seenBy: $,
   heading: z
-}, _a = ({
+}, pa = ({
   size: r = "xl",
   state: W = "normal",
   loading: e,
@@ -166,5 +167,5 @@ import '../../assets/DialogListItem.css';const S = "_border_jg0tu_1", T = "_titl
   );
 };
 export {
-  _a as DialogListItem
+  pa as DialogListItem
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -2,6 +2,7 @@
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import o, { forwardRef as f } from "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaBase as E } from "../Metadata/MetaBase.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
@@ -135,7 +136,7 @@ const G = f((t, n) => {
     r ? o.createElement("title", { id: i }, r) : null,
     o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 6.25a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.876-11.384h.805a.75.75 0 0 0 0-1.5h-2.75V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25zm5.5-1.5c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm-3.19 3 .867 11.27c.01.13.118.23.249.23h8.148c.13 0 .24-.1.25-.23l.866-11.27zm3.19 2a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
   );
-}), te = ({
+}), le = ({
   className: t,
   loading: n,
   status: r,
@@ -183,5 +184,5 @@ const G = f((t, n) => {
   )
 ] });
 export {
-  te as DialogMetadata
+  le as DialogMetadata
 };

package/dist/components/Dialog/DialogSection.js

@@ -3,13 +3,14 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as t } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as n } from "../Page/Section.js";
-const x = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
+const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [
   r && /* @__PURE__ */ i(t, { size: "lg", children: r }),
   /* @__PURE__ */ i(p, { children: o })
 ] }) : null;
 export {
-  x as DialogSection
+  d as DialogSection
 };

package/dist/components/Dialog/DialogSeenBy.js

@@ -2,6 +2,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as i } from "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MetaItem as m } from "../Metadata/MetaItem.js";
@@ -41,7 +42,7 @@ const b = i((t, n) => {
     r ? a.createElement("title", { id: o }, r) : 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" })
   );
-}), x = ({
+}), E = ({
   size: t = "xs",
   label: n = "Seen by label",
   seenByEndUser: r = !1,
@@ -53,5 +54,5 @@ const b = i((t, n) => {
   return /* @__PURE__ */ d(m, { size: t, icon: f, ...o, children: n });
 };
 export {
-  x as DialogSeenBy
+  E as DialogSeenBy
 };

package/dist/components/Dialog/DialogSelect.js

@@ -1,6 +1,7 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { c as i } from "../../index-p1eeF8LQ.js";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
@@ -8,10 +9,10 @@ import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", a = "_input_1
   label: r,
   input: a,
   icon: p
-}, f = ({ checked: t = !1, onChange: e, className: l }) => /* @__PURE__ */ s("label", { className: i(o.label, l), children: [
+}, h = ({ checked: t = !1, onChange: e, className: i }) => /* @__PURE__ */ l("label", { className: s(o.label, i), children: [
   /* @__PURE__ */ c("input", { type: "checkbox", checked: t, onChange: e, className: o.input }),
   /* @__PURE__ */ c(n, { hover: !0, checked: t, className: o.icon })
 ] });
 export {
-  f as DialogSelect
+  h as DialogSelect
 };

package/dist/components/Dialog/DialogStatus.js

@@ -2,6 +2,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as p } from "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
 import { MetaProgress as d } from "../Metadata/MetaProgress.js";
@@ -26,7 +27,7 @@ const m = p((e, n) => {
   );
 });
 var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
-const R = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }) => {
+const _ = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }) => {
   if (e)
     return null;
   switch (r) {
@@ -45,6 +46,6 @@ const R = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }
   }
 };
 export {
-  R as DialogStatus,
+  _ as DialogStatus,
   u as DialogStatusEnum
 };

package/dist/components/Dialog/DialogTabs.js

@@ -1,10 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { PageTabs as i } from "../Page/PageTabs.js";
-const g = ({ id: o = "dialog-tabs", items: r = [] }) => /* @__PURE__ */ t(i, { id: o, items: r });
+const f = ({ id: o = "dialog-tabs", items: r = [] }) => /* @__PURE__ */ t(i, { id: o, items: r });
 export {
-  g as DialogTabs
+  f as DialogTabs
 };

package/dist/components/Dialog/SeenByLog.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { useState as a, Fragment as h, createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as p } from "./SeenByLogButton.js";
+import { SeenByLogButton as c } from "./SeenByLogButton.js";
 import { SeenByLogItem as S } from "./SeenByLogItem.js";
 import { Divider as s } from "../Divider/Divider.js";
 import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as y } from "../Page/Flex.js";
 import { Section as B } from "../Page/Section.js";
-const b = ({
+const q = ({
   collapsible: t,
   expanded: d,
   title: n,
@@ -19,17 +20,17 @@ const b = ({
   endUserLabel: g = "You"
 }) => {
   const [m, f] = a(d || !t && !0);
-  return /* @__PURE__ */ c(B, { spacing: 1, children: [
-    n && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(p, { icon: { items: e }, as: "button", onClick: () => {
+  return /* @__PURE__ */ p(B, { spacing: 1, children: [
+    n && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(c, { icon: { items: e }, as: "button", onClick: () => {
       f((r) => !r);
-    }, children: n }) : /* @__PURE__ */ o(p, { icon: { items: e }, as: "div", children: n }) }),
+    }, children: n }) : /* @__PURE__ */ o(c, { icon: { items: e }, as: "div", children: n }) }),
     n && m && /* @__PURE__ */ o(s, {}),
-    m && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: e?.map((r, u) => /* @__PURE__ */ c(h, { children: [
+    m && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: e?.map((r, u) => /* @__PURE__ */ p(h, { children: [
       u > 0 && /* @__PURE__ */ o(s, {}),
       /* @__PURE__ */ l(S, { ...r, key: r.id, size: i, endUserLabel: g })
     ] }, r.id)) })
   ] });
 };
 export {
-  b as SeenByLog
+  q as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -1,11 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItemLabel as p } from "../Metadata/MetaItemLabel.js";
 import { MetaItem as s } from "../Metadata/MetaItem.js";
 import "../Snackbar/useSnackbar.js";
-const I = ({ as: r, icon: m, children: t, className: e, onClick: i }) => /* @__PURE__ */ o(s, { as: r, size: "xs", className: e, icon: m, onClick: i, children: t && /* @__PURE__ */ o(p, { size: "xs", children: t }) });
+const L = ({ as: r, icon: m, children: t, className: e, onClick: i }) => /* @__PURE__ */ o(s, { as: r, size: "xs", className: e, icon: m, onClick: i, children: t && /* @__PURE__ */ o(p, { size: "xs", children: t }) });
 export {
-  I as SeenByLogButton
+  L as SeenByLogButton
 };

package/dist/components/Dialog/SeenByLogItem.js

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

package/dist/components/Dropdown/DrawerButton.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { ButtonBase as m } from "../Button/ButtonBase.js";
+import { Button as m } from "../Button/Button.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const e = "_button_19v2d_1", p = {
   button: e
-}, f = ({ label: o, children: r, onClick: n, ...i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: p.button, onClick: n, ...i, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
+}, B = ({ label: o, children: r, onClick: n, ...i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: p.button, onClick: n, ...i, children: /* @__PURE__ */ t(s, { size: "md", children: r || o }) });
 export {
-  f as DrawerButton
+  B as DrawerButton
 };

package/dist/components/Dropdown/DrawerHeader.js

@@ -1,26 +1,16 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c } from "../../index-p1eeF8LQ.js";
+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 "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { IconButton as m } from "../Button/IconButton.js";
-import { S as l } from "../../XMark-tKk6aExO.js";
-import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", e = {
+import { S as c } from "../../XMark-tKk6aExO.js";
+import '../../assets/DrawerHeader.css';const n = "_header_1mz3h_1", h = "_title_1mz3h_15", r = {
   header: n,
   title: h
-}, N = ({ className: r, title: o, onClose: s, closeIconAltText: i = "Close icon" }) => /* @__PURE__ */ a("header", { className: c(e.header, r), children: [
-  /* @__PURE__ */ t("h2", { className: e.title, children: o }),
-  /* @__PURE__ */ t(
-    m,
-    {
-      size: "sm",
-      icon: l,
-      variant: "outline",
-      onClick: s,
-      className: e.close,
-      iconAltText: i
-    }
-  )
+}, N = ({ className: t, title: o, onClose: a, closeIconAltText: s = "Close icon" }) => /* @__PURE__ */ i("header", { className: l(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, {}) })
 ] });
 export {
   N as DrawerHeader

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,6 +1,7 @@
-import { jsxs as d, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as s } from "./Backdrop.js";
 import { DrawerHeader as c } from "./DrawerHeader.js";
@@ -12,17 +13,17 @@ import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1"
   drawerOrDropdown: w,
   header: D,
   footer: _
-}, b = ({
+}, v = ({
   open: a = !1,
   size: i = "auto",
   onClose: t,
   drawerButton: r,
   children: m,
-  drawerTitle: n
-}) => /* @__PURE__ */ d(p, { children: [
+  drawerTitle: p
+}) => /* @__PURE__ */ d(n, { children: [
   a && /* @__PURE__ */ o(s, { onClick: t }),
   /* @__PURE__ */ d("div", { className: e.drawerOrDropdown, "data-expanded": a, "data-size": i, children: [
-    /* @__PURE__ */ o(c, { className: e.header, title: n, onClose: t }),
+    /* @__PURE__ */ o(c, { className: e.header, title: p, onClose: t }),
     /* @__PURE__ */ o(h, { children: m }),
     /* @__PURE__ */ o(l, { className: e.footer, children: r && /* @__PURE__ */ o(
       f,
@@ -36,5 +37,5 @@ import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1"
   ] })
 ] });
 export {
-  b as DrawerOrDropdown
+  v as DrawerOrDropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -2,23 +2,24 @@ import { jsx as i } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { useRef as l } from "react";
 import { useClickOutside as f } from "../../hooks/useClickOutside.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DropdownBase.css';const u = "_dropdown_1tyzv_1", w = {
   dropdown: u
-}, g = ({
+}, j = ({
   layout: t,
   size: a = "auto",
   placement: d = "left",
   padding: e = !0,
   open: r = !1,
   className: n,
-  children: s,
-  onClose: p,
+  children: p,
+  onClose: s,
   as: m = "div"
 }) => {
   const o = l(null);
-  return f(o, p), /* @__PURE__ */ i(
+  return f(o, s), /* @__PURE__ */ i(
     m,
     {
       ref: o,
@@ -30,10 +31,10 @@ import '../../assets/DropdownBase.css';const u = "_dropdown_1tyzv_1", w = {
       "data-placement": d,
       "data-padding": e,
       "data-expanded": r,
-      children: s
+      children: p
     }
   );
 };
 export {
-  g as DropdownBase
+  j as DropdownBase
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -1,57 +1,57 @@
 "use client";
 import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { useRef as _, useEffect as E } from "react";
-import { useClickOutside as M } from "../../hooks/useClickOutside.js";
-import { useMenu as N } from "../../hooks/useMenu.js";
+import { useRef as _, useEffect as M } from "react";
+import { useClickOutside as N } from "../../hooks/useClickOutside.js";
+import { useMenu as R } from "../../hooks/useMenu.js";
 import "../../index-p1eeF8LQ.js";
-import { Icon as R } from "../Icon/Icon.js";
-import { ButtonBase as T } from "../Button/ButtonBase.js";
-import { ButtonIcon as B } from "../Button/ButtonIcon.js";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { Icon as T } from "../Icon/Icon.js";
+import { Button as b } from "../Button/Button.js";
+import { ButtonIcon as j } from "../Button/ButtonIcon.js";
+import { useRootContext as z } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/FloatingDropdown.css';const z = "_container_dqumv_1", D = "_button_dqumv_13", F = "_dropdown_dqumv_21", L = "_dropdownItem_dqumv_45", A = "_itemTitle_dqumv_75", n = {
-  container: z,
+import '../../assets/FloatingDropdown.css';const B = "_container_dqumv_1", D = "_button_dqumv_13", F = "_dropdown_dqumv_21", L = "_dropdownItem_dqumv_45", A = "_itemTitle_dqumv_75", n = {
+  container: B,
   button: D,
   dropdown: F,
   dropdownItem: L,
   itemTitle: A
 }, W = ({
-  variant: b = "solid",
-  size: w,
-  icon: g,
-  iconOpen: a,
-  iconSize: h,
-  iconAltText: x,
+  variant: w = "solid",
+  size: g,
+  icon: h,
+  iconOpen: c,
+  iconSize: x,
+  iconAltText: I,
   id: r = "floatingDropdown",
   color: l = "company",
-  items: I,
-  dataTestId: C
+  items: C,
+  "data-testid": k
 }) => {
-  const { currentId: k, toggleId: i } = j(), o = k === r, s = _(null), u = _(null), m = () => {
+  const { currentId: q, toggleId: i } = z(), o = q === r, s = _(null), u = _(null), m = () => {
     u.current?.focus();
-  }, q = (t) => (d) => {
+  }, y = (t) => (d) => {
     t(d), i(r), m();
-  }, { menu: y, setActiveIndex: p } = N({
-    items: I,
+  }, { menu: E, setActiveIndex: p } = R({
+    items: C,
     groups: { ungrouped: {} },
     keyboardEvents: o,
     onSelect: m,
     ref: s
   });
-  E(() => {
+  M(() => {
     o && p(0);
-  }, [o, p]), M(s, () => {
+  }, [o, p]), N(s, () => {
     o && i(r);
   });
-  const f = o && a ? a : g;
+  const f = o && c ? c : h;
   return /* @__PURE__ */ v("div", { className: n.container, ref: s, children: [
-    o && /* @__PURE__ */ e("div", { className: n.dropdown, "data-color": l, role: "menu", "aria-labelledby": "floating-dropdown-button", children: y[0]?.items.map((t, d) => {
-      const c = t.props;
+    o && /* @__PURE__ */ e("div", { className: n.dropdown, "data-color": l, role: "menu", "aria-labelledby": "floating-dropdown-button", children: E[0]?.items.map((t, d) => {
+      const a = t.props;
       return /* @__PURE__ */ v(
-        "button",
+        b,
         {
           className: n.dropdownItem,
-          onClick: q(c.onClick),
+          onClick: y(a.onClick),
           type: "button",
           role: "menuitem",
           tabIndex: t.active ? 0 : -1,
@@ -59,29 +59,29 @@ import '../../assets/FloatingDropdown.css';const z = "_container_dqumv_1", D = "
           onMouseEnter: t.onMouseEnter,
           onMouseLeave: t.onMouseLeave,
           children: [
-            /* @__PURE__ */ e(R, { svgElement: c.icon, size: "md", color: "inherit" }),
-            /* @__PURE__ */ e("span", { className: n.itemTitle, children: c.title })
+            /* @__PURE__ */ e(T, { svgElement: a.icon, size: "md", color: "inherit" }),
+            /* @__PURE__ */ e("span", { className: n.itemTitle, children: a.title })
           ]
         },
         d
       );
     }) }),
     /* @__PURE__ */ e(
-      T,
+      b,
       {
         className: n.button,
-        variant: b,
+        variant: w,
         color: l,
-        size: w,
+        size: g,
         onClick: () => i(r),
-        "data-testid": C,
-        "aria-label": x,
+        "data-testid": k,
+        "aria-label": I,
         "aria-expanded": o,
         "aria-haspopup": "menu",
         id: "floating-dropdown-button",
         ref: u,
         autoFocus: !1,
-        children: f && /* @__PURE__ */ e(B, { icon: f, size: h })
+        children: f && /* @__PURE__ */ e(j, { icon: f, size: x })
       }
     )
   ] });