@altinn/altinn-components 0.15.5 → 0.16.0

package/dist/companyMenuItems-E0wNQAfZ.js

@@ -0,0 +1,105 @@
+"use client";
+import { c as p } from "./companyAccess-DVKbpCnw.js";
+import { companyUsers as f } from "./stories/Demo/data/companyUsers.js";
+import * as a from "react";
+import { forwardRef as s } from "react";
+import { u as c } from "./useId-CsCRkvK3.js";
+import { S as d } from "./Handshake-Bz9FuL-x.js";
+import { S as m } from "./ClockDashed-PQgzLSPC.js";
+var u = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.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++)
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const n = s((t, i) => {
+  var { title: r, titleId: e } = t, l = u(t, ["title", "titleId"]);
+  let o = c();
+  return o = r ? e || "title-" + o : void 0, a.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": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.543 2.25a.75.75 0 0 0-.729.573l-.459 1.89q-.326.119-.637.265l-1.675-1.02a.75.75 0 0 0-.92.11L4.066 6.121a.75.75 0 0 0-.11.92l1.02 1.676q-.146.311-.264.637l-1.89.46a.75.75 0 0 0-.573.728v2.914a.75.75 0 0 0 .573.729l1.89.459q.118.326.265.637l-1.02 1.675a.75.75 0 0 0 .11.92l2.054 2.056a.75.75 0 0 0 .92.11l1.676-1.02q.311.145.637.264l.46 1.89a.75.75 0 0 0 .728.573h2.914a.75.75 0 0 0 .729-.573l.459-1.89q.326-.119.637-.264l1.675 1.02a.75.75 0 0 0 .92-.11l2.056-2.055a.75.75 0 0 0 .11-.92l-1.02-1.676a8 8 0 0 0 .264-.637l1.89-.46a.75.75 0 0 0 .573-.728v-2.914a.75.75 0 0 0-.573-.729l-1.89-.459a8 8 0 0 0-.265-.637l1.02-1.675a.75.75 0 0 0-.11-.92l-2.054-2.056a.75.75 0 0 0-.92-.11l-1.676 1.02a8 8 0 0 0-.637-.264l-.46-1.89a.75.75 0 0 0-.728-.573zm.172 3.221.418-1.721h1.734l.418 1.721a.75.75 0 0 0 .513.541q.611.184 1.163.483a.75.75 0 0 0 .747-.02l1.526-.93 1.221 1.22-.93 1.527a.75.75 0 0 0-.02.747q.298.552.483 1.163a.75.75 0 0 0 .541.513l1.721.418v1.734l-1.72.418a.75.75 0 0 0-.542.513 6.2 6.2 0 0 1-.483 1.163.75.75 0 0 0 .02.747l.93 1.526-1.22 1.221-1.527-.93a.75.75 0 0 0-.747-.02 6.2 6.2 0 0 1-1.163.483.75.75 0 0 0-.513.541l-.418 1.721h-1.734l-.418-1.72a.75.75 0 0 0-.513-.542 6.2 6.2 0 0 1-1.163-.483.75.75 0 0 0-.747.02l-1.526.93-1.221-1.22.93-1.527a.75.75 0 0 0 .02-.747 6.2 6.2 0 0 1-.483-1.163.75.75 0 0 0-.541-.513l-1.721-.418v-1.734l1.721-.418a.75.75 0 0 0 .541-.513q.185-.611.483-1.163a.75.75 0 0 0-.02-.747l-.93-1.526 1.22-1.221 1.527.93a.75.75 0 0 0 .747.02q.551-.298 1.163-.483a.75.75 0 0 0 .513-.541M10.25 12a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0M12 8.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5", clipRule: "evenodd" })
+  );
+});
+var g = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.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++)
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const v = s((t, i) => {
+  var { title: r, titleId: e } = t, l = g(t, ["title", "titleId"]);
+  let o = c();
+  return o = r ? e || "title-" + o : void 0, a.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": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M3.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0M9 15.75A5.25 5.25 0 0 0 3.75 21a.75.75 0 0 1-1.5 0 6.75 6.75 0 0 1 13.5 0 .75.75 0 0 1-1.5 0A5.25 5.25 0 0 0 9 15.75m7.214-10.824a.75.75 0 1 0-.428 1.438A2.752 2.752 0 0 1 15 11.75a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 .75.75 4.25 4.25 0 0 1 4.25 4.25.75.75 0 0 0 1.5 0 5.75 5.75 0 0 0-4.206-5.539 4.251 4.251 0 0 0-.33-8.035", clipRule: "evenodd" })
+  );
+}), j = [
+  {
+    id: "company",
+    groupId: "1",
+    size: "lg",
+    title: "Tilganger"
+  },
+  {
+    id: "users",
+    groupId: "3",
+    icon: v,
+    title: "Brukere",
+    items: f
+  },
+  {
+    id: "access",
+    groupId: "3",
+    icon: d,
+    title: "Fullmakter",
+    items: p
+  },
+  {
+    id: "requests",
+    groupId: "3",
+    icon: d,
+    title: "Forespørsler"
+  },
+  {
+    id: "settings",
+    groupId: "4",
+    icon: n,
+    title: "Api og systemtilgang"
+  },
+  {
+    id: "settings",
+    groupId: "4",
+    icon: n,
+    title: "Våre fullmakter hos andre"
+  },
+  {
+    id: "settings",
+    groupId: "4",
+    icon: n,
+    title: "Klientadministrasjon"
+  },
+  {
+    id: "settings",
+    groupId: "5",
+    icon: n,
+    title: "Innstillinger"
+  },
+  {
+    id: "log",
+    groupId: "6",
+    icon: m,
+    title: "Aktivitetslogg"
+  }
+];
+export {
+  v as S,
+  j as c
+};

package/dist/components/AccessAreaList/AccessAreaList.js

@@ -1,13 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createElement as i } from "react";
+import { createElement as e } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { AccessAreaListItem as e } from "./AccessAreaListItem.js";
+import { AccessAreaListItem as i } from "./AccessAreaListItem.js";
 import { ListBase as p } from "../List/ListBase.js";
-const x = ({ items: t, color: o }) => /* @__PURE__ */ m(p, { color: o, spacing: 1, children: t.map((r) => /* @__PURE__ */ i(e, { ...r, key: r.id, ...r })) });
+const l = ({ items: t, color: o }) => /* @__PURE__ */ m(p, { color: o, spacing: 1, children: t.map((r) => /* @__PURE__ */ e(i, { ...r, key: r.id, ...r })) });
 export {
-  x as AccessAreaList
+  l as AccessAreaList
 };

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,39 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as n } from "../List/ListItem.js";
-import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", a = {
-  content: p
-}, A = ({
-  name: t,
-  icon: e,
-  size: i = "md",
-  children: m,
-  expanded: o = !1,
-  onClick: s,
-  ...c
-}) => /* @__PURE__ */ r(
-  n,
+import { ListItem as c } from "../List/ListItem.js";
+import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", p = {
+  content: l
+}, I = ({
+  name: e,
+  icon: r,
+  size: s = "md",
+  children: i,
+  expanded: t = !1,
+  onClick: m,
+  ...n
+}) => /* @__PURE__ */ o(
+  c,
   {
     as: "button",
-    avatar: {
-      name: t,
-      imageUrl: e,
-      type: "company"
-    },
-    title: t,
-    size: i,
+    icon: r,
+    title: e,
+    size: s,
     collapsible: !0,
-    expanded: o,
-    onClick: s,
-    ...c,
-    children: o && /* @__PURE__ */ r("div", { className: a.content, children: m })
+    expanded: t,
+    onClick: m,
+    ...n,
+    children: t && /* @__PURE__ */ o("div", { className: p.content, children: i })
   }
 );
 export {
-  A as AccessAreaListItem
+  I as AccessAreaListItem
 };

package/dist/components/AccessPackageList/AccessPackageList.js

@@ -1,13 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { AccessPackageListItem as p } from "./AccessPackageListItem.js";
 import { ListBase as s } from "../List/ListBase.js";
-const x = ({ items: t, spacing: o = 2, ...m }) => /* @__PURE__ */ e(s, { spacing: o, ...m, children: t.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, ...r })) });
+const l = ({ items: t, spacing: o = 2, ...m }) => /* @__PURE__ */ e(s, { spacing: o, ...m, children: t.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, ...r })) });
 export {
-  x as AccessPackageList
+  l as AccessPackageList
 };

package/dist/components/AccessPackageList/AccessPackageListItem.js

@@ -1,12 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as i } from "../List/ListItem.js";
-const g = ({ as: r = "button", icon: t, title: m, ...o }) => /* @__PURE__ */ e(
+const d = ({ as: r = "button", icon: t, title: m, ...o }) => /* @__PURE__ */ e(
   i,
   {
     avatar: t ? {
@@ -22,5 +21,5 @@ const g = ({ as: r = "button", icon: t, title: m, ...o }) => /* @__PURE__ */ e(
   }
 );
 export {
-  g as AccessPackageListItem
+  d as AccessPackageListItem
 };

package/dist/components/Attachment/AttachmentLink.js

@@ -1,19 +1,38 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+"use client";
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { Icon as s } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as i from "react";
+import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AttachmentLink.css';const c = "_link_196mu_1", e = "_label_196mu_12", r = "_icon_196mu_18", n = {
-  link: c,
-  label: e,
-  icon: r
-}, x = ({ icon: i = "file", href: l, label: t }) => /* @__PURE__ */ m("a", { href: l, className: n.link, children: [
-  /* @__PURE__ */ o(s, { name: i, className: n.icon }),
-  /* @__PURE__ */ o("span", { className: n.label, children: t })
+import { u as d } from "../../useId-CsCRkvK3.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]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const u = f((t, n) => {
+  var { title: l, titleId: e } = t, r = p(t, ["title", "titleId"]);
+  let o = d();
+  return o = l ? e || "title-" + o : void 0, i.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.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" })
+  );
+}), b = "_link_196mu_1", v = "_label_196mu_12", h = "_icon_196mu_18", a = {
+  link: b,
+  label: v,
+  icon: h
+}, k = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, children: [
+  /* @__PURE__ */ c(s, { svgElement: t, altText: n, className: a.icon }),
+  /* @__PURE__ */ c("span", { className: a.label, children: e })
 ] });
 export {
-  x as AttachmentLink
+  k as AttachmentLink
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,13 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { ListItem as i } from "../List/ListItem.js";
 import "../Search/AutocompleteBase.js";
 import { QueryLabel as e } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-const c = ({ loading: r, title: m, params: t, ...p }) => /* @__PURE__ */ o(i, { ...p, loading: r, title: m, label: !m && !r && /* @__PURE__ */ o(e, { params: t }) });
+const I = ({ loading: r, title: m, params: t, ...p }) => /* @__PURE__ */ o(i, { ...p, loading: r, title: m, label: !m && !r && /* @__PURE__ */ o(e, { params: t }) });
 export {
-  c as BookmarksListItem
+  I as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,7 +1,6 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import { BookmarksListItem as f } from "./BookmarksListItem.js";
 import { EditableBookmark as k } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
@@ -11,7 +10,7 @@ import { Heading as l } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as z } from "../Page/Section.js";
-const q = ({
+const g = ({
   loading: i,
   title: e,
   description: p,
@@ -38,5 +37,5 @@ const q = ({
   /* @__PURE__ */ o(x, { size: "xs", children: p })
 ] });
 export {
-  q as BookmarksSection
+  g as BookmarksSection
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -1,62 +1,73 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import { useState as x } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { BookmarksListItem as y } from "./BookmarksListItem.js";
-import { Button as f } from "../Button/Button.js";
-import { IconButton as I } from "../Button/IconButton.js";
+import { BookmarksListItem as d } from "./BookmarksListItem.js";
+import { Button as s } from "../Button/Button.js";
+import { IconButton as y } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
-import { QueryLabel as b } from "../Search/QueryLabel.js";
+import { QueryLabel as C } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as j } from "../Page/Flex.js";
-import { Section as v } from "../Page/Section.js";
-import { TextField as w } from "../TextField/TextField.js";
-const H = ({
-  id: s,
+import { Flex as I } from "../Page/Flex.js";
+import { Section as b } from "../Page/Section.js";
+import { TextField as j } from "../TextField/TextField.js";
+import { S as w } from "../../ChevronUp-H8Nuww4h.js";
+import { S as L } from "../../ChevronDown-CRAwzuD3.js";
+const M = ({
+  id: c,
   title: m,
-  untitled: u,
+  untitled: g,
   params: n,
   expanded: r,
-  onToggle: g,
+  onToggle: u,
   titleField: e,
   saveButton: t,
   removeButton: i,
   inputValue: p,
-  onChange: c,
+  onChange: l,
+  expandIconAltText: S,
   ...h
 }) => {
-  const [k, d] = x("");
+  const [k, v] = x("");
   return /* @__PURE__ */ o(
-    y,
+    d,
     {
       ...h,
       expanded: r,
-      id: s,
-      title: r ? m || u : m,
+      id: c,
+      title: r ? m || g : m,
       params: n,
-      controls: /* @__PURE__ */ o(I, { variant: "outline", size: "sm", icon: r ? "chevron-up" : "chevron-down", onClick: g }),
-      children: /* @__PURE__ */ a(v, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ o(b, { params: n }),
+      controls: /* @__PURE__ */ o(
+        y,
+        {
+          variant: "outline",
+          size: "sm",
+          icon: r ? w : L,
+          onClick: u,
+          iconAltText: S
+        }
+      ),
+      children: /* @__PURE__ */ f(b, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ o(C, { params: n }),
         e && /* @__PURE__ */ o(
-          w,
+          j,
           {
             ...e,
             name: "title",
             value: typeof p == "string" ? p : k,
-            onChange: (l) => {
-              typeof c == "function" ? c(l) : d(l.target.value);
+            onChange: (a) => {
+              typeof l == "function" ? l(a) : v(a.target.value);
             }
           }
         ),
-        (t || i) && /* @__PURE__ */ a(j, { as: "footer", direction: "row", spacing: 2, children: [
-          t && /* @__PURE__ */ o(f, { ...t }),
-          i && /* @__PURE__ */ o(f, { ...i, variant: "outline" })
+        (t || i) && /* @__PURE__ */ f(I, { as: "footer", direction: "row", spacing: 2, children: [
+          t && /* @__PURE__ */ o(s, { ...t }),
+          i && /* @__PURE__ */ o(s, { ...i, variant: "outline" })
         ] })
       ] })
     }
   );
 };
 export {
-  H as EditableBookmark
+  M as EditableBookmark
 };

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { jsx as s, jsxs as B } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
 import { ButtonBase as d } from "./ButtonBase.js";
-import { ButtonIcon as B } from "./ButtonIcon.js";
-import { ButtonLabel as h } from "./ButtonLabel.js";
-import '../../assets/Button.css';const y = "_button_1ysmx_1", N = "_reverse_1ysmx_8", t = {
-  button: y,
-  reverse: N
-}, k = ({
+import { ButtonIcon as h } from "./ButtonIcon.js";
+import { ButtonLabel as y } from "./ButtonLabel.js";
+import '../../assets/Button.css';const N = "_button_1ysmx_1", v = "_reverse_1ysmx_8", t = {
+  button: N,
+  reverse: v
+}, q = ({
   variant: e = "solid",
   color: o,
   size: r = "md",
@@ -19,6 +19,7 @@ import '../../assets/Button.css';const y = "_button_1ysmx_1", N = "_reverse_1ysm
   className: p,
   loading: f,
   loadingText: x = "Loading ...",
+  ariaLabel: _,
   ...u
 }) => f ? /* @__PURE__ */ s(
   d,
@@ -34,22 +35,23 @@ import '../../assets/Button.css';const y = "_button_1ysmx_1", N = "_reverse_1ysm
     disabled: !0,
     children: /* @__PURE__ */ s("span", { className: t.label, "data-size": r, children: /* @__PURE__ */ s("span", { className: t.loading, children: x }) })
   }
-) : /* @__PURE__ */ _(
+) : /* @__PURE__ */ B(
   d,
   {
     variant: e,
     color: o,
     size: r,
+    ariaLabel: _,
     selected: a,
     href: l,
     className: c(t.button, { [t.reverse]: n }),
     ...u,
     children: [
-      m && /* @__PURE__ */ s(B, { size: r, icon: m }),
-      /* @__PURE__ */ s(h, { size: r, children: b || i })
+      m && /* @__PURE__ */ s(h, { size: r, icon: m }),
+      /* @__PURE__ */ s(y, { size: r, children: b || i })
     ]
   }
 );
 export {
-  k as Button
+  q as Button
 };

package/dist/components/Button/ButtonBase.js

@@ -1,32 +1,34 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const f = "_button_mffb6_1", i = {
-  button: f
-}, _ = ({
+import { jsx as l } from "react/jsx-runtime";
+import { c as u } from "../../index-L8X2o7IH.js";
+import '../../assets/ButtonBase.css';const i = "_button_mffb6_1", f = {
+  button: i
+}, B = ({
   as: o,
-  color: n,
-  className: a,
+  color: a,
+  className: n,
   children: s,
   disabled: t = !1,
-  size: e,
-  selected: l,
-  variant: r,
-  tabIndex: c = 0,
-  ...m
-}) => /* @__PURE__ */ u(
+  ariaLabel: e,
+  size: r,
+  selected: p,
+  variant: c,
+  tabIndex: m = 0,
+  ...b
+}) => /* @__PURE__ */ l(
   o || "button",
   {
-    tabIndex: c,
-    "data-size": e,
-    "data-variant": r,
-    "data-color": n,
+    tabIndex: m,
+    "data-size": r,
+    "data-variant": c,
+    "data-color": a,
     "aria-disabled": t,
     disabled: t,
-    className: b(i.button, a),
-    ...m,
+    className: u(f.button, n),
+    "aria-label": e,
+    ...b,
     children: s
   }
 );
 export {
-  _ as ButtonBase
+  B as ButtonBase
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Icon as n } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
+import { Icon as r } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const r = "_icon_ablit_1", m = {
-  icon: r
-}, f = ({ size: t, icon: i }) => /* @__PURE__ */ o("span", { className: m.icon, "data-size": t, children: /* @__PURE__ */ o(n, { name: i }) });
+import '../../assets/ButtonIcon.css';const c = "_icon_ablit_1", m = {
+  icon: c
+}, d = ({ size: t, icon: i, iconAltText: n }) => /* @__PURE__ */ o("span", { className: m.icon, "data-size": t, children: /* @__PURE__ */ o(r, { svgElement: i, altText: n }) });
 export {
-  f as ButtonIcon
+  d as ButtonIcon
 };

package/dist/components/Button/ComboButton.js

@@ -1,39 +1,41 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
 import { ButtonBase as n } from "./ButtonBase.js";
-import { ButtonIcon as b } from "./ButtonIcon.js";
-import { ButtonLabel as u } from "./ButtonLabel.js";
-import '../../assets/ComboButton.css';const y = "_button_tbm58_1", f = "_divider_tbm58_8", v = "_primary_tbm58_15", B = "_secondary_tbm58_16", r = {
-  button: y,
-  divider: f,
-  primary: v,
-  secondary: B
-}, k = ({
-  variant: s = "solid",
-  color: a,
+import { ButtonIcon as u } from "./ButtonIcon.js";
+import { ButtonLabel as y } from "./ButtonLabel.js";
+import '../../assets/ComboButton.css';const f = "_button_tbm58_1", v = "_divider_tbm58_8", B = "_primary_tbm58_15", x = "_secondary_tbm58_16", r = {
+  button: f,
+  divider: v,
+  primary: B,
+  secondary: x
+}, I = ({
+  variant: m = "solid",
+  color: c,
   size: o = "md",
-  selected: m = !1,
-  icon: c,
+  selected: a = !1,
+  icon: d,
   children: i,
-  className: d,
-  onLabelClick: e,
-  onIconClick: l
-}) => /* @__PURE__ */ _(
+  className: e,
+  ariaLabel: s,
+  onLabelClick: l,
+  onIconClick: _
+}) => /* @__PURE__ */ p(
   n,
   {
     as: "div",
     size: o,
-    variant: s,
-    color: a,
-    selected: m,
-    className: p(r.button, d),
+    variant: m,
+    color: c,
+    selected: a,
+    className: b(r.button, e),
+    ariaLabel: s,
     children: [
-      /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.secondary, children: /* @__PURE__ */ t(b, { icon: c, size: o }) }),
+      /* @__PURE__ */ t(n, { size: o, onClick: _, className: r.secondary, ariaLabel: s, children: /* @__PURE__ */ t(u, { icon: d, size: o }) }),
       /* @__PURE__ */ t("span", { "data-size": o, className: r.divider }),
-      /* @__PURE__ */ t(n, { size: o, onClick: e, className: r.primary, children: /* @__PURE__ */ t(u, { size: o, children: i }) })
+      /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.primary, children: /* @__PURE__ */ t(y, { size: o, children: i }) })
     ]
   }
 );
 export {
-  k as ComboButton
+  I as ComboButton
 };