@altinn/altinn-components 0.28.0 → 0.28.2

package/dist/{Checkmark-RgzvRNxP.js → Checkmark-D17Nyv_u.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{ChevronRight-DUaHaWi-.js → ChevronRight-BbelnTke.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);

package/dist/{ChevronUp-C09jxB5F.js → ChevronUp-DR4Lz2Jb.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{CircleFill-IZdiBc_K.js → CircleFill-BkDF4Wm0.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as f } from "react";
-import { u as a } from "./useId-CsCRkvK3.js";
+import { u as a } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{DialogActivityLog-wsSwha93.js → DialogActivityLog-BoPREh7Y.js}

@@ -7,7 +7,7 @@ import "./components/RootProvider/RootProvider.js";
 import "./components/Searchbar/AutocompleteBase.js";
 import "./components/Snackbar/useSnackbar.js";
 import { MetaItem as c } from "./components/Metadata/MetaItem.js";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, o) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{Eye-CMPIjkcy.js → Eye-BuhFHkaK.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as a from "react";
 import { forwardRef as i } from "react";
-import { u as c } from "./useId-CsCRkvK3.js";
+import { u as c } from "./useId-BVFxCjkq.js";
 var f = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{FieldsetLegend-Dwb3U0vQ.js → FieldsetLegend-CiZWWPgY.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { L as i } from "./Label-DjSEhgyW.js";
+import { L as i } from "./Label-9elsbqMH.js";
 const l = o(function(r, t) {
   return e(i, { asChild: !0, children: e("legend", { ref: t, ...r }) });
 });

package/dist/{Label-DjSEhgyW.js → Label-9elsbqMH.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { S as s } from "./index-C8BS_2GY.js";
+import { S as s } from "./index-D8Pn8SCu.js";
 import { c as l } from "./lite-1fxw3LjI.js";
 import { forwardRef as n } from "react";
 const u = n(function({ className: o, weight: e = "medium", asChild: t, ...r }, m) {

package/dist/{MagnifyingGlass-DWIcpwS4.js → MagnifyingGlass-3Ln1MufI.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as i from "react";
 import { forwardRef as a } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/{Paragraph-CFjOkbXa.js → Paragraph-Bm-eoPYv.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "./index-C8BS_2GY.js";
+import { S as n } from "./index-D8Pn8SCu.js";
 import { c as s } from "./lite-1fxw3LjI.js";
 import { forwardRef as e } from "react";
 const g = e(function({ className: r, asChild: a, variant: o = "default", ...t }, p) {

package/dist/{XMark-Bv1I87Ev.js → XMark-DIqxCTTQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import * as a from "react";
 import { forwardRef as i } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
+import { u as f } from "./useId-BVFxCjkq.js";
 var d = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_qyaf4_2{column-gap:.125em}._button_qyaf4_2[data-size=xs]{padding:0 .375rem}._button_qyaf4_2[data-size=sm]{padding:0 .5rem}._button_qyaf4_2[data-size=md]{padding:0 .625rem}._button_qyaf4_2[data-size=lg]{padding:0 .75rem}
+._button_1qqtu_1{display:inline-flex;align-items:center;column-gap:.25em;padding:.625em}._button_1qqtu_1[data-reverse=true]{flex-direction:row-reverse}

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_1c0tl_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;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;display:inline-flex;align-items:center;border-radius:2px}._button_1c0tl_1[data-reverse=true]{flex-direction:row-reverse}._button_1c0tl_1:disabled{opacity:.5;pointer-events:none}._button_1c0tl_1[data-size=xs]{height:2.25rem}._button_1c0tl_1[data-size=sm]{height:2.625rem}._button_1c0tl_1[data-size=md]{height:3rem}._button_1c0tl_1[data-size=lg]{height:3.5rem}._button_1c0tl_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._button_1c0tl_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover);border-color:var(--ds-color-base-hover)}._button_1c0tl_1[data-variant=solid]:active{background-color:var(--ds-color-base-active);border-color:var(--ds-color-base-active)}._button_1c0tl_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1c0tl_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1c0tl_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=outline],._button_1c0tl_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_1c0tl_1[data-variant=outline]{border-style:solid}._button_1c0tl_1[data-variant=dotted]{border-style:dotted}._button_1c0tl_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=outline]:hover,._button_1c0tl_1[data-variant=dotted]:hover,._button_1c0tl_1[data-variant=text]:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-default)}._button_1c0tl_1[data-variant=outline]:active,._button_1c0tl_1[data-variant=dotted]:active,._button_1c0tl_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}._button_1c0tl_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1c0tl_1:focus-visible *{--_ds--focus: }
+._button_1pk1w_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;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;display:inline-flex;align-items:center}._button_1pk1w_1:not([data-size]){font-size:inherit}._button_1pk1w_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1pk1w_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1pk1w_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1pk1w_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1pk1w_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1pk1w_1[data-variant=outline],._button_1pk1w_1[data-variant=dotted],._button_1pk1w_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1pk1w_1[data-variant=outline],._button_1pk1w_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1pk1w_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1pk1w_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1pk1w_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1pk1w_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1pk1w_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1pk1w_1:focus-visible *{--_ds--focus: }

package/dist/assets/ButtonIcon.css

@@ -1 +1 @@
-._icon_n7bze_1{display:flex;align-items:center;justify-content:center}._icon_n7bze_1[data-size=xs]{font-size:1.25rem}._icon_n7bze_1[data-size=sm]{font-size:1.375rem}._icon_n7bze_1[data-size=md]{font-size:1.5rem}._icon_n7bze_1[data-size=lg]{font-size:1.625rem}
+._icon_1wozs_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1wozs_1[data-size=xs]{font-size:.875rem}._icon_1wozs_1[data-size=sm]{font-size:1rem}._icon_1wozs_1[data-size=md]{font-size:1.125rem}._icon_1wozs_1[data-size=lg]{font-size:1.25rem}._icon_1wozs_1 svg,._icon_1wozs_1 img{display:block;width:1em;height:1em;font-size:1.5em}

package/dist/assets/ComboButton.css

@@ -1 +1 @@
-._button_d26a8_1{display:inline-flex;flex-direction:row;align-items:center}._divider_d26a8_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_d26a8_14,._secondary_d26a8_15{display:inline-flex;align-items:center;border:none}._primary_d26a8_14[data-size=xs],._secondary_d26a8_15[data-size=xs]{padding:0 .375rem}._primary_d26a8_14[data-size=sm],._secondary_d26a8_15[data-size=sm]{padding:0 .5rem}._primary_d26a8_14[data-size=md],._secondary_d26a8_15[data-size=md]{padding:0 .625rem}._primary_d26a8_14[data-size=lg],._secondary_d26a8_15[data-size=lg]{padding:0 .75rem}
+._button_kd2d3_1{display:inline-flex;flex-direction:row;align-items:center}._divider_kd2d3_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_kd2d3_14,._secondary_kd2d3_15{display:inline-flex;align-items:center;border-width:0;margin:-1px;padding:0 .5em}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_hyqf4_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_hyqf4_1[data-interactive=true]{cursor:pointer}._header_hyqf4_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_hyqf4_1[data-interactive=true]:hover ._label_hyqf4_27 h2{text-decoration:underline}._header_hyqf4_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}
+._header_1rjb2_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1rjb2_1[data-interactive=true]{cursor:pointer}._header_1rjb2_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1rjb2_1[data-interactive=true]:hover ._label_1rjb2_27 h2{text-decoration:underline}._header_1rjb2_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_1rjb2_35{flex-shrink:0;min-width:1.5em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
-import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
+import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", h = {
   content: d
 }, k = ({
   name: t,
@@ -13,13 +13,13 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
   iconUrl: r,
   size: m = "md",
   children: l,
-  expanded: e = !1,
+  expanded: o = !1,
   onClick: a,
-  badgeText: o,
-  colorTheme: n,
-  loading: s,
+  badgeText: e,
+  colorTheme: s,
+  loading: c,
   ...p
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ n(
   b,
   {
     as: "button",
@@ -27,19 +27,19 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", f = {
       svgElement: i,
       iconUrl: r,
       theme: "subtle",
-      color: n,
+      color: s,
       altText: ""
     },
     title: t,
     ariaLabel: t,
     size: m,
-    collapsible: !s,
-    expanded: e,
+    collapsible: !c,
+    expanded: o,
     onClick: a,
-    badge: o ? { label: o, color: n } : void 0,
-    loading: s,
+    badge: e ? { label: e, color: s } : void 0,
+    loading: c,
     ...p,
-    children: e && /* @__PURE__ */ c("div", { className: f.content, children: l })
+    children: o && /* @__PURE__ */ n("div", { className: h.content, children: l })
   }
 );
 export {

package/dist/components/AccessPackageList/AccessPackageListItem.js

@@ -7,7 +7,7 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as f } from "../List/ListItem.js";
-import { u as c } from "../../useId-CsCRkvK3.js";
+import { u as c } from "../../useId-BVFxCjkq.js";
 var d = function(t, o) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);

package/dist/components/Attachment/AttachmentLink.js

@@ -7,7 +7,7 @@ import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as d } from "../../useId-CsCRkvK3.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
 import '../../assets/AttachmentLink.css';var p = function(t, n) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);

package/dist/components/Avatar/AvatarGroup.js

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

package/dist/components/Bookmarks/EditableBookmark.js

@@ -13,8 +13,8 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { Section as k } from "../Page/Section.js";
 import { TextField as z } from "../Forms/TextField.js";
-import { S as E } from "../../XMark-Bv1I87Ev.js";
-import { u as M } from "../../useId-CsCRkvK3.js";
+import { S as E } from "../../XMark-DIqxCTTQ.js";
+import { u as M } from "../../useId-BVFxCjkq.js";
 var P = function(t, i) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (o[e] = t[e]);

package/dist/components/Button/Button.js

@@ -1,55 +1,60 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import { ButtonBase as e } from "./ButtonBase.js";
-import { ButtonIcon as x } from "./ButtonIcon.js";
-import { ButtonLabel as y } from "./ButtonLabel.js";
-import '../../assets/Button.css';const N = "_button_qyaf4_2", n = {
-  button: N
-}, I = ({
-  variant: a = "solid",
-  color: r,
-  size: t = "md",
-  selected: s = !1,
-  icon: l,
-  href: m,
-  label: i,
-  children: b,
-  className: u,
-  loading: p,
-  loadingText: f = "Loading ...",
-  ariaLabel: B,
-  ...c
-}) => p ? /* @__PURE__ */ o(
-  e,
+import { jsx as t, jsxs as j } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as d } from "./ButtonBase.js";
+import { ButtonLabel as B } from "./ButtonLabel.js";
+import { ButtonIcon as q } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/Button.css';const y = "_button_1qqtu_1", a = {
+  button: y
+}, C = ({
+  variant: r = "solid",
+  color: n,
+  size: s,
+  selected: m = !1,
+  icon: u,
+  iconSize: x,
+  href: i,
+  label: p,
+  labelSize: o,
+  children: c,
+  className: e,
+  loading: _,
+  ariaLabel: h,
+  ...f
+}) => _ ? /* @__PURE__ */ t(
+  d,
   {
-    variant: a,
+    variant: r,
     "aria-busy": !0,
-    color: r,
-    size: t,
-    selected: s,
-    href: m,
-    className: d(n.button, u),
-    ...c,
+    color: n,
+    size: s,
+    selected: m,
+    href: i,
+    className: b(a.button, e),
+    ...f,
     disabled: !0,
-    children: /* @__PURE__ */ o("span", { className: n.label, "data-size": t, children: /* @__PURE__ */ o("span", { className: n.loading, children: f }) })
+    children: /* @__PURE__ */ t(B, { size: o, children: c || p })
   }
-) : /* @__PURE__ */ h(
-  e,
+) : /* @__PURE__ */ j(
+  d,
   {
-    variant: a,
-    color: r,
-    size: t,
-    ariaLabel: B,
-    selected: s,
-    href: m,
-    className: d(n.button, u),
-    ...c,
+    variant: r,
+    color: n,
+    size: s,
+    ariaLabel: h,
+    selected: m,
+    href: i,
+    className: b(a.button, e),
+    ...f,
     children: [
-      l && /* @__PURE__ */ o(x, { size: t, icon: l }),
-      /* @__PURE__ */ o(y, { size: t, children: b || i })
+      u && /* @__PURE__ */ t(q, { icon: u, size: x || o }),
+      /* @__PURE__ */ t(B, { size: o, children: c || p })
     ]
   }
 );
 export {
-  I as Button
+  C as Button
 };

package/dist/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const p = "_button_1c0tl_1", f = {
+import '../../assets/ButtonBase.css';const p = "_button_1pk1w_1", f = {
   button: p
 }, B = ({
   as: a,

package/dist/components/Button/ButtonIcon.js

@@ -1,13 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import { Icon as m } from "../Icon/Icon.js";
-import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { isValidElement as c } from "react";
+import { isIconProps as p, Icon as s } from "../Icon/Icon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const s = "_icon_n7bze_1", e = {
-  icon: s
-}, u = ({ className: t, size: n, icon: r, iconAltText: c }) => /* @__PURE__ */ o("span", { className: i(e.icon, t), "data-size": n, children: /* @__PURE__ */ o(m, { svgElement: r, altText: c }) });
+import '../../assets/ButtonIcon.css';const a = "_icon_1wozs_1", r = {
+  icon: a
+};
+function l(o) {
+  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || c(o);
+}
+const _ = ({ icon: o, size: n, iconAltText: e, className: i }) => /* @__PURE__ */ t("span", { className: m(r.wrapper, i), "data-size": n, "aria-label": e, children: p(o) && /* @__PURE__ */ t(s, { ...o, className: r.icon }) || l(o) && o || /* @__PURE__ */ t(s, { svgElement: o, className: r.icon }) });
 export {
-  u as ButtonIcon
+  _ as ButtonIcon
 };

package/dist/components/Button/ComboButton.js

@@ -1,42 +1,58 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { c as y } from "../../index-L8X2o7IH.js";
-import { ButtonBase as t } from "./ButtonBase.js";
-import { ButtonIcon as b } from "./ButtonIcon.js";
-import { ButtonLabel as f } from "./ButtonLabel.js";
-import '../../assets/ComboButton.css';const v = "_button_d26a8_1", x = "_divider_d26a8_7", B = "_primary_d26a8_14", N = "_secondary_d26a8_15", a = {
-  button: v,
-  divider: x,
-  primary: B,
-  secondary: N
-}, L = ({
-  variant: n = "solid",
-  color: s,
-  size: o = "md",
-  selected: d = !1,
-  icon: c,
-  children: i,
-  className: m,
-  ariaLabel: e,
-  onLabelClick: l,
-  onIconClick: _,
-  iconAltText: p
-}) => /* @__PURE__ */ u(
-  t,
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { c as k } from "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as s } from "./ButtonBase.js";
+import { ButtonLabel as v } from "./ButtonLabel.js";
+import { ButtonIcon as x } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/ComboButton.css';const B = "_button_kd2d3_1", h = "_divider_kd2d3_7", N = "_primary_kd2d3_14", C = "_secondary_kd2d3_15", r = {
+  button: B,
+  divider: h,
+  primary: N,
+  secondary: C
+}, E = ({
+  variant: a = "solid",
+  color: n,
+  size: t,
+  selected: e = !1,
+  icon: i,
+  iconSize: m,
+  iconAltText: c,
+  label: p,
+  labelSize: d,
+  children: l,
+  className: _,
+  ariaLabel: u,
+  onLabelClick: y,
+  onIconClick: b
+}) => /* @__PURE__ */ f(
+  s,
   {
     as: "div",
-    size: o,
-    variant: n,
-    color: s,
-    selected: d,
-    className: y(a.button, m),
+    size: t,
+    variant: a,
+    color: n,
+    selected: e,
+    className: k(r.button, _),
     tabIndex: -1,
     children: [
-      /* @__PURE__ */ r(t, { ariaLabel: e, size: o, onClick: l, className: a.primary, children: /* @__PURE__ */ r(f, { size: o, children: i }) }),
-      /* @__PURE__ */ r("span", { "data-size": o, className: a.divider }),
-      /* @__PURE__ */ r(t, { size: o, onClick: _, className: a.secondary, ariaLabel: p, children: /* @__PURE__ */ r(b, { icon: c, size: o }) })
+      /* @__PURE__ */ o(s, { ariaLabel: u, size: t, onClick: y, className: r.primary, children: /* @__PURE__ */ o(v, { size: d, children: l || p }) }),
+      /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
+      /* @__PURE__ */ o(
+        s,
+        {
+          onClick: b,
+          className: r.secondary,
+          ariaLabel: c,
+          size: m || d,
+          children: i && /* @__PURE__ */ o(x, { icon: i })
+        }
+      )
     ]
   }
 );
 export {
-  L as ComboButton
+  E as ComboButton
 };

package/dist/components/Button/IconButton.js

@@ -1,34 +1,36 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import { ButtonBase as b } from "./ButtonBase.js";
-import { ButtonIcon as d } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const p = "_button_hmev5_1", f = {
-  button: p
-}, I = ({
-  variant: n = "solid",
-  size: t = "md",
-  icon: r,
-  color: s,
+import "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as l } from "./ButtonBase.js";
+import { ButtonIcon as u } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const z = ({
+  variant: r = "solid",
+  size: i,
+  icon: t,
   iconSize: m,
-  className: a,
-  selected: c,
-  onClick: e,
-  dataTestId: i,
-  iconAltText: u
+  iconAltText: p,
+  color: e,
+  className: n,
+  selected: a,
+  onClick: s,
+  dataTestId: d
 }) => /* @__PURE__ */ o(
-  b,
+  l,
   {
-    variant: n,
-    color: s,
-    size: t,
-    className: l(f.button, a),
-    onClick: e,
-    selected: c,
-    "data-testid": i,
-    "aria-label": u,
-    children: /* @__PURE__ */ o(d, { icon: r, size: m || t })
+    variant: r,
+    color: e,
+    size: i,
+    className: n,
+    onClick: s,
+    selected: a,
+    "data-testid": d,
+    "aria-label": p,
+    children: t && /* @__PURE__ */ o(u, { icon: t, size: m })
   }
 );
 export {
-  I as IconButton
+  z as IconButton
 };