@altinn/altinn-components 0.59.1 → 0.60.2

package/dist/components/Alert/Alert.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { Typography as i } from "../Typography/Typography.js";
-import { H as n } from "../../Section-BEuICoay.js";
+import { H as n } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { A as c } from "../../alert-BzifOfXl.js";
 import '../../assets/Alert.css';const d = "_heading_jd4co_1", g = "_message_jd4co_5", o = {

package/dist/components/Article/Article.js

@@ -1,12 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as i } from "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const l = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
+import { Section as i } from "../Page/Section.js";
+const x = ({ color: r, children: t }) => /* @__PURE__ */ o(i, { as: "article", color: r, spacing: 6, children: t });
 export {
-  l as Article
+  x as Article
 };

package/dist/components/Article/ArticleContact.js

@@ -1,25 +1,26 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as c, H as e } from "../../Section-BEuICoay.js";
-import { Typography as a } from "../Typography/Typography.js";
+import { H as c } from "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as e } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { Section as a } from "../Page/Section.js";
 import { ContactButtons as d } from "../Page/ContactButtons.js";
-const H = ({
+const b = ({
   color: t,
   theme: p = "subtle",
   title: o,
   description: m,
   children: n,
   items: i
-}) => /* @__PURE__ */ s(c, { theme: p, color: t, padding: 6, shadow: "xs", spacing: 4, children: [
-  o && /* @__PURE__ */ r(e, { size: "lg", children: o }),
-  /* @__PURE__ */ r(a, { size: "sm", children: n || /* @__PURE__ */ r("p", { children: m }) }),
+}) => /* @__PURE__ */ s(a, { theme: p, color: t, padding: 6, shadow: "xs", spacing: 4, children: [
+  o && /* @__PURE__ */ r(c, { size: "lg", children: o }),
+  /* @__PURE__ */ r(e, { size: "sm", children: n || /* @__PURE__ */ r("p", { children: m }) }),
   i && /* @__PURE__ */ r(d, { items: i })
 ] });
 export {
-  H as ArticleContact
+  b as ArticleContact
 };

package/dist/components/Article/ArticleHeader.js

@@ -1,13 +1,14 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as t, H as m } from "../../Section-BEuICoay.js";
+import { H as t } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const l = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
-  r && /* @__PURE__ */ e(m, { size: "xl", children: r }),
+import { Section as e } from "../Page/Section.js";
+const l = ({ title: r, children: i }) => /* @__PURE__ */ o(e, { as: "header", spacing: 2, children: [
+  r && /* @__PURE__ */ m(t, { size: "xl", children: r }),
   i
 ] });
 export {

package/dist/components/Attachment/AttachmentLink.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as c, jsxs as d, Fragment as m } from "react/jsx-runtime";
-import { I as b, B as h } from "../../Section-BEuICoay.js";
+import { I as b, B as h } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import o, { forwardRef as f } from "react";
 import { u as p } from "../../useId-BVFxCjkq.js";

package/dist/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { B as f } from "../../Section-BEuICoay.js";
+import { B as f } from "../../ToolbarSearch-56Sm2j7P.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-import { B as o } from "../../Section-BEuICoay.js";
+import { B as o } from "../../ToolbarSearch-56Sm2j7P.js";
 export {
   o as Badge
 };

package/dist/components/Banner/Banner.js

@@ -1,36 +1,121 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { c as e } from "../../index-p1eeF8LQ.js";
-import { Button as m } from "../Button/Button.js";
-import "react";
-import { C as l } from "../../Section-BEuICoay.js";
+"use client";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { c as g } from "../../index-p1eeF8LQ.js";
+import { Button as v } from "../Button/Button.js";
+import i, { forwardRef as f } from "react";
+import { H as b, I as y, s as h } from "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as O } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../Paperclip-DjN7qVfQ.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
+import { u as m } from "../../useId-BVFxCjkq.js";
+import { S as w } from "../../Paperclip-DjN7qVfQ.js";
+import '../../assets/Banner.css';var _ = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (r[t[l]] = e[t[l]]);
+  return r;
+};
+const I = f((e, n) => {
+  var { title: r, titleId: t } = e, l = _(e, ["title", "titleId"]);
+  let o = m();
+  return o = r ? t || "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 }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 2.25a.75.75 0 0 1 .656.387l9.527 17.25A.75.75 0 0 1 21.526 21H2.474a.75.75 0 0 1-.657-1.113l9.526-17.25A.75.75 0 0 1 12 2.25M12 8.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0", clipRule: "evenodd" })
+  );
+});
+var j = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (r[t[l]] = e[t[l]]);
+  return r;
+};
+const x = f((e, n) => {
+  var { title: r, titleId: t } = e, l = j(e, ["title", "titleId"]);
+  let o = m();
+  return o = r ? t || "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 }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+  );
+});
+var S = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (r[t[l]] = e[t[l]]);
+  return r;
+};
+const P = f((e, n) => {
+  var { title: r, titleId: t } = e, l = S(e, ["title", "titleId"]);
+  let o = m();
+  return o = r ? t || "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 }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.742 2.47a.75.75 0 0 1 .53-.22h7.456a.75.75 0 0 1 .53.22l5.272 5.272c.141.14.22.331.22.53v7.456a.75.75 0 0 1-.22.53l-5.272 5.272a.75.75 0 0 1-.53.22H8.272a.75.75 0 0 1-.53-.22L2.47 16.258a.75.75 0 0 1-.22-.53V8.272a.75.75 0 0 1 .22-.53zm1.288 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z", clipRule: "evenodd" })
+  );
+}), k = "_banner_3u9bd_1", R = "_sticky_3u9bd_18", E = "_content_3u9bd_24", M = "_title_3u9bd_28", z = "_icon_3u9bd_35", a = {
+  banner: k,
+  sticky: R,
+  content: E,
+  title: M,
+  icon: z
+};
+var H = /* @__PURE__ */ ((e) => (e.info = "info", e.success = "success", e.warning = "warning", e.danger = "danger", e))(H || {}), N = /* @__PURE__ */ ((e) => (e.default = "default", e.alert = "alert", e.error = "error", e.info = "info", e.strong = "strong", e))(N || {});
+const Q = ({
+  closeTitle: e = "close",
+  onClose: n,
+  icon: r,
+  title: t,
+  body: l,
+  color: o,
+  variant: c,
+  sticky: u = !0
+}) => {
+  const p = r || (c === "info" && x || c === "alert" && I || c === "error" && P || w);
+  return /* @__PURE__ */ d(
+    "section",
+    {
+      className: g(a.banner, { [a.sticky]: u }),
+      role: "status",
+      "aria-live": "polite",
+      "data-variant": c,
+      "data-color": o,
+      children: [
+        /* @__PURE__ */ d("div", { className: a.content, children: [
+          /* @__PURE__ */ d(b, { size: "sm", leading: "normal", className: a.title, children: [
+            /* @__PURE__ */ s(y, { svgElement: p, className: a.icon }),
+            t
+          ] }),
+          l && /* @__PURE__ */ s(O, { size: "sm", className: a.body, children: l })
+        ] }),
+        !!n && /* @__PURE__ */ s(
+          v,
+          {
+            size: "sm",
+            variant: c === "strong" ? "solid" : "ghost",
+            onClick: n,
+            className: a.dismiss,
+            "aria-label": e,
+            icon: !0,
+            children: /* @__PURE__ */ s(h, {})
+          }
+        )
+      ]
+    }
+  );
 };
-var g = /* @__PURE__ */ ((i) => (i.company = "company", i.success = "success", i.warning = "warning", i.danger = "danger", i.info = "info", i))(g || {});
-const j = ({ closeTitle: i = "close", onClose: r, text: n, color: a, sticky: c = !0 }) => /* @__PURE__ */ o(
-  "section",
-  {
-    className: e(t.banner, { [t.sticky]: c }),
-    role: "status",
-    "aria-live": "polite",
-    "data-color": a,
-    children: [
-      /* @__PURE__ */ o("div", { className: t.title, children: [
-        /* @__PURE__ */ s(f, { className: t.infoIcon, "aria-hidden": !0 }),
-        /* @__PURE__ */ s("span", { children: n })
-      ] }),
-      !!r && /* @__PURE__ */ s(m, { variant: "solid", onClick: r, className: t.dismiss, "aria-label": i, children: /* @__PURE__ */ s(l, { style: { fontSize: "1.5em" } }) })
-    ]
-  }
-);
 export {
-  j as Banner,
-  g as BannerColorEnum
+  Q as Banner,
+  H as BannerColorEnum,
+  N as BannerVariantEnum
 };

package/dist/components/Banner/index.js

@@ -1,5 +1,6 @@
-import { Banner as o, BannerColorEnum as e } from "./Banner.js";
+import { Banner as a, BannerColorEnum as e, BannerVariantEnum as o } from "./Banner.js";
 export {
-  o as Banner,
-  e as BannerColorEnum
+  a as Banner,
+  e as BannerColorEnum,
+  o as BannerVariantEnum
 };

package/dist/components/Bookmarks/BookmarkModal.js

@@ -2,14 +2,14 @@ import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as u } from "react";
 import { TextField as g } from "../Forms/TextField.js";
-import { z as v } from "../../Section-BEuICoay.js";
+import { q as v } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { QueryLabel as c } from "../Toolbar/QueryLabel.js";
 import { SettingsModal as h } from "../Settings/SettingsModal.js";
-const B = ({
+const z = ({
   icon: e = v,
   title: n,
   params: t,
@@ -37,5 +37,5 @@ const B = ({
   ] });
 };
 export {
-  B as BookmarkModal
+  z as BookmarkModal
 };

package/dist/components/Bookmarks/BookmarkSettingsItem.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { z as a } from "../../Section-BEuICoay.js";
+import { q as a } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { ContextMenu as f } from "../ContextMenu/ContextMenu.js";
@@ -9,7 +9,7 @@ import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as g } from "../Settings/SettingsItemBase.js";
 import { BookmarkSettingsItemLabel as k } from "./BookmarkSettingsItemLabel.js";
-const z = ({
+const y = ({
   id: m,
   icon: i = a,
   loading: o,
@@ -31,5 +31,5 @@ const z = ({
   }
 );
 export {
-  z as BookmarkSettingsItem
+  y as BookmarkSettingsItem
 };

package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as m } from "../../Section-BEuICoay.js";
+import { H as m } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -2,16 +2,17 @@ import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { Fragment as n, createElement as f } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as u } from "../../hooks/useMenu.js";
-import { H as k, q as y } from "../../Section-BEuICoay.js";
+import { H as k } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
-import { BookmarkSettingsItem as S } from "./BookmarkSettingsItem.js";
+import { BookmarkSettingsItem as y } from "./BookmarkSettingsItem.js";
 import "react-dom";
-import { Divider as v } from "../Divider/Divider.js";
+import { Divider as S } from "../Divider/Divider.js";
+import { List as v } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as B } from "../Page/Flex.js";
 import { SettingsSection as j } from "../Settings/SettingsSection.js";
-const M = ({
+const w = ({
   loading: p,
   highlightWords: l,
   items: t,
@@ -31,12 +32,12 @@ const M = ({
     const m = e.props || {};
     return /* @__PURE__ */ s(n, { children: [
       m?.title && /* @__PURE__ */ r(k, { size: "lg", children: m.title }),
-      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: e?.items.map((h, i) => {
+      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(v, { size: "sm", children: e?.items.map((h, i) => {
         const o = h.props || {};
         return /* @__PURE__ */ s(n, { children: [
-          i > 0 && /* @__PURE__ */ r(v, { as: "li" }),
+          i > 0 && /* @__PURE__ */ r(S, { as: "li" }),
           /* @__PURE__ */ f(
-            S,
+            y,
             {
               ...o,
               key: "settings-list-item" + i,
@@ -50,5 +51,5 @@ const M = ({
   }) });
 };
 export {
-  M as BookmarkSettingsList
+  w as BookmarkSettingsList
 };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -2,7 +2,7 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import c, { forwardRef as f } from "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";

package/dist/components/Bulk/BulkHeader.js

@@ -2,31 +2,31 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useRef as m, useEffect as _, createElement as B } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useEscapeKey as h } from "../../hooks/useEscapeKey.js";
-import { H as y, C as v } from "../../Section-BEuICoay.js";
+import { H as y, s as v } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { Button as k } from "../Button/Button.js";
 import { ButtonGroup as N } from "../Button/ButtonGroup.js";
 import "react-dom";
 import { BulkButton as H } from "./BulkButton.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_container_19idu_22", C = "_title_19idu_45", E = "_dismissButton_19idu_59", R = "_options_19idu_64", o = {
+import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_container_19idu_22", E = "_title_19idu_45", R = "_dismissButton_19idu_59", S = "_options_19idu_64", o = {
   header: x,
   container: z,
-  title: C,
-  dismissButton: E,
-  options: R
+  title: E,
+  dismissButton: R,
+  options: S
 }, F = ({
   color: l = "company",
   hidden: t = !1,
   title: u,
-  dismissable: i = !0,
+  dismissable: s = !0,
   dismissIconAltText: d = "Close",
   options: p,
-  onDismiss: s
+  onDismiss: i
 }) => {
   const n = m(null), a = m(t);
   return h(() => {
-    i && s?.();
+    s && i?.();
   }), _(() => {
     a.current && !t && n.current?.querySelector("button")?.focus(), a.current = t;
   }, [t]), /* @__PURE__ */ e(
@@ -41,7 +41,7 @@ import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_containe
         /* @__PURE__ */ e(y, { size: "md", className: o.title, children: u }),
         /* @__PURE__ */ r(N, { children: [
           /* @__PURE__ */ e("div", { className: o.options, children: p?.map((c, f) => /* @__PURE__ */ B(H, { ...c, key: f })) }),
-          i && /* @__PURE__ */ r(k, { onClick: s, className: o.dismissButton, "aria-label": d, children: [
+          s && /* @__PURE__ */ r(k, { onClick: i, className: o.dismissButton, "aria-label": d, children: [
             /* @__PURE__ */ e(v, { style: { fontSize: "1.5em" } }),
             /* @__PURE__ */ e("span", { "data-size": "sm", children: "Avbryt" })
           ] })

package/dist/components/Button/Button.js

@@ -1,9 +1,9 @@
 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 p = "_button_fzg2r_1", y = {
+import '../../assets/Button.css';const p = "_button_167in_1", y = {
   button: p
-}, x = f.forwardRef(function({ as: r = "button", children: s, size: d, icon: i, variant: t, color: e, rounded: u, loading: o, ...a }, c) {
+}, 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,
@@ -15,7 +15,7 @@ import '../../assets/Button.css';const p = "_button_fzg2r_1", y = {
       "data-icon": i,
       "data-rounded": u,
       asChild: !0,
-      children: /* @__PURE__ */ n(r, { ...a, ref: c, "aria-busy": o, "aria-disabled": l, children: s })
+      children: /* @__PURE__ */ n(s, { ...a, ref: c, "aria-busy": o, "aria-disabled": l, children: r })
     }
   );
 });

package/dist/components/Button/ButtonIcon.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { isValidElement as i } from "react";
-import { i as n, I as o } from "../../Section-BEuICoay.js";
+import { i as n, I as o } from "../../ToolbarSearch-56Sm2j7P.js";
 import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Button/ComboButton.js

@@ -2,7 +2,7 @@ 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 "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Button/FloatingActionButton.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { Button as e } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Button/IconButton.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Byline/Byline.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
 import "react";
-import { a as x } from "../../Section-BEuICoay.js";
+import { a as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Skeleton/Skeleton.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Byline/index.js

@@ -1,4 +1,4 @@
-import { a as o } from "../../Section-BEuICoay.js";
+import { a as o } from "../../ToolbarSearch-56Sm2j7P.js";
 export {
   o as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,13 +3,13 @@ import { jsx as a } from "react/jsx-runtime";
 import u, { forwardRef as c, useMemo as f } from "react";
 import { Button as g } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { w as h, h as b, M as x } from "../../Section-BEuICoay.js";
+import { u as h, g as b, M as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { Tooltip as v } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
-import { useDropdownMenuController as w } from "../Menu/useDropdownMenuController.js";
-import { u as y } from "../../useId-BVFxCjkq.js";
-var O = function(t, l) {
+import { useDropdownMenuController as y } from "../Menu/useDropdownMenuController.js";
+import { u as O } from "../../useId-BVFxCjkq.js";
+var w = function(t, l) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -18,8 +18,8 @@ var O = function(t, l) {
   return r;
 };
 const C = c((t, l) => {
-  var { title: r, titleId: e } = t, o = O(t, ["title", "titleId"]);
-  let i = y();
+  var { title: r, titleId: e } = t, o = w(t, ["title", "titleId"]);
+  let i = O();
   return i = r ? e || "title-" + i : void 0, u.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: l, "aria-labelledby": i }, o),
@@ -35,7 +35,7 @@ const C = c((t, l) => {
   placement: i = "right",
   "aria-label": p
 }) => {
-  const n = w({ id: o, returnFocusOnClose: !0 }), { languageCode: d } = h(), m = f(() => l.map((s) => ({
+  const n = y({ id: o, returnFocusOnClose: !0 }), { languageCode: d } = h(), m = f(() => l.map((s) => ({
     ...s,
     onClick: () => {
       n.setOpen(!1), s.onClick?.();

package/dist/components/Dashboard/DashboardCard.js

@@ -2,17 +2,17 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { forwardRef as p, useRef as g, useEffect as B } from "react";
-import { j as R, H as _ } from "../../Section-BEuICoay.js";
-import { Typography as j } from "../Typography/Typography.js";
+import { h as R, H as _ } from "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as w } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
-import { u as w } from "../../use-merge-refs-Cj4kTYVj.js";
-import '../../assets/DashboardCard.css';const N = p(function({ asChild: n = !1, variant: e = "default", className: r, ...o }, c) {
-  const s = n ? u : "div", a = g(null), k = w([a, c]);
+import { u as N } from "../../use-merge-refs-Cj4kTYVj.js";
+import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: e = "default", className: r, ...o }, c) {
+  const s = n ? u : "div", a = g(null), k = N([a, c]);
   return B(() => {
     const m = a.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
       const i = m?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
@@ -20,10 +20,10 @@ import '../../assets/DashboardCard.css';const N = p(function({ asChild: n = !1,
     };
     return m?.addEventListener("click", d), () => m?.removeEventListener("click", d);
   }, []), t(s, { className: h("ds-card", r), "data-variant": e, ref: k, ...o });
-}), b = p(function({ asChild: n, className: e, ...r }, o) {
+}), j = p(function({ asChild: n, className: e, ...r }, o) {
   return t(n ? u : "div", { className: h("ds-card__block", e), ref: o, ...r });
-}), C = Object.assign(N, {
-  Block: b
+}), C = Object.assign(b, {
+  Block: j
 });
 C.Block.displayName = "Card.Block";
 const E = "_icon_112og_1", S = {
@@ -55,7 +55,7 @@ function J({
         ]
       }
     ),
-    /* @__PURE__ */ t(j, { size: "sm", loading: s, children: c })
+    /* @__PURE__ */ t(w, { size: "sm", loading: s, children: c })
   ] });
 }
 export {