@altinn/altinn-components 0.22.2 → 0.22.4

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._link_2hfa5_1[data-size=xl]{padding:1em}._link_2hfa5_1[data-size=lg]{padding:.875em}._link_2hfa5_1[data-size=md]{padding:.75em}._link_2hfa5_1[data-size=sm],._link_2hfa5_1[data-size=xs]{padding:.625em}._border_2hfa5_22{position:relative;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column}._border_2hfa5_22[data-seen=true]{border-color:var(--ds-color-neutral-surface-default)}._border_2hfa5_22[data-variant=draft]{border-color:var(--ds-color-neutral-surface-active);border-left-width:.125rem;margin-left:.125rem;border-left-style:dashed}._border_2hfa5_22[data-variant=sent]{border-color:var(--ds-color-neutral-surface-default)}._border_2hfa5_22[data-loading=true]{border-color:var(--ds-color-surface-default)}._border_2hfa5_22[data-size=xs],._border_2hfa5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_2hfa5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_2hfa5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_2hfa5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_2hfa5_72{position:absolute;top:0;right:0;margin:.375rem}._header_2hfa5_79{display:flex;flex-direction:column;row-gap:.25rem}._header_2hfa5_79[data-size=xs],._header_2hfa5_79[data-size=sm]{display:flex;flex-direction:row}._summary_2hfa5_91{font-size:1rem;font-weight:400;line-height:1.375;color:var(--ds-color-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_2hfa5_91[data-size=xs],._summary_2hfa5_91[data-size=sm],._summary_2hfa5_91[data-size=md]{font-size:.875rem}._summary_2hfa5_91[data-size=lg],._summary_2hfa5_91[data-size=xl]{font-size:1rem}._footer_2hfa5_119{width:100%}._touchedBy_2hfa5_123{position:absolute;right:0;bottom:0;margin:8px}._heading_2hfa5_132{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_2hfa5_138{line-height:1.25;font-weight:600;margin:0}._title_2hfa5_138[data-size=xs],._title_2hfa5_138[data-size=sm]{font-size:1rem}._title_2hfa5_138[data-size=md],._title_2hfa5_138[data-size=lg],._title_2hfa5_138[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_2hfa5_138[data-size=md]{font-size:1rem}._title_2hfa5_138[data-size=lg],._title_2hfa5_138[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_2hfa5_138[data-seen=true],._title_2hfa5_138[data-state=archived]{font-weight:400}._title_2hfa5_138[data-state=trashed]{font-weight:400;text-decoration:line-through}
+._border_1ecaj_1{pointer-events:none;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column}._border_1ecaj_1[data-seen=true]{border-color:var(--ds-color-neutral-surface-default)}._border_1ecaj_1[data-variant=draft]{border-color:var(--ds-color-neutral-surface-active);border-left-width:.125rem;margin-left:.125rem;border-left-style:dashed}._border_1ecaj_1[data-variant=sent]{border-color:var(--ds-color-neutral-surface-default)}._border_1ecaj_1[data-loading=true]{border-color:var(--ds-color-surface-default)}._border_1ecaj_1[data-size=xs],._border_1ecaj_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1ecaj_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1ecaj_1[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1ecaj_1[data-size=xl]{padding-left:1rem;row-gap:1rem}._controls_1ecaj_51{position:absolute;top:-4rem;right:0}._header_1ecaj_57{display:flex;flex-direction:column;row-gap:.25rem}._header_1ecaj_57[data-size=xs],._header_1ecaj_57[data-size=sm]{display:flex;flex-direction:row}._summary_1ecaj_69{font-size:1rem;font-weight:400;line-height:1.375;color:var(--ds-color-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1ecaj_69[data-size=xs],._summary_1ecaj_69[data-size=sm],._summary_1ecaj_69[data-size=md]{font-size:.875rem}._summary_1ecaj_69[data-size=lg],._summary_1ecaj_69[data-size=xl]{font-size:1rem}._footer_1ecaj_97{width:100%}._touchedBy_1ecaj_101{position:absolute;right:0;bottom:0;margin:8px}._heading_1ecaj_110{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1ecaj_116{line-height:1.25;font-weight:600;margin:0}._title_1ecaj_116[data-size=xs],._title_1ecaj_116[data-size=sm]{font-size:1rem}._title_1ecaj_116[data-size=md],._title_1ecaj_116[data-size=lg],._title_1ecaj_116[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1ecaj_116[data-size=md]{font-size:1rem}._title_1ecaj_116[data-size=lg],._title_1ecaj_116[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1ecaj_116[data-seen=true],._title_1ecaj_116[data-state=archived]{font-weight:400}._title_1ecaj_116[data-state=trashed]{font-weight:400;text-decoration:line-through}

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_1x5d7_1{display:none}._dropdown_1x5d7_1[data-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_1x5d7_1[data-placement=left]{left:0}._dropdown_1x5d7_1[data-placement=right]{right:0}._dropdown_1x5d7_1[data-padding=true]{padding:0 .5rem}._dropdown_1x5d7_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_1x5d7_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_1x5d7_1[data-expanded=true][data-layout=mobile]{display:none}}
+._dropdown_139me_1{display:none}._dropdown_139me_1[data-expanded=true]{display:block;position:absolute;z-index:9999}._dropdown_139me_1[data-placement=left]{left:0}._dropdown_139me_1[data-placement=right]{right:0}._dropdown_139me_1[data-padding=true]{padding:0 .5rem}._dropdown_139me_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_139me_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_139me_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_1xuag_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;list-style:none;position:relative;width:100%;display:flex;flex-direction:column}._item_1xuag_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1xuag_1[data-variant=outline],._item_1xuag_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_1xuag_1[data-variant=outline]{outline-style:solid}._item_1xuag_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_1xuag_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_1xuag_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._interactive_1xuag_54[data-theme=subtle]:hover,._item_1xuag_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._interactive_1xuag_54[data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._item_1xuag_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._interactive_1xuag_54[data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}._item_1xuag_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_1xuag_1[aria-expanded=true],._item_1xuag_1[data-selected=true]{outline:2px solid}._item_1xuag_1[aria-disabled=true]{pointer-events:none}._interactiveSelected_1xuag_96{outline:2px solid var(--ds-color-border-strong)}._interactiveHidden_1xuag_100{display:none}._interactive_1xuag_54:not([data-theme=transparent]):hover{outline:2px solid var(--ds-color-border-strong)}
+._item_1dbo9_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;list-style:none;position:relative;width:100%;display:flex;flex-direction:column}._item_1dbo9_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1dbo9_1[data-variant=outline],._item_1dbo9_1[data-variant=dotted]{outline-color:var(--ds-color-base-default)}._item_1dbo9_1[data-variant=outline]{outline-style:solid}._item_1dbo9_1[data-variant=dotted]{outline-color:var(--ds-color-border-subtle);outline-style:dashed}._item_1dbo9_1[data-theme=default]{background-color:var(--ds-color-background-default)}._item_1dbo9_1[data-theme=subtle]{background-color:var(--ds-color-background-subtle)}._item_1dbo9_1[data-theme=surface]{background-color:var(--ds-color-surface-hover)}._item_1dbo9_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._item_1dbo9_1[data-active=true]{background-color:var(--ds-color-surface-default)}._item_1dbo9_1[aria-expanded=true],._item_1dbo9_1[data-selected=true]{outline:2px solid}._item_1dbo9_1[aria-disabled=true]{pointer-events:none}._interactiveSelected_1dbo9_83{outline:2px solid var(--ds-color-border-strong)}._interactiveHidden_1dbo9_87{display:none}._interactive_1dbo9_83:not([data-theme=transparent]):hover{outline:2px solid var(--ds-color-border-strong)}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_13dzg_1{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}._header_13dzg_1[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._header_13dzg_1[data-size=sm]{min-height:52px;padding:.5rem .625rem;column-gap:.5rem}._header_13dzg_1[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._header_13dzg_1[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._header_13dzg_1[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._link_13dzg_39{display:flex;align-items:center;column-gap:inherit}
+._wrapper_xtweu_1{position:relative}._link_xtweu_5{position:absolute;top:0;right:0;bottom:0;left:0}._linkTitle_xtweu_10{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}._header_xtweu_16{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}._header_xtweu_16[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._header_xtweu_16[data-size=sm]{min-height:52px;padding:.5rem .625rem;column-gap:.5rem}._header_xtweu_16[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._header_xtweu_16[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._header_xtweu_16[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._content_xtweu_54{display:flex;align-items:center;column-gap:inherit}._header_xtweu_16[data-interactive=true]:hover{cursor:pointer}._header_xtweu_16[data-interactive=true]:hover ._content_xtweu_54 h2{text-decoration:underline}._header_xtweu_16[data-has-active-child=true]{background-color:var(--ds-color-background-subtle)}._header_xtweu_16[data-interactive=true][data-theme=subtle]:hover{background-color:var(--ds-color-surface-hover)}._header_xtweu_16[data-interactive=true][data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._header_xtweu_16[data-interactive=true][data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-contrast-default)}

package/dist/assets/ListItemLink.css

@@ -1 +1 @@
-._link_g93r9_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_g93r9_1[aria-disabled=true]{pointer-events:none}._interactive_g93r9_22:not([aria-disabled=true]){cursor:pointer}._interactive_g93r9_22:not([aria-disabled=true]):hover h2{text-decoration:underline}
+._link_kjmgd_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_kjmgd_1[aria-disabled=true]{pointer-events:none}

package/dist/assets/Typography.css

@@ -1 +1 @@
-._typography_g5s4h_1{width:100%;max-width:45rem;line-height:1.5}p._typography_g5s4h_1{margin:0}._typography_g5s4h_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_g5s4h_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_g5s4h_1[data-size=xs]{font-size:.875rem}._typography_g5s4h_1[data-size=sm]{font-size:1rem}._typography_g5s4h_1[data-size=md]{font-size:1.125rem}._typography_g5s4h_1[data-size=lg]{font-size:1.25rem}._typography_g5s4h_1[data-size=xl]{font-size:1.5rem}._typography_g5s4h_1>*:first-child{margin-top:0}._typography_g5s4h_1>*:last-child{margin-bottom:0}._typography_g5s4h_1 strong{font-weight:500}._typography_g5s4h_1 a{color:var(--ds-color-base-default)}._typography_g5s4h_1 a:hover{color:var(--ds-color-base-hover)}._typography_g5s4h_1>p{font-size:1em;margin:1em 0}._typography_g5s4h_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_g5s4h_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_g5s4h_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_g5s4h_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_g5s4h_1>h5,._typography_g5s4h_1>h6{font-size:.875rem;margin:1em 0 0}._typography_g5s4h_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_g5s4h_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_g5s4h_1>h5+*,._typography_g5s4h_1>h6+*{margin-top:0}._typography_g5s4h_1>section{margin:1em 0}._typography_g5s4h_1 ul:not([class]),._typography_g5s4h_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}
+._typography_cr720_1{width:100%;line-height:1.5}p._typography_cr720_1{margin:0}._typography_cr720_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_cr720_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_cr720_1[data-size=xs]{font-size:.875rem}._typography_cr720_1[data-size=sm]{font-size:1rem}._typography_cr720_1[data-size=md]{font-size:1.125rem}._typography_cr720_1[data-size=lg]{font-size:1.25rem}._typography_cr720_1[data-size=xl]{font-size:1.5rem}._typography_cr720_1>*:first-child{margin-top:0}._typography_cr720_1>*:last-child{margin-bottom:0}._typography_cr720_1 strong{font-weight:500}._typography_cr720_1 a{color:var(--ds-color-base-default)}._typography_cr720_1 a:hover{color:var(--ds-color-base-hover)}._typography_cr720_1>p{font-size:1em;margin:1em 0}._typography_cr720_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_cr720_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_cr720_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_cr720_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_cr720_1>h5,._typography_cr720_1>h6{font-size:.875rem;margin:1em 0 0}._typography_cr720_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_cr720_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_cr720_1>h5+*,._typography_cr720_1>h6+*{margin-top:0}._typography_cr720_1>section{margin:1em 0}._typography_cr720_1 ul:not([class]),._typography_cr720_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -2,11 +2,20 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as i } from "../List/ListItem.js";
+import { ListItem as e } from "../List/ListItem.js";
 import "../Search/AutocompleteBase.js";
-import { QueryLabel as e } from "../Search/QueryLabel.js";
+import { QueryLabel as s } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-const I = ({ loading: r, title: m, params: t, ...p }) => /* @__PURE__ */ o(i, { ...p, loading: r, title: m, label: !m && !r && /* @__PURE__ */ o(e, { params: t }) });
+const c = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
+  e,
+  {
+    ...i,
+    loading: r,
+    title: m,
+    ariaLabel: t,
+    label: !m && !r && /* @__PURE__ */ o(s, { params: p })
+  }
+);
 export {
-  I as BookmarksListItem
+  c as BookmarksListItem
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -1,73 +1,93 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { useState as x } from "react";
+"use client";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as h, useState as O } from "react";
 import "../../index-L8X2o7IH.js";
-import { BookmarksListItem as d } from "./BookmarksListItem.js";
-import { Button as s } from "../Button/Button.js";
-import { IconButton as y } from "../Button/IconButton.js";
+import { BookmarksListItem as I } from "./BookmarksListItem.js";
+import { Button as g } from "../Button/Button.js";
+import { IconButton as x } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
-import { QueryLabel as C } from "../Search/QueryLabel.js";
+import { QueryLabel as j } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as I } from "../Page/Flex.js";
-import { Section as b } from "../Page/Section.js";
-import { TextField as j } from "../TextField/TextField.js";
-import { S as w } from "../../ChevronUp-H8Nuww4h.js";
-import { S as L } from "../../ChevronDown-CRAwzuD3.js";
-const M = ({
-  id: c,
-  title: m,
-  untitled: g,
-  params: n,
+import { Flex as S } from "../Page/Flex.js";
+import { Section as k } from "../Page/Section.js";
+import { TextField as E } from "../TextField/TextField.js";
+import { S as M } from "../../XMark-Bv1I87Ev.js";
+import { u as P } from "../../useId-CsCRkvK3.js";
+var R = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
+};
+const _ = h((t, l) => {
+  var { title: o, titleId: e } = t, r = R(t, ["title", "titleId"]);
+  let i = P();
+  return i = o ? e || "title-" + i : void 0, f.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
+    o ? f.createElement("title", { id: i }, o) : null,
+    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
+  );
+}), K = ({
+  id: t,
+  title: l,
+  untitled: o,
+  params: e,
   expanded: r,
-  onToggle: u,
-  titleField: e,
-  saveButton: t,
-  removeButton: i,
+  onToggle: i,
+  titleField: c,
+  saveButton: a,
+  removeButton: m,
   inputValue: p,
-  onChange: l,
-  expandIconAltText: S,
-  ...h
+  onChange: s,
+  expandIconAltText: b,
+  ...y
 }) => {
-  const [k, v] = x("");
-  return /* @__PURE__ */ o(
-    d,
+  const [v, w] = O("");
+  return /* @__PURE__ */ n(
+    I,
     {
-      ...h,
+      ...y,
       expanded: r,
-      id: c,
-      title: r ? m || g : m,
-      params: n,
-      controls: /* @__PURE__ */ o(
-        y,
+      id: t,
+      title: r ? l || o : l,
+      ariaLabel: l || o,
+      params: e,
+      controls: /* @__PURE__ */ n(
+        x,
         {
           variant: "outline",
           size: "sm",
-          icon: r ? w : L,
-          onClick: u,
-          iconAltText: S
+          icon: r ? M : _,
+          onClick: i,
+          iconAltText: b
         }
       ),
-      children: /* @__PURE__ */ f(b, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ o(C, { params: n }),
-        e && /* @__PURE__ */ o(
-          j,
+      children: /* @__PURE__ */ u(k, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ n(j, { params: e }),
+        c && /* @__PURE__ */ n(
+          E,
           {
-            ...e,
+            ...c,
             name: "title",
-            value: typeof p == "string" ? p : k,
-            onChange: (a) => {
-              typeof l == "function" ? l(a) : v(a.target.value);
+            value: typeof p == "string" ? p : v,
+            onChange: (d) => {
+              typeof s == "function" ? s(d) : w(d.target.value);
             }
           }
         ),
-        (t || i) && /* @__PURE__ */ f(I, { as: "footer", direction: "row", spacing: 2, children: [
-          t && /* @__PURE__ */ o(s, { ...t }),
-          i && /* @__PURE__ */ o(s, { ...i, variant: "outline" })
+        (a || m) && /* @__PURE__ */ u(S, { as: "footer", direction: "row", spacing: 2, children: [
+          a && /* @__PURE__ */ n(g, { ...a }),
+          m && /* @__PURE__ */ n(g, { ...m, variant: "outline" })
         ] })
       ] })
     }
   );
 };
 export {
-  M as EditableBookmark
+  K as EditableBookmark
 };

package/dist/components/Dialog/DialogBody.js

@@ -1,12 +1,12 @@
-import { jsxs as i, jsx as m, Fragment as f } from "react/jsx-runtime";
+import { jsxs as i, jsx as m, Fragment as h } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Timeline as d } from "../Timeline/Timeline.js";
-import { TimelineSection as h } from "../Timeline/TimelineSection.js";
+import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { TimelineHeader as c } from "../Timeline/TimelineHeader.js";
 import { Typography as s } from "../Typography/Typography.js";
-import { SeenByLog as y } from "./SeenByLog.js";
+import { SeenByLog as x } from "./SeenByLog.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const H = ({
@@ -24,16 +24,16 @@ const H = ({
     n + " " + (o == null ? void 0 : o.name)
   ] }),
   /* @__PURE__ */ m(
-    h,
+    f,
     {
       loading: r,
       datetime: p,
       byline: a,
       spacing: 4,
       color: r ? "neutral" : void 0,
-      children: !r && /* @__PURE__ */ i(f, { children: [
-        /* @__PURE__ */ m(s, { children: l }),
-        e && /* @__PURE__ */ m(y, { ...e })
+      children: !r && /* @__PURE__ */ i(h, { children: [
+        /* @__PURE__ */ m(s, { maxWidth: "60ch", children: l }),
+        e && /* @__PURE__ */ m(x, { ...e })
       ] })
     }
   )

package/dist/components/Dialog/DialogHistoryItem.js

@@ -2,12 +2,12 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as c } from "react";
+import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as m } from "../Timeline/TimelineActivity.js";
-import { TimelineLink as p } from "../Timeline/TimelineLink.js";
+import { TimelineLink as c } from "../Timeline/TimelineLink.js";
 import { Transmission as s } from "../Transmission/Transmission.js";
 import { Typography as d } from "../Typography/Typography.js";
 import { ListBase as u } from "../List/ListBase.js";
@@ -20,7 +20,7 @@ var v = function(r, i) {
       i.indexOf(e[t]) < 0 && Object.prototype.propertyIsEnumerable.call(r, e[t]) && (o[e[t]] = r[e[t]]);
   return o;
 };
-const w = c((r, i) => {
+const w = p((r, i) => {
   var { title: o, titleId: e } = r, t = v(r, ["title", "titleId"]);
   let l = g();
   return l = o ? e || "title-" + l : void 0, a.createElement(
@@ -33,8 +33,8 @@ const w = c((r, i) => {
   switch (r) {
     case "transmission":
       return /* @__PURE__ */ f(m, { byline: i, datetime: o, spacing: 2, children: [
-        /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l }) }),
-        t && /* @__PURE__ */ n(p, { ...t, icon: (t == null ? void 0 : t.icon) || w })
+        /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(s, { ...l, children: e }) }),
+        t && /* @__PURE__ */ n(c, { ...t, icon: (t == null ? void 0 : t.icon) || w })
       ] });
     default:
       return /* @__PURE__ */ n(m, { byline: i, datetime: o, children: /* @__PURE__ */ n(d, { children: e }) });

package/dist/components/Dialog/DialogLayout.js

@@ -10,7 +10,7 @@ import { PageNav as a } from "../Page/PageNav.js";
 import { PageMenu as l } from "../Page/PageMenu.js";
 import { Article as d } from "../Page/Article.js";
 import { Section as c } from "../Page/Section.js";
-const A = ({ backButton: m, contextMenu: t, pageMenu: r, children: e }) => /* @__PURE__ */ i(s, { spacing: 0, bleed: !0, children: [
+const A = ({ backButton: m, contextMenu: t, pageMenu: r, children: e }) => /* @__PURE__ */ i(s, { theme: "subtle", spacing: 0, bleed: !0, children: [
   /* @__PURE__ */ i(c, { theme: "default", shadow: "xs", children: [
     /* @__PURE__ */ o(
       a,
@@ -23,7 +23,7 @@ const A = ({ backButton: m, contextMenu: t, pageMenu: r, children: e }) => /* @_
     ),
     /* @__PURE__ */ o(d, { padding: 6, spacing: 6, children: e })
   ] }),
-  /* @__PURE__ */ o(l, { theme: "subtle", items: r == null ? void 0 : r.items })
+  /* @__PURE__ */ o(l, { items: r == null ? void 0 : r.items })
 ] });
 export {
   A as DialogLayout

package/dist/components/Dialog/DialogListItem.js

@@ -1,130 +1,130 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { jsx as a, jsxs as N } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItemLabel as C } from "../List/ListItemLabel.js";
-import { ListItemSelect as E } from "../List/ListItemSelect.js";
-import { ListItem as x } from "../List/ListItem.js";
-import { Skeleton as F } from "../Skeleton/Skeleton.js";
-import { DialogMetadata as B } from "./DialogMetadata.js";
-import { DialogByline as G } from "./DialogByline.js";
-import { DialogHeading as J } from "./DialogHeading.js";
+import { ListItemLabel as E } from "../List/ListItemLabel.js";
+import { ListItemSelect as F } from "../List/ListItemSelect.js";
+import { ListItem as g } from "../List/ListItem.js";
+import { Skeleton as G } from "../Skeleton/Skeleton.js";
+import { DialogMetadata as v } from "./DialogMetadata.js";
+import { DialogByline as J } from "./DialogByline.js";
+import { DialogHeading as K } from "./DialogHeading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border_2hfa5_22", P = "_select_2hfa5_72", Q = "_header_2hfa5_79", R = "_summary_2hfa5_91", U = "_footer_2hfa5_119", W = "_touchedBy_2hfa5_123", X = "_heading_2hfa5_132", Y = "_title_2hfa5_138", o = {
-  link: K,
+import '../../assets/DialogListItem.css';const O = "_border_1ecaj_1", P = "_controls_1ecaj_51", Q = "_header_1ecaj_57", R = "_summary_1ecaj_69", U = "_footer_1ecaj_97", W = "_touchedBy_1ecaj_101", X = "_heading_1ecaj_110", Y = "_title_1ecaj_116", r = {
   border: O,
-  select: P,
+  controls: P,
   header: Q,
   summary: R,
   footer: U,
   touchedBy: W,
   heading: X,
   title: Y
-}, sa = ({
-  size: a = "lg",
-  state: u = "normal",
-  loading: t,
-  select: s,
-  selected: l,
-  status: r,
-  sender: h,
-  recipient: v,
-  recipientLabel: k = "to",
-  grouped: D = !1,
-  updatedAt: n,
-  updatedAtLabel: d,
-  archivedAt: _,
-  archivedAtLabel: I,
-  trashedAt: f,
-  trashedAtLabel: L,
-  badge: S,
-  dueAt: j,
-  dueAtLabel: H,
-  seen: c = !1,
-  seenBy: M,
-  touchedBy: T,
-  attachmentsCount: V,
-  title: m,
-  description: p,
+}, na = ({
+  size: e = "lg",
+  state: x = "normal",
+  loading: o,
+  controls: B,
+  select: n,
+  selected: m,
+  status: t,
+  sender: s,
+  recipient: u,
+  recipientLabel: D = "to",
+  grouped: I = !1,
+  updatedAt: d,
+  updatedAtLabel: _,
+  archivedAt: h,
+  archivedAtLabel: L,
+  trashedAt: p,
+  trashedAtLabel: S,
+  badge: k,
+  dueAt: H,
+  dueAtLabel: M,
+  seen: l = !1,
+  seenBy: T,
+  touchedBy: V,
+  attachmentsCount: q,
+  title: c,
+  description: f,
   summary: i,
-  theme: q = "default",
+  theme: w = "default",
   ...b
 }) => {
-  const w = f ? "trashed" : _ ? "archived" : u, y = l ? "subtle" : q, N = r == null ? void 0 : r.value;
-  return a === "xs" || a === "sm" ? /* @__PURE__ */ e(
-    x,
+  const C = p ? "trashed" : h ? "archived" : x, j = m ? "subtle" : w, y = t == null ? void 0 : t.value;
+  return e === "xs" || e === "sm" ? /* @__PURE__ */ a(
+    g,
     {
       ...b,
-      size: a,
-      selected: l,
-      theme: y,
-      label: /* @__PURE__ */ e(
+      size: e,
+      selected: m,
+      theme: j,
+      label: /* @__PURE__ */ a(
         "div",
         {
-          className: o.border,
-          "data-variant": N,
-          "data-size": a,
-          "data-seen": c,
-          "data-loading": t,
-          children: /* @__PURE__ */ e(C, { loading: t, size: a, title: m, description: i || p })
+          className: r.border,
+          "data-variant": y,
+          "data-size": e,
+          "data-seen": l,
+          "data-loading": o,
+          children: /* @__PURE__ */ a(E, { loading: o, size: e, title: c, description: i || f })
         }
       ),
-      badge: /* @__PURE__ */ e(B, { loading: t, sender: h, updatedAt: n, updatedAtLabel: d }),
-      title: m
+      badge: /* @__PURE__ */ a(v, { loading: o, sender: s, updatedAt: d, updatedAtLabel: _ }),
+      title: c
     }
-  ) : /* @__PURE__ */ e(
-    x,
+  ) : /* @__PURE__ */ a(
+    g,
     {
       ...b,
-      size: a,
-      selected: l,
-      theme: y,
-      controls: s && /* @__PURE__ */ e(E, { className: o.select, ...s, size: "xl" }),
-      title: m,
-      label: /* @__PURE__ */ g(
+      size: e,
+      selected: m,
+      theme: j,
+      controls: /* @__PURE__ */ a("div", { className: r.controls, children: B || n && /* @__PURE__ */ a(F, { ...n, size: "xl" }) }),
+      title: c,
+      label: /* @__PURE__ */ N(
         "div",
         {
-          className: o.border,
-          "data-variant": N,
-          "data-size": a,
-          "data-seen": c,
-          "data-loading": t,
+          className: r.border,
+          "data-variant": y,
+          "data-size": e,
+          "data-seen": l,
+          "data-loading": o,
           children: [
-            /* @__PURE__ */ g("header", { className: o.header, "data-size": a, children: [
-              /* @__PURE__ */ e(J, { loading: t, size: a, state: w, badge: S, seen: c, children: m }),
-              /* @__PURE__ */ e(
-                G,
+            /* @__PURE__ */ N("header", { className: r.header, "data-size": e, children: [
+              /* @__PURE__ */ a(K, { loading: o, size: e, state: C, badge: k, seen: l, children: c }),
+              /* @__PURE__ */ a(
+                J,
                 {
                   size: "xs",
-                  loading: t,
-                  sender: h,
-                  recipient: v,
-                  recipientLabel: k,
-                  grouped: D
+                  loading: o,
+                  sender: s,
+                  recipient: u,
+                  recipientLabel: D,
+                  grouped: I
                 }
               ),
-              a === "lg" && i && /* @__PURE__ */ e(F, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: i || p }) })
+              e === "lg" && i && /* @__PURE__ */ a(G, { loading: o, children: /* @__PURE__ */ a("p", { "data-size": e, className: r.summary, children: i || f }) })
             ] }),
-            /* @__PURE__ */ e(
-              B,
+            /* @__PURE__ */ a(
+              v,
               {
-                className: o.footer,
-                loading: t,
-                status: r,
-                updatedAt: n,
-                updatedAtLabel: d,
-                archivedAt: _,
-                archivedAtLabel: I,
-                trashedAt: f,
-                trashedAtLabel: L,
-                dueAt: j,
-                dueAtLabel: H,
-                attachmentsCount: V,
-                seenBy: M,
+                className: r.footer,
+                loading: o,
+                status: t,
+                updatedAt: d,
+                updatedAtLabel: _,
+                archivedAt: h,
+                archivedAtLabel: L,
+                trashedAt: p,
+                trashedAtLabel: S,
+                dueAt: H,
+                dueAtLabel: M,
+                attachmentsCount: q,
+                seenBy: T,
                 touchedBy: {
-                  touchedBy: T,
-                  className: o.touchedBy
+                  touchedBy: V,
+                  className: r.touchedBy
                 }
               }
             )
@@ -135,5 +135,5 @@ import '../../assets/DialogListItem.css';const K = "_link_2hfa5_1", O = "_border
   );
 };
 export {
-  sa as DialogListItem
+  na as DialogListItem
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import { useRef as l } from "react";
 import { useClickOutside as c } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const f = "_dropdown_1x5d7_1", u = {
+import '../../assets/DropdownBase.css';const f = "_dropdown_139me_1", u = {
   dropdown: f
 }, _ = ({
   layout: a,