@altinn/altinn-components 0.18.8 → 0.19.0

package/dist/components/Dialog/DialogHistory.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import * as i from "react";
-import { forwardRef as p, useState as y, createElement as h } from "react";
-import { Icon as w } from "../Icon/Icon.js";
+import { forwardRef as m, useState as g, createElement as y } from "react";
+import { Icon as b } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { ButtonBase as b } from "../Button/ButtonBase.js";
+import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../RootProvider/RootProvider.js";
-import { ActivityItem as v } from "./ActivityItem.js";
+import { DialogActivity as w } from "./DialogActivity.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as m } from "../Timeline/TimelineBase.js";
+import { Timeline as v } from "../Timeline/Timeline.js";
 import { TimelineSection as O } from "../Timeline/TimelineSection.js";
-import { u } from "../../useId-CsCRkvK3.js";
+import { u as p } from "../../useId-CsCRkvK3.js";
 import '../../assets/DialogHistory.css';var x = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
@@ -20,9 +20,9 @@ import '../../assets/DialogHistory.css';var x = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const I = p((t, n) => {
+const I = m((t, n) => {
   var { title: r, titleId: e } = t, l = x(t, ["title", "titleId"]);
-  let o = u();
+  let o = p();
   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),
@@ -38,9 +38,9 @@ var j = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const E = p((t, n) => {
+const E = m((t, n) => {
   var { title: r, titleId: e } = t, l = j(t, ["title", "titleId"]);
-  let o = u();
+  let o = p();
   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),
@@ -49,8 +49,8 @@ const E = p((t, n) => {
   );
 }), _ = "_toggle_1it16_1", S = {
   toggle: _
-}, s = ({ expanded: t, children: n, onClick: r }) => /* @__PURE__ */ d(
-  b,
+}, c = ({ expanded: t, children: n, onClick: r }) => /* @__PURE__ */ d(
+  h,
   {
     className: S.toggle,
     size: "sm",
@@ -58,7 +58,7 @@ const E = p((t, n) => {
     style: { display: "inline-flex", alignItems: "center" },
     children: [
       n,
-      /* @__PURE__ */ a(w, { svgElement: t ? E : I, size: "sm" })
+      /* @__PURE__ */ a(b, { svgElement: t ? E : I, size: "sm" })
     ]
   }
 ), N = ({
@@ -67,13 +67,13 @@ const E = p((t, n) => {
   expandLabel: r = "Expand history",
   collapseLabel: e = "Collapse history"
 }) => {
-  const [l, o] = y(!1), f = () => {
-    o((c) => !c);
+  const [l, o] = g(!1), s = () => {
+    o((f) => !f);
   };
-  return t ? l || !n ? /* @__PURE__ */ d(m, { children: [
-    t.map((c, g) => /* @__PURE__ */ h(v, { ...c, key: g })),
-    n && /* @__PURE__ */ a(s, { expanded: !0, onClick: f, children: e })
-  ] }) : /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(O, { color: "neutral", children: /* @__PURE__ */ a(s, { onClick: f, children: r }) }) }) : null;
+  return t ? l || !n ? /* @__PURE__ */ d(v, { children: [
+    t.map((f, u) => /* @__PURE__ */ y(w, { ...f, key: u })),
+    n && /* @__PURE__ */ a(c, { expanded: !0, onClick: s, children: e })
+  ] }) : /* @__PURE__ */ a(O, { border: "dashed", children: /* @__PURE__ */ a(c, { onClick: s, children: r }) }) : null;
 };
 export {
   N as DialogHistory

package/dist/components/Dialog/DialogListGroup.js

@@ -5,12 +5,12 @@ import * as m from "react";
 import { forwardRef as f } from "react";
 import { Button as p } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as c } from "../List/ListBase.js";
-import { Heading as d } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
+import { ListBase as c } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as s } from "../Page/Flex.js";
-import { Section as u } from "../Page/Section.js";
+import { Flex as d } from "../Page/Flex.js";
+import { Section as s } from "../Page/Section.js";
+import { Heading as u } from "../Typography/Heading.js";
 import { u as g } from "../../useId-CsCRkvK3.js";
 var v = function(e, i) {
   var r = {};
@@ -29,9 +29,9 @@ const w = f((e, i) => {
     r ? m.createElement("title", { id: n }, r) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
-}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
-  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ l(d, { size: "lg", children: e }),
+}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(s, { spacing: 3, children: [
+  e && /* @__PURE__ */ a(d, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ l(u, { size: "lg", children: e }),
     r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
   ] }),
   /* @__PURE__ */ l(c, { spacing: 3, children: i })

package/dist/components/Dialog/DialogListItem.js

@@ -6,10 +6,10 @@ import { DialogMetadata as u } from "./DialogMetadata.js";
 import { DialogByline as C } from "./DialogByline.js";
 import { Skeleton as E } from "../Skeleton/Skeleton.js";
 import { DialogHeading as F } from "./DialogHeading.js";
+import "../Search/AutocompleteBase.js";
 import { ListItemLabel as G } from "../List/ListItemLabel.js";
 import { ListItemSelect as J } from "../List/ListItemSelect.js";
 import { ListItem as N } from "../List/ListItem.js";
-import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DialogListItem.css';const K = "_link_1yhch_1", O = "_border_1yhch_22", P = "_select_1yhch_61", Q = "_header_1yhch_68", R = "_summary_1yhch_80", U = "_footer_1yhch_108", V = "_touchedBy_1yhch_112", W = "_heading_1yhch_121", X = "_title_1yhch_127", a = {
   link: K,

package/dist/components/Dialog/DialogSection.js

@@ -2,14 +2,14 @@ import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Typography as t } from "../Typography/Typography.js";
-import { Heading as p } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as n } from "../Page/Section.js";
-const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 3, margin: "section", children: [
-  r && /* @__PURE__ */ i(p, { size: "lg", children: r }),
-  /* @__PURE__ */ i(t, { children: o })
+import { Section as t } from "../Page/Section.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { Heading as n } from "../Typography/Heading.js";
+const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(t, { spacing: 3, margin: "section", children: [
+  r && /* @__PURE__ */ i(n, { size: "lg", children: r }),
+  /* @__PURE__ */ i(p, { children: o })
 ] }) : null;
 export {
   d as DialogSection

package/dist/components/Dialog/SeenByLog.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaTimestamp as n } from "../Meta/MetaTimestamp.js";
+import "../Search/AutocompleteBase.js";
 import { ListItem as s } from "../List/ListItem.js";
 import { ListBase as c } from "../List/ListBase.js";
-import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const v = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((e) => {
   const { id: m, seenAt: a, seenAtLabel: p, seenBy: t } = e;

package/dist/components/Dialog/index.js

@@ -1,55 +1,45 @@
 import { Dialog as t } from "./Dialog.js";
 import { DialogHeader as i } from "./DialogHeader.js";
-import { DialogBody as m } from "./DialogBody.js";
-import { DialogList as g } from "./DialogList.js";
+import { DialogBody as g } from "./DialogBody.js";
+import { DialogList as m } from "./DialogList.js";
 import { DialogListGroup as f } from "./DialogListGroup.js";
 import { DialogListItem as D } from "./DialogListItem.js";
 import { DialogMetadata as s } from "./DialogMetadata.js";
 import { DialogByline as c } from "./DialogByline.js";
 import { DialogActions as S } from "./DialogActions.js";
 import { DialogActivityLog as u } from "./DialogActivityLog.js";
-import { DialogContent as B } from "./DialogContent.js";
-import { DialogSection as v } from "./DialogSection.js";
-import { DialogSeenBy as I } from "./DialogSeenBy.js";
+import { DialogSection as A } from "./DialogSection.js";
+import { DialogSeenBy as h } from "./DialogSeenBy.js";
 import { DialogSelect as b } from "./DialogSelect.js";
-import { DialogStatus as E, DialogStatusEnum as G } from "./DialogStatus.js";
-import { DialogHeading as j } from "./DialogHeading.js";
-import { DialogTouchedBy as q } from "./DialogTouchedBy.js";
-import { DialogLabel as z } from "./DialogLabel.js";
-import { DialogAttachments as J } from "./DialogAttachments.js";
-import { DialogTransmissions as N } from "./DialogTransmissions.js";
-import { DialogTimeline as P } from "./DialogTimeline.js";
-import { DialogTimelineItem as R } from "./DialogTimelineItem.js";
-import { DialogHistory as V } from "./DialogHistory.js";
-import { ActivityLog as X } from "./ActivityLog.js";
-import { ActivityItem as Z } from "./ActivityItem.js";
-import { SeenByLog as $ } from "./SeenByLog.js";
+import { DialogStatus as G, DialogStatusEnum as I } from "./DialogStatus.js";
+import { DialogHeading as T } from "./DialogHeading.js";
+import { DialogTouchedBy as k } from "./DialogTouchedBy.js";
+import { DialogLabel as w } from "./DialogLabel.js";
+import { DialogAttachments as C } from "./DialogAttachments.js";
+import { DialogHistory as J } from "./DialogHistory.js";
+import { DialogActivity as N } from "./DialogActivity.js";
+import { SeenByLog as P } from "./SeenByLog.js";
 export {
-  Z as ActivityItem,
-  X as ActivityLog,
   t as Dialog,
   S as DialogActions,
+  N as DialogActivity,
   u as DialogActivityLog,
-  J as DialogAttachments,
-  m as DialogBody,
+  C as DialogAttachments,
+  g as DialogBody,
   c as DialogByline,
-  B as DialogContent,
   i as DialogHeader,
-  j as DialogHeading,
-  V as DialogHistory,
-  z as DialogLabel,
-  g as DialogList,
+  T as DialogHeading,
+  J as DialogHistory,
+  w as DialogLabel,
+  m as DialogList,
   f as DialogListGroup,
   D as DialogListItem,
   s as DialogMetadata,
-  v as DialogSection,
-  I as DialogSeenBy,
+  A as DialogSection,
+  h as DialogSeenBy,
   b as DialogSelect,
-  E as DialogStatus,
-  G as DialogStatusEnum,
-  P as DialogTimeline,
-  R as DialogTimelineItem,
-  q as DialogTouchedBy,
-  N as DialogTransmissions,
-  $ as SeenByLog
+  G as DialogStatus,
+  I as DialogStatusEnum,
+  k as DialogTouchedBy,
+  P as SeenByLog
 };

package/dist/components/Header/Header.js

@@ -18,14 +18,14 @@ import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s
   drawer: S,
   dropdown: I
 }, K = ({ search: d, menu: r, currentAccount: a, logo: l = {}, badge: i }) => {
-  const { currentId: o, toggleId: n, openId: c, closeAll: m } = C(), h = () => {
+  const { currentId: o, toggleId: m, openId: c, closeAll: n } = C(), h = () => {
     c("search");
   }, f = () => {
-    n("search");
+    m("search");
   }, w = () => {
-    n("menu");
+    m("menu");
   };
-  return /* @__PURE__ */ p(H, { currentId: o, open: o === "search" || o === "menu", onClose: m, children: [
+  return /* @__PURE__ */ p(H, { currentId: o, open: o === "search" || o === "menu", onClose: n, children: [
     /* @__PURE__ */ e(_, { ...l, className: s.logo }),
     /* @__PURE__ */ p(B, { className: s.menu, children: [
       /* @__PURE__ */ e(
@@ -43,10 +43,10 @@ import '../../assets/Header.css';const S = "_drawer_d2s9o_1", I = "_dropdown_d2s
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: m }) })
+      r && /* @__PURE__ */ e(g, { padding: !0, placement: "right", open: o === "menu", className: s.dropdown, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: n }) })
     ] }),
     d && /* @__PURE__ */ e(N, { expanded: o === "search", children: /* @__PURE__ */ e(y, { ...d, expanded: o === "search", onClose: f, onFocus: h }) }),
-    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a }) })
+    r && /* @__PURE__ */ e(x, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(t, { ...r, currentAccount: a, onClose: n }) })
   ] });
 };
 export {

package/dist/components/LayoutAction/ActionHeader.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as l } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { Heading as l } from "../Typography/Heading.js";
 import { S as p } from "../../XMark-Bv1I87Ev.js";
 import '../../assets/ActionHeader.css';const h = "_header_1tian_1", _ = "_title_1tian_34", f = "_dismiss_1tian_40", t = {
   header: h,

package/dist/components/List/List.js

@@ -2,9 +2,9 @@ import { jsx as f } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import { ListItem as a } from "./ListItem.js";
 import { ListBase as h } from "./ListBase.js";
-import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const k = ({ defaultItemSize: o, defaultItemTheme: p, defaultItemColor: s, items: c = [], ...n }) => /* @__PURE__ */ f(h, { ...n, children: c.map((r, t) => /* @__PURE__ */ l(
   a,

package/dist/components/List/ListItem.js

@@ -1,41 +1,43 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
-import { s as x, L as c } from "../../ListItemBase-BVx5MDhO.js";
-import { ListItemHeader as B } from "./ListItemHeader.js";
-import { S as U } from "../../ChevronRight-DUaHaWi-.js";
-import { S as k } from "../../ChevronUp-H8Nuww4h.js";
-import { S as l } from "../../ChevronDown-CRAwzuD3.js";
-const K = ({
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { s as D, L as c } from "../../ListItemBase-DuTOUOfv.js";
+import { ListItemHeader as H } from "./ListItemHeader.js";
+import { S as k } from "../../ChevronRight-DUaHaWi-.js";
+import { S as q } from "../../ChevronUp-H8Nuww4h.js";
+import { S as w } from "../../ChevronDown-CRAwzuD3.js";
+const O = ({
   className: o,
   variant: v = "solid",
-  color: f,
+  color: s,
   theme: p = "default",
   shadow: S = "xs",
   loading: e,
-  collapsible: D,
+  collapsible: N,
   expanded: m,
-  size: t = "sm",
+  size: h = "sm",
   icon: u,
   avatar: L,
   avatarGroup: I,
   title: i,
   description: C,
   badge: j,
-  linkIcon: H = !1,
-  label: h,
+  linkIcon: R = !1,
+  label: t,
   select: y,
+  selected: a,
   controls: n,
-  children: N,
-  ...s
+  children: U,
+  ...f
 }) => {
-  const a = D ? m ? k : l : void 0, d = typeof h == "function" ? h() : h;
-  return m ? /* @__PURE__ */ r("li", { className: x.item, children: /* @__PURE__ */ R(
+  const x = N ? m ? q : w : void 0, B = typeof t == "function" ? t() : t;
+  return m ? /* @__PURE__ */ r("li", { className: D.item, children: /* @__PURE__ */ d(
     c,
     {
       interactive: !1,
       variant: v,
-      color: f,
+      color: s,
       theme: p,
       shadow: S,
+      selected: a,
       expanded: m,
       title: i,
       loading: e,
@@ -45,69 +47,70 @@ const K = ({
           {
             theme: "transparent",
             interactive: !n,
-            size: t,
-            color: f,
+            size: h,
+            color: s,
             loading: e,
             title: i,
-            ...s,
+            ...f,
             children: /* @__PURE__ */ r(
-              B,
+              H,
               {
                 className: o,
                 loading: e,
                 select: y,
-                size: t,
+                size: h,
                 title: i,
                 description: C,
                 icon: u,
                 avatar: L,
                 avatarGroup: I,
                 badge: j,
-                chevron: a,
+                chevron: x,
                 controls: n,
-                ...s,
-                children: d
+                ...f,
+                children: B
               }
             )
           }
         ),
-        N
+        U
       ]
     }
-  ) }) : /* @__PURE__ */ r("li", { className: x.item, children: /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ r("li", { className: D.item, children: /* @__PURE__ */ r(
     c,
     {
       interactive: !n,
       variant: v,
-      color: f,
+      color: s,
       theme: p,
       shadow: S,
       expanded: m,
+      selected: a,
       loading: e,
       title: i,
-      ...s,
+      ...f,
       children: /* @__PURE__ */ r(
-        B,
+        H,
         {
           className: o,
           loading: e,
           select: y,
-          size: t,
+          size: h,
           title: i,
           description: C,
           icon: u,
           avatar: L,
           avatarGroup: I,
           badge: j,
-          chevron: a ?? (H ? U : void 0),
+          chevron: x ?? (R ? k : void 0),
           controls: n,
-          ...s,
-          children: d
+          ...f,
+          children: B
         }
       )
     }
   ) });
 };
 export {
-  K as ListItem
+  O as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { L as e } from "../../ListItemBase-BVx5MDhO.js";
+import { L as e } from "../../ListItemBase-DuTOUOfv.js";
 export {
   e as ListItemBase
 };

package/dist/components/List/ListItemHeader.js

@@ -4,12 +4,12 @@ import { isValidElement as B } from "react";
 import { Icon as d } from "../Icon/Icon.js";
 import { Badge as M } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import { ListItemLink as v } from "./ListItemLink.js";
 import { ListItemLabel as C } from "./ListItemLabel.js";
 import { ListItemIcon as F } from "./ListItemIcon.js";
 import { ListItemControls as H } from "./ListItemControls.js";
 import { ListItemSelect as V } from "./ListItemSelect.js";
-import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemHeader.css';const b = "_header_13dzg_1", g = "_link_13dzg_39", m = {
   header: b,

package/dist/components/List/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../../ListItemBase-BVx5MDhO.js";
+import { L as o } from "../../ListItemBase-DuTOUOfv.js";
 import { ListItemLink as m } from "./ListItemLink.js";
 import { ListItemHeader as L } from "./ListItemHeader.js";
 import { ListItemLabel as f } from "./ListItemLabel.js";

package/dist/components/Menu/MenuItemBase.js

@@ -1,60 +1,62 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { Icon as v } from "../Icon/Icon.js";
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { c as I } from "../../index-L8X2o7IH.js";
+import { Icon as N } from "../Icon/Icon.js";
 import "react";
-import { Badge as T } from "../Badge/Badge.js";
+import { Badge as u } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const j = "_item_18cbi_1", B = "_content_18cbi_45", E = "_action_18cbi_53", k = "_linkText_18cbi_60", z = "_linkIcon_18cbi_65", n = {
-  item: j,
-  content: B,
-  action: E,
-  linkText: k,
+import '../../assets/MenuItemBase.css';const T = "_item_kevew_1", j = "_content_kevew_45", B = "_action_kevew_53", E = "_linkText_kevew_60", z = "_linkIcon_kevew_65", e = {
+  item: T,
+  content: j,
+  action: B,
+  linkText: E,
   linkIcon: z
-}, J = ({
+}, O = ({
   as: _,
   color: l,
   theme: p,
-  size: h,
-  className: x,
-  href: d,
-  onClick: c,
-  onKeyPress: e,
-  tabIndex: f = 0,
-  hidden: I,
-  disabled: a = !1,
-  linkIcon: i,
+  size: d,
+  className: h,
+  href: v,
+  onClick: n,
+  onKeyPress: o,
+  tabIndex: x = 0,
+  hidden: f,
+  selected: k,
+  disabled: i = !1,
+  linkIcon: a,
   linkText: s,
   badge: t,
-  children: N
-}) => /* @__PURE__ */ o(
+  children: w
+}) => /* @__PURE__ */ c(
   _ || "a",
   {
-    tabIndex: a ? "-1" : f ?? 0,
-    className: u(n.item, x),
-    "data-size": h,
+    tabIndex: i ? "-1" : x ?? 0,
+    className: I(e.item, h),
+    "data-size": d,
     "data-color": l,
     "data-theme": p,
-    "aria-hidden": I,
-    "aria-disabled": a,
-    href: d,
+    "aria-hidden": f,
+    "aria-disabled": i,
+    "data-selected": k,
+    href: v,
     onKeyPress: (r) => {
-      r.key === "Enter" && (c == null || c()), e == null || e(r);
+      r.key === "Enter" && (n == null || n()), o == null || o(r);
     },
-    onClick: c,
+    onClick: n,
     children: [
-      /* @__PURE__ */ o("div", { className: n.content, children: [
-        N,
-        t && /* @__PURE__ */ m(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+      /* @__PURE__ */ c("div", { className: e.content, children: [
+        w,
+        t && /* @__PURE__ */ m(u, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      i && /* @__PURE__ */ o("div", { className: n.action, children: [
-        s && /* @__PURE__ */ m("span", { className: n.linkText, children: s }),
-        i && /* @__PURE__ */ m(v, { svgElement: i, className: n.linkIcon })
+      a && /* @__PURE__ */ c("div", { className: e.action, children: [
+        s && /* @__PURE__ */ m("span", { className: e.linkText, children: s }),
+        a && /* @__PURE__ */ m(N, { svgElement: a, className: e.linkIcon })
       ] })
     ]
   }
 );
 export {
-  J as MenuItemBase
+  O as MenuItemBase
 };

package/dist/components/Meta/MetaItem.js

@@ -1,20 +1,19 @@
-import { jsx as e, jsxs as M } from "react/jsx-runtime";
-import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { MetaItemBase as s } from "./MetaItemBase.js";
-import { MetaItemLabel as I } from "./MetaItemLabel.js";
-import { MetaItemMedia as i } from "./MetaItemMedia.js";
-const n = ({
-  loading: m,
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { MetaItemBase as f } from "./MetaItemBase.js";
+import { MetaItemLabel as s } from "./MetaItemLabel.js";
+import { MetaItemMedia as I } from "./MetaItemMedia.js";
+const h = ({
+  loading: e,
   reverse: p,
   size: t = "xs",
-  variant: r = "text",
-  icon: o,
-  children: f,
-  ...x
-}) => /* @__PURE__ */ e(a, { loading: m, children: /* @__PURE__ */ M(s, { reverse: p, variant: r, size: t, ...x, children: [
-  !m && o && /* @__PURE__ */ e(i, { size: t, icon: o }),
-  /* @__PURE__ */ e(I, { variant: r, size: t, children: f })
-] }) });
+  variant: m = "text",
+  icon: r,
+  children: x,
+  ...M
+}) => /* @__PURE__ */ a(f, { loading: e, reverse: p, variant: m, size: t, ...M, children: [
+  !e && r && /* @__PURE__ */ o(I, { size: t, icon: r }),
+  /* @__PURE__ */ o(s, { variant: m, size: t, children: x })
+] });
 export {
-  n as MetaItem
+  h as MetaItem
 };