@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/Article/ArticleContact.js

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

package/dist/components/Article/ArticleHeader.js

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

package/dist/components/Article/index.js

@@ -0,0 +1,8 @@
+import { ArticleHeader as t } from "./ArticleHeader.js";
+import { ArticleContact as c } from "./ArticleContact.js";
+import { Article as i } from "./Article.js";
+export {
+  i as Article,
+  c as ArticleContact,
+  t as ArticleHeader
+};

package/dist/components/Attachment/AttachmentLink.js

@@ -5,9 +5,9 @@ import "../../index-L8X2o7IH.js";
 import * as i from "react";
 import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.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/Avatar.js

@@ -1,56 +1,58 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { c as k } from "../../index-L8X2o7IH.js";
-import { useState as h } from "react";
-import { Skeleton as q } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as C } from "./color.js";
-import '../../assets/Avatar.css';const E = "_avatar_14nr9_1", I = "_circle_14nr9_15", N = "_square_14nr9_19", y = "_outline_14nr9_23", A = "_xs_14nr9_28", b = "_sm_14nr9_34", j = "_md_14nr9_40", H = "_lg_14nr9_46", T = "_xl_14nr9_52", w = "_image_14nr9_58", z = "_avatarSkeleton_14nr9_63", r = {
-  avatar: E,
-  circle: I,
-  square: N,
-  outline: y,
-  xs: A,
-  sm: b,
-  md: j,
-  lg: H,
-  xl: T,
-  image: w,
-  avatarSkeleton: z
-}, K = ({
-  type: n = "person",
-  size: c = "sm",
-  name: a = "Avatar",
-  outline: l = !1,
-  imageUrl: t,
-  imageUrlAlt: i,
-  customLabel: _,
-  loading: s,
-  className: m
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { useState as C } from "react";
+import { Skeleton as S } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as j } from "./color.js";
+import '../../assets/Avatar.css';const A = "_avatar_1k073_1", E = "_shape_1k073_20", I = "_label_1k073_27", y = "_image_1k073_37", r = {
+  avatar: A,
+  shape: E,
+  label: I,
+  image: y
+}, w = (a) => typeof a == "object" && a !== null && "name" in a, B = ({
+  type: a = "person",
+  size: i,
+  name: o = "Avatar",
+  outline: n = !1,
+  imageUrl: e,
+  imageUrlAlt: m,
+  customLabel: p,
+  loading: l,
+  className: d,
+  style: c = {}
 }) => {
-  const [u, d] = h(!1), g = n === "person" ? "circle" : "square", v = n === "person" ? "light" : "dark", { backgroundColor: p, foregroundColor: f } = C(a, v), x = (a[0] ?? "").toUpperCase(), e = t && !u, S = !s && !e ? {
-    backgroundColor: p,
-    color: f
-  } : void 0;
-  return /* @__PURE__ */ o(
+  const [h, u] = C(!1), v = a === "person" ? "circle" : "square", _ = a === "person" ? "light" : "dark", { backgroundColor: f, foregroundColor: g } = j(o, _), k = (o[0] ?? "").toUpperCase(), t = e && !h, b = !l && !t ? {
+    ...c,
+    backgroundColor: f,
+    color: g
+  } : c;
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: k(r.avatar, r[g], r[c], { [r.outline]: l }, m),
-      style: S,
+      className: x(r.avatar, { [r.outline]: n }, d),
+      style: b,
+      "data-variant": v,
+      "data-size": i,
+      "data-outline": n,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ o(q, { loading: s, className: r.avatarSkeleton, variant: "circle", children: e ? /* @__PURE__ */ o(
-        "img",
-        {
-          src: t,
-          className: r.image,
-          alt: i || t,
-          onError: () => {
-            d(!0);
+      children: /* @__PURE__ */ N(S, { loading: l, className: r.shape, variant: "circle", children: [
+        /* @__PURE__ */ s("div", { className: r.shape, children: t && /* @__PURE__ */ s(
+          "img",
+          {
+            src: e,
+            className: r.image,
+            alt: m || e,
+            onError: () => {
+              u(!0);
+            }
           }
-        }
-      ) : /* @__PURE__ */ o("span", { children: _ || x }) })
+        ) }),
+        !t && /* @__PURE__ */ s("span", { className: r.label, children: p || k })
+      ] })
     }
   );
 };
 export {
-  K as Avatar
+  B as Avatar,
+  w as isAvatarProps
 };

package/dist/components/Avatar/AvatarGroup.js

@@ -1,41 +1,36 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import { useMemo as p } from "react";
-import { Avatar as d } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const k = "_group_1ks00_1", f = "_reset_1ks00_6", h = "_item_1ks00_13", x = "_xs_1ks00_17", A = "_sm_1ks00_37", U = "_md_1ks00_57", y = "_lg_1ks00_77", L = "_xl_1ks00_97", s = {
-  group: k,
-  reset: f,
-  item: h,
-  xs: x,
-  sm: A,
-  md: U,
-  lg: y,
-  xl: L
-}, j = ({
-  items: t = [],
-  maxItemsCount: r = 4,
-  defaultType: m,
-  size: n = "sm",
-  className: _
+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", s = {
+  group: A,
+  item: _
+}, G = (e) => typeof e == "object" && e !== null && "items" in e, L = ({
+  items: e = [],
+  maxItemsCount: l = 4,
+  defaultType: n,
+  size: i,
+  className: m,
+  style: u
 }) => {
-  const o = p(() => t.slice(0, r), [t, r]);
-  return t.length === 0 ? /* @__PURE__ */ l("div", { className: s.avatarGroup }) : /* @__PURE__ */ l("ul", { className: c(s.reset, s.group, s[n], _), "data-count": o == null ? void 0 : o.length, children: o.map((e, i) => {
-    const g = i === r - 1, u = e.customLabel || g ? t.length.toString() : void 0;
-    return /* @__PURE__ */ l("li", { className: c(s.reset, s.item), children: /* @__PURE__ */ l(
-      d,
+  const o = f(() => e.slice(0, l), [e, l]);
+  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: c(s.item), children: /* @__PURE__ */ r(
+      h,
       {
-        name: e.name,
-        customLabel: u,
-        imageUrl: e.imageUrl,
-        imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || m,
-        size: n,
+        name: t.name,
+        customLabel: d,
+        imageUrl: t.imageUrl,
+        imageUrlAlt: t.imageUrlAlt,
+        type: (t == null ? void 0 : t.type) || n,
         outline: !0
       }
-    ) }, e.name);
+    ) }, t.name);
   }) });
 };
 export {
-  j as AvatarGroup
+  L as AvatarGroup,
+  G as isAvatarGroupProps
 };

package/dist/components/Avatar/index.js

@@ -1,6 +1,8 @@
-import { Avatar as a } from "./Avatar.js";
-import { AvatarGroup as p } from "./AvatarGroup.js";
+import { Avatar as o, isAvatarProps as p } from "./Avatar.js";
+import { AvatarGroup as s, isAvatarGroupProps as v } from "./AvatarGroup.js";
 export {
-  a as Avatar,
-  p as AvatarGroup
+  o as Avatar,
+  s as AvatarGroup,
+  v as isAvatarGroupProps,
+  p as isAvatarProps
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -3,8 +3,8 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { ListItem as e } from "../List/ListItem.js";
-import "../Search/AutocompleteBase.js";
-import { QueryLabel as s } from "../Search/QueryLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import { QueryLabel as s } from "../Searchbar/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 const c = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
   e,

package/dist/components/Bookmarks/BookmarksSection.js

@@ -4,10 +4,10 @@ import "../../index-L8X2o7IH.js";
 import { BookmarksListItem as h } from "./BookmarksListItem.js";
 import { EditableBookmark as k } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as p } from "../List/ListBase.js";
+import { List as p } from "../List/List.js";
 import { Typography as l } from "../Typography/Typography.js";
 import { Heading as x } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as z } from "../Page/Section.js";
 const g = ({

package/dist/components/Bookmarks/EditableBookmark.js

@@ -7,14 +7,14 @@ import { BookmarksListItem as x } from "./BookmarksListItem.js";
 import { Button as g } from "../Button/Button.js";
 import { IconButton as I } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
-import { QueryLabel as j } from "../Search/QueryLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
 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/ButtonIcon.js

@@ -3,7 +3,7 @@ import { c as i } from "../../index-L8X2o7IH.js";
 import { Icon as m } from "../Icon/Icon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ButtonIcon.css';const s = "_icon_n7bze_1", e = {
   icon: s

package/dist/components/Button/ComboButton.js

@@ -29,10 +29,9 @@ import '../../assets/ComboButton.css';const v = "_button_d26a8_1", x = "_divider
     color: s,
     selected: d,
     className: y(a.button, m),
-    ariaLabel: e,
     tabIndex: -1,
     children: [
-      /* @__PURE__ */ r(t, { size: o, onClick: l, className: a.primary, children: /* @__PURE__ */ r(f, { size: o, children: i }) }),
+      /* @__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 }) })
     ]

package/dist/components/Byline/Byline.js

@@ -1,28 +1,30 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as d } from "../Avatar/Avatar.js";
-import { AvatarGroup as y } from "../Avatar/AvatarGroup.js";
+import { Avatar as _ } from "../Avatar/Avatar.js";
+import { AvatarGroup as v } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as i } from "../Skeleton/Skeleton.js";
-import "../Search/AutocompleteBase.js";
+import { Skeleton as c } from "../Skeleton/Skeleton.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const _ = "_byline_160ic_1", N = "_label_160ic_7", t = {
-  byline: _,
-  label: N
+import '../../assets/Byline.css';const d = "_byline_zacbk_1", y = "_avatar_zacbk_7", k = "_avatarGroup_zacbk_11", u = "_label_zacbk_19", t = {
+  byline: d,
+  avatar: y,
+  avatarGroup: k,
+  label: u
 }, S = ({
-  loading: r,
+  loading: l,
   color: m = "neutral",
-  size: l = "xs",
-  avatar: a,
-  avatarGroup: o,
+  size: r = "xs",
+  avatar: o,
+  avatarGroup: e,
   datetime: n,
   children: s,
-  as: c,
+  as: i,
   ...p
-}) => /* @__PURE__ */ b(c || "div", { ...p, className: t.byline, "data-color": m, "data-size": l, children: [
-  (o || a) && /* @__PURE__ */ e(i, { variant: "circle", className: t.avatar, loading: r, children: o ? /* @__PURE__ */ e(y, { ...o, size: l, className: t.avatar }) : a && /* @__PURE__ */ e(d, { ...a, size: l, className: t.avatar }) }),
-  /* @__PURE__ */ e("time", { "data-size": l, dateTime: n, className: t.label, children: /* @__PURE__ */ e(i, { loading: r, children: s }) })
+}) => /* @__PURE__ */ b(i || "div", { ...p, className: t.byline, "data-color": m, "data-size": r, children: [
+  (e || o) && /* @__PURE__ */ a(c, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(v, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(_, { ...o, size: r, className: t.avatar }) }),
+  /* @__PURE__ */ a("time", { "data-size": r, dateTime: n, className: t.label, children: /* @__PURE__ */ a(c, { loading: l, children: s }) })
 ] });
 export {
   S as Byline

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { c as O } from "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as O, useRef as h, useMemo as w } from "react";
-import { IconButton as y } from "../Button/IconButton.js";
-import { useClickOutside as I } from "../../hooks/useClickOutside.js";
+import { forwardRef as h, useRef as w, useMemo as y } from "react";
+import { IconButton as I } from "../Button/IconButton.js";
+import { useClickOutside as _ } from "../../hooks/useClickOutside.js";
 import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
 import { MenuItems as C } from "../Menu/MenuItems.js";
 import { useRootContext as R } from "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as E } from "../../useId-CsCRkvK3.js";
+import { u as E } from "../../useId-BVFxCjkq.js";
 import '../../assets/ContextMenu.css';var M = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
@@ -19,7 +19,7 @@ import '../../assets/ContextMenu.css';var M = function(e, l) {
       l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
   return n;
 };
-const k = O((e, l) => {
+const k = h((e, l) => {
   var { title: n, titleId: t } = e, o = M(e, ["title", "titleId"]);
   let r = E();
   return r = n ? t || "title-" + r : void 0, a.createElement(
@@ -28,11 +28,10 @@ const k = O((e, l) => {
     n ? a.createElement("title", { id: r }, n) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", S = "_icon_nol5i_14", f = {
+}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", f = {
   toggle: B,
-  button: P,
-  icon: S
-}, J = ({
+  button: P
+}, G = ({
   id: e = "context-menu",
   placement: l = "right",
   size: n = "sm",
@@ -40,18 +39,18 @@ const k = O((e, l) => {
   className: o,
   items: r
 }) => {
-  const { currentId: p, toggleId: d, closeAll: c } = R(), u = h(null);
-  I(u, () => c());
-  const g = () => d(e), b = p === e, x = w(() => r.map((i) => ({
+  const { currentId: p, toggleId: d, closeAll: c } = R(), u = w(null);
+  _(u, () => c());
+  const g = () => d(e), b = p === e, x = y(() => r.map((i) => ({
     ...i,
     onClick: () => {
       var m;
       (m = i.onClick) == null || m.call(i), c();
     }
   })), [r, c]);
-  return /* @__PURE__ */ v("div", { className: _(f.toggle, o), "data-color": "neutral", ref: u, children: [
+  return /* @__PURE__ */ v("div", { className: O(f.toggle, o), "data-color": "neutral", ref: u, children: [
     /* @__PURE__ */ s(
-      y,
+      I,
       {
         className: f.button,
         size: n,
@@ -66,5 +65,5 @@ const k = O((e, l) => {
   ] });
 };
 export {
-  J as ContextMenu
+  G as ContextMenu
 };

package/dist/components/{Page → Dashboard}/DashboardCard.js

@@ -1,29 +1,29 @@
 "use client";
 import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import { Icon as R } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { forwardRef as p, useRef as g, useEffect as w } from "react";
-import { Skeleton as y } from "../Skeleton/Skeleton.js";
+import { forwardRef as p, useRef as B, useEffect as R } from "react";
+import { Skeleton as b } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as S } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import { Heading as w } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as b } from "../../floating-ui.react-DpzNAs2N.js";
-import { S as u } from "../../index-C8BS_2GY.js";
+import { DashboardIcon as y } from "./DashboardIcon.js";
+import { S as u } from "../../index-D8Pn8SCu.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
-const j = p(function({ asChild: n = !1, variant: r = "default", className: s, ...c }, t) {
-  const l = n ? u : "div", m = g(null), k = b([m, t]);
-  return w(() => {
-    const e = m.current, f = ({ ctrlKey: x, metaKey: v, target: B }) => {
-      const o = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
-      !o || o != null && o.contains(B) || (x || v ? window.open(o.href, "", "noreferrer") : o.click());
+import { u as S } from "../../useMergeRefs-DOnoWyUH.js";
+const j = p(function({ asChild: n = !1, variant: r = "default", className: s, ...c }, o) {
+  const l = n ? u : "div", m = B(null), k = S([m, o]);
+  return R(() => {
+    const e = m.current, f = ({ ctrlKey: v, metaKey: x, target: g }) => {
+      const t = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+      !t || t != null && t.contains(g) || (v || x ? window.open(t.href, "", "noreferrer") : t.click());
     };
     return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
   }, []), i(l, { className: h("ds-card", s), "data-variant": r, ref: k, ...c });
-}), E = p(function({ asChild: n, className: r, ...s }, c) {
+}), D = p(function({ asChild: n, className: r, ...s }, c) {
   return i(n ? u : "div", { className: h("ds-card__block", r), ref: c, ...s });
 }), C = Object.assign(j, {
-  Block: E
+  Block: D
 });
 C.Block.displayName = "Card.Block";
 function A({
@@ -32,7 +32,7 @@ function A({
   icon: r,
   title: s,
   children: c,
-  loading: t,
+  loading: o,
   className: l
 }) {
   return /* @__PURE__ */ d(C, { "data-color": a, variant: n, className: l, children: [
@@ -46,12 +46,12 @@ function A({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ i(R, { loading: t, ...r, size: "xl", theme: "default" }),
-          /* @__PURE__ */ i(S, { size: "lg", loading: t, children: s })
+          r && /* @__PURE__ */ i(y, { loading: o, icon: r, size: "lg", theme: "default" }),
+          /* @__PURE__ */ i(w, { size: "lg", loading: o, children: s })
         ]
       }
     ),
-    /* @__PURE__ */ i(y, { loading: t, children: c })
+    /* @__PURE__ */ i(b, { loading: o, children: c })
   ] });
 }
 export {

package/dist/components/Dashboard/DashboardHeader.js

@@ -0,0 +1,25 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Avatar as d } from "../Avatar/Avatar.js";
+import "../RootProvider/RootProvider.js";
+import { Typography as a } from "../Typography/Typography.js";
+import { Heading as c } from "../Typography/Heading.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as m } from "../Page/Flex.js";
+import { Section as h } from "../Page/Section.js";
+const k = ({ type: o, name: t, title: p, description: n, loading: e, children: s }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+  /* @__PURE__ */ i(m, { direction: "row", align: "center", spacing: 3, children: [
+    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(d, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
+    /* @__PURE__ */ i(m, { direction: "col", children: [
+      /* @__PURE__ */ r(c, { size: "lg", loading: e, children: p || t }),
+      /* @__PURE__ */ r(a, { variant: "subtle", size: "xs", loading: e, children: /* @__PURE__ */ r("p", { children: n || o }) })
+    ] })
+  ] }),
+  /* @__PURE__ */ r(l, { loading: e, children: s })
+] });
+export {
+  k as DashboardHeader
+};

package/dist/components/Dashboard/DashboardIcon.js

@@ -0,0 +1,26 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { Icon as s, isIconProps as u } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { isAvatarProps as f, Avatar as g } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as l, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import { Badge as b } from "../Badge/Badge.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { S as c } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/MenuItemIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
+  icon: _,
+  avatarGroup: v,
+  badge: G
+};
+function N(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+}
+const B = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ a(s, { className: o.icon, svgElement: c, loading: !0 }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": p, children: [
+  f(r) && /* @__PURE__ */ a(g, { ...r }) || l(r) && /* @__PURE__ */ a(d, { ...r, className: o.avatarGroup }) || u(r) && /* @__PURE__ */ a(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || N(r) && r || /* @__PURE__ */ a(s, { theme: e, svgElement: r }),
+  m && /* @__PURE__ */ a(b, { ...m, className: o.badge })
+] }) : null;
+export {
+  B as DashboardIcon
+};

package/dist/components/Dashboard/index.js

@@ -0,0 +1,8 @@
+import { DashboardHeader as a } from "./DashboardHeader.js";
+import { DashboardCard as e } from "./DashboardCard.js";
+import { DashboardIcon as f } from "./DashboardIcon.js";
+export {
+  e as DashboardCard,
+  a as DashboardHeader,
+  f as DashboardIcon
+};

package/dist/components/Datepicker/DatepickerHeader.js

@@ -4,11 +4,11 @@ import "../../index-L8X2o7IH.js";
 import * as a from "react";
 import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { IconButton as d } from "../Button/IconButton.js";
-import { u as f } from "../../useId-CsCRkvK3.js";
-import { S as p } from "../../ChevronRight-DUaHaWi-.js";
+import { u as f } from "../../useId-BVFxCjkq.js";
+import { S as p } from "../../ChevronRight-BbelnTke.js";
 import '../../assets/DatepickerHeader.css';var v = 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/Datepicker/DatepickerTable.js

@@ -3,7 +3,7 @@ import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DatepickerTable.css';const y = "_table_fmil8_1", b = "_weekday_fmil8_7", p = "_date_fmil8_13", _ = "_button_fmil8_23", a = {
   table: y,

package/dist/components/Dialog/Dialog.js

@@ -6,7 +6,7 @@ import { DialogLayout as g } from "./DialogLayout.js";
 import { DialogHeader as s } from "./DialogHeader.js";
 import { DialogBody as e } from "./DialogBody.js";
 import { DialogTabs as x } from "./DialogTabs.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const h = ({ loading: r, backButton: p, contextMenu: a, pageMenu: f, header: i, body: m, tabs: t, children: l }) => /* @__PURE__ */ D(g, { backButton: p, contextMenu: a, pageMenu: f, children: [
   i && /* @__PURE__ */ o(s, { loading: r, ...i }),