@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/components/Button/FloatingActionButton.js

@@ -1,31 +1,34 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Button as l } from "./Button.js";
-import { ButtonIcon as a } from "./ButtonIcon.js";
+import { Button as e } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
-import '../../assets/FloatingActionButton.css';const c = "_button_1n5nt_1", b = {
-  button: c
-}, d = ({
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { S as l } from "../../InformationSquare-D3WAxfVw.js";
+import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c = {
+  button: u
+}, g = ({
   variant: n = "solid",
   size: r,
-  icon: t,
-  iconSize: s,
-  iconAltText: i,
-  color: m,
-  onClick: u,
-  onBlurCapture: e
+  color: i,
+  onClick: a,
+  onBlurCapture: m,
+  ...t
 }) => /* @__PURE__ */ o(
-  l,
+  e,
   {
-    className: b.button,
+    ...t,
+    icon: !0,
+    className: c.button,
     variant: n,
-    color: m,
+    color: i,
     size: r,
-    onClick: u,
-    "aria-label": i,
-    onBlurCapture: e,
-    children: t && /* @__PURE__ */ o(a, { icon: t, size: s })
+    onClick: a,
+    onBlurCapture: m,
+    "aria-label": t["aria-label"],
+    children: t.children || /* @__PURE__ */ o(l, {})
   }
 );
 export {
-  d as FloatingActionButton
+  g as FloatingActionButton
 };

package/dist/components/Byline/Byline.js

@@ -1,8 +1,8 @@
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import "react";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import "react";
 import { Skeleton as n } from "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,79 +1,85 @@
 "use client";
-import { jsxs as h, jsx as u } from "react/jsx-runtime";
-import { c as y } from "../../index-p1eeF8LQ.js";
-import f, { forwardRef as w, useRef as I, useMemo as O } from "react";
-import { useClickOutside as k } from "../../hooks/useClickOutside.js";
-import { useEnterKey as E } from "../../hooks/useEnterKey.js";
-import { Button as _ } from "../Button/Button.js";
-import { DropdownBase as C } from "../Dropdown/DropdownBase.js";
-import { useRootContext as M } from "../RootProvider/RootProvider.js";
-import { MenuItems as j } from "../Menu/MenuItems.js";
+import { jsx as a } from "react/jsx-runtime";
+import { Button as d } from "../Button/Button.js";
+import "../../index-p1eeF8LQ.js";
+import u, { forwardRef as m } from "react";
+import { Dropdown as s } from "../Dropdown/Dropdown.js";
+import { useRootContext as c } from "../RootProvider/RootProvider.js";
+import { Menu as f } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var P = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
+import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
+import { u as h } from "../../useId-BVFxCjkq.js";
+var v = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
 };
-const S = w((e, l) => {
-  var { title: r, titleId: t } = e, o = P(e, ["title", "titleId"]);
-  let n = R();
-  return n = r ? t || "title-" + n : void 0, f.createElement(
+const x = m((t, l) => {
+  var { title: o, titleId: e } = t, r = v(t, ["title", "titleId"]);
+  let i = h();
+  return i = o ? e || "title-" + i : void 0, u.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, o),
-    r ? f.createElement("title", { id: n }, r) : null,
-    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
+    o ? u.createElement("title", { id: i }, o) : null,
+    u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), B = "_toggle_nol5i_1", T = {
-  toggle: B
-}, J = ({
+}), S = ({
+  groups: t = {},
+  items: l,
+  title: o,
   id: e = "context-menu",
-  ariaLabel: l,
   placement: r = "right",
-  groups: t = {},
-  className: o,
-  items: n
+  "aria-label": i
 }) => {
-  const { currentId: g, toggleId: m, closeAll: a } = M(), d = I(null), p = "context-menu-" + e, v = () => m(e), c = g === e;
-  k(d, () => {
-    c && m(e);
-  });
-  const b = O(() => n.map((i) => ({
-    ...i,
-    tabIndex: -1,
-    onClick: () => {
-      i.onClick?.(), a();
+  const n = g({ id: e, returnFocusOnClose: !0 }), { languageCode: p } = c();
+  return /* @__PURE__ */ a(
+    s,
+    {
+      backdrop: !1,
+      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(b, { content: o || y(p).title, hidden: n.open, children: /* @__PURE__ */ a(
+        d,
+        {
+          ref: n.triggerRef,
+          icon: !0,
+          variant: "ghost",
+          rounded: !0,
+          size: "xs",
+          "aria-label": i,
+          onClick: () => n.toggleMenu(),
+          "aria-haspopup": "menu",
+          "aria-expanded": n.open,
+          "aria-controls": n.open ? n.menuId : void 0,
+          children: /* @__PURE__ */ a(x, { "aria-hidden": "true" })
+        }
+      ) }), {}),
+      open: n.open,
+      onClose: () => n.setOpen(!1),
+      id: n.menuId,
+      placement: r,
+      ...n.dropdownA11yProps,
+      children: /* @__PURE__ */ a(f, { groups: t, items: l, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
     }
-  })), [n, a]);
-  E((i) => {
-    if (c) {
-      i.preventDefault();
-      const s = d.current?.querySelector('[data-active="true"]');
-      s && (s.tagName === "A" && s.hasAttribute("href") ? s.click() : s.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
-    }
-  });
-  const x = (i) => {
-    i?.relatedTarget?.closest(`[data-testid="${p}"]`) || a();
-  };
-  return /* @__PURE__ */ h("div", { className: y(T.toggle, o), ref: d, "data-testid": p, children: [
-    /* @__PURE__ */ u(
-      _,
-      {
-        size: "xs",
-        rounded: !0,
-        variant: "ghost",
-        onClick: v,
-        "aria-label": l || `Open ${e}`,
-        onBlurCapture: x,
-        children: /* @__PURE__ */ u(S, { style: { fontSize: "1.5em" } })
-      }
-    ),
-    c && /* @__PURE__ */ u(C, { placement: r, open: c, children: /* @__PURE__ */ u(j, { groups: t, items: b, keyboardEvents: !0 }) })
-  ] });
+  );
+}, y = (t) => {
+  switch (t) {
+    case "nb":
+      return {
+        title: "Åpne meny"
+      };
+    case "nn":
+      return {
+        title: "Opne meny"
+      };
+    default:
+      return {
+        title: "Open menu"
+      };
+  }
 };
 export {
-  J as ContextMenu
+  S as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -3,40 +3,43 @@ import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { forwardRef as p, useRef as g, useEffect as B } from "react";
 import { Typography as R } from "../Typography/Typography.js";
-import { Heading as b } from "../Typography/Heading.js";
+import { Heading as _ } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
+import { ItemMedia as w } from "../Item/ItemMedia.js";
 import "../Snackbar/useSnackbar.js";
-import { DashboardIcon as w } from "./DashboardIcon.js";
 import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
-import { u as j } from "../../use-merge-refs-Cj4kTYVj.js";
-const D = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, c) {
-  const a = n ? u : "div", s = g(null), k = j([s, c]);
+import { u as N } from "../../use-merge-refs-Cj4kTYVj.js";
+import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, s) {
+  const c = n ? u : "div", a = g(null), k = N([a, s]);
   return B(() => {
-    const d = s.current, m = ({ ctrlKey: v, metaKey: x, target: y }) => {
-      const i = d?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+    const m = a.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
+      const i = m?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
       !i || i?.contains(y) || (v || x ? window.open(i.href, "", "noreferrer") : i.click());
     };
-    return d?.addEventListener("click", m), () => d?.removeEventListener("click", m);
-  }, []), t(a, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
-}), E = p(function({ asChild: n, className: r, ...e }, o) {
+    return m?.addEventListener("click", d), () => m?.removeEventListener("click", d);
+  }, []), t(c, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
+}), j = p(function({ asChild: n, className: r, ...e }, o) {
   return t(n ? u : "div", { className: h("ds-card__block", r), ref: o, ...e });
-}), C = Object.assign(D, {
-  Block: E
+}), C = Object.assign(b, {
+  Block: j
 });
 C.Block.displayName = "Card.Block";
-function A({
+const E = "_icon_112og_1", S = {
+  icon: E
+};
+function J({
   color: l,
   theme: n = "tinted",
   icon: r,
   title: e,
   href: o,
-  children: c,
-  loading: a,
-  className: s
+  children: s,
+  loading: c,
+  className: a
 }) {
-  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: s, children: [
+  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: a, children: [
     /* @__PURE__ */ f(
       "header",
       {
@@ -47,14 +50,14 @@ function A({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ t(w, { loading: a, icon: r, theme: "default" }),
-          /* @__PURE__ */ t(b, { size: "lg", loading: a, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
+          r && /* @__PURE__ */ t(w, { loading: c, icon: r, className: S.icon }),
+          /* @__PURE__ */ t(_, { size: "lg", loading: c, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
         ]
       }
     ),
-    /* @__PURE__ */ t(R, { size: "sm", loading: a, children: c })
+    /* @__PURE__ */ t(R, { size: "sm", loading: c, children: s })
   ] });
 }
 export {
-  A as DashboardCard
+  J as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,25 +1,27 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { Typography as n } from "../Typography/Typography.js";
-import { Heading as c } from "../Typography/Heading.js";
+import { Skeleton as c } from "../Skeleton/Skeleton.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { Heading as a } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
+import { ItemMedia as d } from "../Item/ItemMedia.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
-import { Section as d } from "../Page/Section.js";
-import { DashboardIcon as h } from "./DashboardIcon.js";
-const S = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ e(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
-  /* @__PURE__ */ e(t, { direction: "row", align: "center", spacing: 3, children: [
-    i && /* @__PURE__ */ o(h, { loading: r, icon: i }),
-    /* @__PURE__ */ e(t, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ o(c, { size: "lg", loading: r, children: m }),
-      /* @__PURE__ */ o(n, { as: "section", variant: "subtle", size: "xs", loading: r, children: p })
+import { Section as l } from "../Page/Section.js";
+import '../../assets/DashboardHeader.css';const h = "_icon_1lga1_1", f = {
+  icon: h
+}, v = ({ icon: e, title: s, description: m, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
+  /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
+    e && /* @__PURE__ */ i(d, { loading: r, icon: e, className: f.icon }),
+    /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
+      /* @__PURE__ */ i(a, { size: "lg", loading: r, children: s }),
+      /* @__PURE__ */ i(p, { as: "section", variant: "subtle", size: "xs", loading: r, children: m })
     ] })
   ] }),
-  /* @__PURE__ */ o(a, { loading: r, children: s })
+  /* @__PURE__ */ i(c, { loading: r, children: n })
 ] });
 export {
-  S as DashboardHeader
+  v as DashboardHeader
 };

package/dist/components/Dashboard/index.js

@@ -1,8 +1,6 @@
-import { DashboardHeader as a } from "./DashboardHeader.js";
+import { DashboardHeader as o } from "./DashboardHeader.js";
 import { DashboardCard as e } from "./DashboardCard.js";
-import { DashboardIcon as f } from "./DashboardIcon.js";
 export {
   e as DashboardCard,
-  a as DashboardHeader,
-  f as DashboardIcon
+  o as DashboardHeader
 };

package/dist/components/Datepicker/Datepicker.js

@@ -1,11 +1,13 @@
 "use client";
-import { jsxs as D, jsx as r } from "react/jsx-runtime";
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../index-p1eeF8LQ.js";
 import { useState as b } from "react";
-import { DatepickerBase as f } from "./DatepickerBase.js";
-import { DatepickerHeader as l } from "./DatepickerHeader.js";
-import { DatepickerTable as k } from "./DatepickerTable.js";
-import { useDatepicker as x } from "./useDatepicker.js";
-const j = ({
+import { DatepickerHeader as f } from "./DatepickerHeader.js";
+import { DatepickerTable as x } from "./DatepickerTable.js";
+import { useDatepicker as D } from "./useDatepicker.js";
+import '../../assets/Datepicker.css';const h = "_datepicker_1h8rq_1", v = {
+  datepicker: h
+}, j = ({
   months: t = [
     "January",
     "February",
@@ -22,15 +24,15 @@ const j = ({
   ],
   weekdays: a = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   defaultDate: o,
-  selectFrom: i,
-  selectTo: m,
-  className: s,
-  onSelect: n
+  selectFrom: s,
+  selectTo: c,
+  className: i,
+  onSelect: p
 }) => {
-  const [p, e] = b(o), { month: u, rows: c, next: d, prev: y } = x({ date: p, selectFrom: i, selectTo: m });
-  return /* @__PURE__ */ D(f, { className: s, children: [
-    /* @__PURE__ */ r(l, { title: t[u], onNext: () => e(d), onPrev: () => e(y) }),
-    /* @__PURE__ */ r(k, { rows: c, weekdays: a, onSelect: n })
+  const [m, e] = b(o), { month: n, rows: d, next: u, prev: y } = D({ date: m, selectFrom: s, selectTo: c });
+  return /* @__PURE__ */ k("div", { className: l(v.datepicker, i), children: [
+    /* @__PURE__ */ r(f, { title: t[n], onNext: () => e(u), onPrev: () => e(y) }),
+    /* @__PURE__ */ r(x, { rows: d, weekdays: a, onSelect: p })
   ] });
 };
 export {

package/dist/components/Datepicker/DatepickerHeader.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Button as d } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import o, { forwardRef as f } from "react";
+import a, { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { u as m } from "../../useId-BVFxCjkq.js";
@@ -15,24 +15,24 @@ import '../../assets/DatepickerHeader.css';var h = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const v = f((t, n) => {
+const u = f((t, n) => {
   var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
-  let i = m();
-  return i = r ? e || "title-" + i : void 0, o.createElement(
+  let o = m();
+  return o = r ? e || "title-" + o : void 0, a.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": i }, l),
-    r ? o.createElement("title", { id: i }, r) : null,
-    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.53 5.97a.75.75 0 0 1 0 1.06L9.56 12l4.97 4.97a.75.75 0 1 1-1.06 1.06l-5.5-5.5a.75.75 0 0 1 0-1.06l5.5-5.5a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.53 5.97a.75.75 0 0 1 0 1.06L9.56 12l4.97 4.97a.75.75 0 1 1-1.06 1.06l-5.5-5.5a.75.75 0 0 1 0-1.06l5.5-5.5a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
   );
-}), u = "_header_xt893_1", _ = "_title_xt893_8", g = "_nav_xt893_14", c = {
-  header: u,
+}), v = "_header_xt893_1", _ = "_title_xt893_8", g = "_nav_xt893_14", c = {
+  header: v,
   title: _,
   nav: g
 }, R = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
-  /* @__PURE__ */ a("h2", { className: c.title, children: t }),
+  /* @__PURE__ */ i("h2", { className: c.title, children: t }),
   /* @__PURE__ */ s("nav", { className: c.nav, children: [
-    /* @__PURE__ */ a(d, { size: "xs", variant: "ghost", onClick: r, "aria-label": "prev icon", children: /* @__PURE__ */ a(v, {}) }),
-    /* @__PURE__ */ a(d, { size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ a(p, {}) })
+    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: r, "aria-label": "prev icon", children: /* @__PURE__ */ i(u, {}) }),
+    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ i(p, {}) })
   ] })
 ] });
 export {

package/dist/components/Dialog/DialogActions.js

@@ -5,18 +5,18 @@ import "../../index-p1eeF8LQ.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonGroup as C } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
+import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
-import { Menu as x } from "../Menu/Menu.js";
+import { Menu as v } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", O = "_comboButton_1n930_8", m = {
   action: I,
   comboButton: O
 }, F = ({ items: i, maxItems: s = 2, id: d = "dialog-actions", expandAltLabel: u }) => {
-  const { currentId: f, closeAll: h, toggleId: b } = _(), c = f === d, t = p(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
-    const e = ["primary", "secondary", "tertiary"];
-    return e.indexOf(o?.priority) - e.indexOf(r?.priority);
+  const { currentId: f, closeAll: h, toggleId: b } = _(), e = f === d, t = p(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
+    const c = ["primary", "secondary", "tertiary"];
+    return c.indexOf(o?.priority) - c.indexOf(r?.priority);
   }), [i]), y = p(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
   if (!t.length || s <= 0)
     return null;
@@ -32,14 +32,14 @@ import '../../assets/DialogActions.css';const I = "_action_1n930_1", O = "_combo
       /* @__PURE__ */ a(C, { connected: !0, size: "md", children: [
         /* @__PURE__ */ n(l, { disabled: y, onClick: t[0].onClick, children: t[0].label }),
         /* @__PURE__ */ n(B, {}),
-        /* @__PURE__ */ n(l, { "aria-label": u, onClick: () => b(d), children: c ? /* @__PURE__ */ n(k, {}) : /* @__PURE__ */ n(D, {}) })
+        /* @__PURE__ */ n(l, { "aria-label": u, onClick: () => b(d), "aria-expanded": e ? "true" : "false", children: e ? /* @__PURE__ */ n(k, {}) : /* @__PURE__ */ n(D, {}) })
       ] }),
-      c && /* @__PURE__ */ n(v, { open: c, onClose: h, children: /* @__PURE__ */ n(x, { items: o }) })
+      e && /* @__PURE__ */ n(x, { open: e, onClose: h, children: /* @__PURE__ */ n(v, { items: o }) })
     ] });
   }
   return /* @__PURE__ */ n("section", { className: m.action, children: t.map((o, r) => {
-    const { priority: e, id: S, ...g } = o;
-    return /* @__PURE__ */ n(l, { variant: e === "primary" ? "solid" : "outline", size: "md", ...g, children: o.label }, "button-" + r);
+    const { priority: c, id: S, ...g } = o;
+    return /* @__PURE__ */ n(l, { variant: c === "primary" ? "solid" : "outline", size: "md", ...g, children: o.label }, "button-" + r);
   }) });
 };
 export {

package/dist/components/Dialog/DialogAttachments.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import "react";
 import { AttachmentList as m } from "../Attachment/AttachmentList.js";
+import "react";
 import { Heading as n } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";