@altinn/altinn-components 0.36.7 → 0.38.0

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1cz0s_1{pointer-events:none;border-left:.25rem solid;border-color:var(--dsc-border-color);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0;--dsc-border-color: var(--ds-color-neutral-surface-tinted);--dsc-title-weight: 400;--dsc-title-font-size: 1rem;--dsc-title-line-height: 1.25;--dsc-summary-font-size: .875rem}._border_1cz0s_1[data-selected=true]{--dsc-border-color: var(--ds-color-surface-tinted)}._border_1cz0s_1[data-unread=true]{--dsc-border-color: var(--ds-color-surface-active);--dsc-title-weight: 600}._border_1cz0s_1[data-trashed=true] ._title_1cz0s_27{text-decoration:line-through}._border_1cz0s_1[data-size=xs],._border_1cz0s_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1cz0s_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1cz0s_1[data-size=lg]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:.875rem;row-gap:.875rem}._border_1cz0s_1[data-size=xl]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:1rem;row-gap:1rem}._controls_1cz0s_58{position:absolute;top:0;right:0;margin:.25em}._header_1cz0s_65{position:relative;display:flex;flex-direction:column;row-gap:.25rem}._header_1cz0s_65[data-size=xs],._header_1cz0s_65[data-size=sm]{display:flex;flex-direction:row}._summary_1cz0s_78{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._footer_1cz0s_92{width:100%;padding-right:2rem}._seenBy_1cz0s_97{position:absolute;right:0;bottom:0;margin:.25rem -1rem}._heading_1cz0s_104{padding-right:1.25rem;display:inline-flex;align-items:center;column-gap:.5em}._title_1cz0s_27{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);line-height:var(--dsc-title-line-height);margin:0}._title_1cz0s_27[data-size=md],._title_1cz0s_27[data-size=lg],._title_1cz0s_27[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
+._border_jg0tu_1{pointer-events:none;border-left:.25rem solid;border-color:var(--dsc-border-color);display:flex;flex-direction:column;margin-top:.25em;margin-bottom:.25em;--dsc-item-my: 0;--dsc-border-color: var(--ds-color-neutral-surface-tinted);--dsc-title-weight: 400;--dsc-title-font-size: 1rem;--dsc-title-line-height: 1.25;--dsc-summary-font-size: .875rem}._border_jg0tu_1[data-selected=true]{--dsc-border-color: var(--ds-color-surface-tinted)}._border_jg0tu_1[data-unread=true]{--dsc-border-color: var(--ds-color-surface-active);--dsc-title-weight: 600}._border_jg0tu_1[data-trashed=true] ._title_jg0tu_27{text-decoration:line-through}._border_jg0tu_1[data-size=xs],._border_jg0tu_1[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_jg0tu_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_jg0tu_1[data-size=lg]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:.875rem;row-gap:.875rem}._border_jg0tu_1[data-size=xl]{--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;padding-left:1rem;row-gap:1rem}._controls_jg0tu_58{position:absolute;top:0;right:0;margin:.25em}._header_jg0tu_65{position:relative;display:flex;flex-direction:column;row-gap:.25rem}._header_jg0tu_65[data-size=xs],._header_jg0tu_65[data-size=sm]{display:flex;flex-direction:row}._header_jg0tu_65 mark{background-color:var(--ds-color-surface-tinted)}._summary_jg0tu_82{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._footer_jg0tu_96{width:100%;padding-right:2rem}._seenBy_jg0tu_101{position:absolute;right:0;bottom:0;margin:.25rem -1rem}._heading_jg0tu_108{padding-right:1.25rem;display:inline-flex;align-items:center;column-gap:.5em}._title_jg0tu_27{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);line-height:var(--dsc-title-line-height);margin:0}._title_jg0tu_27[data-size=md],._title_jg0tu_27[data-size=lg],._title_jg0tu_27[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

package/dist/assets/DrawerBody.css

@@ -1 +1 @@
-._body_1rwbe_1{width:100%;padding:0 .5em;overflow-y:scroll}
+._body_oqhlu_1{width:100%;padding:0 .5em;overflow-y:visible}

package/dist/assets/DrawerOrDropdown.css

@@ -1 +1 @@
-._drawerOrDropdown_ijmwc_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2}@media (min-width: 1024px){._header_ijmwc_18,._footer_ijmwc_19{display:none}._drawerOrDropdown_ijmwc_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}
+._drawerOrDropdown_2swxb_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_2swxb_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2}@media (min-width: 1024px){._header_2swxb_17,._footer_2swxb_18{display:none}._drawerOrDropdown_2swxb_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_1vzjh_1[data-expanded=true]{display:block}._dropdown_1vzjh_5[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1vzjh_5[data-expanded=true]{width:320px;display:block}._drawer_1vzjh_1[data-expanded=true]{display:none}}._relative_1vzjh_19{position:relative}
+._drawer_1tael_1[data-expanded=true]{display:block;width:100%}._dropdown_1tael_6[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1tael_6[data-expanded=true]{width:320px;display:block}._drawer_1tael_1[data-expanded=true]{display:none}}._relative_1tael_20{position:relative}

package/dist/assets/Heading.css

@@ -1 +1 @@
-._heading_16r67_1{font-size:1em;line-height:1.25;margin:0}._heading_16r67_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_16r67_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_16r67_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_16r67_1[data-weight=normal]{font-weight:400}._heading_16r67_1[data-weight=medium]{font-weight:500}._heading_16r67_1[data-weight=bold]{font-weight:600}._heading_16r67_1[data-size=inherit]{font-size:1em}._heading_16r67_1[data-size=xxs]{font-size:.75rem}._heading_16r67_1[data-size=xs]{font-size:.875rem}._heading_16r67_1[data-size=sm]{font-size:1rem}._heading_16r67_1[data-size=md]{font-size:1.125rem}._heading_16r67_1[data-size=lg]{font-size:1.25rem}._heading_16r67_1[data-size=xl]{font-size:1.5rem}._heading_16r67_1[data-leading=none]{line-height:1}._heading_16r67_1[data-leading=normal]{line-height:1.5}._heading_16r67_1[data-leading=tight]{line-height:1.25}
+._heading_1dyne_1{font-size:1em;line-height:1.25;margin:0}._heading_1dyne_1[data-max-rows="1"]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_1dyne_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_1dyne_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_1dyne_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_1dyne_1[data-weight=normal]{font-weight:400}._heading_1dyne_1[data-weight=medium]{font-weight:500}._heading_1dyne_1[data-weight=bold]{font-weight:600}._heading_1dyne_1[data-size=inherit]{font-size:1em}._heading_1dyne_1[data-size=xxs]{font-size:.75rem}._heading_1dyne_1[data-size=xs]{font-size:.875rem}._heading_1dyne_1[data-size=sm]{font-size:1rem}._heading_1dyne_1[data-size=md]{font-size:1.125rem}._heading_1dyne_1[data-size=lg]{font-size:1.25rem}._heading_1dyne_1[data-size=xl]{font-size:1.5rem}._heading_1dyne_1[data-leading=none]{line-height:1}._heading_1dyne_1[data-leading=normal]{line-height:1.5}._heading_1dyne_1[data-leading=tight]{line-height:1.25}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1itcj_1{font:inherit;color:inherit;padding:0;border:0;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;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1itcj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1itcj_1[data-size=md]{min-height:56px}._item_1itcj_1[data-size=md]{min-height:44px}._item_1itcj_1[data-size=sm]{min-height:40px}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1itcj_1,._item_1itcj_1[data-theme]{background-color:transparent}._item_1itcj_1{pointer-events:none}._item_1itcj_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1itcj_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1itcj_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1itcj_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1itcj_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_1itcj_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_1itcj_1:focus-visible *{--_ds--focus: }
+._item_1qmxq_1{font:inherit;color:inherit;padding:0;border:0;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;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1qmxq_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1qmxq_1[data-size=md]{min-height:56px}._item_1qmxq_1[data-size=md]{min-height:44px}._item_1qmxq_1[data-size=sm]{min-height:40px}._content_1qmxq_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1qmxq_1,._item_1qmxq_1[data-theme]{background-color:transparent}._item_1qmxq_1{pointer-events:none}._item_1qmxq_1[data-interactive=true]{pointer-events:all}[data-theme=subtle] ._item_1qmxq_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1qmxq_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1qmxq_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1qmxq_1:hover,[data-theme=default] [data-active=true]{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1qmxq_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1qmxq_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1qmxq_45{display:flex;width:100%;align-items:center;column-gap:.5em}._item_1qmxq_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._item_1qmxq_1:focus-visible *{--_ds--focus: }

package/dist/assets/MenuItemsVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_15wg7_1{max-height:400px;overflow-y:auto}._virtualMenuListItem_15wg7_6{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_15wg7_6>*{margin:0}
+._virtualScrollRef_u54k3_1{max-height:400px;overflow-y:auto;padding:0 .5em;margin:0 -.5em}._virtualMenuListItem_u54k3_8{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_u54k3_8>*{margin:0}

package/dist/assets/ScopeListItem.css

@@ -1 +1 @@
-._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}
+._item_4v2ol_1 mark{background-color:transparent;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_4v2ol_1 mark:before{content:"«"}._item_4v2ol_1 mark:after{content:"»"}

package/dist/components/Button/IconButton.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { ButtonBase as f } from "./ButtonBase.js";
-import { ButtonIcon as u } from "./ButtonIcon.js";
+import { ButtonBase as u } from "./ButtonBase.js";
+import { ButtonIcon as B } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-const z = ({
+const g = ({
   variant: r = "solid",
   rounded: i = !1,
   size: m,
@@ -16,9 +16,10 @@ const z = ({
   className: n,
   selected: s,
   onClick: l,
-  dataTestId: d
+  dataTestId: d,
+  onBlurCapture: f
 }) => /* @__PURE__ */ o(
-  f,
+  u,
   {
     variant: r,
     rounded: i,
@@ -29,9 +30,10 @@ const z = ({
     selected: s,
     "data-testid": d,
     "aria-label": p,
-    children: t && /* @__PURE__ */ o(u, { icon: t, size: e })
+    onBlurCapture: f,
+    children: t && /* @__PURE__ */ o(B, { icon: t, size: e })
   }
 );
 export {
-  z as IconButton
+  g as IconButton
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,68 +1,83 @@
 "use client";
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { c as O } from "../../index-L8X2o7IH.js";
-import * as a from "react";
-import { forwardRef as b, useRef as h, useMemo as w } from "react";
-import { IconButton as y } from "../Button/IconButton.js";
-import { useClickOutside as I } from "../../hooks/useClickOutside.js";
+import { jsxs as y, jsx as f } from "react/jsx-runtime";
+import { c as I } from "../../index-L8X2o7IH.js";
+import * as m from "react";
+import { forwardRef as w, useRef as O, useMemo as k } from "react";
+import { IconButton as E } from "../Button/IconButton.js";
+import { useClickOutside as C } from "../../hooks/useClickOutside.js";
+import { useEnterKey as M } from "../../hooks/useEnterKey.js";
 import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
-import { MenuItems as C } from "../Menu/MenuItems.js";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { MenuItems as _ } from "../Menu/MenuItems.js";
+import { useRootContext as R } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var E = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+import { u as P } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var T = function(e, s) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && s.indexOf(t) < 0 && (n[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;
+      s.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
+  return n;
 };
-const M = b((e, l) => {
-  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
-  let n = R();
-  return n = r ? t || "title-" + n : void 0, a.createElement(
+const A = w((e, s) => {
+  var { title: n, titleId: t } = e, o = T(e, ["title", "titleId"]);
+  let i = P();
+  return i = n ? t || "title-" + i : void 0, m.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": n }, o),
-    r ? a.createElement("title", { id: n }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", 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: s, "aria-labelledby": i }, o),
+    n ? m.createElement("title", { id: i }, n) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), k = "_toggle_nol5i_1", B = {
-  toggle: k
-}, q = ({
+}), B = "_toggle_nol5i_1", S = {
+  toggle: B
+}, Q = ({
   id: e = "context-menu",
-  ariaLabel: l,
-  placement: r = "right",
+  ariaLabel: s,
+  placement: n = "right",
   groups: t = {},
   className: o,
-  items: n
+  items: i
 }) => {
-  const { currentId: p, toggleId: u, closeAll: f } = _(), m = h(null), g = () => u(e), c = p === e;
-  I(m, () => {
-    c && u(e);
+  const { currentId: v, toggleId: p, closeAll: a } = R(), d = O(null), g = "context-menu-" + e, x = () => p(e), u = v === e;
+  C(d, () => {
+    u && p(e);
   });
-  const x = w(() => n.map((i) => ({
-    ...i,
+  const b = k(() => i.map((r) => ({
+    ...r,
+    tabIndex: -1,
     onClick: () => {
-      var d;
-      (d = i.onClick) == null || d.call(i), f();
+      var c;
+      (c = r.onClick) == null || c.call(r), a();
     }
-  })), [n, f]);
-  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: m, children: [
-    /* @__PURE__ */ s(
-      y,
+  })), [i, a]);
+  M((r) => {
+    var c;
+    if (u) {
+      r.preventDefault();
+      const l = (c = d.current) == null ? void 0 : c.querySelector('[data-active="true"]');
+      l && (l.tagName === "A" && l.hasAttribute("href") ? l.click() : l.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
+    }
+  });
+  const h = (r) => {
+    var l;
+    ((l = r == null ? void 0 : r.relatedTarget) == null ? void 0 : l.closest(`[data-testid="${g}"]`)) || a();
+  };
+  return /* @__PURE__ */ y("div", { className: I(S.toggle, o), "data-color": "neutral", ref: d, "data-testid": g, children: [
+    /* @__PURE__ */ f(
+      E,
       {
         size: "xs",
         rounded: !0,
-        icon: M,
+        icon: A,
         variant: "text",
-        onClick: g,
-        iconAltText: l || `Open ${e}`
+        onClick: x,
+        iconAltText: s || `Open ${e}`,
+        onBlurCapture: h
       }
     ),
-    c && /* @__PURE__ */ s(j, { placement: r, open: c, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
+    u && /* @__PURE__ */ f(j, { placement: n, open: u, children: /* @__PURE__ */ f(_, { groups: t, items: b, keyboardEvents: !0 }) })
   ] });
 };
 export {
-  q as ContextMenu
+  Q as ContextMenu
 };

package/dist/components/Dialog/DialogList.js

@@ -1,28 +1,28 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { createElement as r } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as y } from "../../hooks/useMenu.js";
+import { useMenu as d } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListGroup as d } from "./DialogListGroup.js";
-import { DialogListItem as g } from "./DialogListItem.js";
+import { DialogListGroup as g } from "./DialogListGroup.js";
+import { DialogListItem as u } from "./DialogListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as u } from "../Page/Section.js";
-const j = ({ items: i, groups: e = {}, sortGroupBy: m, isLoading: s }) => {
-  const { menu: o } = y({
+import { Section as k } from "../Page/Section.js";
+const v = ({ items: i, groups: e = {}, sortGroupBy: m, highlightWords: s, isLoading: p }) => {
+  const { menu: o } = d({
     items: i,
     groups: e,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: m
   });
-  return /* @__PURE__ */ f(u, { spacing: 3, margin: "section", "aria-busy": s, children: o == null ? void 0 : o.map((t, p) => {
-    const a = t.props || {};
-    return /* @__PURE__ */ r(d, { ...a, key: "dialog-list-item" + p }, t == null ? void 0 : t.items.map((n, l) => {
-      const c = n.props || {};
-      return /* @__PURE__ */ r(g, { ...c, key: "dialog-list-item" + l });
+  return /* @__PURE__ */ y(k, { spacing: 3, margin: "section", "aria-busy": p, children: o == null ? void 0 : o.map((t, a) => {
+    const n = t.props || {};
+    return /* @__PURE__ */ r(g, { ...n, key: "dialog-list-item" + a }, t == null ? void 0 : t.items.map((l, c) => {
+      const f = l.props || {};
+      return /* @__PURE__ */ r(u, { ...f, highlightWords: s, key: "dialog-list-item" + c });
     }));
   }) });
 };
 export {
-  j as DialogList
+  v as DialogList
 };

package/dist/components/Dialog/DialogListItem.js

@@ -1,151 +1,173 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as G } from "../Skeleton/Skeleton.js";
-import { Badge as J } from "../Badge/Badge.js";
+import { Badge as O } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as K } from "../Typography/Heading.js";
-import { DialogMetadata as z } from "./DialogMetadata.js";
-import { DialogByline as O } from "./DialogByline.js";
-import { MetaItem as P } from "../Metadata/MetaItem.js";
-import { ListItemLabel as Q } from "../List/ListItemLabel.js";
-import { ListItem as B } from "../List/ListItem.js";
+import { Heading as N } from "../Typography/Heading.js";
+import { DialogMetadata as y } from "./DialogMetadata.js";
+import { DialogByline as P } from "./DialogByline.js";
+import { MetaItem as Q } from "../Metadata/MetaItem.js";
+import { ListItemLabel as S } from "../List/ListItemLabel.js";
+import { ListItem as u } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const T = "_border_1cz0s_1", U = "_title_1cz0s_27", W = "_controls_1cz0s_58", X = "_header_1cz0s_65", Y = "_summary_1cz0s_78", Z = "_footer_1cz0s_92", $ = "_seenBy_1cz0s_97", A = "_heading_1cz0s_104", e = {
+import '../../assets/DialogListItem.css';const T = "_border_jg0tu_1", U = "_title_jg0tu_27", X = "_controls_jg0tu_58", Y = "_header_jg0tu_65", Z = "_summary_jg0tu_82", $ = "_footer_jg0tu_96", W = "_seenBy_jg0tu_101", z = "_heading_jg0tu_108", r = {
   border: T,
   title: U,
-  controls: W,
-  header: X,
-  summary: Y,
-  footer: Z,
-  seenBy: $,
-  heading: A
-}, fa = ({
-  size: r = "xl",
-  state: u = "normal",
-  loading: o,
-  controls: g,
+  controls: X,
+  header: Y,
+  summary: Z,
+  footer: $,
+  seenBy: W,
+  heading: z
+}, ha = ({
+  size: e = "xl",
+  state: A = "normal",
+  loading: t,
+  controls: B,
   select: aa,
   selected: m,
-  status: t,
-  sender: l,
-  recipient: I,
-  recipientLabel: D = "to",
-  grouped: L = !1,
-  updatedAt: d,
+  status: o,
+  sender: d,
+  recipient: w,
+  recipientLabel: I = "to",
+  grouped: D = !1,
+  updatedAt: l,
   updatedAtLabel: _,
   archived: h,
-  archivedAt: j,
-  archivedAtLabel: w,
+  archivedAt: L,
+  archivedAtLabel: M,
   trashed: f,
-  trashedAt: M,
-  trashedAtLabel: k,
+  trashedAt: R,
+  trashedAtLabel: H,
   badge: p,
-  dueAt: H,
-  dueAtLabel: R,
-  unread: c,
-  seenByLog: b,
-  draftsLabel: S,
-  sentCount: V,
-  receivedCount: q,
-  attachmentsCount: C,
-  attachmentsLabel: E,
-  title: s,
-  description: v,
-  summary: i,
-  variant: F = "default",
-  id: x,
-  ...N
+  dueAt: V,
+  dueAtLabel: k,
+  unread: n,
+  seenByLog: g,
+  draftsLabel: q,
+  sentCount: C,
+  receivedCount: E,
+  attachmentsCount: F,
+  attachmentsLabel: G,
+  title: i,
+  description: J,
+  summary: s,
+  highlightWords: b,
+  variant: K = "default",
+  id: j,
+  ...v
 }) => {
-  const y = m ? "tinted" : F;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ a(
-    B,
+  const x = m ? "tinted" : K;
+  return e === "xs" || e === "sm" ? /* @__PURE__ */ a(
+    u,
     {
-      ...N,
-      id: x,
-      size: r,
+      ...v,
+      id: j,
+      size: e,
       selected: m,
-      variant: y,
-      ariaLabel: s,
+      variant: x,
+      ariaLabel: i,
       label: /* @__PURE__ */ a(
         "div",
         {
-          className: e.border,
-          "data-status": t == null ? void 0 : t.value,
+          className: r.border,
+          "data-status": o == null ? void 0 : o.value,
           "data-selected": m,
-          "data-size": r,
-          "data-unread": c,
+          "data-size": e,
+          "data-unread": n,
           "data-archived": h,
           "data-trashed": f,
-          "data-loading": o,
-          children: /* @__PURE__ */ a(Q, { loading: o, size: r, title: s, description: i || v })
+          "data-loading": t,
+          children: /* @__PURE__ */ a(S, { loading: t, size: e, title: i, description: s || J })
         }
       ),
-      badge: /* @__PURE__ */ a(z, { loading: o, sender: l, updatedAt: d, updatedAtLabel: _ }),
-      title: s
+      badge: /* @__PURE__ */ a(y, { loading: t, sender: d, updatedAt: l, updatedAtLabel: _ }),
+      title: i
     }
   ) : /* @__PURE__ */ a(
-    B,
+    u,
     {
-      ...N,
-      id: x,
-      size: r,
+      ...v,
+      id: j,
+      size: e,
       selected: m,
-      variant: y,
-      controls: /* @__PURE__ */ a("div", { className: e.controls, children: g }),
-      title: s,
-      label: /* @__PURE__ */ n(
+      variant: x,
+      controls: /* @__PURE__ */ a("div", { className: r.controls, children: B }),
+      title: i,
+      label: /* @__PURE__ */ c(
         "div",
         {
-          className: e.border,
+          className: r.border,
           "data-selected": m,
-          "data-status": t == null ? void 0 : t.value,
-          "data-size": r,
-          "data-unread": c,
+          "data-status": o == null ? void 0 : o.value,
+          "data-size": e,
+          "data-unread": n,
           "data-archived": h,
           "data-trashed": f,
-          "data-loading": o,
+          "data-loading": t,
           children: [
-            /* @__PURE__ */ n("header", { className: e.header, "data-size": r, children: [
-              /* @__PURE__ */ n("span", { className: e.heading, children: [
-                /* @__PURE__ */ a(K, { weight: c ? "bold" : "normal", loading: o, maxRows: 2, className: e.title, children: s }),
-                p && /* @__PURE__ */ a(J, { variant: "tinted", size: "xs", ...p })
+            /* @__PURE__ */ c("header", { className: r.header, "data-size": e, children: [
+              /* @__PURE__ */ c("span", { className: r.heading, children: [
+                /* @__PURE__ */ a(
+                  N,
+                  {
+                    as: "h2",
+                    highlightWords: b,
+                    weight: n ? "bold" : "normal",
+                    loading: t,
+                    maxRows: 2,
+                    className: r.title,
+                    children: i
+                  }
+                ),
+                p && /* @__PURE__ */ a(O, { variant: "tinted", size: "xs", ...p })
               ] }),
               /* @__PURE__ */ a(
-                O,
+                P,
                 {
                   size: "xs",
-                  loading: o,
-                  sender: l,
-                  recipient: I,
-                  recipientLabel: D,
-                  grouped: L
+                  loading: t,
+                  sender: d,
+                  recipient: w,
+                  recipientLabel: I,
+                  grouped: D
                 }
               ),
-              r === "xl" && i && /* @__PURE__ */ a(G, { loading: o, children: /* @__PURE__ */ a("p", { "data-size": r, className: e.summary, children: i || v }) })
+              s && /* @__PURE__ */ a(
+                N,
+                {
+                  as: "h3",
+                  highlightWords: b,
+                  weight: "normal",
+                  className: r.summary,
+                  loading: t,
+                  maxRows: 2,
+                  children: s
+                }
+              )
             ] }),
             /* @__PURE__ */ a(
-              z,
+              y,
               {
-                className: e.footer,
-                loading: o,
-                status: t,
-                draftsLabel: S,
-                sentCount: V,
-                receivedCount: q,
-                updatedAt: d,
+                className: r.footer,
+                loading: t,
+                status: o,
+                draftsLabel: q,
+                sentCount: C,
+                receivedCount: E,
+                updatedAt: l,
                 updatedAtLabel: _,
-                archivedAt: j,
-                archivedAtLabel: w,
-                trashedAt: M,
-                trashedAtLabel: k,
-                dueAt: H,
-                dueAtLabel: R,
-                attachmentsCount: C,
-                attachmentsLabel: E
+                archivedAt: L,
+                archivedAtLabel: M,
+                trashedAt: R,
+                trashedAtLabel: H,
+                dueAt: V,
+                dueAtLabel: k,
+                attachmentsCount: F,
+                attachmentsLabel: G
               }
             ),
-            b && /* @__PURE__ */ a(P, { className: e.seenBy, icon: { items: b.items } })
+            g && /* @__PURE__ */ a(Q, { className: r.seenBy, icon: { items: g.items } })
           ]
         }
       )
@@ -153,5 +175,5 @@ import '../../assets/DialogListItem.css';const T = "_border_1cz0s_1", U = "_titl
   );
 };
 export {
-  fa as DialogListItem
+  ha as DialogListItem
 };

package/dist/components/Dropdown/DrawerBody.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as t } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBody.css';const c = "_body_1rwbe_1", d = {
+import '../../assets/DrawerBody.css';const c = "_body_oqhlu_1", d = {
   body: c
-}, b = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: t(d.body, o), children: r });
+}, m = ({ className: o, children: r }) => /* @__PURE__ */ s("div", { className: t(d.body, o), children: r });
 export {
-  b as DrawerBody
+  m as DrawerBody
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -1,4 +1,4 @@
-import { jsxs as c, Fragment as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, Fragment as c, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
@@ -8,7 +8,7 @@ import { DrawerFooter as f } from "./DrawerFooter.js";
 import { DrawerButton as D } from "./DrawerButton.js";
 import { DrawerBody as n } from "./DrawerBody.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const t = "_drawerOrDropdown_ijmwc_1", _ = "_header_ijmwc_18", h = "_footer_ijmwc_19", e = {
+import '../../assets/DrawerOrDropdown.css';const t = "_drawerOrDropdown_2swxb_1", _ = "_header_2swxb_17", h = "_footer_2swxb_18", e = {
   drawerOrDropdown: t,
   header: _,
   footer: h
@@ -18,9 +18,9 @@ import '../../assets/DrawerOrDropdown.css';const t = "_drawerOrDropdown_ijmwc_1"
   drawerButton: r,
   children: a,
   drawerTitle: p
-}) => /* @__PURE__ */ c(s, { children: [
+}) => /* @__PURE__ */ s(c, { children: [
   m && /* @__PURE__ */ o(d, { onClick: i }),
-  /* @__PURE__ */ c("div", { className: e.drawerOrDropdown, "data-expanded": m, children: [
+  /* @__PURE__ */ s("div", { className: e.drawerOrDropdown, "data-expanded": m, children: [
     /* @__PURE__ */ o(l, { className: e.header, title: p, onClose: i }),
     /* @__PURE__ */ o(n, { children: a }),
     /* @__PURE__ */ o(f, { className: e.footer, children: r && /* @__PURE__ */ o(D, { onClick: r == null ? void 0 : r.onClick, children: r == null ? void 0 : r.label }) })