@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Dialog/DialogMetadata.js

@@ -1,87 +1,121 @@
 "use client";
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
+import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as c from "react";
-import { forwardRef as z } from "react";
+import * as o from "react";
+import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
-import { DialogActivityLog as j } from "./DialogActivityLog.js";
-import { DialogSeenBy as I } from "./DialogSeenBy.js";
-import { DialogStatus as E } from "./DialogStatus.js";
-import { DialogTouchedBy as _ } from "./DialogTouchedBy.js";
-import "../Search/AutocompleteBase.js";
-import { MetaBase as M } from "../Meta/MetaBase.js";
-import { MetaItem as b } from "../Meta/MetaItem.js";
-import { MetaTimestamp as m } from "../Meta/MetaTimestamp.js";
+import { S as z, D as E } from "../../DialogActivityLog-wsSwha93.js";
+import { DialogSeenBy as S } from "./DialogSeenBy.js";
+import { DialogStatus as _ } from "./DialogStatus.js";
+import { DialogTouchedBy as P } from "./DialogTouchedBy.js";
+import "../Searchbar/AutocompleteBase.js";
+import { MetaBase as R } from "../Metadata/MetaBase.js";
+import { MetaItem as I } from "../Metadata/MetaItem.js";
+import { MetaTimestamp as a } from "../Metadata/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { S as P } from "../../ClockDashed-PQgzLSPC.js";
-import { u as S } from "../../useId-CsCRkvK3.js";
-import { a as D, S as R } from "../../Trash-DMlYh49i.js";
-var B = function(t, r) {
-  var i = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && r.indexOf(e) < 0 && (i[e] = t[e]);
+import { u as m } from "../../useId-CsCRkvK3.js";
+var M = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      r.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (i[e[l]] = t[e[l]]);
-  return i;
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
 };
-const T = z((t, r) => {
-  var { title: i, titleId: e } = t, l = B(t, ["title", "titleId"]);
-  let o = S();
-  return o = i ? e || "title-" + o : void 0, c.createElement(
+const D = f((t, i) => {
+  var { title: r, titleId: e } = t, l = M(t, ["title", "titleId"]);
+  let n = m();
+  return n = r ? e || "title-" + n : void 0, o.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: r, "aria-labelledby": o }, l),
-    i ? c.createElement("title", { id: o }, i) : null,
-    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-.75.75h-.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V8.75H4A.75.75 0 0 1 3.25 8zm2.5 4.75h12.5V19a.25.25 0 0 1-.25.25H6a.25.25 0 0 1-.25-.25zm-1-4v2.5h14.5v-2.5zm9.25 8.5a.75.75 0 0 0 0-1.5h-4a.75.75 0 0 0 0 1.5z", clipRule: "evenodd" })
   );
 });
-var C = function(t, r) {
-  var i = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && r.indexOf(e) < 0 && (i[e] = t[e]);
+var V = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      r.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (i[e[l]] = t[e[l]]);
-  return i;
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
 };
-const H = z((t, r) => {
-  var { title: i, titleId: e } = t, l = C(t, ["title", "titleId"]);
-  let o = S();
-  return o = i ? e || "title-" + o : void 0, c.createElement(
+const B = f((t, i) => {
+  var { title: r, titleId: e } = t, l = V(t, ["title", "titleId"]);
+  let n = m();
+  return n = r ? e || "title-" + n : void 0, o.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: r, "aria-labelledby": o }, l),
-    i ? c.createElement("title", { id: o }, i) : null,
-    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.912 4.382c-.546.032-1.086.292-1.503.71l-8.132 8.131c-1.2 1.201-1.754 3.549 0 5.304 1.755 1.754 4.103 1.2 5.304 0l7.424-7.425a.75.75 0 0 1 1.06 1.06l-7.424 7.425c-1.627 1.628-4.936 2.488-7.424 0s-1.628-5.797 0-7.424l8.131-8.132c.644-.643 1.518-1.09 2.475-1.146.976-.058 1.978.295 2.829 1.146.85.851 1.203 1.853 1.146 2.828-.056.957-.503 1.832-1.146 2.475l-7.425 7.425c-.316.316-.838.553-1.376.613-.568.063-1.255-.062-1.806-.613-.55-.55-.676-1.238-.613-1.806.06-.538.297-1.06.613-1.376l6.718-6.718a.75.75 0 0 1 1.06 1.061l-6.717 6.718a.95.95 0 0 0-.183.48c-.025.227.026.424.183.58.156.157.353.208.58.183a.95.95 0 0 0 .48-.183l7.425-7.424c.417-.418.678-.957.71-1.503.03-.527-.147-1.116-.71-1.68s-1.152-.74-1.68-.71", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+  );
+});
+var H = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const C = f((t, i) => {
+  var { title: r, titleId: e } = t, l = H(t, ["title", "titleId"]);
+  let n = m();
+  return n = r ? e || "title-" + n : void 0, o.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.912 4.382c-.546.032-1.086.292-1.503.71l-8.132 8.131c-1.2 1.201-1.754 3.549 0 5.304 1.755 1.754 4.103 1.2 5.304 0l7.424-7.425a.75.75 0 0 1 1.06 1.06l-7.424 7.425c-1.627 1.628-4.936 2.488-7.424 0s-1.628-5.797 0-7.424l8.131-8.132c.644-.643 1.518-1.09 2.475-1.146.976-.058 1.978.295 2.829 1.146.85.851 1.203 1.853 1.146 2.828-.056.957-.503 1.832-1.146 2.475l-7.425 7.425c-.316.316-.838.553-1.376.613-.568.063-1.255-.062-1.806-.613-.55-.55-.676-1.238-.613-1.806.06-.538.297-1.06.613-1.376l6.718-6.718a.75.75 0 0 1 1.06 1.061l-6.717 6.718a.95.95 0 0 0-.183.48c-.025.227.026.424.183.58.156.157.353.208.58.183a.95.95 0 0 0 .48-.183l7.425-7.424c.417-.418.678-.957.71-1.503.03-.527-.147-1.116-.71-1.68s-1.152-.74-1.68-.71", clipRule: "evenodd" })
+  );
+});
+var T = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const $ = f((t, i) => {
+  var { title: r, titleId: e } = t, l = T(t, ["title", "titleId"]);
+  let n = m();
+  return n = r ? e || "title-" + n : void 0, o.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 6.25a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.876-11.384h.805a.75.75 0 0 0 0-1.5h-2.75V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25zm5.5-1.5c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm-3.19 3 .867 11.27c.01.13.118.23.249.23h8.148c.13 0 .24-.1.25-.23l.866-11.27zm3.19 2a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75m4 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
   );
 }), L = ({
   className: t,
-  loading: r,
-  status: i,
+  loading: i,
+  status: r,
   sender: e,
   updatedAt: l,
-  updatedAtLabel: o,
-  dueAt: f,
-  dueAtLabel: s,
-  trashedAt: a,
-  trashedAtLabel: p,
-  archivedAt: d,
-  archivedAtLabel: v,
-  seenBy: u,
-  touchedBy: h,
-  attachmentsCount: x = 0,
+  updatedAtLabel: n,
+  dueAt: d,
+  dueAtLabel: p,
+  trashedAt: s,
+  trashedAtLabel: v,
+  archivedAt: u,
+  archivedAtLabel: h,
+  seenBy: y,
+  touchedBy: O,
+  attachmentsCount: b = 0,
   attachmentsLabel: g,
-  transmissionsLabel: y,
-  activityLog: O
-}) => /* @__PURE__ */ w(M, { className: t, size: "xs", children: [
-  i && /* @__PURE__ */ n(E, { loading: r, size: "xs", ...i }),
-  l && /* @__PURE__ */ w(m, { loading: r, datetime: l, size: "xs", children: [
-    /* @__PURE__ */ n("strong", { children: e && e.name + ", " }),
-    o
+  transmissionsLabel: w,
+  activityLog: x
+}) => /* @__PURE__ */ j(R, { className: t, size: "xs", children: [
+  r && /* @__PURE__ */ c(_, { loading: i, size: "xs", ...r }),
+  l && /* @__PURE__ */ j(a, { loading: i, datetime: l, size: "xs", children: [
+    /* @__PURE__ */ c("strong", { children: e && e.name + ", " }),
+    n
   ] }),
-  f && s && /* @__PURE__ */ n(m, { loading: r, datetime: f, size: "xs", icon: P, children: s }),
-  (g || x > 0) && /* @__PURE__ */ n(b, { loading: r, size: "xs", icon: H, children: g || x }),
-  y && /* @__PURE__ */ n(b, { loading: r, size: "xs", icon: T, children: y }),
-  a && p && /* @__PURE__ */ n(m, { loading: r, datetime: a, size: "xs", icon: D, children: p }) || d && v && /* @__PURE__ */ n(m, { loading: r, datetime: d, size: "xs", icon: R, children: v }) || u && /* @__PURE__ */ n(I, { size: "xs", ...u, loading: r }),
-  O && /* @__PURE__ */ n(j, { ...O, loading: r, size: "xs" }),
-  h && /* @__PURE__ */ n(_, { ...h, loading: r, size: "xs" })
+  d && p && /* @__PURE__ */ c(a, { loading: i, datetime: d, size: "xs", icon: z, children: p }),
+  (g || b > 0) && /* @__PURE__ */ c(I, { loading: i, size: "xs", icon: C, children: g || b }),
+  w && /* @__PURE__ */ c(I, { loading: i, size: "xs", icon: B, children: w }),
+  s && v && /* @__PURE__ */ c(a, { loading: i, datetime: s, size: "xs", icon: $, children: v }) || u && h && /* @__PURE__ */ c(a, { loading: i, datetime: u, size: "xs", icon: D, children: h }) || y && /* @__PURE__ */ c(S, { size: "xs", ...y, loading: i }),
+  x && /* @__PURE__ */ c(E, { ...x, loading: i, size: "xs" }),
+  O && /* @__PURE__ */ c(P, { ...O, loading: i, size: "xs" })
 ] });
 export {
   L as DialogMetadata

package/dist/components/Dialog/DialogSection.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as p } from "../Typography/Typography.js";
 import { Heading as t } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as n } from "../Page/Section.js";
 const d = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 4, children: [

package/dist/components/Dialog/DialogSeenBy.js

@@ -4,9 +4,9 @@ import "../../index-L8X2o7IH.js";
 import * as a 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 { MetaItem as m } from "../Meta/MetaItem.js";
+import { MetaItem as m } from "../Metadata/MetaItem.js";
 import { S as s } from "../../Eye-CMPIjkcy.js";
 import { u as p } from "../../useId-CsCRkvK3.js";
 var d = function(t, o) {

package/dist/components/Dialog/DialogSelect.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as c } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
 import '../../assets/DialogSelect.css';const r = "_label_10zwy_1", a = "_input_10zwy_15", p = "_icon_10zwy_19", o = {

package/dist/components/Dialog/DialogStatus.js

@@ -2,10 +2,10 @@ import { jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MetaItem as o } from "../Meta/MetaItem.js";
-import { MetaProgress as s } from "../Meta/MetaProgress.js";
+import { MetaItem as o } from "../Metadata/MetaItem.js";
+import { MetaProgress as s } from "../Metadata/MetaProgress.js";
 var p = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(p || {});
 const R = ({ loading: r, size: i = "xs", value: t = "new", label: e }) => {
   if (r)

package/dist/components/Dialog/DialogTabs.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageTabs as i } from "../Page/PageTabs.js";
 const f = ({ id: o = "dialog-tabs", items: r = [] }) => /* @__PURE__ */ t(i, { id: o, items: r });

package/dist/components/Dialog/SeenByLog.js

@@ -5,23 +5,23 @@ import "../../index-L8X2o7IH.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as B } from "../List/ListBase.js";
-import { MetaBase as S } from "../Meta/MetaBase.js";
-import { MetaItem as x } from "../Meta/MetaItem.js";
-import "../Search/AutocompleteBase.js";
+import { List as S } from "../List/List.js";
+import { MetaBase as B } from "../Metadata/MetaBase.js";
+import { MetaItem as x } from "../Metadata/MetaItem.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as L } from "../Page/Section.js";
 import { S as b } from "../../Eye-CMPIjkcy.js";
 import '../../assets/SeenByLog.css';const j = "_list_ofoda_1", v = "_item_ofoda_7", s = {
   list: j,
   item: v
-}, D = ({ collapsible: m, expanded: a, title: i, items: o, endUserLabel: c = "You" }) => {
-  const [l, p] = u(a || !m);
+}, D = ({ collapsible: m, expanded: c, title: i, items: o, endUserLabel: a = "You" }) => {
+  const [l, p] = u(c || !m);
   return /* @__PURE__ */ r(L, { spacing: 2, children: [
-    i && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(x, { icon: b, as: "button", onClick: () => {
+    i && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(x, { icon: b, as: "button", onClick: () => {
       p((t) => !t);
     }, children: i }) }),
-    l && /* @__PURE__ */ e(B, { className: s.list, children: o == null ? void 0 : o.map((t) => {
+    l && /* @__PURE__ */ e(S, { className: s.list, children: o == null ? void 0 : o.map((t) => {
       const { id: d, name: n, seenAt: f, seenAtLabel: g, isEndUser: h } = t;
       return /* @__PURE__ */ r("li", { className: s.item, children: [
         /* @__PURE__ */ r(y, { size: "sm", datetime: f, avatar: { name: n, type: "person" }, children: [
@@ -29,7 +29,7 @@ import '../../assets/SeenByLog.css';const j = "_list_ofoda_1", v = "_item_ofoda_
           " ",
           g
         ] }),
-        h && /* @__PURE__ */ e(_, { theme: "surface", children: c })
+        h && /* @__PURE__ */ e(_, { theme: "surface", children: a })
       ] }, d);
     }) })
   ] });

package/dist/components/Dialog/index.js

@@ -1,9 +1,9 @@
 import { Dialog as t } from "./Dialog.js";
-import { DialogLayout as i } from "./DialogLayout.js";
+import { DialogLayout as a } from "./DialogLayout.js";
 import { DialogHeader as m } from "./DialogHeader.js";
 import { DialogBody as l } from "./DialogBody.js";
-import { DialogTabs as f } from "./DialogTabs.js";
-import { DialogSection as D } from "./DialogSection.js";
+import { DialogTabs as D } from "./DialogTabs.js";
+import { DialogSection as x } from "./DialogSection.js";
 import { DialogContact as n } from "./DialogContact.js";
 import { DialogHistory as c } from "./DialogHistory.js";
 import { DialogHistorySegment as u } from "./DialogHistorySegment.js";
@@ -14,7 +14,7 @@ import { DialogListItem as T } from "./DialogListItem.js";
 import { DialogMetadata as v } from "./DialogMetadata.js";
 import { DialogByline as E } from "./DialogByline.js";
 import { DialogActions as M } from "./DialogActions.js";
-import { DialogActivityLog as k } from "./DialogActivityLog.js";
+import { D as k } from "../../DialogActivityLog-wsSwha93.js";
 import { DialogSeenBy as w } from "./DialogSeenBy.js";
 import { DialogSelect as F } from "./DialogSelect.js";
 import { DialogStatus as K, DialogStatusEnum as N } from "./DialogStatus.js";
@@ -35,17 +35,17 @@ export {
   c as DialogHistory,
   d as DialogHistoryItem,
   u as DialogHistorySegment,
-  i as DialogLayout,
+  a as DialogLayout,
   H as DialogList,
   h as DialogListGroup,
   T as DialogListItem,
   v as DialogMetadata,
-  D as DialogSection,
+  x as DialogSection,
   w as DialogSeenBy,
   F as DialogSelect,
   K as DialogStatus,
   N as DialogStatusEnum,
-  f as DialogTabs,
+  D as DialogTabs,
   R as DialogTouchedBy,
   X as SeenByLog
 };

package/dist/components/Divider/Divider.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/Divider.css';const d = "_divider_1ismz_1", o = {
+  divider: d
+}, a = ({ as: e, size: i, color: r = "neutral" }) => /* @__PURE__ */ t(e || "hr", { "aria-hidden": "true", className: o.divider, "data-size": i, "data-color": r });
+export {
+  a as Divider
+};

package/dist/components/Divider/index.js

@@ -0,0 +1,4 @@
+import { Divider as i } from "./Divider.js";
+export {
+  i as Divider
+};

package/dist/components/Dropdown/DrawerButton.js

@@ -4,7 +4,7 @@ import "react";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s

package/dist/components/Dropdown/DrawerHeader.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import { S as l } from "../../XMark-Bv1I87Ev.js";

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -9,7 +9,7 @@ import { DrawerHeader as a } from "./DrawerHeader.js";
 import { DrawerFooter as s } from "./DrawerFooter.js";
 import { DrawerButton as k } from "./DrawerButton.js";
 import { DrawerBody as b } from "./DrawerBody.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const z = ({
   open: m = !1,

package/dist/components/DsComponents/index.js

@@ -1,4 +1,4 @@
-import { A as D, B as e, a as o, C as i, b as t, c as r, D as n, H as g, L as p, d, e as x, P as f, f as h, g as l, h as m, i as P, S as b, j as S, T as c, u as C } from "../../usePagination-B4GfH2GQ.js";
+import { A as D, B as e, a as o, C as i, b as t, c as r, D as n, H as g, L as p, d, e as x, P as f, f as h, g as l, h as m, i as P, S as b, j as S, T as c, u as C } from "../../usePagination-Cpl0NjJN.js";
 import { D as k } from "../../index-B7UjMwQm.js";
 import { P as B } from "../../Paragraph-CFjOkbXa.js";
 import { V as A } from "../../index-Bq6w9CqA.js";

package/dist/components/Forms/Checkbox.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Field as e } from "./Field.js";
 import { Label as c } from "./Label.js";

package/dist/components/Forms/CheckboxOptions.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Checkbox as i } from "./Checkbox.js";
 import { OptionsBase as e } from "./OptionsBase.js";

package/dist/components/Forms/Field.js

@@ -1,6 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { F as i } from "../../index-Bq6w9CqA.js";
-const s = ({ size: o, color: r, children: t, ...a }) => /* @__PURE__ */ e(i, { ...a, "data-size": o, "data-color": r, children: t });
+import { jsx as d } from "react/jsx-runtime";
+import { F as e } from "../../index-Bq6w9CqA.js";
+const n = ({ size: t, color: o, reverse: r, children: a, ...i }) => /* @__PURE__ */ d(
+  e,
+  {
+    ...i,
+    "data-size": t,
+    "data-color": o,
+    "data-position": r ? "end" : "start",
+    children: a
+  }
+);
 export {
-  s as Field
+  n as Field
 };

package/dist/components/Forms/FieldBase.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as e } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Field as n } from "./Field.js";
 import { Label as c } from "./Label.js";

package/dist/components/Forms/FieldsetBase.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Fieldset as e } from "./Fieldset.js";
 import { Legend as p } from "./Legend.js";

package/dist/components/Forms/Radio.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Field as e } from "./Field.js";
 import { Label as d } from "./Label.js";

package/dist/components/Forms/RadioOptions.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Radio as a } from "./Radio.js";
 import { OptionsBase as e } from "./OptionsBase.js";

package/dist/components/Forms/SelectField.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Select as e } from "./Select.js";
 import { FieldBase as p } from "./FieldBase.js";

package/dist/components/Forms/Switch.js

@@ -1,16 +1,16 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Field as e } from "./Field.js";
-import { Label as c } from "./Label.js";
-import { Input as h } from "./Input.js";
-const b = ({ size: t, color: i, label: r, ...m }) => /* @__PURE__ */ p(e, { size: t, color: i, children: [
-  /* @__PURE__ */ o(h, { ...m, type: "checkbox", role: "switch" }),
-  !!r && /* @__PURE__ */ o(c, { children: r })
+import { Field as c } from "./Field.js";
+import { Label as h } from "./Label.js";
+import { Input as n } from "./Input.js";
+const k = ({ reverse: t, size: i, color: m, label: r, ...p }) => /* @__PURE__ */ e(c, { size: i, color: m, reverse: t, children: [
+  /* @__PURE__ */ o(n, { ...p, type: "checkbox", role: "switch" }),
+  !!r && /* @__PURE__ */ o(h, { children: r })
 ] });
 export {
-  b as Switch
+  k as Switch
 };

package/dist/components/Forms/SwitchOptions.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Switch as o } from "./Switch.js";
 import { OptionsBase as s } from "./OptionsBase.js";

package/dist/components/Forms/TextField.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Input as e } from "./Input.js";
 import { FieldBase as n } from "./FieldBase.js";

package/dist/components/Forms/TextareaField.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Textarea as p } from "./Textarea.js";
 import { FieldBase as a } from "./FieldBase.js";

package/dist/components/GlobalMenu/AccountButton.js

@@ -1,30 +1,30 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { MenuItemBase as r } from "../Menu/MenuItemBase.js";
-import { MenuItemLabel as s } from "../Menu/MenuItemLabel.js";
+import { MenuItemBase as s } from "../Menu/MenuItemBase.js";
+import { MenuItemLabel as r } from "../Menu/MenuItemLabel.js";
 import { MenuItemIcon as t } from "../Menu/MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as n } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_1dcj3_7", f = "_description_1dcj3_13", l = {
+import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", g = "_title_1dcj3_7", b = "_description_1dcj3_13", l = {
   label: _,
-  title: b,
-  description: f
-}, w = ({ account: e, linkText: p, onClick: d, multipleAccounts: o }) => o ? /* @__PURE__ */ m(r, { size: "lg", onClick: d, linkText: p, linkIcon: n, as: "button", children: [
+  title: g,
+  description: b
+}, B = ({ account: e, linkText: p, onClick: d, multipleAccounts: o }) => o ? /* @__PURE__ */ m(s, { size: "lg", onClick: d, linkText: p, linkIcon: n, as: "button", children: [
   /* @__PURE__ */ i(
     t,
     {
-      size: "xl",
-      avatar: {
+      size: "lg",
+      icon: {
         name: e.name,
         type: e.type
       }
     }
   ),
   /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: l.label,
       size: "md",
@@ -33,19 +33,19 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
       description: e == null ? void 0 : e.description
     }
   )
-] }) : /* @__PURE__ */ m(r, { size: "lg", as: "div", children: [
+] }) : /* @__PURE__ */ m(s, { size: "lg", as: "div", children: [
   /* @__PURE__ */ i(
     t,
     {
-      size: "xl",
-      avatar: {
+      size: "lg",
+      icon: {
         name: e.name,
         type: e.type
       }
     }
   ),
   /* @__PURE__ */ i(
-    s,
+    r,
     {
       className: l.label,
       size: "md",
@@ -56,5 +56,5 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
   )
 ] });
 export {
-  w as AccountButton
+  B as AccountButton
 };