@altinn/altinn-components 0.41.3 → 0.41.5

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._avatar_1qmnt_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_1qmnt_1[data-shape=circle]{border-radius:50%}._avatar_1qmnt_1[data-shape=square]{border-radius:5%}._avatar_1qmnt_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1qmnt_20{display:block;font-size:1em;width:1em;height:1em}._shape_1qmnt_20[data-variant=outline]{border:1px solid}._label_1qmnt_31{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1qmnt_41{display:block;width:100%;height:100%}
+._avatar_128b0_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_128b0_1[data-shape=circle]{border-radius:50%}._avatar_128b0_1[data-shape=square]{border-radius:5%}._avatar_128b0_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_128b0_20{display:block;font-size:1em;width:1em;height:1em}._shape_128b0_20[data-variant=outline]{border:1px solid}._label_128b0_31{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_128b0_41{display:block;width:100%;height:100%}@supports (-webkit-hyphens: none){._avatar_128b0_1[data-size=lg] ._label_128b0_31{font-size:1.58rem}._avatar_128b0_1[data-size=md] ._label_128b0_31{font-size:1.15rem}._avatar_128b0_1[data-size=sm] ._label_128b0_31{font-size:.85rem}}

package/dist/assets/MenuItemIcon.css

@@ -1 +1 @@
-._icon_18swu_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._icon_18swu_1[data-size=lg]{font-size:2.75rem}._icon_18swu_1[data-size=lg] svg,._icon_18swu_1[data-size=lg] img{font-size:1.75rem}._icon_18swu_1[data-size=md]{font-size:2rem}._icon_18swu_1[data-size=md] svg,._icon_18swu_1[data-size=md] img{font-size:1.5rem}._icon_18swu_1[data-size=sm]{font-size:1.5rem}._icon_18swu_1[data-size=sm] svg,._icon_18swu_1[data-size=sm] img{font-size:1.25rem}._avatar_18swu_37{font-size:1em;width:1em;height:1em}._avatarGroup_18swu_43{font-size:.625em}._badge_18swu_47{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}
+._icon_1b18x_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._icon_1b18x_1[data-size=lg]{font-size:2.75rem}._icon_1b18x_1[data-size=lg] svg,._icon_1b18x_1[data-size=lg] img{font-size:1.75rem}._icon_1b18x_1[data-size=md]{font-size:2rem}._icon_1b18x_1[data-size=md] svg,._icon_1b18x_1[data-size=md] img{font-size:1.5rem}._icon_1b18x_1[data-size=sm]{font-size:1.5rem}._icon_1b18x_1[data-size=sm] svg,._icon_1b18x_1[data-size=sm] img{font-size:1.25rem}._avatar_1b18x_37{font-size:1em;width:1em;height:1em}._avatarGroup_1b18x_43{font-size:.625em}._badge_1b18x_47{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}@supports (-webkit-hyphens: none){._icon_1b18x_1[data-size=lg]{font-size:2.75rem;width:2.75rem;height:2.75rem}._icon_1b18x_1[data-size=lg] svg,._icon_1b18x_1[data-size=lg] img{width:1.75rem;height:1.75rem}._icon_1b18x_1[data-size=lg] ._avatar_1b18x_37{width:2.75rem;height:2.75rem;font-size:2.75rem}._icon_1b18x_1[data-size=md]{font-size:2rem;width:2rem;height:2rem}._icon_1b18x_1[data-size=md] svg,._icon_1b18x_1[data-size=md] img{width:1.5rem;height:1.5rem}._icon_1b18x_1[data-size=md] ._avatar_1b18x_37{width:2rem;height:2rem;font-size:2rem}._icon_1b18x_1[data-size=sm]{font-size:1.5rem;width:1.5rem;height:1.5rem}._icon_1b18x_1[data-size=sm] svg,._icon_1b18x_1[data-size=sm] img{width:1.25rem;height:1.25rem}._icon_1b18x_1[data-size=sm] ._avatar_1b18x_37{width:1.5rem;height:1.5rem;font-size:1.5rem}}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_16xuy_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_16xuy_13{display:inline-flex;align-items:center;column-gap:.5em}._radio_16xuy_19,._checkbox_16xuy_20{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_16xuy_19{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_16xuy_20{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_16xuy_19[data-checked=true],._checkbox_16xuy_20[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_16xuy_53{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_16xuy_53{font-size:unset;width:1.25em;height:1.25em}._icon_16xuy_53 svg,._icon_16xuy_53 img{width:100%;height:100%}}
+._label_sfsij_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_sfsij_13{color:var(--ds-color-text-default);display:inline-flex;align-items:center;column-gap:.5em}._count_sfsij_20{vertical-align:super;font-size:smaller}._radio_sfsij_25,._checkbox_sfsij_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_sfsij_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_sfsij_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_sfsij_25[data-checked=true],._checkbox_sfsij_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_sfsij_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_sfsij_59{font-size:unset;width:1.25em;height:1.25em}._icon_sfsij_59 svg,._icon_sfsij_59 img{width:100%;height:100%}}

package/dist/components/Account/AccountListItemDetails.js

@@ -1,33 +1,35 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { createElement as g, Fragment as h } from "react";
+import { createElement as h, Fragment as v } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountOrganization as v } from "./AccountOrganization.js";
+import { AccountOrganization as L } from "./AccountOrganization.js";
 import { Button as p } from "../Button/Button.js";
-import { ButtonGroup as L } from "../Button/ButtonGroup.js";
+import { ButtonGroup as j } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
-import { Divider as j } from "../Divider/Divider.js";
-import { List as x } from "../List/List.js";
+import { Divider as x } from "../Divider/Divider.js";
+import { List as z } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
-import { SettingsItem as z } from "../Settings/SettingsItem.js";
-const P = ({
+import { SettingsItem as A } from "../Settings/SettingsItem.js";
+const q = ({
   color: c,
   loading: s,
   loadingText: l = "Loading...",
   buttons: o,
   settings: m,
-  organization: n
+  organization: n,
+  children: d
 }) => s ? /* @__PURE__ */ r(a, { padding: 6, spacing: 4, children: /* @__PURE__ */ r(p, { variant: "outline", loading: !0, children: l }) }) : /* @__PURE__ */ e(a, { padding: 6, spacing: 4, color: c, children: [
-  o && /* @__PURE__ */ r(L, { size: "sm", children: o.map((i, t) => {
-    const { label: d, variant: u, ...f } = i;
-    return /* @__PURE__ */ g(p, { ...f, variant: u || "outline", key: t }, d);
+  o && /* @__PURE__ */ r(j, { size: "sm", children: o.map((i, t) => {
+    const { label: u, variant: f, ...g } = i;
+    return /* @__PURE__ */ h(p, { ...g, variant: f || "outline", key: t }, u);
   }) }),
-  m && /* @__PURE__ */ r(x, { size: "sm", children: m.map((i, t) => /* @__PURE__ */ e(h, { children: [
-    t > 0 && /* @__PURE__ */ r(j, { as: "li" }),
-    /* @__PURE__ */ r(z, { ...i })
+  m && /* @__PURE__ */ r(z, { size: "sm", children: m.map((i, t) => /* @__PURE__ */ e(v, { children: [
+    t > 0 && /* @__PURE__ */ r(x, { as: "li" }),
+    /* @__PURE__ */ r(A, { ...i })
   ] }, t)) }),
-  n && /* @__PURE__ */ r(v, { items: n })
+  n && /* @__PURE__ */ r(L, { items: n }),
+  d
 ] });
 export {
-  P as AccountListItemDetails
+  q as AccountListItemDetails
 };

package/dist/components/Account/AccountOrganization.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as d } from "../Byline/Byline.js";
@@ -13,12 +13,15 @@ import '../../assets/AccountOrganization.css';const m = "_list_hvcdj_1", p = "_n
   title: l,
   as: o,
   description: s,
-  selected: c,
+  selected: r,
   ...e
-}) => /* @__PURE__ */ n(c ? "span" : o || "a", { ...e, className: i.link, "data-selected": c, children: /* @__PURE__ */ r(d, { size: "sm", avatar: t, children: [
-  /* @__PURE__ */ n("strong", { children: l }),
-  s && `, ${s}`
-] }) }), u = ({ items: t, level: l }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t.map((o, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: i.node, "data-level": l, children: /* @__PURE__ */ n(a, { ...o }) }) }, s)) }), x = ({ items: t, level: l = 1 }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ r("li", { children: [
+}) => /* @__PURE__ */ n(r ? "span" : o || "a", { ...e, className: i.link, "data-selected": r, children: /* @__PURE__ */ c(d, { size: "sm", avatar: t, children: [
+  /* @__PURE__ */ c("strong", { children: [
+    l,
+    s && ","
+  ] }),
+  s
+] }) }), u = ({ items: t, level: l }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t.map((o, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: i.node, "data-level": l, children: /* @__PURE__ */ n(a, { ...o }) }) }, s)) }), x = ({ items: t, level: l = 1 }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ c("li", { children: [
   /* @__PURE__ */ n(a, { ...o }),
   o.items && /* @__PURE__ */ n(u, { items: o.items, level: l + 1 })
 ] }, s)) });

package/dist/components/Avatar/Avatar.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
-import { useState as j } from "react";
-import { Skeleton as A } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as E } from "./color.js";
-import '../../assets/Avatar.css';const I = "_avatar_1qmnt_1", y = "_shape_1qmnt_20", z = "_label_1qmnt_31", H = "_image_1qmnt_41", r = {
-  avatar: I,
-  shape: y,
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { c as j } from "../../index-L8X2o7IH.js";
+import { useState as A } from "react";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as I } from "./color.js";
+import '../../assets/Avatar.css';const y = "_avatar_128b0_1", q = "_shape_128b0_20", z = "_label_128b0_31", H = "_image_128b0_41", r = {
+  avatar: y,
+  shape: q,
   label: z,
   image: H
 }, F = (a) => typeof a == "object" && a !== null && "name" in a, G = ({
   type: a = "person",
-  size: p,
+  size: m,
   name: l = "Avatar",
   shape: d,
   color: u,
   variant: o = "solid",
   outline: h = !0,
   imageUrl: s,
-  imageUrlAlt: _,
-  customLabel: g,
+  imageUrlAlt: b,
+  customLabel: _,
   loading: n,
-  className: b,
+  className: g,
   style: c = {}
 }) => {
-  const [f, v] = j(!1), C = d || a === "person" ? "circle" : "square", q = u || a === "person" ? "light" : "dark", { backgroundColor: i, foregroundColor: m } = E(l, q), N = (l[0] ?? "").toUpperCase(), t = s && !f, S = !n && !t ? {
+  const [f, v] = A(!1), C = d || a === "person" ? "circle" : "square", N = u || a === "person" ? "light" : "dark", { backgroundColor: i, foregroundColor: p } = I(l, N), S = (l[0] ?? "").toUpperCase(), t = s && !f, k = !n && !t ? {
     ...c,
-    backgroundColor: o === "outline" ? m : i,
-    color: o === "outline" ? i : m
+    backgroundColor: o === "outline" ? p : i,
+    color: o === "outline" ? i : p
   } : c;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: x(r.avatar, b),
-      style: S,
+      className: j(r.avatar, g),
+      style: k,
       "data-shape": C,
-      "data-size": p,
+      "data-size": m,
       "data-outline": h,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ k(A, { loading: n, className: r.shape, variant: "circle", children: [
+      children: /* @__PURE__ */ x(E, { loading: n, className: r.shape, variant: "circle", children: [
         /* @__PURE__ */ e("div", { className: r.shape, "data-variant": o, children: t && /* @__PURE__ */ e(
           "img",
           {
             src: s,
             className: r.image,
-            alt: _ || s,
+            alt: b || s,
             onError: () => {
               v(!0);
             }
           }
         ) }),
-        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || N })
+        !t && /* @__PURE__ */ e("span", { className: r.label, children: _ || S })
       ] })
     }
   );

package/dist/components/Bookmarks/index.js

@@ -1,14 +1,8 @@
-import { BookmarksListItem as t } from "./BookmarksListItem.js";
-import { EditableBookmark as m } from "./EditableBookmark.js";
-import { BookmarksSection as s } from "./BookmarksSection.js";
-import { BookmarksSettingsItem as i } from "./BookmarksSettingsItem.js";
-import { BookmarksSettingsSection as p } from "./BookmarksSettingsSection.js";
-import { BookmarksSettingsModal as B } from "./BookmarksSettingsModal.js";
+import { BookmarksListItem as m } from "./BookmarksListItem.js";
+import { EditableBookmark as e } from "./EditableBookmark.js";
+import { BookmarksSection as a } from "./BookmarksSection.js";
 export {
-  t as BookmarksListItem,
-  s as BookmarksSection,
-  i as BookmarksSettingsItem,
-  B as BookmarksSettingsModal,
-  p as BookmarksSettingsSection,
-  m as EditableBookmark
+  m as BookmarksListItem,
+  a as BookmarksSection,
+  e as EditableBookmark
 };

package/dist/components/Dialog/DialogMetadata.js

@@ -4,14 +4,13 @@ import "../../index-L8X2o7IH.js";
 import i, { forwardRef as d } from "react";
 import "../RootProvider/RootProvider.js";
 import { MetaBase as z } from "../Metadata/MetaBase.js";
-import { MetaItem as f } from "../Metadata/MetaItem.js";
+import { MetaItem as m } from "../Metadata/MetaItem.js";
 import { MetaTimestamp as p } from "../Metadata/MetaTimestamp.js";
 import { DialogStatus as E } from "./DialogStatus.js";
 import "../Snackbar/useSnackbar.js";
 import { S } from "../../Checkmark-Byz_C9x4.js";
-import { u as m } from "../../useId-BVFxCjkq.js";
-import { S as P } from "../../Trash-ofRjaQsc.js";
-var M = function(t, n) {
+import { u as f } from "../../useId-BVFxCjkq.js";
+var P = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,9 +18,9 @@ var M = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const R = d((t, n) => {
-  var { title: r, titleId: e } = t, l = M(t, ["title", "titleId"]);
-  let o = m();
+const M = d((t, n) => {
+  var { title: r, titleId: e } = t, l = P(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
@@ -29,7 +28,7 @@ const R = d((t, n) => {
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-.75.75h-.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V8.75H4A.75.75 0 0 1 3.25 8zm2.5 4.75h12.5V19a.25.25 0 0 1-.25.25H6a.25.25 0 0 1-.25-.25zm-1-4v2.5h14.5v-2.5zm9.25 8.5a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 0 0 1.5z", clipRule: "evenodd" })
   );
 });
-var V = function(t, n) {
+var R = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -37,9 +36,9 @@ var V = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const C = d((t, n) => {
-  var { title: r, titleId: e } = t, l = V(t, ["title", "titleId"]);
-  let o = m();
+const V = d((t, n) => {
+  var { title: r, titleId: e } = t, l = R(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
@@ -47,7 +46,7 @@ const C = d((t, n) => {
     i.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
 });
-var B = function(t, n) {
+var C = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -55,9 +54,9 @@ var B = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const H = d((t, n) => {
-  var { title: r, titleId: e } = t, l = B(t, ["title", "titleId"]);
-  let o = m();
+const B = d((t, n) => {
+  var { title: r, titleId: e } = t, l = C(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
@@ -65,7 +64,7 @@ const H = d((t, n) => {
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 2.25a.75.75 0 0 1 .75.75v1.25h4.5V3a.75.75 0 0 1 1.5 0v1.25h3.75c.69 0 1.25.56 1.25 1.25v13c0 .69-.56 1.25-1.25 1.25h-15c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h3.75V3A.75.75 0 0 1 9 2.25M15.75 7a.75.75 0 0 1-1.5 0V5.75h-4.5V7a.75.75 0 0 1-1.5 0V5.75h-3.5v3.5h14.5v-3.5h-3.5zm-11 11.25v-7.5h14.5v7.5zm2-5.25a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4 0a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4.75-.75a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zM10.75 16a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m4.75-.75a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zM6.75 16a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
 });
-var k = function(t, n) {
+var H = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -73,9 +72,9 @@ var k = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const q = d((t, n) => {
-  var { title: r, titleId: e } = t, l = k(t, ["title", "titleId"]);
-  let o = m();
+const k = d((t, n) => {
+  var { title: r, titleId: e } = t, l = H(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
@@ -83,7 +82,7 @@ const q = d((t, n) => {
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
   );
 });
-var $ = function(t, n) {
+var A = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -91,9 +90,9 @@ var $ = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const A = d((t, n) => {
-  var { title: r, titleId: e } = t, l = $(t, ["title", "titleId"]);
-  let o = m();
+const $ = d((t, n) => {
+  var { title: r, titleId: e } = t, l = A(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
@@ -101,7 +100,7 @@ const A = d((t, n) => {
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
 });
-var D = function(t, n) {
+var q = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -109,15 +108,33 @@ var D = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const T = d((t, n) => {
-  var { title: r, titleId: e } = t, l = D(t, ["title", "titleId"]);
-  let o = m();
+const D = d((t, n) => {
+  var { title: r, titleId: e } = t, l = q(t, ["title", "titleId"]);
+  let o = f();
   return o = r ? e || "title-" + o : void 0, i.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": o }, l),
     r ? i.createElement("title", { id: o }, r) : null,
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.912 4.382c-.546.032-1.086.292-1.503.71l-8.132 8.131c-1.2 1.201-1.754 3.549 0 5.304 1.755 1.754 4.103 1.2 5.304 0l7.424-7.425a.75.75 0 0 1 1.06 1.06l-7.424 7.425c-1.627 1.628-4.936 2.488-7.424 0s-1.628-5.797 0-7.424l8.131-8.132c.644-.643 1.518-1.09 2.475-1.146.976-.058 1.978.295 2.829 1.146.85.851 1.203 1.853 1.146 2.828-.056.957-.503 1.832-1.146 2.475l-7.425 7.425c-.316.316-.838.553-1.376.613-.568.063-1.255-.062-1.806-.613-.55-.55-.676-1.238-.613-1.806.06-.538.297-1.06.613-1.376l6.718-6.718a.75.75 0 0 1 1.06 1.061l-6.717 6.718a.95.95 0 0 0-.183.48c-.025.227.026.424.183.58.156.157.353.208.58.183a.95.95 0 0 0 .48-.183l7.425-7.424c.417-.418.678-.957.71-1.503.03-.527-.147-1.116-.71-1.68s-1.152-.74-1.68-.71", clipRule: "evenodd" })
   );
+});
+var T = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const F = d((t, n) => {
+  var { title: r, titleId: e } = t, l = T(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.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" })
+  );
 }), ee = ({
   className: t,
   loading: n,
@@ -125,9 +142,9 @@ const T = d((t, n) => {
   sender: e,
   updatedAt: l,
   updatedAtLabel: o,
-  dueAt: s,
-  dueAtLabel: h,
-  archivedAt: u,
+  dueAt: h,
+  dueAtLabel: u,
+  archivedAt: s,
   archivedAtLabel: v,
   trashedAt: b,
   trashedAtLabel: O,
@@ -140,23 +157,23 @@ const T = d((t, n) => {
   activityLog: c
 }) => /* @__PURE__ */ I(z, { className: t, size: "xs", children: [
   r && /* @__PURE__ */ a(E, { loading: n, size: "xs", ...r }),
-  w && /* @__PURE__ */ a(f, { size: "xs", variant: "dotted", children: w }),
-  y > 0 && /* @__PURE__ */ a(f, { size: "xs", variant: "outline", icon: S, children: y }),
-  g > 0 && /* @__PURE__ */ a(f, { size: "xs", variant: "outline", icon: C, children: g }),
+  w && /* @__PURE__ */ a(m, { size: "xs", variant: "dotted", children: w }),
+  y > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: S, children: y }),
+  g > 0 && /* @__PURE__ */ a(m, { size: "xs", variant: "outline", icon: V, children: g }),
   l && /* @__PURE__ */ I(p, { loading: n, datetime: l, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
     o
   ] }),
-  s && h && /* @__PURE__ */ a(p, { loading: n, datetime: s, size: "xs", icon: H, children: h }),
-  x > 0 && /* @__PURE__ */ a(f, { loading: n, size: "xs", icon: T, children: _ || x }),
-  j && /* @__PURE__ */ a(f, { loading: n, size: "xs", icon: A, children: j }),
-  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: P, children: O }) || u && v && /* @__PURE__ */ a(p, { loading: n, datetime: u, size: "xs", icon: R, children: v }),
+  h && u && /* @__PURE__ */ a(p, { loading: n, datetime: h, size: "xs", icon: B, children: u }),
+  x > 0 && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: D, children: _ || x }),
+  j && /* @__PURE__ */ a(m, { loading: n, size: "xs", icon: $, children: j }),
+  b && O && /* @__PURE__ */ a(p, { loading: n, datetime: b, size: "xs", icon: F, children: O }) || s && v && /* @__PURE__ */ a(p, { loading: n, datetime: s, size: "xs", icon: M, children: v }),
   c && /* @__PURE__ */ a(
-    f,
+    m,
     {
       loading: n,
       size: "xs",
-      icon: q,
+      icon: k,
       as: c != null && c.onClick ? "button" : "span",
       onClick: c == null ? void 0 : c.onClick,
       children: (c == null ? void 0 : c.label) || "Activity log"

package/dist/components/Menu/MenuItem.js

@@ -1,70 +1,71 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { Icon as w } from "../Icon/Icon.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { isValidElement as C } from "react";
+import { Icon as N } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import "react";
+import { Badge as d } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItemBase as y } from "./MenuItemBase.js";
-import { MenuItemLabel as C } from "./MenuItemLabel.js";
-import { MenuItemIcon as j } from "./MenuItemIcon.js";
+import { MenuItemBase as q } from "./MenuItemBase.js";
+import { MenuItemLabel as x } from "./MenuItemLabel.js";
+import { MenuItemIcon as E } from "./MenuItemIcon.js";
 import "../Snackbar/useSnackbar.js";
-import { S as q, a as x } from "../../ChevronUp-_BBfEirx.js";
-import { S as L } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/MenuItem.css';const N = "_controls_w98qm_46", B = "_linkIcon_w98qm_59", s = {
-  controls: N,
-  linkIcon: B
-}, P = ({
-  as: i = "a",
+import { S as L, a as b } from "../../ChevronUp-_BBfEirx.js";
+import { S as D } from "../../ChevronRight-ANFWmIs1.js";
+import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIcon_w98qm_59", m = {
+  controls: R,
+  linkIcon: U
+}, X = ({
+  as: l = "a",
   size: t = "md",
   color: p,
-  variant: l,
+  variant: f,
   collapsible: a,
-  expanded: m,
+  expanded: c,
   icon: I,
-  iconTheme: f,
-  iconBadge: h,
+  iconTheme: h,
+  iconBadge: u,
   title: v,
-  description: u,
-  highlightWords: S,
-  badge: _,
-  controls: d,
-  loading: o,
-  linkIcon: k,
-  label: r,
+  description: S,
+  highlightWords: _,
+  badge: o,
+  controls: k,
+  loading: r,
+  linkIcon: y,
+  label: e,
   ariaLabel: M,
-  ...b
+  ...j
 }) => {
-  const g = typeof r == "function" ? r() : r, e = a ? m ? q : x : k ? L : void 0;
-  return /* @__PURE__ */ c(
-    y,
+  const w = typeof e == "function" ? e() : e, s = a ? c ? L : b : y ? D : void 0, B = () => o && !r && typeof o == "object" && "label" in o ? /* @__PURE__ */ n(d, { ...o, className: m.badge }) : C(o) ? o : null;
+  return /* @__PURE__ */ i(
+    q,
     {
-      as: i,
+      as: l,
       size: t,
-      variant: l,
+      variant: f,
       color: p,
-      expanded: m,
+      expanded: c,
       ariaLabel: M,
-      hidden: o,
-      ...b,
+      hidden: r,
+      ...j,
       children: [
-        /* @__PURE__ */ n(j, { loading: o, size: t, icon: I, theme: f, badge: h }),
+        /* @__PURE__ */ n(E, { loading: r, size: t, icon: I, theme: h, badge: u }),
         /* @__PURE__ */ n(
-          C,
+          x,
           {
-            loading: o,
+            loading: r,
             title: v,
-            description: u,
-            highlightWords: S,
+            description: S,
+            highlightWords: _,
             size: t,
-            badge: _,
-            children: g
+            children: w
           }
         ),
-        /* @__PURE__ */ c("span", { className: s.controls, children: [
-          !o && d,
-          e && /* @__PURE__ */ n("span", { className: s.linkIcon, children: /* @__PURE__ */ n(
-            w,
+        /* @__PURE__ */ i("span", { className: m.controls, children: [
+          !r && k,
+          !r && B(),
+          s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
+            N,
             {
-              svgElement: e,
+              svgElement: s,
               style: {
                 fontSize: "1.5rem"
               }
@@ -76,5 +77,5 @@ import '../../assets/MenuItem.css';const N = "_controls_w98qm_46", B = "_linkIco
   );
 };
 export {
-  P as MenuItem
+  X as MenuItem
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { isValidElement as i } from "react";
-import { Icon as o, isIconProps as u } from "../Icon/Icon.js";
+import { Icon as s, isIconProps as l } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as l, Avatar as d } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as f, AvatarGroup as v } from "../Avatar/AvatarGroup.js";
+import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as c } from "../../XMark-tKk6aExO.js";
-import '../../assets/MenuItemIcon.css';const g = "_icon_18swu_1", G = "_avatar_18swu_37", N = "_avatarGroup_18swu_43", b = "_badge_18swu_47", s = {
-  icon: g,
-  avatar: G,
-  avatarGroup: N,
-  badge: b
+import { S as b } from "../../XMark-tKk6aExO.js";
+import '../../assets/MenuItemIcon.css';const c = "_icon_1b18x_1", g = "_avatar_1b18x_37", x = "_avatarGroup_1b18x_43", G = "_badge_1b18x_47", o = {
+  icon: c,
+  avatar: g,
+  avatarGroup: x,
+  badge: G
 };
-function w(a) {
+function N(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
-const k = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: s.icon, "data-size": e, children: /* @__PURE__ */ t(o, { svgElement: c, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: s.icon, "data-size": e, children: [
-  l(r) && /* @__PURE__ */ t(d, { ...r, className: s.avatar }) || f(r) && /* @__PURE__ */ t(v, { ...r, className: s.avatarGroup }) || u(r) && /* @__PURE__ */ t(o, { ...r, theme: (r == null ? void 0 : r.theme) || m }) || w(r) && r || /* @__PURE__ */ t(o, { theme: m, svgElement: r }),
-  p && /* @__PURE__ */ t(_, { ...p, className: s.badge })
+const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: b, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
+  d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || l(r) && /* @__PURE__ */ t(s, { ...r, theme: (r == null ? void 0 : r.theme) || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
+  p && /* @__PURE__ */ t(_, { ...p, className: o.badge })
 ] }) : null;
 export {
-  k as MenuItemIcon
+  z as MenuItemIcon
 };