@altinn/altinn-components 0.52.6 → 0.53.0

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -2,15 +2,16 @@ import { jsxs as n, jsx as c } from "react/jsx-runtime";
 import { createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { Typography as f } from "../Typography/Typography.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineSegment as l } from "../Timeline/TimelineSegment.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLogItem as y } from "./ActivityLogItem.js";
-const L = ({ id: o, items: r, datetime: m, byline: e, children: p, summary: t }) => /* @__PURE__ */ n(l, { datetime: m, byline: e, spacing: 2, id: o, children: [
+const S = ({ id: o, items: r, datetime: m, byline: e, children: p, summary: t }) => /* @__PURE__ */ n(l, { datetime: m, byline: e, spacing: 2, id: o, children: [
   t && /* @__PURE__ */ c(f, { children: t }),
   p,
   r?.map((i) => /* @__PURE__ */ g(y, { ...i, key: "activity-log-item" + i.id }))
 ] });
 export {
-  L as ActivityLogSegment
+  S as ActivityLogSegment
 };

package/dist/components/Article/Article.js

@@ -1,10 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as i } from "../Page/Section.js";
-const a = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
+const f = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
 export {
-  a as Article
+  f as Article
 };

package/dist/components/Article/ArticleContact.js

@@ -3,11 +3,12 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as c } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as d } from "../Page/Section.js";
 import { ContactButtons as a } from "../Page/ContactButtons.js";
-const C = ({
+const b = ({
   color: t,
   theme: p = "subtle",
   title: o,
@@ -20,5 +21,5 @@ const C = ({
   i && /* @__PURE__ */ r(a, { items: i })
 ] });
 export {
-  C as ArticleContact
+  b as ArticleContact
 };

package/dist/components/Article/ArticleHeader.js

@@ -2,13 +2,14 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Heading as m } from "../Typography/Heading.js";
+import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as t } from "../Page/Section.js";
-const f = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
+const h = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
   r && /* @__PURE__ */ e(m, { size: "xl", children: r }),
   i
 ] });
 export {
-  f as ArticleHeader
+  h as ArticleHeader
 };

package/dist/components/Attachment/AttachmentLink.js

@@ -4,42 +4,43 @@ import { Badge as u } from "../Badge/Badge.js";
 import { Icon as b } 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 n = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
-  return n;
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
 };
 const _ = f((t, a) => {
-  var { title: n, titleId: e } = t, l = h(t, ["title", "titleId"]);
-  let r = p();
-  return r = n ? e || "title-" + r : void 0, o.createElement(
+  var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
+  let n = p();
+  return n = r ? e || "title-" + n : 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": r }, l),
-    n ? o.createElement("title", { id: r }, n) : 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": n }, l),
+    r ? o.createElement("title", { id: n }, r) : 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 n = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (n[e[l]] = t[e[l]]);
-  return n;
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
 };
 const g = f((t, a) => {
-  var { title: n, titleId: e } = t, l = v(t, ["title", "titleId"]);
-  let r = p();
-  return r = n ? e || "title-" + r : void 0, o.createElement(
+  var { title: r, titleId: e } = t, l = v(t, ["title", "titleId"]);
+  let n = p();
+  return n = r ? e || "title-" + n : 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": r }, l),
-    n ? o.createElement("title", { id: r }, n) : 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": n }, l),
+    r ? o.createElement("title", { id: n }, r) : 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 = {
@@ -49,16 +50,16 @@ const g = f((t, a) => {
   label: j,
   badge: x,
   metadata: E
-}, F = ({ icon: t, iconAltText: a, href: n, label: e, metadata: l, badge: r, disabled: m }) => {
+}, M = ({ icon: t, iconAltText: a, href: r, label: e, metadata: l, badge: n, disabled: m }) => {
   const w = t || m ? g : _;
   return /* @__PURE__ */ c("span", { className: i.item, children: /* @__PURE__ */ d("span", { children: [
-    /* @__PURE__ */ d("a", { href: n, "aria-disabled": m, className: i.link, target: "_blank", rel: "noreferrer", 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__ */ c("span", { className: i.label, children: e })
     ] }),
-    r && /* @__PURE__ */ d(s, { children: [
+    n && /* @__PURE__ */ d(s, { children: [
       " ",
-      /* @__PURE__ */ c(u, { ...r, className: i.badge })
+      /* @__PURE__ */ c(u, { ...n, className: i.badge })
     ] }),
     l && /* @__PURE__ */ d(s, { children: [
       " ",
@@ -67,5 +68,5 @@ const g = f((t, a) => {
   ] }) });
 };
 export {
-  F as AttachmentLink
+  M as AttachmentLink
 };

package/dist/components/Banner/Banner.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { c as f } from "../../index-p1eeF8LQ.js";
-import c, { forwardRef as d } from "react";
+import { Button as d } from "../Button/Button.js";
+import c, { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { IconButton as m } from "../Button/IconButton.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) {
@@ -15,7 +15,7 @@ import '../../assets/Banner.css';var v = function(e, i) {
       i.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const _ = d((e, i) => {
+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(
@@ -24,14 +24,14 @@ const _ = d((e, i) => {
     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" })
   );
-}), h = "_banner_1of7r_1", y = "_sticky_1of7r_12", b = "_title_1of7r_18", g = "_infoIcon_1of7r_25", o = {
-  banner: h,
-  sticky: y,
+}), 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 R = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
+const N = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
   "section",
   {
     className: f(o.banner, { [o.sticky]: r }),
@@ -40,23 +40,14 @@ const R = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r =
     "data-color": t,
     children: [
       /* @__PURE__ */ s("div", { className: o.title, children: [
-        /* @__PURE__ */ l(_, { className: o.infoIcon, "aria-hidden": !0 }),
+        /* @__PURE__ */ l(h, { className: o.infoIcon, "aria-hidden": !0 }),
         /* @__PURE__ */ l("span", { children: n })
       ] }),
-      !!i && /* @__PURE__ */ l(
-        m,
-        {
-          icon: u,
-          variant: "solid",
-          onClick: i,
-          className: o.dismiss,
-          iconAltText: e
-        }
-      )
+      !!i && /* @__PURE__ */ l(d, { variant: "solid", onClick: i, className: o.dismiss, "aria-label": e, children: /* @__PURE__ */ l(u, { style: { fontSize: "1.5em" } }) })
     ]
   }
 );
 export {
-  R as Banner,
+  N as Banner,
   w as BannerColorEnum
 };

package/dist/components/Button/Button.js

@@ -1,60 +1,24 @@
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import "react";
-import { ButtonBase as f } from "./ButtonBase.js";
-import { ButtonLabel as _ } from "./ButtonLabel.js";
-import { ButtonIcon as g } from "./ButtonIcon.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/Button.css';const j = "_button_o1gnh_1", y = "_label_o1gnh_19", r = {
-  button: j,
-  label: y
-}, C = ({
-  variant: n = "solid",
-  color: s,
-  size: m,
-  selected: u = !1,
-  icon: i,
-  iconSize: d,
-  href: e,
-  label: a,
-  labelSize: o,
-  children: l,
-  className: b,
-  loading: B,
-  ariaLabel: h,
-  ...c
-}) => B ? /* @__PURE__ */ t(
-  f,
-  {
-    variant: n,
-    "aria-busy": !0,
-    color: s,
-    size: m,
-    selected: u,
-    href: e,
-    className: p(r.button, b),
-    ...c,
-    disabled: !0,
-    children: /* @__PURE__ */ t(_, { size: o, children: l || a })
-  }
-) : /* @__PURE__ */ x(
-  f,
-  {
-    variant: n,
-    color: s,
-    size: m,
-    ariaLabel: h,
-    selected: u,
-    href: e,
-    className: p(r.button, b),
-    ...c,
-    children: [
-      i && /* @__PURE__ */ t(g, { icon: i, size: d || o }),
-      /* @__PURE__ */ t(_, { className: r.label, size: o, children: l || a })
-    ]
-  }
-);
+import { jsx as n } from "react/jsx-runtime";
+import * as f from "react";
+import { B as m } from "../../button-BB5sYVKY.js";
+import '../../assets/Button.css';const h = "_button_11lhb_1", p = {
+  button: h
+}, x = f.forwardRef(function({ as: s = "button", children: r, size: d, icon: i, variant: t, color: e, rounded: u, loading: o, ...a }, c) {
+  const b = t === "outline" ? "secondary" : t === "ghost" ? "tertiary" : t, l = a?.disabled || a?.["aria-disabled"] || o;
+  return /* @__PURE__ */ n(
+    m,
+    {
+      className: p.button,
+      "data-variant": b,
+      "data-size": d,
+      "data-color": e,
+      "data-icon": i,
+      "data-rounded": u,
+      asChild: !0,
+      children: /* @__PURE__ */ n(s, { ...a, ref: c, "aria-busy": o, "aria-disabled": l, children: r })
+    }
+  );
+});
 export {
-  C as Button
+  x as Button
 };

package/dist/components/Button/ButtonGroup.js

@@ -1,30 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
-import { ButtonBase as d } from "./ButtonBase.js";
-import '../../assets/ButtonGroup.css';const e = "_buttonGroup_189q2_1", p = {
-  buttonGroup: e
-}, m = ({ children: t, variant: o = "solid", color: a, size: r, disabled: s, connected: u }) => u ? /* @__PURE__ */ n(
-  d,
+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,
   {
     as: "span",
-    className: p.buttonGroup,
-    size: r,
-    color: a,
+    className: e.buttonGroup,
+    size: n,
+    color: s,
     variant: o,
     "data-connected": u,
-    "aria-disabled": s,
-    children: t
-  }
-) : /* @__PURE__ */ n(
-  "div",
-  {
-    className: p.buttonGroup,
-    "data-size": r,
-    "data-variant": o,
-    "data-color": a,
-    "aria-disabled": s,
+    "aria-disabled": r,
     children: t
   }
 );
 export {
-  m as ButtonGroup
+  G as ButtonGroup
 };

package/dist/components/Button/ButtonGroupDivider.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/ButtonGroupDivider.css';const d = "_divider_1aeae_1", i = "_border_1aeae_15", e = {
+import { Button as i } from "./Button.js";
+import '../../assets/ButtonGroupDivider.css';const d = "_divider_1eeu8_1", t = "_border_1eeu8_17", e = {
   divider: d,
-  border: i
-}, s = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.divider, children: /* @__PURE__ */ r("span", { className: e.border }) });
+  border: t
+}, a = ({ variant: o }) => /* @__PURE__ */ r(i, { as: "span", color: "inherit", variant: o, "aria-hidden": "true", className: e.divider, children: /* @__PURE__ */ r("span", { className: e.border }) });
 export {
-  s as ButtonGroupDivider
+  a as ButtonGroupDivider
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,9 +1,10 @@
 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 c, Icon as o } from "../Icon/Icon.js";
-import { isAvatarProps as i, Avatar as _ } from "../Avatar/Avatar.js";
+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 "./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 = {
@@ -15,7 +16,7 @@ import '../../assets/ButtonIcon.css';const v = "_wrapper_1y1r9_1", u = "_icon_1y
 function N(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
 }
-const E = ({ icon: r, size: s, iconAltText: p, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": s, "aria-label": p, children: i(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || c(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || N(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
+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 }) });
 export {
-  E as ButtonIcon
+  h as ButtonIcon
 };

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as e } from "../../index-p1eeF8LQ.js";
-import '../../assets/ButtonLabel.css';const o = "_label_1pa3c_1", c = {
+import '../../assets/ButtonLabel.css';const o = "_label_18rn3_1", r = {
   label: o
-}, b = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(c.label, a), "data-size": l, children: s });
+}, b = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(r.label, a), "data-size": l, children: s });
 export {
   b as ButtonLabel
 };

package/dist/components/Button/ComboButton.js

@@ -1,73 +1,16 @@
-import { jsxs as B, jsx as o } from "react/jsx-runtime";
-import { c as x } from "../../index-p1eeF8LQ.js";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Button as m } from "./Button.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { ButtonBase as s } from "./ButtonBase.js";
-import { ButtonLabel as N } from "./ButtonLabel.js";
-import { ButtonIcon as C } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ComboButton.css';const j = "_button_hbn70_1", k = "_divider_hbn70_9", L = "_primary_hbn70_16", I = "_secondary_hbn70_17", r = {
-  button: j,
-  divider: k,
-  primary: L,
-  secondary: I
-}, G = ({
-  variant: e = "solid",
-  color: c,
-  size: t,
-  selected: m = !1,
-  icon: n,
-  iconSize: d,
-  iconAltText: l,
-  label: p,
-  labelSize: i,
-  children: _,
-  className: b,
-  ariaLabel: u,
-  onLabelClick: y,
-  onIconClick: h,
-  dataTestId: f,
-  tabIndex: a = 0,
-  disabled: v = !1
-}) => /* @__PURE__ */ B(
-  s,
-  {
-    as: "div",
-    size: t,
-    variant: e,
-    color: c,
-    selected: m,
-    className: x(r.button, b),
-    tabIndex: -1,
-    disabled: v,
-    children: [
-      /* @__PURE__ */ o(
-        s,
-        {
-          ariaLabel: u,
-          size: t,
-          onClick: y,
-          className: r.primary,
-          dataTestId: f,
-          tabIndex: a,
-          children: /* @__PURE__ */ o(N, { size: i, children: _ || p })
-        }
-      ),
-      /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
-      /* @__PURE__ */ o(
-        s,
-        {
-          onClick: h,
-          className: r.secondary,
-          ariaLabel: l,
-          size: d || i,
-          tabIndex: a,
-          children: n && /* @__PURE__ */ o(C, { icon: n })
-        }
-      )
-    ]
-  }
-);
+import { ButtonGroup as c } from "./ButtonGroup.js";
+import { ButtonGroupDivider as f } from "./ButtonGroupDivider.js";
+const l = ({ secondaryButton: p, size: t, variant: o, color: u, disabled: i, ...n }) => /* @__PURE__ */ e(c, { size: t, variant: o, color: u, disabled: i, connected: !0, children: [
+  /* @__PURE__ */ r(m, { ...n, variant: o, size: t }),
+  /* @__PURE__ */ r(f, { variant: o }),
+  /* @__PURE__ */ r(m, { ...p, variant: o, size: t })
+] });
 export {
-  G as ComboButton
+  l as ComboButton
 };

package/dist/components/Button/FloatingActionButton.js

@@ -1,36 +1,31 @@
 import { jsx as o } from "react/jsx-runtime";
+import { Button as l } from "./Button.js";
+import { ButtonIcon as a } from "./ButtonIcon.js";
 import "../../index-p1eeF8LQ.js";
-import "react";
-import { ButtonBase as u } from "./ButtonBase.js";
-import { ButtonIcon as l } from "./ButtonIcon.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import '../../assets/FloatingActionButton.css';const c = "_button_1n5nt_1", b = {
   button: c
-}, j = ({
+}, d = ({
   variant: n = "solid",
   size: r,
   icon: t,
-  iconSize: i,
-  iconAltText: s,
+  iconSize: s,
+  iconAltText: i,
   color: m,
-  onClick: a,
-  dataTestId: e,
-  onBlurCapture: p
+  onClick: u,
+  onBlurCapture: e
 }) => /* @__PURE__ */ o(
-  u,
+  l,
   {
     className: b.button,
     variant: n,
     color: m,
     size: r,
-    onClick: a,
-    "data-testid": e,
-    "aria-label": s,
-    onBlurCapture: p,
-    children: t && /* @__PURE__ */ o(l, { icon: t, size: i })
+    onClick: u,
+    "aria-label": i,
+    onBlurCapture: e,
+    children: t && /* @__PURE__ */ o(a, { icon: t, size: s })
   }
 );
 export {
-  j as FloatingActionButton
+  d as FloatingActionButton
 };

package/dist/components/Button/IconButton.js

@@ -1,39 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { ButtonBase as u } from "./ButtonBase.js";
-import { ButtonIcon as B } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({
-  variant: r = "solid",
-  rounded: i = !1,
-  size: m,
-  icon: t,
-  iconSize: e,
-  iconAltText: p,
-  color: a,
-  className: n,
-  selected: s,
-  onClick: l,
-  dataTestId: d,
-  onBlurCapture: f
-}) => /* @__PURE__ */ o(
-  u,
-  {
-    variant: r,
-    rounded: i,
-    color: a,
-    size: m,
-    className: n,
-    onClick: l,
-    selected: s,
-    "data-testid": d,
-    "aria-label": p,
-    onBlurCapture: f,
-    children: t && /* @__PURE__ */ o(B, { icon: t, size: e })
-  }
-);
+import '../../assets/IconButton.css';const u = "_button_z82uk_1", i = {
+  button: u
+}, l = ({ children: t, label: o, ...r }) => /* @__PURE__ */ n(m, { ...r, className: i.button, icon: !0, "aria-label": o, children: t });
 export {
-  g as IconButton
+  l as IconButton
 };

package/dist/components/Button/index.js

@@ -1,18 +1,18 @@
-import { ButtonBase as r } from "./ButtonBase.js";
-import { ButtonLabel as e } from "./ButtonLabel.js";
-import { ButtonIcon as p } from "./ButtonIcon.js";
-import { Button as B } from "./Button.js";
-import { ComboButton as x } from "./ComboButton.js";
-import { IconButton as c } from "./IconButton.js";
-import { FloatingActionButton as i } from "./FloatingActionButton.js";
-import { ButtonGroup as I } from "./ButtonGroup.js";
+import { Button as r } from "./Button.js";
+import { ButtonIcon as e } from "./ButtonIcon.js";
+import { ButtonLabel as u } from "./ButtonLabel.js";
+import { ButtonGroup as f } from "./ButtonGroup.js";
+import { ButtonGroupDivider as B } from "./ButtonGroupDivider.js";
+import { ComboButton as c } from "./ComboButton.js";
+import { IconButton as b } from "./IconButton.js";
+import { FloatingActionButton as G } from "./FloatingActionButton.js";
 export {
-  B as Button,
-  r as ButtonBase,
-  I as ButtonGroup,
-  p as ButtonIcon,
-  e as ButtonLabel,
-  x as ComboButton,
-  i as FloatingActionButton,
-  c as IconButton
+  r as Button,
+  f as ButtonGroup,
+  B as ButtonGroupDivider,
+  e as ButtonIcon,
+  u as ButtonLabel,
+  c as ComboButton,
+  G as FloatingActionButton,
+  b as IconButton
 };