@altinn/altinn-components 0.20.2 → 0.21.1

package/dist/ArrowUp-Cn3ai5t6.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const m = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = l ? e || "title-" + n : 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": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
+  );
+});
+export {
+  m as S
+};

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_mffb6_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;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;cursor:pointer}._button_mffb6_1:disabled{opacity:.5;pointer-events:none}._button_mffb6_1[data-size=xs]{height:1.875rem}._button_mffb6_1[data-size=sm]{height:2.25rem}._button_mffb6_1[data-size=md]{height:2.75rem}._button_mffb6_1[data-size=lg]{height:3.5rem}._button_mffb6_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._button_mffb6_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover)}._button_mffb6_1[data-variant=solid]:active{background-color:var(--ds-color-base-active)}._button_mffb6_1[data-variant=outline],._button_mffb6_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_mffb6_1[data-variant=outline]{border-style:solid}._button_mffb6_1[data-variant=dotted]{border-style:dotted}._button_mffb6_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_mffb6_1[data-variant=outline]:hover,._button_mffb6_1[data-variant=dotted]:hover,._button_mffb6_1[data-variant=text]:hover{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-default)}._button_mffb6_1[data-variant=outline]:active,._button_mffb6_1[data-variant=dotted]:active,._button_mffb6_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}
+._button_ppafq_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;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;cursor:pointer}._button_ppafq_1:disabled{opacity:.5;pointer-events:none}._button_ppafq_1[data-size=xs]{height:1.875rem}._button_ppafq_1[data-size=sm]{height:2.25rem}._button_ppafq_1[data-size=md]{height:2.75rem}._button_ppafq_1[data-size=lg]{height:3.5rem}._button_ppafq_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._button_ppafq_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover)}._button_ppafq_1[data-variant=solid]:active{background-color:var(--ds-color-base-active)}._button_ppafq_1[data-variant=outline],._button_ppafq_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_ppafq_1[data-variant=outline]{border-style:solid}._button_ppafq_1[data-variant=dotted]{border-style:dotted}._button_ppafq_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_ppafq_1[data-variant=outline]:hover,._button_ppafq_1[data-variant=dotted]:hover,._button_ppafq_1[data-variant=text]:hover{background-color:var(--ds-color-surface-default);color:var(--ds-color-text-default)}._button_ppafq_1[data-variant=outline]:active,._button_ppafq_1[data-variant=dotted]:active,._button_ppafq_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_ppafq_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_ppafq_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._link_6y5ya_1[data-size=xl]{padding:1em}._link_6y5ya_1[data-size=lg]{padding:.875em}._link_6y5ya_1[data-size=md]{padding:.75em}._link_6y5ya_1[data-size=sm],._link_6y5ya_1[data-size=xs]{padding:.625em}._border_6y5ya_22{position:relative;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column}._border_6y5ya_22[data-seen=true]{border-color:var(--ds-color-neutral-surface-default)}._border_6y5ya_22[data-variant=draft]{border-color:var(--ds-color-neutral-surface-active);border-left-width:.125rem;margin-left:.125rem;border-left-style:dashed}._border_6y5ya_22[data-variant=sent]{border-color:var(--ds-color-neutral-surface-default)}._border_6y5ya_22[data-loading=true]{border-color:var(--ds-color-surface-default)}._border_6y5ya_22[data-size=xs],._border_6y5ya_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_6y5ya_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_6y5ya_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_6y5ya_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_6y5ya_72{position:absolute;top:0;right:0;margin:.375rem}._header_6y5ya_79{display:flex;flex-direction:column;row-gap:.25rem}._header_6y5ya_79[data-size=xs],._header_6y5ya_79[data-size=sm]{display:flex;flex-direction:row}._summary_6y5ya_91{font-size:1rem;font-weight:400;line-height:1.25;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_6y5ya_91[data-size=xs],._summary_6y5ya_91[data-size=sm],._summary_6y5ya_91[data-size=md]{font-size:.875rem}._summary_6y5ya_91[data-size=lg],._summary_6y5ya_91[data-size=xl]{font-size:1rem}._footer_6y5ya_119{width:100%}._touchedBy_6y5ya_123{position:absolute;right:0;bottom:0;margin:8px}._heading_6y5ya_132{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_6y5ya_138{line-height:1.25;font-weight:600;margin:0}._title_6y5ya_138[data-size=xs],._title_6y5ya_138[data-size=sm]{font-size:1rem}._title_6y5ya_138[data-size=md],._title_6y5ya_138[data-size=lg],._title_6y5ya_138[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_6y5ya_138[data-size=md]{font-size:1rem}._title_6y5ya_138[data-size=lg],._title_6y5ya_138[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_6y5ya_138[data-seen=true],._title_6y5ya_138[data-state=archived]{font-weight:400}._title_6y5ya_138[data-state=trashed]{font-weight:400;text-decoration:line-through}
+._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}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_lkhmo_3{width:100%}._label_lkhmo_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_lkhmo_3[data-size=sm],._label_lkhmo_3[data-size=md],._label_lkhmo_3[data-size=lg],._label_lkhmo_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_lkhmo_3[data-size=xs],._label_lkhmo_3[data-size=sm],._label_lkhmo_3[data-size=md]{font-size:1rem}._label_lkhmo_3[data-size=lg]{font-size:1.125rem}._label_lkhmo_3[data-size=xl]{font-size:1.25rem}._title_lkhmo_44{display:inline;font-size:1em;font-weight:600;line-height:1.125;margin:0}._description_lkhmo_52{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_lkhmo_52[data-size=xs],._description_lkhmo_52[data-size=sm],._description_lkhmo_52[data-size=md],._description_lkhmo_52[data-size=lg],._description_lkhmo_52[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_lkhmo_52{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_lkhmo_52{color:var(--ds-color-text-default)}
+._label_fiqmy_3{width:100%}._label_fiqmy_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md],._label_fiqmy_3[data-size=lg],._label_fiqmy_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._label_fiqmy_3[data-size=xs],._label_fiqmy_3[data-size=sm],._label_fiqmy_3[data-size=md]{font-size:1rem}._label_fiqmy_3[data-size=lg]{font-size:1.125rem}._label_fiqmy_3[data-size=xl]{font-size:1.25rem}._title_fiqmy_43{display:inline;font-size:1em;line-height:1.125;margin:0}._title_fiqmy_43[data-weight=bold]{font-weight:600}._title_fiqmy_43[data-weight=normal]{font-weight:400}._description_fiqmy_58{display:inline;font-weight:400;line-height:1.125;color:var(--ds-color-text-subtle);margin:0}._description_fiqmy_58[data-size=xs],._description_fiqmy_58[data-size=sm],._description_fiqmy_58[data-size=md],._description_fiqmy_58[data-size=lg],._description_fiqmy_58[data-size=xl]{font-size:.875rem;line-height:1rem}[data-theme=base] ._description_fiqmy_58{color:var(--ds-color-contrast-subtle)}[data-theme=surface] ._description_fiqmy_58{color:var(--ds-color-text-default)}

package/dist/assets/ProgressIcon.css

@@ -1 +1 @@
-._progress_e618l_1{--size: 16px;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ds-color-border-strong) var(--progress, 0),var(--ds-color-surface-default) 0);display:grid;place-content:center;transform:scaleX(-1)}._progress_e618l_1:after{width:calc(var(--size) * .5);height:calc(var(--size) * .5);aspect-ratio:1;content:attr(data-value);display:grid;background:#fff;border-radius:50%;font-size:0;place-content:center}._complete_e618l_25{width:var(--size);height:var(--size);color:var(--ds-color-border-strong)}
+._progress_1usqp_1{--size: 16px;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ds-color-base-default) var(--progress, 0),var(--ds-color-surface-default) 0);display:grid;place-content:center;transform:scaleX(-1)}._progress_1usqp_1:after{width:calc(var(--size) * .5);height:calc(var(--size) * .5);aspect-ratio:1;content:attr(data-value);display:grid;background:#fff;border-radius:50%;font-size:0;place-content:center}._complete_1usqp_25{width:var(--size);height:var(--size);color:var(--ds-color-base-default)}

package/dist/assets/TimelineBase.css

@@ -1 +1 @@
-._section_si67h_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_si67h_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_si67h_18{flex-grow:1;display:flex;flex-direction:column}._border_si67h_24{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_si67h_30{color:var(--ds-color-surface-active)}._border_si67h_24{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_si67h_24[data-variant=hidden]{display:none}._border_si67h_24[data-variant=strong]{border-width:2px;border-style:solid}._border_si67h_24[data-variant=solid]{border-width:1px;border-style:solid}._border_si67h_24[data-variant=dashed]{border-width:1px;border-style:dashed}._border_si67h_24[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}
+._section_et0gx_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_et0gx_8{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._sidebar_et0gx_8[data-level="2"]{width:1.5rem}._content_et0gx_22{flex-grow:1;display:flex;flex-direction:column}._border_et0gx_28{border-left:.25rem solid;border-color:var(--ds-color-surface-default);flex-grow:1}._icon_et0gx_34{color:var(--ds-color-surface-active)}._border_et0gx_28{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1}._border_et0gx_28[data-variant=hidden]{display:none}._border_et0gx_28[data-variant=strong]{border-width:2px;border-style:solid}._border_et0gx_28[data-variant=solid]{border-width:1px;border-style:solid}._border_et0gx_28[data-variant=dashed]{border-width:1px;border-style:dashed}._border_et0gx_28[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}

package/dist/assets/TimelineLink.css

@@ -0,0 +1 @@
+._button_18xbc_1{display:inline-flex;align-items:center;column-gap:.125em;height:1.5rem;align-self:flex-start}._reverse_18xbc_9{flex-direction:row-reverse}._icon_18xbc_13{font-size:1.25rem;width:1.5rem;height:1.5rem}._label_18xbc_19{font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0}

package/dist/components/Button/ButtonBase.js

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const i = "_button_mffb6_1", f = {
-  button: i
+import '../../assets/ButtonBase.css';const b = "_button_ppafq_1", i = {
+  button: b
 }, B = ({
   as: o,
   color: a,
@@ -10,22 +10,22 @@ import '../../assets/ButtonBase.css';const i = "_button_mffb6_1", f = {
   disabled: t = !1,
   ariaLabel: e,
   size: r,
-  selected: p,
+  selected: d,
   variant: c,
-  tabIndex: m = 0,
-  ...b
-}) => /* @__PURE__ */ l(
+  tabIndex: l = 0,
+  ...m
+}) => /* @__PURE__ */ p(
   o || "button",
   {
-    tabIndex: m,
+    tabIndex: l,
     "data-size": r,
     "data-variant": c,
     "data-color": a,
     "aria-disabled": t,
     disabled: t,
-    className: u(f.button, n),
+    className: u(i.button, n),
     "aria-label": e,
-    ...b,
+    ...m,
     children: s
   }
 );

package/dist/components/Button/ButtonIcon.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import "../../index-L8X2o7IH.js";
+import { c } from "../../index-L8X2o7IH.js";
+import { Icon as m } from "../Icon/Icon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const c = "_icon_ablit_1", m = {
-  icon: c
-}, d = ({ size: t, icon: i, iconAltText: n }) => /* @__PURE__ */ o("span", { className: m.icon, "data-size": t, children: /* @__PURE__ */ o(r, { svgElement: i, altText: n }) });
+import '../../assets/ButtonIcon.css';const s = "_icon_ablit_1", e = {
+  icon: s
+}, u = ({ className: t, size: i, icon: n, iconAltText: r }) => /* @__PURE__ */ o("span", { className: c(e.icon, t), "data-size": i, children: /* @__PURE__ */ o(m, { svgElement: n, altText: r }) });
 export {
-  d as ButtonIcon
+  u as ButtonIcon
 };

package/dist/components/Byline/Byline.js

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

package/dist/components/Dialog/DialogHeading.js

@@ -1,18 +1,18 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
+import { Badge as l } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import { DialogLabel as d } from "./DialogLabel.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", s = {
+import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", r = {
   heading: p,
   title: c
-}, D = ({ loading: i, size: o = "sm", seen: a = !1, state: e, label: r, children: m }) => /* @__PURE__ */ n("div", { className: s.heading, children: [
-  /* @__PURE__ */ t(l, { loading: i, children: /* @__PURE__ */ t("h2", { className: s.title, "data-seen": a, "data-size": o, "data-state": e, children: m }) }),
-  !i && r && /* @__PURE__ */ t(d, { type: e, size: "xs", children: r })
+}, u = ({ loading: e, size: s = "sm", seen: a = !1, state: o, badge: i, children: m }) => /* @__PURE__ */ n("div", { className: r.heading, children: [
+  /* @__PURE__ */ t(d, { loading: e, children: /* @__PURE__ */ t("h2", { className: r.title, "data-seen": a, "data-size": s, "data-state": o, children: m }) }),
+  !e && i && /* @__PURE__ */ t(l, { ...i })
 ] });
 export {
-  D as DialogHeading
+  u as DialogHeading
 };

package/dist/components/Dialog/DialogHistory.js

@@ -1,55 +1,38 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import * as i from "react";
-import { forwardRef as m, useState as g, createElement as y } from "react";
-import { Icon as b } from "../Icon/Icon.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as p, useState as g, createElement as u } from "react";
+import { Icon as y } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../RootProvider/RootProvider.js";
-import { DialogActivity as w } from "./DialogActivity.js";
+import { DialogActivity as v } from "./DialogActivity.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Timeline as v } from "../Timeline/Timeline.js";
-import { TimelineSection as O } from "../Timeline/TimelineSection.js";
-import { u as p } from "../../useId-CsCRkvK3.js";
-import '../../assets/DialogHistory.css';var x = function(t, n) {
+import { Timeline as w } from "../Timeline/Timeline.js";
+import { TimelineSection as x } from "../Timeline/TimelineSection.js";
+import { S as b } from "../../ArrowUp-Cn3ai5t6.js";
+import { u as O } from "../../useId-CsCRkvK3.js";
+import '../../assets/DialogHistory.css';var E = function(e, l) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const I = m((t, n) => {
-  var { title: r, titleId: e } = t, l = x(t, ["title", "titleId"]);
-  let o = p();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
+const I = p((e, l) => {
+  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
+  let n = O();
+  return n = r ? t || "title-" + n : void 0, s.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: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+    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": n }, o),
+    r ? s.createElement("title", { id: n }, r) : null,
+    s.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
-});
-var j = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const E = m((t, n) => {
-  var { title: r, titleId: e } = t, l = j(t, ["title", "titleId"]);
-  let o = p();
-  return o = r ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
-  );
-}), _ = "_toggle_1it16_1", S = {
-  toggle: _
-}, c = ({ expanded: t, children: n, onClick: r }) => /* @__PURE__ */ d(
+}), j = "_toggle_1it16_1", S = {
+  toggle: j
+}, c = ({ expanded: e, children: l, onClick: r }) => /* @__PURE__ */ f(
   h,
   {
     className: S.toggle,
@@ -57,24 +40,24 @@ const E = m((t, n) => {
     onClick: r,
     style: { display: "inline-flex", alignItems: "center" },
     children: [
-      n,
-      /* @__PURE__ */ a(b, { svgElement: t ? E : I, size: "sm" })
+      l,
+      /* @__PURE__ */ i(y, { svgElement: e ? b : I, size: "sm" })
     ]
   }
-), N = ({
-  items: t,
-  collapsible: n = !1,
+), U = ({
+  items: e,
+  collapsible: l = !1,
   expandLabel: r = "Expand history",
-  collapseLabel: e = "Collapse history"
+  collapseLabel: t = "Collapse history"
 }) => {
-  const [l, o] = g(!1), s = () => {
-    o((f) => !f);
+  const [o, n] = g(!1), m = () => {
+    n((a) => !a);
   };
-  return t ? l || !n ? /* @__PURE__ */ d(v, { children: [
-    t.map((f, u) => /* @__PURE__ */ y(w, { ...f, key: u })),
-    n && /* @__PURE__ */ a(c, { expanded: !0, onClick: s, children: e })
-  ] }) : /* @__PURE__ */ a(O, { border: "dashed", children: /* @__PURE__ */ a(c, { onClick: s, children: r }) }) : null;
+  return e ? o || !l ? /* @__PURE__ */ f(w, { children: [
+    e.map((a, d) => /* @__PURE__ */ u(v, { ...a, key: d })),
+    l && /* @__PURE__ */ i(c, { expanded: !0, onClick: m, children: t })
+  ] }) : /* @__PURE__ */ i(x, { border: "dashed", children: /* @__PURE__ */ i(c, { onClick: m, children: r }) }) : null;
 };
 export {
-  N as DialogHistory
+  U as DialogHistory
 };

package/dist/components/Dialog/DialogListItem.js

@@ -11,7 +11,7 @@ import { ListItemLabel as G } from "../List/ListItemLabel.js";
 import { ListItemSelect as J } from "../List/ListItemSelect.js";
 import { ListItem as x } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border_6y5ya_22", P = "_select_6y5ya_72", Q = "_header_6y5ya_79", R = "_summary_6y5ya_91", U = "_footer_6y5ya_119", W = "_touchedBy_6y5ya_123", X = "_heading_6y5ya_132", Y = "_title_6y5ya_138", o = {
+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,
   border: O,
   select: P,
@@ -32,13 +32,13 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
   recipient: v,
   recipientLabel: k = "to",
   grouped: D = !1,
-  updatedAt: n,
-  updatedAtLabel: d,
-  archivedAt: y,
+  updatedAt: h,
+  updatedAtLabel: n,
+  archivedAt: d,
   archivedAtLabel: I,
   trashedAt: _,
   trashedAtLabel: L,
-  label: S,
+  badge: S,
   dueAt: j,
   dueAtLabel: H,
   seen: c = !1,
@@ -46,19 +46,19 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
   touchedBy: T,
   attachmentsCount: V,
   title: m,
-  description: h,
+  description: f,
   summary: p,
   theme: q = "default",
-  ...f
+  ...b
 }) => {
-  const w = _ ? "trashed" : y ? "archived" : B, b = l ? "subtle" : q, N = r == null ? void 0 : r.value;
+  const w = _ ? "trashed" : d ? "archived" : B, y = l ? "subtle" : q, N = r == null ? void 0 : r.value;
   return a === "xs" || a === "sm" ? /* @__PURE__ */ e(
     x,
     {
-      ...f,
+      ...b,
       size: a,
       selected: l,
-      theme: b,
+      theme: y,
       label: /* @__PURE__ */ e(
         "div",
         {
@@ -67,19 +67,19 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
           "data-size": a,
           "data-seen": c,
           "data-loading": t,
-          children: /* @__PURE__ */ e(G, { loading: t, size: a, title: m, description: p || h })
+          children: /* @__PURE__ */ e(G, { loading: t, size: a, title: m, description: p || f })
         }
       ),
-      badge: /* @__PURE__ */ e(u, { loading: t, sender: s, updatedAt: n, updatedAtLabel: d }),
+      badge: /* @__PURE__ */ e(u, { loading: t, sender: s, updatedAt: h, updatedAtLabel: n }),
       title: m
     }
   ) : /* @__PURE__ */ e(
     x,
     {
-      ...f,
+      ...b,
       size: a,
       selected: l,
-      theme: b,
+      theme: y,
       controls: i && /* @__PURE__ */ e(J, { className: o.select, ...i, size: "xl" }),
       title: m,
       label: /* @__PURE__ */ g(
@@ -92,7 +92,7 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
           "data-loading": t,
           children: [
             /* @__PURE__ */ g("header", { className: o.header, "data-size": a, children: [
-              /* @__PURE__ */ e(F, { loading: t, size: a, state: w, label: S, seen: c, children: m }),
+              /* @__PURE__ */ e(F, { loading: t, size: a, state: w, badge: S, seen: c, children: m }),
               /* @__PURE__ */ e(
                 C,
                 {
@@ -104,7 +104,7 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
                   grouped: D
                 }
               ),
-              a === "lg" && /* @__PURE__ */ e(E, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: p || h }) })
+              a === "lg" && /* @__PURE__ */ e(E, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: p || f }) })
             ] }),
             /* @__PURE__ */ e(
               u,
@@ -112,9 +112,9 @@ import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border
                 className: o.footer,
                 loading: t,
                 status: r,
-                updatedAt: n,
-                updatedAtLabel: d,
-                archivedAt: y,
+                updatedAt: h,
+                updatedAtLabel: n,
+                archivedAt: d,
                 archivedAtLabel: I,
                 trashedAt: _,
                 trashedAtLabel: L,

package/dist/components/Dialog/DialogMetadata.js

@@ -8,10 +8,10 @@ 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 "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as P } from "../../ClockDashed-PQgzLSPC.js";
 import { u as S } from "../../useId-CsCRkvK3.js";

package/dist/components/Dialog/index.js

@@ -1,45 +1,43 @@
 import { Dialog as t } from "./Dialog.js";
 import { DialogHeader as i } from "./DialogHeader.js";
 import { DialogBody as g } from "./DialogBody.js";
-import { DialogList as m } from "./DialogList.js";
+import { DialogList as l } from "./DialogList.js";
 import { DialogListGroup as f } from "./DialogListGroup.js";
 import { DialogListItem as D } from "./DialogListItem.js";
 import { DialogMetadata as s } from "./DialogMetadata.js";
 import { DialogByline as c } from "./DialogByline.js";
-import { DialogActions as S } from "./DialogActions.js";
-import { DialogActivityLog as u } from "./DialogActivityLog.js";
+import { DialogActions as d } from "./DialogActions.js";
+import { DialogActivityLog as B } from "./DialogActivityLog.js";
 import { DialogSection as A } from "./DialogSection.js";
 import { DialogSeenBy as h } from "./DialogSeenBy.js";
-import { DialogSelect as b } from "./DialogSelect.js";
-import { DialogStatus as G, DialogStatusEnum as I } from "./DialogStatus.js";
-import { DialogHeading as T } from "./DialogHeading.js";
+import { DialogSelect as E } from "./DialogSelect.js";
+import { DialogStatus as I, DialogStatusEnum as M } from "./DialogStatus.js";
+import { DialogHeading as b } from "./DialogHeading.js";
 import { DialogTouchedBy as k } from "./DialogTouchedBy.js";
-import { DialogLabel as w } from "./DialogLabel.js";
-import { DialogAttachments as C } from "./DialogAttachments.js";
-import { DialogHistory as J } from "./DialogHistory.js";
-import { DialogActivity as N } from "./DialogActivity.js";
-import { SeenByLog as P } from "./SeenByLog.js";
+import { DialogAttachments as w } from "./DialogAttachments.js";
+import { DialogHistory as C } from "./DialogHistory.js";
+import { DialogActivity as J } from "./DialogActivity.js";
+import { SeenByLog as N } from "./SeenByLog.js";
 export {
   t as Dialog,
-  S as DialogActions,
-  N as DialogActivity,
-  u as DialogActivityLog,
-  C as DialogAttachments,
+  d as DialogActions,
+  J as DialogActivity,
+  B as DialogActivityLog,
+  w as DialogAttachments,
   g as DialogBody,
   c as DialogByline,
   i as DialogHeader,
-  T as DialogHeading,
-  J as DialogHistory,
-  w as DialogLabel,
-  m as DialogList,
+  b as DialogHeading,
+  C as DialogHistory,
+  l as DialogList,
   f as DialogListGroup,
   D as DialogListItem,
   s as DialogMetadata,
   A as DialogSection,
   h as DialogSeenBy,
-  b as DialogSelect,
-  G as DialogStatus,
-  I as DialogStatusEnum,
+  E as DialogSelect,
+  I as DialogStatus,
+  M as DialogStatusEnum,
   k as DialogTouchedBy,
-  P as SeenByLog
+  N as SeenByLog
 };

package/dist/components/Icon/ProgressIcon.js

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ProgressIcon.css';const i = "_progress_e618l_1", g = "_complete_e618l_25", l = {
+import '../../assets/ProgressIcon.css';const i = "_progress_1usqp_1", g = "_complete_1usqp_25", c = {
   progress: i,
   complete: g
-}, C = ({ value: e = 0, total: s = 100, className: c }) => {
+}, C = ({ value: e = 0, total: s = 100, className: l }) => {
   const r = Math.round(e / s * 100);
   if (e === s)
     return /* @__PURE__ */ o(
@@ -14,7 +14,7 @@ import '../../assets/ProgressIcon.css';const i = "_progress_e618l_1", g = "_comp
         viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        className: l.complete,
+        className: c.complete,
         children: [
           /* @__PURE__ */ o("title", { children: [
             "Progress ",
@@ -37,7 +37,7 @@ import '../../assets/ProgressIcon.css';const i = "_progress_e618l_1", g = "_comp
   const n = {
     "--progress": `${r}%`
   };
-  return /* @__PURE__ */ t("div", { className: p(l.progress, c), style: n, "data-value": `${r}%` });
+  return /* @__PURE__ */ t("div", { className: p(c.progress, l), style: n, "data-value": `${r}%` });
 };
 export {
   C as ProgressIcon

package/dist/components/List/ListItemLabel.js

@@ -1,14 +1,21 @@
-import { jsx as e, jsxs as o, Fragment as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const m = "_label_lkhmo_3", d = "_title_lkhmo_44", h = "_description_lkhmo_52", l = {
-  label: m,
-  title: d,
-  description: h
-}, b = ({ loading: s = !1, size: t = "sm", title: n, description: a, children: i }) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: i || /* @__PURE__ */ o(r, { children: [
-  /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: n }) }),
+import '../../assets/ListItemLabel.css';const d = "_label_fiqmy_3", _ = "_title_fiqmy_43", p = "_description_fiqmy_58", l = {
+  label: d,
+  title: _,
+  description: p
+}, f = ({
+  loading: s = !1,
+  size: t = "sm",
+  title: n,
+  weight: r = "bold",
+  description: i,
+  children: a
+}) => /* @__PURE__ */ e("span", { className: l.label, "data-size": t, children: a || /* @__PURE__ */ o(m, { children: [
+  /* @__PURE__ */ e("h2", { className: l.title, "data-size": t, "data-weight": r, children: /* @__PURE__ */ e(c, { loading: s, children: n }) }),
   " ",
-  a && /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: a }) })
+  i && /* @__PURE__ */ e("p", { className: l.description, "data-size": t, children: /* @__PURE__ */ e(c, { loading: s, children: i }) })
 ] }) });
 export {
-  b as ListItemLabel
+  f as ListItemLabel
 };

package/dist/components/Timeline/Timeline.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as i } from "../Page/Section.js";
-const x = ({ spacing: o = 2, children: r }) => /* @__PURE__ */ t(i, { spacing: o, children: r });
+const l = ({ spacing: o = 2, children: r }) => /* @__PURE__ */ t(i, { as: "ul", spacing: o, children: r });
 export {
-  x as Timeline
+  l as Timeline
 };