@altinn/altinn-components 0.36.0 → 0.36.1

package/dist/components/Button/ComboButton.js

@@ -5,23 +5,22 @@ import { ButtonBase as s } from "./ButtonBase.js";
 import { ButtonLabel as v } from "./ButtonLabel.js";
 import { ButtonIcon as x } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ComboButton.css';const B = "_button_kd2d3_1", h = "_divider_kd2d3_7", N = "_primary_kd2d3_14", C = "_secondary_kd2d3_15", r = {
   button: B,
   divider: h,
   primary: N,
   secondary: C
-}, E = ({
+}, D = ({
   variant: a = "solid",
   color: n,
   size: t,
   selected: e = !1,
-  icon: i,
-  iconSize: m,
-  iconAltText: c,
+  icon: d,
+  iconSize: c,
+  iconAltText: m,
   label: p,
-  labelSize: d,
+  labelSize: i,
   children: l,
   className: _,
   ariaLabel: u,
@@ -38,21 +37,21 @@ import '../../assets/ComboButton.css';const B = "_button_kd2d3_1", h = "_divider
     className: k(r.button, _),
     tabIndex: -1,
     children: [
-      /* @__PURE__ */ o(s, { ariaLabel: u, size: t, onClick: y, className: r.primary, children: /* @__PURE__ */ o(v, { size: d, children: l || p }) }),
+      /* @__PURE__ */ o(s, { ariaLabel: u, size: t, onClick: y, className: r.primary, children: /* @__PURE__ */ o(v, { size: i, children: l || p }) }),
       /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
       /* @__PURE__ */ o(
         s,
         {
           onClick: b,
           className: r.secondary,
-          ariaLabel: c,
-          size: m || d,
-          children: i && /* @__PURE__ */ o(x, { icon: i })
+          ariaLabel: m,
+          size: c || i,
+          children: d && /* @__PURE__ */ o(x, { icon: d })
         }
       )
     ]
   }
 );
 export {
-  E as ComboButton
+  D as ComboButton
 };

package/dist/components/Button/IconButton.js

@@ -4,15 +4,14 @@ import "react";
 import { ButtonBase as f } from "./ButtonBase.js";
 import { ButtonIcon as u } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({
+const z = ({
   variant: r = "solid",
   rounded: i = !1,
   size: m,
   icon: t,
-  iconSize: p,
-  iconAltText: e,
+  iconSize: e,
+  iconAltText: p,
   color: a,
   className: n,
   selected: s,
@@ -29,10 +28,10 @@ const g = ({
     onClick: l,
     selected: s,
     "data-testid": d,
-    "aria-label": e,
-    children: t && /* @__PURE__ */ o(u, { icon: t, size: p })
+    "aria-label": p,
+    children: t && /* @__PURE__ */ o(u, { icon: t, size: e })
   }
 );
 export {
-  g as IconButton
+  z as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -5,27 +5,26 @@ import { Avatar as _ } from "../Avatar/Avatar.js";
 import { AvatarGroup as v } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 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 = ({
+}, B = ({
   loading: l,
-  color: m = "neutral",
+  color: n = "neutral",
   size: r = "xs",
   avatar: o,
   avatarGroup: e,
-  datetime: n,
-  children: s,
+  datetime: s,
+  children: m,
   as: i,
   ...p
-}) => /* @__PURE__ */ b(i || "div", { ...p, className: t.byline, "data-color": m, "data-size": r, children: [
+}) => /* @__PURE__ */ b(i || "div", { ...p, className: t.byline, "data-color": n, "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 }) })
+  /* @__PURE__ */ a("time", { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(c, { loading: l, children: m }) })
 ] });
 export {
-  S as Byline
+  B as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -8,7 +8,6 @@ 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 _ } from "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";
 import '../../assets/ContextMenu.css';var E = function(e, l) {
@@ -30,7 +29,7 @@ const M = b((e, l) => {
   );
 }), k = "_toggle_nol5i_1", B = {
   toggle: k
-}, F = ({
+}, q = ({
   id: e = "context-menu",
   ariaLabel: l,
   placement: r = "right",
@@ -38,18 +37,18 @@ const M = b((e, l) => {
   className: o,
   items: n
 }) => {
-  const { currentId: d, toggleId: m, closeAll: u } = _(), f = h(null), g = () => m(e), c = d === e;
-  I(f, () => {
-    c && m(e);
+  const { currentId: p, toggleId: u, closeAll: f } = _(), m = h(null), g = () => u(e), c = p === e;
+  I(m, () => {
+    c && u(e);
   });
   const x = w(() => n.map((i) => ({
     ...i,
     onClick: () => {
-      var p;
-      (p = i.onClick) == null || p.call(i), u();
+      var d;
+      (d = i.onClick) == null || d.call(i), f();
     }
-  })), [n, u]);
-  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: f, children: [
+  })), [n, f]);
+  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: m, children: [
     /* @__PURE__ */ s(
       y,
       {
@@ -65,5 +64,5 @@ const M = b((e, l) => {
   ] });
 };
 export {
-  F as ContextMenu
+  q as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -1,33 +1,32 @@
 "use client";
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.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 w } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { DashboardIcon as y } from "./DashboardIcon.js";
 import { S as u } from "../../index-D8Pn8SCu.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
 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]);
+  const l = n ? u : "div", f = B(null), k = S([f, o]);
   return R(() => {
-    const e = m.current, f = ({ ctrlKey: v, metaKey: x, target: g }) => {
+    const e = f.current, m = ({ 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 });
+    return e == null || e.addEventListener("click", m), () => e == null ? void 0 : e.removeEventListener("click", m);
+  }, []), a(l, { className: h("ds-card", s), "data-variant": r, ref: k, ...c });
 }), D = p(function({ asChild: n, className: r, ...s }, c) {
-  return i(n ? u : "div", { className: h("ds-card__block", r), ref: c, ...s });
+  return a(n ? u : "div", { className: h("ds-card__block", r), ref: c, ...s });
 }), C = Object.assign(j, {
   Block: D
 });
 C.Block.displayName = "Card.Block";
-function A({
-  color: a,
+function $({
+  color: i,
   theme: n = "tinted",
   icon: r,
   title: s,
@@ -35,7 +34,7 @@ function A({
   loading: o,
   className: l
 }) {
-  return /* @__PURE__ */ d(C, { "data-color": a, variant: n, className: l, children: [
+  return /* @__PURE__ */ d(C, { "data-color": i, variant: n, className: l, children: [
     /* @__PURE__ */ d(
       "header",
       {
@@ -46,14 +45,14 @@ function A({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ i(y, { loading: o, icon: r, size: "lg", theme: "default" }),
-          /* @__PURE__ */ i(w, { size: "lg", loading: o, children: s })
+          r && /* @__PURE__ */ a(y, { loading: o, icon: r, size: "lg", theme: "default" }),
+          /* @__PURE__ */ a(w, { size: "lg", loading: o, children: s })
         ]
       }
     ),
-    /* @__PURE__ */ i(b, { loading: o, children: c })
+    /* @__PURE__ */ a(b, { loading: o, children: c })
   ] });
 }
 export {
-  A as DashboardCard
+  $ as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

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

package/dist/components/Dashboard/DashboardIcon.js

@@ -6,7 +6,6 @@ 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/DashboardIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
@@ -17,10 +16,10 @@ import '../../assets/DashboardIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarG
 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: [
+const z = ({ 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
+  z as DashboardIcon
 };

package/dist/components/Datepicker/DatepickerHeader.js

@@ -4,39 +4,38 @@ import "../../index-L8X2o7IH.js";
 import * as a from "react";
 import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { IconButton as d } from "../Button/IconButton.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) {
+import '../../assets/DatepickerHeader.css';var v = function(t, l) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);
+  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")
     for (var n = 0, e = Object.getOwnPropertySymbols(t); n < e.length; n++)
-      o.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[n]) && (r[e[n]] = t[e[n]]);
+      l.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[n]) && (r[e[n]] = t[e[n]]);
   return r;
 };
-const h = m((t, o) => {
+const h = m((t, l) => {
   var { title: r, titleId: e } = t, n = v(t, ["title", "titleId"]);
-  let l = f();
-  return l = r ? e || "title-" + l : void 0, a.createElement(
+  let o = f();
+  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: o, "aria-labelledby": l }, n),
-    r ? a.createElement("title", { id: l }, r) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": o }, n),
+    r ? a.createElement("title", { id: o }, r) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.53 5.97a.75.75 0 0 1 0 1.06L9.56 12l4.97 4.97a.75.75 0 1 1-1.06 1.06l-5.5-5.5a.75.75 0 0 1 0-1.06l5.5-5.5a.75.75 0 0 1 1.06 0", clipRule: "evenodd" })
   );
 }), u = "_header_xt893_1", x = "_title_xt893_8", _ = "_nav_xt893_14", c = {
   header: u,
   title: x,
   nav: _
-}, S = ({ title: t, onNext: o, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+}, R = ({ title: t, onNext: l, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
   /* @__PURE__ */ i("h2", { className: c.title, children: t }),
   /* @__PURE__ */ s("nav", { className: c.nav, children: [
     /* @__PURE__ */ i(d, { icon: h, size: "sm", variant: "text", onClick: r, iconAltText: "prev icon" }),
-    /* @__PURE__ */ i(d, { icon: p, size: "sm", variant: "text", onClick: o, iconAltText: "next icon" })
+    /* @__PURE__ */ i(d, { icon: p, size: "sm", variant: "text", onClick: l, iconAltText: "next icon" })
   ] })
 ] });
 export {
-  S as DatepickerHeader
+  R as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -3,21 +3,20 @@ import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.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 = {
+import '../../assets/DatepickerTable.css';const y = "_table_fmil8_1", b = "_weekday_fmil8_7", _ = "_date_fmil8_13", p = "_button_fmil8_23", a = {
   table: y,
   weekday: b,
-  date: p,
-  button: _
-}, B = ({
+  date: _,
+  button: p
+}, j = ({
   weekdays: n = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
   onSelect: s
 }) => /* @__PURE__ */ u("table", { className: a.table, children: [
   /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 2) }, e)) }) }),
-  /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((i) => {
-    const { day: l, date: r, selected: c, isCurrentMonth: m } = i;
+  /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((l) => {
+    const { day: i, date: r, selected: c, isCurrentMonth: m } = l;
     return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
       h,
       {
@@ -25,11 +24,11 @@ import '../../assets/DatepickerTable.css';const y = "_table_fmil8_1", b = "_week
         selected: c,
         className: a.button,
         onClick: () => s(r),
-        children: l
+        children: i
       }
     ) }, r);
   }) }, o)) })
 ] });
 export {
-  B as DatepickerTable
+  j as DatepickerTable
 };

package/dist/components/Dialog/Dialog.js

@@ -9,9 +9,8 @@ import { DialogSection as y } from "./DialogSection.js";
 import { DialogContact as H } from "./DialogContact.js";
 import { DialogHistory as h } from "./DialogHistory.js";
 import { Divider as g } from "../Divider/Divider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const G = ({
+const E = ({
   loading: m,
   backButton: l,
   contextMenu: c,
@@ -38,5 +37,5 @@ const G = ({
   ] })
 ] });
 export {
-  G as Dialog
+  E as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -7,13 +7,12 @@ 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 "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as B, a as _ } from "../../ChevronUp-DR4Lz2Jb.js";
 import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_comboButton_m3crc_7", m = {
   action: k,
   comboButton: I
-}, U = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: a }) => {
+}, T = ({ 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(n == null ? void 0 : n.priority) - i.indexOf(o == null ? void 0 : o.priority);
@@ -51,5 +50,5 @@ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_combo
   }) });
 };
 export {
-  U as DialogActions
+  T as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -2,16 +2,15 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLog as a } from "../ActivityLog/ActivityLog.js";
 import { ModalBase as d } from "../Modal/ModalBase.js";
 import { ModalHeader as e } from "../Modal/ModalHeader.js";
 import { ModalBody as c } from "../Modal/ModalBody.js";
-const j = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
+const h = ({ title: t, items: i, open: m, onClose: r }) => /* @__PURE__ */ p(d, { open: m, onClose: r, variant: "content", children: [
   /* @__PURE__ */ o(e, { title: t, onClose: r }),
   /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(a, { items: i }) })
 ] });
 export {
-  j as DialogActivityLog
+  h as DialogActivityLog
 };

package/dist/components/Dialog/DialogAttachments.js

@@ -1,16 +1,15 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { AttachmentList as n } from "../Attachment/AttachmentList.js";
+import { AttachmentList as i } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as m } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as p } from "../Page/Section.js";
-const x = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
+import { Section as a } from "../Page/Section.js";
+const u = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ n(a, { spacing: 1, children: [
   /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: o }),
-  /* @__PURE__ */ r(n, { items: t })
+  /* @__PURE__ */ r(i, { items: t })
 ] }) : null;
 export {
-  x as DialogAttachments
+  u as DialogAttachments
 };

package/dist/components/Dialog/DialogBody.js

@@ -7,26 +7,25 @@ import { TimelineSection as e } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as f } from "../Timeline/TimelineHeader.js";
 import { Typography as T } from "../Typography/Typography.js";
 import { SeenByLog as x } from "./SeenByLog.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const F = ({
+const D = ({
   loading: o,
-  unread: l,
+  unread: p,
   sender: m,
   recipient: i,
   recipientLabel: a = "to",
   children: c,
-  seenByLog: p
+  seenByLog: l
 }) => /* @__PURE__ */ t(n, { children: [
   /* @__PURE__ */ t(f, { loading: o, icon: m, children: [
     /* @__PURE__ */ r("strong", { children: m == null ? void 0 : m.name }),
     a + " " + (i == null ? void 0 : i.name)
   ] }),
-  /* @__PURE__ */ r(e, { unread: l, loading: o, spacing: 4, color: o ? "neutral" : void 0, children: !o && /* @__PURE__ */ t(h, { children: [
+  /* @__PURE__ */ r(e, { unread: p, loading: o, spacing: 4, color: o ? "neutral" : void 0, children: !o && /* @__PURE__ */ t(h, { children: [
     /* @__PURE__ */ r(T, { maxWidth: "60ch", style: { marginTop: "0.5em" }, children: c }),
-    p && /* @__PURE__ */ r(x, { ...p, collapsible: !0 })
+    l && /* @__PURE__ */ r(x, { ...l, collapsible: !0 })
   ] }) })
 ] });
 export {
-  F as DialogBody
+  D as DialogBody
 };

package/dist/components/Dialog/DialogByline.js

@@ -3,9 +3,8 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as v } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const s = ({
+const p = ({
   sender: o,
   recipient: a,
   recipientLabel: t = "to",
@@ -20,5 +19,5 @@ const s = ({
   a && t + " " + (a == null ? void 0 : a.name)
 ] });
 export {
-  s as DialogByline
+  p as DialogByline
 };

package/dist/components/Dialog/DialogContact.js

@@ -4,15 +4,14 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
 import { Heading as c } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as a } from "../Page/Section.js";
 import { ContactButtons as s } from "../Page/ContactButtons.js";
-const C = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
+const y = ({ id: t = "dialog-contact", title: r, children: i, items: m = [] }) => /* @__PURE__ */ p(a, { spacing: 4, id: t, children: [
   r && /* @__PURE__ */ o(c, { size: "lg", children: r }),
   /* @__PURE__ */ o(n, { children: i }),
   /* @__PURE__ */ o(s, { items: m })
 ] });
 export {
-  C as DialogContact
+  y as DialogContact
 };

package/dist/components/Dialog/DialogHeader.js

@@ -5,17 +5,16 @@ import { Badge as h } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as x } from "../Typography/Heading.js";
 import { DialogMetadata as j } from "./DialogMetadata.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as D } from "../Page/Flex.js";
 import { Section as H } from "../Page/Section.js";
-const A = ({
+const y = ({
   loading: i,
   title: e,
   badge: o,
   status: m,
-  draftsLabel: p,
-  sentCount: a,
+  draftsLabel: a,
+  sentCount: p,
   receivedCount: n,
   updatedAt: l,
   updatedAtLabel: s,
@@ -33,8 +32,8 @@ const A = ({
     {
       loading: i,
       status: m,
-      draftsLabel: p,
-      sentCount: a,
+      draftsLabel: a,
+      sentCount: p,
       receivedCount: n,
       updatedAt: l,
       updatedAtLabel: s,
@@ -46,5 +45,5 @@ const A = ({
   )
 ] });
 export {
-  A as DialogHeader
+  y as DialogHeader
 };

package/dist/components/Dialog/DialogHistory.js

@@ -1,15 +1,14 @@
 "use client";
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as m, createElement as u } from "react";
+import { useState as u, createElement as h } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as h } from "../Button/Button.js";
+import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { DialogHistorySegment as y } from "./DialogHistorySegment.js";
 import { Timeline as x } from "../Timeline/Timeline.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as E } from "../Page/Section.js";
-const q = ({
+const b = ({
   items: o,
   maxItems: r,
   expandLabel: l = "Expand history",
@@ -17,14 +16,14 @@ const q = ({
 }) => {
   if (!(o != null && o.length))
     return null;
-  const [n, p] = m(!1), c = () => {
-    p((t) => !t);
-  }, s = r ? o.slice(0, r) : o, a = n ? o : s, d = r && o.length > r;
+  const [t, p] = u(!1), c = () => {
+    p((n) => !n);
+  }, s = r ? o.slice(0, r) : o, a = t ? o : s, d = r && o.length > r;
   return /* @__PURE__ */ f(E, { spacing: 4, children: [
-    /* @__PURE__ */ e(x, { children: a.map((t, g) => /* @__PURE__ */ u(y, { ...t, key: g })) }),
-    d && /* @__PURE__ */ e(h, { variant: "outline", onClick: c, children: n ? i : l })
+    /* @__PURE__ */ e(x, { children: a.map((n, g) => /* @__PURE__ */ h(y, { ...n, key: g })) }),
+    d && /* @__PURE__ */ e(m, { variant: "outline", onClick: c, children: t ? i : l })
   ] });
 };
 export {
-  q as DialogHistory
+  b as DialogHistory
 };

package/dist/components/Dialog/DialogHistoryItem.js

@@ -2,11 +2,10 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Typography as f } from "../Typography/Typography.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const x = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
+const u = ({ byline: o, datetime: i, children: t, summary: e, ...m }) => t ? /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: t }) : /* @__PURE__ */ r(p, { byline: o, datetime: i, ...m, children: /* @__PURE__ */ r(f, { children: e }) });
 export {
-  x as DialogHistoryItem
+  u as DialogHistoryItem
 };