@altinn/altinn-components 0.54.3 → 0.55.0

package/dist/components/Account/AccountMenuButton.js

@@ -1,110 +1,112 @@
 "use client";
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import d, { forwardRef as v, isValidElement as h } from "react";
-import { Avatar as g } from "../Avatar/Avatar.js";
-import { Button as f } from "../Button/Button.js";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { c as d } from "../../index-p1eeF8LQ.js";
+import f, { forwardRef as v, isValidElement as h } from "react";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { Button as g } from "../Button/Button.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";
 import { useRootContext as y } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as I } from "../../XMark-tKk6aExO.js";
-import { u as w } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountMenuButton.css';var N = function(t, a) {
-  var r = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && a.indexOf(n) < 0 && (r[n] = t[n]);
+import { u as z } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountMenuButton.css';var N = function(t, i) {
+  var o = {};
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && i.indexOf(n) < 0 && (o[n] = t[n]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, n = Object.getOwnPropertySymbols(t); l < n.length; l++)
-      a.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[l]) && (r[n[l]] = t[n[l]]);
-  return r;
+      i.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[l]) && (o[n[l]] = t[n[l]]);
+  return o;
 };
-const O = v((t, a) => {
-  var { title: r, titleId: n } = t, l = N(t, ["title", "titleId"]);
-  let i = w();
-  return i = r ? n || "title-" + i : void 0, d.createElement(
+const w = v((t, i) => {
+  var { title: o, titleId: n } = t, l = N(t, ["title", "titleId"]);
+  let r = z();
+  return r = o ? n || "title-" + r : void 0, f.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: a, "aria-labelledby": i }, l),
-    r ? d.createElement("title", { id: i }, r) : null,
-    d.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", 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: i, "aria-labelledby": r }, l),
+    o ? f.createElement("title", { id: r }, o) : null,
+    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
-}), x = "_button_1crpw_1", C = "_avatarIcon_1crpw_18", j = "_loginIcon_1crpw_19", k = "_closeIcon_1crpw_20", L = "_avatar_1crpw_18", E = "_icon_1crpw_43", B = "_labelContainer_1crpw_55", M = "_description_1crpw_63", e = {
-  button: x,
-  avatarIcon: C,
-  loginIcon: j,
-  closeIcon: k,
-  avatar: L,
-  icon: E,
-  labelContainer: B,
-  description: M
+}), O = "_button_9nzzi_1", x = "_avatarIcon_9nzzi_24", C = "_loginIcon_9nzzi_25", j = "_closeIcon_9nzzi_26", k = "_avatar_9nzzi_24", L = "_icon_9nzzi_49", E = "_labelContainer_9nzzi_61", B = "_description_9nzzi_69", e = {
+  button: O,
+  avatarIcon: x,
+  loginIcon: C,
+  closeIcon: j,
+  avatar: k,
+  icon: L,
+  labelContainer: E,
+  description: B
 }, G = ({
   className: t,
-  currentAccount: a,
-  expanded: r,
+  currentAccount: i,
+  expanded: o = !1,
   minimized: n = !1,
   loading: l = !1,
-  ...i
+  ...r
 }) => {
-  const { languageCode: _ } = y(), s = R(_);
+  const { languageCode: _ } = y(), c = M(_);
   if (l)
-    return /* @__PURE__ */ o(
-      f,
+    return /* @__PURE__ */ a(
+      g,
       {
-        ...i,
+        ...r,
         as: "button",
         type: "button",
         variant: "ghost",
         color: "company",
-        className: p(e.button, e.loading, t),
+        className: d(e.button, e.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ o(u, { className: e.avatarIcon, icon: /* @__PURE__ */ o(g, { name: "loading", loading: !0, className: e.avatar }) })
+        children: /* @__PURE__ */ a(u, { className: e.avatarIcon, icon: /* @__PURE__ */ a(p, { name: "loading", loading: !0, className: e.avatar }) })
       }
     );
-  if (a) {
-    let c = a.description;
-    return a.type === "subunit" && typeof c == "string" && c && (c = `${c.split(",")[0]}, ${s.subunit}`), /* @__PURE__ */ m(
-      f,
+  if (i) {
+    let s = i.description;
+    return i.role === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ m(
+      g,
       {
-        ...i,
+        ...r,
         as: "button",
         type: "button",
         variant: "ghost",
         color: "company",
-        className: p(e.button, t),
-        "aria-label": r ? s.close : a.name,
+        className: d(e.button, t),
+        "aria-label": o ? c.close : i.name,
+        "aria-expanded": o,
         children: [
-          !n && /* @__PURE__ */ o(b, { children: /* @__PURE__ */ m("div", { className: e.labelContainer, children: [
-            a.name,
-            /* @__PURE__ */ o("span", { className: e.description, children: typeof c == "string" || h(c) ? c : null })
+          !n && /* @__PURE__ */ a(b, { children: /* @__PURE__ */ m("div", { className: e.labelContainer, children: [
+            i.name,
+            /* @__PURE__ */ a("span", { className: e.description, children: typeof s == "string" || h(s) ? s : null })
           ] }) }),
-          r ? /* @__PURE__ */ o(u, { className: e.closeIcon, icon: /* @__PURE__ */ o(I, { className: e.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ o(
+          o ? /* @__PURE__ */ a(u, { className: e.closeIcon, icon: /* @__PURE__ */ a(I, { className: e.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
             u,
             {
               className: e.avatarIcon,
-              icon: /* @__PURE__ */ o(g, { ...a?.icon, className: e.avatar })
+              icon: /* @__PURE__ */ a(p, { ...i?.icon, className: e.avatar })
             }
           )
         ]
       }
     );
   }
-  return r ? null : /* @__PURE__ */ m(
-    f,
+  return o ? null : /* @__PURE__ */ m(
+    g,
     {
-      ...i,
+      ...r,
       as: "button",
       type: "button",
       variant: "ghost",
       color: "company",
-      "aria-label": s.login,
-      className: p(e.button, t),
+      "aria-label": c.login,
+      className: d(e.button, t),
+      "aria-expanded": o,
       children: [
-        !n && /* @__PURE__ */ o(b, { children: s.login }),
-        /* @__PURE__ */ o(u, { className: e.loginIcon, icon: /* @__PURE__ */ o(O, { className: e.icon, "aria-hidden": !0 }) })
+        !n && /* @__PURE__ */ a(b, { children: c.login }),
+        /* @__PURE__ */ a(u, { className: e.loginIcon, icon: /* @__PURE__ */ a(w, { className: e.icon, "aria-hidden": !0 }) })
       ]
     }
   );
-}, R = (t) => {
+}, M = (t) => {
   switch (t) {
     case "nn":
       return {

package/dist/components/Attachment/AttachmentLink.js

@@ -1,65 +1,71 @@
 "use client";
 import { jsx as c, jsxs as d, Fragment as s } from "react/jsx-runtime";
-import { Badge as u } from "../Badge/Badge.js";
-import { Icon as b } from "../Icon/Icon.js";
+import { Badge as b } from "../Badge/Badge.js";
+import { Icon as h } from "../Icon/Icon.js";
 import "../../index-p1eeF8LQ.js";
 import o, { forwardRef as f } from "react";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
-import '../../assets/AttachmentLink.css';var h = function(t, a) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+import '../../assets/AttachmentLink.css';var _ = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
+  return n;
 };
-const _ = f((t, a) => {
-  var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
-  let n = p();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+const v = f((t, a) => {
+  var { title: n, titleId: e } = t, l = _(t, ["title", "titleId"]);
+  let r = p();
+  return r = n ? e || "title-" + r : void 0, o.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: a, "aria-labelledby": n }, l),
-    r ? o.createElement("title", { id: n }, r) : null,
+    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: a, "aria-labelledby": r }, l),
+    n ? o.createElement("title", { id: r }, n) : null,
     o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 3.25c-.69 0-1.25.56-1.25 1.25v15c0 .69.56 1.25 1.25 1.25h11c.69 0 1.25-.56 1.25-1.25V8a.75.75 0 0 0-.22-.53l-4-4a.75.75 0 0 0-.53-.22zm6.75 4.25c0 .69.56 1.25 1.25 1.25h2.75v10.5H6.75V4.75h6.5zm2.94-.25-1.44-1.44v1.44z", clipRule: "evenodd" })
   );
 });
-var v = function(t, a) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+var g = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
+  return n;
 };
-const g = f((t, a) => {
-  var { title: r, titleId: e } = t, l = v(t, ["title", "titleId"]);
-  let n = p();
-  return n = r ? e || "title-" + n : void 0, o.createElement(
+const y = f((t, a) => {
+  var { title: n, titleId: e } = t, l = g(t, ["title", "titleId"]);
+  let r = p();
+  return r = n ? e || "title-" + r : void 0, o.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: a, "aria-labelledby": n }, l),
-    r ? o.createElement("title", { id: n }, r) : null,
+    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: a, "aria-labelledby": r }, l),
+    n ? o.createElement("title", { id: r }, n) : null,
     o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.25 4.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l4 4c.141.14.22.331.22.53v11.5c0 .69-.56 1.25-1.25 1.25h-11c-.69 0-1.25-.56-1.25-1.25zm9.25 4.25c-.69 0-1.25-.56-1.25-1.25V4.75h-6.5v14.5h10.5V8.75zm.25-2.94 1.44 1.44h-1.44zm-.72 6.16a.75.75 0 0 1 0 1.06l-.97.97.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97-.97-.97a.75.75 0 1 1 1.06-1.06l.97.97.97-.97a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
   );
-}), y = "_item_w0iww_1", O = "_icon_w0iww_9", I = "_link_w0iww_16", j = "_label_w0iww_27", x = "_badge_w0iww_39", E = "_metadata_w0iww_44", i = {
-  item: y,
-  icon: O,
-  link: I,
-  label: j,
-  badge: x,
-  metadata: E
-}, M = ({ icon: t, iconAltText: a, href: r, label: e, metadata: l, badge: n, disabled: m }) => {
-  const w = t || m ? g : _;
+}), O = "_item_w0iww_1", I = "_icon_w0iww_9", j = "_link_w0iww_16", x = "_label_w0iww_27", E = "_badge_w0iww_39", k = "_metadata_w0iww_44", i = {
+  item: O,
+  icon: I,
+  link: j,
+  label: x,
+  badge: E,
+  metadata: k
+}, B = ({
+  icon: t,
+  iconAltText: a,
+  href: n,
+  label: e,
+  metadata: l,
+  badge: r,
+  disabled: m,
+  target: w = "_blank"
+}) => {
+  const u = m ? y : t || v;
   return /* @__PURE__ */ c("span", { className: i.item, children: /* @__PURE__ */ d("span", { children: [
-    /* @__PURE__ */ d("a", { href: r, "aria-disabled": m, className: i.link, target: "_blank", rel: "noreferrer", children: [
-      /* @__PURE__ */ c(b, { svgElement: w, altText: a, className: i.icon }),
+    /* @__PURE__ */ d("a", { href: n, "aria-disabled": m, className: i.link, target: w, rel: "noreferrer", children: [
+      /* @__PURE__ */ c(h, { svgElement: u, altText: a, className: i.icon }),
       /* @__PURE__ */ c("span", { className: i.label, children: e })
     ] }),
-    n && /* @__PURE__ */ d(s, { children: [
+    r && /* @__PURE__ */ d(s, { children: [
       " ",
-      /* @__PURE__ */ c(u, { ...n, className: i.badge })
+      /* @__PURE__ */ c(b, { ...r, className: i.badge })
     ] }),
     l && /* @__PURE__ */ d(s, { children: [
       " ",
@@ -68,5 +74,5 @@ const g = f((t, a) => {
   ] }) });
 };
 export {
-  M as AttachmentLink
+  B as AttachmentLink
 };

package/dist/components/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import { c as E } from "../../index-p1eeF8LQ.js";
 import m, { forwardRef as k, useState as A } from "react";
 import { Skeleton as R } from "../Skeleton/Skeleton.js";
@@ -37,8 +37,8 @@ const L = k((e, o) => {
   size: t,
   name: a = "Avatar",
   shape: s,
-  color: b,
-  variant: g,
+  color: g,
+  variant: h,
   imageUrl: d,
   imageUrlAlt: _,
   customLabel: w,
@@ -47,13 +47,13 @@ const L = k((e, o) => {
   colorKey: I,
   style: f = {}
 }) => {
-  const [x, O] = A(!1), j = s || e === "person" ? "circle" : "square", C = b || e === "person" ? "light" : "dark";
-  let i = g;
+  const [x, O] = A(!1), j = s || e === "person" ? "circle" : "square", C = g || e === "person" ? "light" : "dark";
+  let i = h;
   e === "company" && typeof o == "boolean" && (i = o ? "solid" : "outline");
-  const { backgroundColor: u, foregroundColor: h } = M(I ?? a, C), N = (a[0] ?? "").toUpperCase(), c = d && !x, S = !p && !c ? {
+  const { backgroundColor: u, foregroundColor: v } = M(I ?? a, C), N = (a[0] ?? "").toUpperCase(), c = d && !x, S = !p && !c ? {
     ...f,
-    backgroundColor: i === "outline" ? h : u,
-    color: i === "outline" ? u : h
+    backgroundColor: i === "outline" ? v : u,
+    color: i === "outline" ? u : v
   } : f;
   return /* @__PURE__ */ n(
     "div",
@@ -62,9 +62,10 @@ const L = k((e, o) => {
       style: S,
       "data-shape": j,
       "data-size": t,
+      "data-ui": "avatar",
       "aria-hidden": !0,
-      children: /* @__PURE__ */ v(R, { loading: p, className: r.shape, variant: "circle", children: [
-        /* @__PURE__ */ v("div", { className: r.shape, "data-variant": i, children: [
+      children: /* @__PURE__ */ b(R, { loading: p, className: r.shape, variant: "circle", children: [
+        /* @__PURE__ */ b("div", { className: r.shape, "data-variant": i, children: [
           e !== "system" && c && /* @__PURE__ */ n(
             "img",
             {
@@ -84,8 +85,6 @@ const L = k((e, o) => {
           {
             "aria-hidden": "true",
             className: r.deletedIcon,
-            width: "24",
-            height: "24",
             viewBox: "0 0 24 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",

package/dist/components/Avatar/AvatarGroup.js

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

package/dist/components/Banner/Banner.js

@@ -1,53 +1,35 @@
-"use client";
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { c as f } from "../../index-p1eeF8LQ.js";
-import { Button as d } from "../Button/Button.js";
-import c, { forwardRef as m } from "react";
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { c as e } from "../../index-p1eeF8LQ.js";
+import { Button as l } from "../Button/Button.js";
+import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u as p } from "../../useId-BVFxCjkq.js";
-import { S as u } from "../../XMark-tKk6aExO.js";
-import '../../assets/Banner.css';var v = function(e, i) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      i.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
-  return n;
+import { S as m } from "../../InformationSquare-D3WAxfVw.js";
+import { S as f } from "../../XMark-tKk6aExO.js";
+import '../../assets/Banner.css';const p = "_banner_1of7r_1", d = "_sticky_1of7r_12", _ = "_title_1of7r_18", y = "_infoIcon_1of7r_25", t = {
+  banner: p,
+  sticky: d,
+  title: _,
+  infoIcon: y
 };
-const h = m((e, i) => {
-  var { title: n, titleId: t } = e, r = v(e, ["title", "titleId"]);
-  let a = p();
-  return a = n ? t || "title-" + a : void 0, c.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: i, "aria-labelledby": a }, r),
-    n ? c.createElement("title", { id: a }, n) : null,
-    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v16c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm.75 16V4.75h14.5v14.5zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0M10.5 10a.75.75 0 0 0 0 1.5h.75v4h-.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-.75v-4.75A.75.75 0 0 0 12 10z", clipRule: "evenodd" })
-  );
-}), y = "_banner_1of7r_1", _ = "_sticky_1of7r_12", b = "_title_1of7r_18", g = "_infoIcon_1of7r_25", o = {
-  banner: y,
-  sticky: _,
-  title: b,
-  infoIcon: g
-};
-var w = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(w || {});
-const N = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
+var g = /* @__PURE__ */ ((i) => (i.company = "company", i.success = "success", i.warning = "warning", i.danger = "danger", i.info = "info", i))(g || {});
+const N = ({ closeTitle: i = "close", onClose: r, text: n, color: a, sticky: c = !0 }) => /* @__PURE__ */ o(
   "section",
   {
-    className: f(o.banner, { [o.sticky]: r }),
+    className: e(t.banner, { [t.sticky]: c }),
     role: "status",
     "aria-live": "polite",
-    "data-color": t,
+    "data-color": a,
     children: [
-      /* @__PURE__ */ s("div", { className: o.title, children: [
-        /* @__PURE__ */ l(h, { className: o.infoIcon, "aria-hidden": !0 }),
-        /* @__PURE__ */ l("span", { children: n })
+      /* @__PURE__ */ o("div", { className: t.title, children: [
+        /* @__PURE__ */ s(m, { className: t.infoIcon, "aria-hidden": !0 }),
+        /* @__PURE__ */ s("span", { children: n })
       ] }),
-      !!i && /* @__PURE__ */ l(d, { variant: "solid", onClick: i, className: o.dismiss, "aria-label": e, children: /* @__PURE__ */ l(u, { style: { fontSize: "1.5em" } }) })
+      !!r && /* @__PURE__ */ s(l, { variant: "solid", onClick: r, className: t.dismiss, "aria-label": i, children: /* @__PURE__ */ s(f, { style: { fontSize: "1.5em" } }) })
     ]
   }
 );
 export {
   N as Banner,
-  w as BannerColorEnum
+  g as BannerColorEnum
 };

package/dist/components/Button/ButtonGroup.js

@@ -1,20 +1,36 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Button as p } from "./Button.js";
-import '../../assets/ButtonGroup.css';const c = "_buttonGroup_1f7xc_1", e = {
-  buttonGroup: c
-}, G = ({ children: t, variant: o, size: n, disabled: r, connected: u, color: s }) => /* @__PURE__ */ a(
-  p,
+import { jsx as m } from "react/jsx-runtime";
+import { c } from "../../index-p1eeF8LQ.js";
+import { Button as b } from "./Button.js";
+import '../../assets/ButtonGroup.css';const e = "_buttonGroup_12m7k_1", i = "_wrap_12m7k_15", t = {
+  buttonGroup: e,
+  wrap: i
+}, f = ({ children: a, variant: o, color: r, size: p, disabled: s, connected: u, wrap: n }) => u ? /* @__PURE__ */ m(
+  b,
   {
     as: "span",
-    className: e.buttonGroup,
-    size: n,
-    color: s,
+    className: c(t.buttonGroup, {
+      [t.wrap]: n
+    }),
+    size: p,
+    color: r,
     variant: o,
     "data-connected": u,
-    "aria-disabled": r,
-    children: t
+    "aria-disabled": s,
+    children: a
+  }
+) : /* @__PURE__ */ m(
+  "span",
+  {
+    className: c(t.buttonGroup, {
+      [t.wrap]: n
+    }),
+    "data-size": p,
+    "data-color": r,
+    "data-variant": o,
+    "aria-disabled": s,
+    children: a
   }
 );
 export {
-  G as ButtonGroup
+  f as ButtonGroup
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,22 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "../../index-p1eeF8LQ.js";
-import { isValidElement as n } from "react";
-import { isIconProps as i, Icon as o } from "../Icon/Icon.js";
-import { isAvatarProps as c, Avatar as _ } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as p } from "../../index-p1eeF8LQ.js";
+import { isValidElement as i } from "react";
+import { isIconProps as n, Icon as o } from "../Icon/Icon.js";
+import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "./Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const v = "_wrapper_1y1r9_1", u = "_icon_1y1r9_8", y = "_avatar_1y1r9_31", G = "_avatarGroup_1y1r9_35", t = {
-  wrapper: v,
-  icon: u,
-  avatar: y,
-  avatarGroup: G
+import '../../assets/ButtonIcon.css';const f = "_media_1exbv_1", d = "_icon_1exbv_7", u = "_avatar_1exbv_11", b = "_avatarGroup_1exbv_15", t = {
+  media: f,
+  icon: d,
+  avatar: u,
+  avatarGroup: b
 };
-function N(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
+function x(a) {
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
-const h = ({ icon: r, size: s, iconAltText: p, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": s, "aria-label": p, children: c(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || i(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || N(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
+const j = ({ icon: a, size: s, iconAltText: e, className: m }) => /* @__PURE__ */ r("span", { className: p(t.media, m), "data-size": s, "aria-label": e, children: c(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || _(a) && /* @__PURE__ */ r(l, { ...a, className: t.avatarGroup }) || n(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
 export {
-  h as ButtonIcon
+  j as ButtonIcon
 };