@altinn/altinn-components 0.27.1 → 0.28.0

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

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

@@ -8,7 +8,7 @@ import { useClickOutside as I } 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 '../../assets/ContextMenu.css';var M = function(e, l) {

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 { DashboardIcon as y } from "./DashboardIcon.js";
+import { u as S } from "../../floating-ui.react-DpzNAs2N.js";
 import { S as u } from "../../index-C8BS_2GY.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());
+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-Bv1I87Ev.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,7 +4,7 @@ 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";

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 }),

package/dist/components/Dialog/DialogActions.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { useMemo as g } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as y } from "../Button/Button.js";
@@ -7,29 +7,28 @@ import { ComboButton as C } from "../Button/ComboButton.js";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
 import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
 import { Menu as x } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B } from "../../ChevronUp-H8Nuww4h.js";
-import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
+import { S as B, a as _ } from "../../ChevronUp-C09jxB5F.js";
 import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_comboButton_m3crc_7", m = {
   action: k,
   comboButton: I
-}, q = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
-  const { currentId: d, closeAll: a, toggleId: u } = v(), e = d === l, n = g(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
+}, U = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: a }) => {
+  const { currentId: d, closeAll: p, toggleId: u } = v(), e = d === l, r = g(() => (c || []).filter((n) => !n.hidden).sort((n, o) => {
     const i = ["primary", "secondary", "tertiary"];
-    return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
+    return i.indexOf(n == null ? void 0 : n.priority) - i.indexOf(o == null ? void 0 : o.priority);
   }), [c]);
-  if (!n.length || s <= 0)
+  if (!r.length || s <= 0)
     return null;
-  if (n.length > s) {
-    const r = n.slice(1).map((o) => ({
+  if (r.length > s) {
+    const n = r.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
       onClick: o.onClick,
       group: o.priority,
       hidden: o.hidden
     }));
-    return /* @__PURE__ */ h("section", { className: m.comboButton, children: [
+    return /* @__PURE__ */ f("section", { className: m.comboButton, children: [
       /* @__PURE__ */ t(
         C,
         {
@@ -37,20 +36,20 @@ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_combo
           icon: e ? B : _,
           size: "md",
           onIconClick: () => u(l),
-          onLabelClick: n[0].onClick,
+          onLabelClick: r[0].onClick,
           ariaLabel: e ? "chevron up icon" : "chevron down icon",
-          iconAltText: p,
-          children: n[0].label
+          iconAltText: a,
+          children: r[0].label
         }
       ),
-      /* @__PURE__ */ t(b, { open: e, onClose: a, children: /* @__PURE__ */ t(x, { items: r }) })
+      /* @__PURE__ */ t(b, { open: e, onClose: p, children: /* @__PURE__ */ t(x, { items: n }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: m.action, children: n.map((r, o) => {
-    const { priority: i, id: S, ...f } = r;
-    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...f, children: r.label }, "button-" + o);
+  return /* @__PURE__ */ t("section", { className: m.action, children: r.map((n, o) => {
+    const { priority: i, id: w, ...h } = n;
+    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...h, children: n.label }, "button-" + o);
   }) });
 };
 export {
-  q as DialogActions
+  U as DialogActions
 };

package/dist/components/Dialog/DialogActivity.js

@@ -1,30 +1,30 @@
 import { jsx as m, jsxs as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as f } from "../Byline/Byline.js";
+import { Byline as e } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "../Timeline/TimelineBase.js";
 import { TransmissionList as g } from "../Transmission/TransmissionList.js";
-import { Typography as a } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import { Typography as c } from "../Typography/Typography.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as u } from "../Page/Section.js";
-import { S as v } from "../../CircleFill-IZdiBc_K.js";
+import { Section as x } from "../Page/Section.js";
+import { S } from "../../CircleFill-IZdiBc_K.js";
 const y = ({
-  icon: p = v,
+  icon: p = S,
   color: l = "neutral",
   size: s = "sm",
   createdBy: i,
-  createdAt: e,
+  createdAt: f,
   createdAtLabel: o,
   description: r,
   transmissions: t
-}) => /* @__PURE__ */ m(h, { color: l, icon: p, avatar: s === "md" ? i : void 0, children: /* @__PURE__ */ n(u, { style: { marginBottom: ".5em" }, children: [
-  o && /* @__PURE__ */ n(f, { datetime: e, children: [
+}) => /* @__PURE__ */ m(h, { color: l, icon: s === "md" ? i : p, children: /* @__PURE__ */ n(x, { style: { marginBottom: ".5em" }, children: [
+  o && /* @__PURE__ */ n(e, { datetime: f, children: [
     /* @__PURE__ */ m("strong", { children: i == null ? void 0 : i.name }),
     o
   ] }),
-  r && /* @__PURE__ */ m(a, { children: r }),
+  r && /* @__PURE__ */ m(c, { children: r }),
   t && /* @__PURE__ */ m(g, { items: t })
 ] }) });
 export {

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,17 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import { D as c } from "../../DialogActivityLog-wsSwha93.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MetaItem as m } from "../Meta/MetaItem.js";
-import { S as p } from "../../ClockDashed-PQgzLSPC.js";
-const x = ({
-  size: o = "xs",
-  label: t = "Activity log",
-  onClick: c,
-  ...i
-}) => /* @__PURE__ */ r(m, { ...i, size: o, icon: p, children: t });
+import "../Metadata/MetaItem.js";
 export {
-  x as DialogActivityLog
+  c as DialogActivityLog
 };