@altinn/altinn-components 0.41.4 → 0.41.6

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_zzw8j_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_zzw8j_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_zzw8j_1[data-size=md]{min-height:56px}._item_zzw8j_1[data-size=md]{min-height:44px}._item_zzw8j_1[data-size=sm]{min-height:40px}._content_zzw8j_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_zzw8j_1{background-color:transparent}._item_zzw8j_1{pointer-events:none}._item_zzw8j_1[data-interactive=true]{pointer-events:all}._item_zzw8j_1:hover,._item_zzw8j_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_zzw8j_1[data-active=true]{outline:2px solid black}._item_zzw8j_1[data-selected=true],._item_zzw8j_1:active,[data-variant=subtle] ._item_zzw8j_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_zzw8j_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_zzw8j_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_zzw8j_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_zzw8j_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_zzw8j_1:focus-visible *{--_ds--focus: }
+._item_cs9p2_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_cs9p2_1[data-size=md]{min-height:56px}._item_cs9p2_1[data-size=md]{min-height:44px}._item_cs9p2_1[data-size=sm]{min-height:40px}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_cs9p2_1{background-color:transparent}._item_cs9p2_1{pointer-events:none}._item_cs9p2_1[data-interactive=true]{pointer-events:all}._item_cs9p2_1:hover,._item_cs9p2_1[data-active=true]{background-color:var(--ds-color-background-tinted)}._item_cs9p2_1[data-active=true]{outline:2px solid black}._item_cs9p2_1[data-selected=true],._item_cs9p2_1:active,[data-variant=subtle] ._item_cs9p2_1:hover{background-color:var(--ds-color-surface-hover)}[data-variant=subtle] ._item_cs9p2_1:active{background-color:var(--ds-color-surface-active)}[data-variant=subtle] ._item_cs9p2_1[data-selected=true]{background-color:var(--ds-color-background-default)}._content_cs9p2_40{display:flex;width:100%;align-items:center;column-gap:.5em}._item_cs9p2_1[aria-disabled=true]{opacity:.5;pointer-events:none;outline:none;box-shadow:none;background-color:transparent}._item_cs9p2_1:not([aria-disabled=true]):focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_cs9p2_1:not([aria-disabled=true]):focus-visible *{--_ds--focus: }

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/AccountList.js

@@ -1,44 +1,32 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Fragment as y, createElement as k } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Fragment as f, createElement as d } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountListItem as u } from "./AccountListItem.js";
-import { Typography as x } from "../Typography/Typography.js";
-import { Heading as m } from "../Typography/Heading.js";
-import { useMenu as I } from "../../hooks/useMenu.js";
+import { AccountListItem as h } from "./AccountListItem.js";
+import { Heading as y } from "../Typography/Heading.js";
+import { useMenu as x } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { List as L } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as c } from "../Page/Section.js";
-const M = ({
-  items: i,
-  groups: p = {},
-  sortGroupBy: s,
-  emptyTitle: f = "Ingen treff",
-  emptyDescription: l = "Søket ga ingen treff"
-}) => {
-  if (!i || i.length === 0)
-    return /* @__PURE__ */ o(c, { children: [
-      /* @__PURE__ */ r(m, { size: "lg", children: f }),
-      /* @__PURE__ */ r(x, { children: l })
-    ] });
-  const { menu: n } = I({
-    items: i,
-    groups: p,
+import { Section as j } from "../Page/Section.js";
+const H = ({ items: o, groups: m = {}, sortGroupBy: n }) => {
+  const { menu: e } = x({
+    items: o,
+    groups: m,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: s
+    sortGroupBy: n
   });
-  return /* @__PURE__ */ r(c, { spacing: 6, children: n == null ? void 0 : n.map((t, a) => {
-    const e = t.props || {};
-    return /* @__PURE__ */ o(y, { children: [
-      (e == null ? void 0 : e.title) && /* @__PURE__ */ r(m, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(L, { children: t == null ? void 0 : t.items.map((d, h) => {
-        const g = d.props || {};
-        return /* @__PURE__ */ k(u, { ...g, key: h });
+  return /* @__PURE__ */ i(j, { spacing: 6, children: e == null ? void 0 : e.map((t, s) => {
+    const r = t.props || {};
+    return /* @__PURE__ */ a(f, { children: [
+      (r == null ? void 0 : r.title) && /* @__PURE__ */ i(y, { size: "lg", children: r.title }),
+      /* @__PURE__ */ i(L, { children: t == null ? void 0 : t.items.map((c, p) => {
+        const l = c.props || {};
+        return /* @__PURE__ */ d(h, { ...l, key: p });
       }) })
-    ] }, a);
+    ] }, s);
   }) });
 };
 export {
-  M as AccountList
+  H as AccountList
 };

package/dist/components/Account/AccountMenu.js

@@ -3,52 +3,54 @@ import { jsx as c } from "react/jsx-runtime";
 import { useState as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as v } from "../Menu/Menu.js";
+import { Menu as b } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const b = (r) => `${r} hits`, G = ({
+const v = (r) => `${r} hits`, G = ({
   items: r = [],
   groups: f = {},
-  search: t,
+  search: l,
   onSelectAccount: e,
   currentAccount: a,
   isVirtualized: C,
   keyboardEvents: h
 }) => {
   var u;
-  const s = r.map((o) => ({
+  const d = r.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (a == null ? void 0 : a.id) === o.id,
-    onClick: () => e == null ? void 0 : e(o.id)
-  })), [l, d] = M(""), n = l ? s.filter(
+    onClick: () => {
+      !o.disabled && (e == null || e(o.id));
+    }
+  })), [t, s] = M(""), n = t ? d.filter(
     (o) => {
       var p, g, i;
-      return ((p = o == null ? void 0 : o.name) == null ? void 0 : p.toLowerCase().includes(l.toLowerCase())) || ((i = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase()));
+      return ((p = o == null ? void 0 : o.name) == null ? void 0 : p.toLowerCase().includes(t.toLowerCase())) || ((i = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : i.toLowerCase().includes(t.toLowerCase()));
     }
   ).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [l]
-  })) : s, L = l ? {
+    highlightWords: [t]
+  })) : d, L = t ? {
     search: {
-      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, n.length)) ?? b(n.length)
+      title: ((u = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : u.call(l, n.length)) ?? v(n.length)
     }
   } : f, w = {
     name: "account-search",
-    value: l,
-    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
-    onChange: (o) => d(o.target.value),
-    onClear: () => d("")
+    value: t,
+    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    onChange: (o) => s(o.target.value),
+    onClear: () => s("")
   }, I = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ c(
-    v,
+    b,
     {
       variant: "default",
-      search: t && w,
+      search: l && w,
       groups: L,
       items: I,
       isVirtualized: C,

package/dist/components/Avatar/AvatarGroup.js

@@ -1,34 +1,34 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-L8X2o7IH.js";
 import { useMemo as f } from "react";
 import { Avatar as h } from "./Avatar.js";
 import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", s = {
   group: A,
   item: _
-}, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
-  items: o = [],
+}, L = (t) => typeof t == "object" && t !== null && "items" in t, N = ({
+  items: t = [],
   maxItemsCount: l = 4,
-  defaultType: i,
-  size: c,
+  defaultType: n,
+  size: u,
   className: m,
-  style: u
+  style: p
 }) => {
-  const t = f(() => o.slice(0, l).reverse(), [o, l]);
-  return o.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(s.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
-    const g = p === l - 1, d = e.customLabel || g ? o.length.toString() : void 0;
-    return /* @__PURE__ */ r("li", { className: n(s.item), children: /* @__PURE__ */ r(
+  const o = f(() => t.slice(0, l).reverse(), [t, l]);
+  return t.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: i(s.group, m), "data-size": u, "data-count": o == null ? void 0 : o.length, style: p, children: o.map((e, c) => {
+    const g = c === l - 1, d = e.customLabel || g ? t.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: i(s.item), children: /* @__PURE__ */ r(
       h,
       {
         name: e.name,
         customLabel: d,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || i,
+        type: (e == null ? void 0 : e.type) || n,
         variant: e == null ? void 0 : e.variant,
         outline: !0
       }
-    ) }, e.name);
+    ) }, c);
   }) });
 };
 export {

package/dist/components/List/ListItemBase.js

@@ -1,38 +1,40 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const x = "_base_1xkee_1", u = {
-  base: x
-}, C = ({
-  as: a,
-  interactive: e = !0,
-  size: t,
-  color: s,
-  variant: o = "default",
-  shadow: n = "none",
-  border: r = "none",
-  hidden: d = !1,
-  selected: c,
-  className: i,
-  onMouseEnter: m,
-  id: l,
-  children: b
-}) => /* @__PURE__ */ p(
-  a || "li",
+import { jsx as f } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const u = "_base_1xkee_1", _ = {
+  base: u
+}, j = ({
+  ref: a,
+  as: e,
+  interactive: t = !0,
+  size: s,
+  color: o,
+  variant: n = "default",
+  shadow: r = "none",
+  border: d = "none",
+  hidden: c = !1,
+  selected: i,
+  className: m,
+  onMouseEnter: l,
+  id: b,
+  children: p
+}) => /* @__PURE__ */ f(
+  e || "li",
   {
-    className: f(u.base, i),
-    "data-interactive": e,
-    "data-selected": c,
-    "data-variant": o,
-    "data-color": s,
-    "data-border": r,
-    "data-shadow": n,
-    "data-size": t,
-    "aria-hidden": d,
-    onMouseEnter: m,
-    id: l,
-    children: b
+    className: x(_.base, m),
+    "data-interactive": t,
+    "data-selected": i,
+    "data-variant": n,
+    "data-color": o,
+    "data-border": d,
+    "data-shadow": r,
+    "data-size": s,
+    "aria-hidden": c,
+    onMouseEnter: l,
+    id: b,
+    ref: a,
+    children: p
   }
 );
 export {
-  C as ListItemBase
+  j as ListItemBase
 };

package/dist/components/Menu/MenuBase.js

@@ -1,18 +1,18 @@
 import { jsx as c } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_12", d = "_item_twp4i_18", p = {
-  menu: l,
-  list: _,
-  item: d
-}, M = ({ as: t = "nav", color: n, variant: e, className: o, children: s, ref: a }) => /* @__PURE__ */ c(t, { className: r(p.menu, o), "data-color": n, "data-variant": e, ref: a, children: s }), N = ({
+import '../../assets/MenuBase.css';const _ = "_menu_twp4i_1", d = "_list_twp4i_12", C = "_item_twp4i_18", p = {
+  menu: _,
+  list: d,
+  item: C
+}, N = ({ as: t = "nav", color: n, variant: e, className: o, children: s, ref: a }) => /* @__PURE__ */ c(t, { className: r(p.menu, o), "data-color": n, "data-variant": e, ref: a, children: s }), f = ({
   as: t = "ul",
   role: n = "group",
   className: e,
   children: o,
   ref: s,
   onMouseEnter: a,
-  onMouseLeave: m,
-  onBlurCapture: i
+  onMouseLeave: i,
+  onBlurCapture: m
 }) => /* @__PURE__ */ c(
   t,
   {
@@ -20,19 +20,20 @@ import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_1
     role: n,
     ref: s,
     onMouseEnter: a,
-    onMouseLeave: m,
-    onBlurCapture: i,
+    onMouseLeave: i,
+    onBlurCapture: m,
     children: o
   }
-), f = ({
+), h = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
   dataIndex: a,
+  disabled: i,
   onMouseEnter: m,
-  onMouseLeave: i,
+  onMouseLeave: l,
   "aria-checked": u
 }) => /* @__PURE__ */ c(
   t,
@@ -42,13 +43,14 @@ import '../../assets/MenuBase.css';const l = "_menu_twp4i_1", _ = "_list_twp4i_1
     style: s,
     "data-index": a,
     onMouseEnter: m,
-    onMouseLeave: i,
+    onMouseLeave: l,
+    "aria-disabled": i,
     "aria-checked": u,
     children: o
   }
 );
 export {
-  M as MenuBase,
-  N as MenuList,
-  f as MenuListItem
+  N as MenuBase,
+  f as MenuList,
+  h as MenuListItem
 };

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/MenuItemBase.js

@@ -1,55 +1,55 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as N } from "../../index-L8X2o7IH.js";
-import { useRef as B } from "react";
-import '../../assets/MenuItemBase.css';const E = "_item_zzw8j_1", M = "_content_zzw8j_45", s = {
-  item: E,
-  content: M
+import { c as E } from "../../index-L8X2o7IH.js";
+import { useRef as M } from "react";
+import '../../assets/MenuItemBase.css';const R = "_item_cs9p2_1", b = "_content_cs9p2_40", c = {
+  item: R,
+  content: b
 }, A = ({
-  interactive: c = !0,
+  interactive: s = !0,
   ariaLabel: m,
-  role: d,
+  role: o,
   as: i,
-  color: o,
-  variant: f,
-  size: l,
-  className: p,
+  color: d,
+  variant: p,
+  size: f,
+  className: u,
   href: _,
   onClick: t,
-  onKeyPress: a,
-  tabIndex: u = 0,
-  hidden: z,
-  selected: x,
-  disabled: e = !1,
-  children: j,
-  active: v,
-  onMouseEnter: b,
-  dataTestId: h
+  onKeyPress: e,
+  tabIndex: l = 0,
+  hidden: x,
+  selected: v,
+  disabled: a = !1,
+  children: h,
+  active: I,
+  onMouseEnter: N,
+  dataTestId: j
 }) => {
-  const w = i || "a", I = B(null);
+  const z = i || "a", B = M(null);
   return /* @__PURE__ */ r(
-    w,
+    z,
     {
-      tabIndex: e ? "-1" : u ?? 0,
-      className: N(s.item, p),
-      role: d,
+      tabIndex: a ? "-1" : l ?? 0,
+      className: E(c.item, u),
+      role: o,
       "aria-label": m,
-      "data-interactive": c,
-      "data-active": v,
-      "data-size": l,
-      "data-color": o,
-      "data-variant": f,
-      "aria-hidden": z,
-      "aria-disabled": e,
-      "data-selected": x,
+      "data-interactive": !a && s,
+      "data-active": I,
+      "data-size": f,
+      "data-color": d,
+      "data-variant": p,
+      "aria-hidden": x,
+      "aria-disabled": a,
+      "data-selected": v,
       href: _,
       onKeyPress: (n) => {
-        n.key === "Enter" && (t == null || t()), a == null || a(n);
+        a || (n.key === "Enter" && (t == null || t()), e == null || e(n));
       },
       onClick: t,
-      onMouseEnter: b,
-      "data-testid": h,
-      ref: I,
-      children: /* @__PURE__ */ r("span", { className: s.content, children: j })
+      onMouseEnter: N,
+      "data-testid": j,
+      ref: B,
+      children: /* @__PURE__ */ r("span", { className: c.content, children: h })
     }
   );
 };