@altinn/altinn-components 0.63.3 → 0.63.5

package/dist/components/Timeline/Timeline.js

@@ -1,14 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
-const h = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
+const j = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  h as Timeline
+  j as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -1,7 +1,8 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as c } from "../../ToolbarSearch-BQfKHZnX.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -10,7 +11,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as l } from "../Page/Section.js";
 import { S as y } from "../../CircleFill-yFbEHBRX.js";
-const w = ({
+const D = ({
   loading: r,
   byline: t,
   icon: x = y,
@@ -27,5 +28,5 @@ const w = ({
   o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  w as TimelineActivity
+  D as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,8 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -14,12 +15,12 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   sidebar: f,
   content: h,
   border: j
-}, A = ({
+}, C = ({
   as: n = "section",
   loading: o,
   border: a = "solid",
-  borderColor: c,
-  level: m = 1,
+  borderColor: m,
+  level: c = 1,
   color: r,
   icon: s,
   iconColor: d,
@@ -28,12 +29,12 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   id: _,
   ...b
 }) => /* @__PURE__ */ i(x, { as: n, className: e.section, color: r, ...b, id: _, children: [
-  /* @__PURE__ */ i("aside", { className: e.sidebar, "data-level": m, children: [
+  /* @__PURE__ */ i("aside", { className: e.sidebar, "data-level": c, children: [
     s && /* @__PURE__ */ t(v, { loading: o, icon: s, theme: l, color: d, size: "sm" }),
-    /* @__PURE__ */ t("div", { className: e.border, "data-loading": o, "data-variant": a, "data-color": c || r })
+    /* @__PURE__ */ t("div", { className: e.border, "data-loading": o, "data-variant": a, "data-color": m || r })
   ] }),
   /* @__PURE__ */ t("div", { className: e.content, children: p })
 ] });
 export {
-  A as TimelineBase
+  C as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -1,7 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as l } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -9,7 +10,7 @@ import { TimelineBase as n } from "./TimelineBase.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as s } from "../../CircleFill-yFbEHBRX.js";
-const b = ({
+const j = ({
   loading: r,
   as: o = "li",
   color: m = "neutral",
@@ -18,5 +19,5 @@ const b = ({
   children: p
 }) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: t, color: m, iconColor: e, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  b as TimelineFooter
+  j as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -2,7 +2,8 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as c } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -14,10 +15,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, u = ({ as: t = "li", loading: i, color: o, icon: s, children: m }) => /* @__PURE__ */ n(d, { as: t, className: r.header, color: o, children: [
+}, B = ({ as: t = "li", loading: i, color: o, icon: s, children: m }) => /* @__PURE__ */ n(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(a, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(c, { loading: i, size: "lg", children: m }) })
 ] });
 export {
-  u as TimelineHeader
+  B as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,9 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
+import { isValidElement as e } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as n, i as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import { I as s, s as n, i as l } from "../../ToolbarSearch-BQfKHZnX.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -13,9 +14,9 @@ import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
   icon: g
 };
 function v(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || p(t);
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || e(t);
 }
-const k = ({ loading: t, size: m, color: e, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: n, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": e, "data-size": m, children: f(r) && /* @__PURE__ */ o(c, { ...r }) || u(r) && /* @__PURE__ */ o(d, { ...r, className: a.avatarGroup }) || l(r) && /* @__PURE__ */ o(s, { ...r, theme: i }) || v(r) && r || /* @__PURE__ */ o(s, { theme: i, svgElement: r }) }) : null;
+const w = ({ loading: t, size: m, color: p, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: n, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": p, "data-size": m, children: f(r) && /* @__PURE__ */ o(c, { ...r }) || u(r) && /* @__PURE__ */ o(d, { ...r, className: a.avatarGroup }) || l(r) && /* @__PURE__ */ o(s, { ...r, theme: i }) || v(r) && r || /* @__PURE__ */ o(s, { theme: i, svgElement: r }) }) : null;
 export {
-  k as TimelineIcon
+  w as TimelineIcon
 };

package/dist/components/Timeline/TimelineSection.js

@@ -1,7 +1,8 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as c } from "../../ToolbarSearch-BQfKHZnX.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -10,7 +11,7 @@ import { TimelineBase as l } from "./TimelineBase.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";
-const A = ({
+const D = ({
   loading: o,
   unread: p,
   level: e,
@@ -39,5 +40,5 @@ const A = ({
   }
 );
 export {
-  A as TimelineSection
+  D as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,7 +1,8 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as S } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as S } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,7 +11,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
 import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const z = ({
+const A = ({
   loading: r,
   unread: m,
   datetime: t,
@@ -28,5 +29,5 @@ const z = ({
   s
 ] }) });
 export {
-  z as TimelineSegment
+  A as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -2,11 +2,12 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Datepicker as T } from "../Datepicker/Datepicker.js";
 import { Field as n } from "../Forms/Field.js";
 import { Fieldset as v } from "../Forms/Fieldset.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "react";
 import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
-import "react";
-import { u as x, k as g } from "../../ToolbarSearch-OLv6DjhT.js";
+import { u as x, k as g } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -16,7 +17,7 @@ import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S } from "../../ArrowUndo-hge1gMu8.js";
-import '../../assets/DatepickerFilter.css';const u = {}, V = ({
+import '../../assets/DatepickerFilter.css';const u = {}, W = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
   onSubmit: b
@@ -97,5 +98,5 @@ import '../../assets/DatepickerFilter.css';const u = {}, V = ({
   }
 };
 export {
-  V as DatepickerFilter
+  W as DatepickerFilter
 };

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,7 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { M as x } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../../index-p1eeF8LQ.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -9,7 +10,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { DatepickerFilter as M } from "./DatepickerFilter.js";
 import { formatDateRange as j } from "./formatDateRange.js";
-const Q = ({
+const U = ({
   name: n = "time",
   size: k,
   searchable: v,
@@ -67,5 +68,5 @@ const Q = ({
   return a ? /* @__PURE__ */ d("div", { ref: i, children: /* @__PURE__ */ d(M, { formData: { fromDate: t, toDate: r }, onChange: L, onSubmit: s }) }) : /* @__PURE__ */ d(x, { size: k, searchable: v, keyboardEvents: l, items: g, groups: T });
 };
 export {
-  Q as SelectDateFilter
+  U as SelectDateFilter
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { p as l, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { p as l, T as x } from "../../ToolbarSearch-BQfKHZnX.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: p, children: b }) => /* @__PURE__ */ n("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,7 +2,8 @@ import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
 import { useMemo as N, useState as O, createElement as y } from "react";
 import { Button as E } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { s as X } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { s as X } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -11,7 +12,7 @@ import { ToolbarFilterMenu as q } from "./ToolbarFilterMenu.js";
 import { useFilter as w } from "./useFilter.js";
 import { ToolbarControls as z } from "./ToolbarControls.js";
 import { ToolbarFilterAddMenu as D } from "./ToolbarFilterAddMenu.js";
-const S = ({
+const oo = ({
   disabled: n,
   filters: r,
   filterState: e = {},
@@ -87,5 +88,5 @@ const S = ({
   ] });
 };
 export {
-  S as ToolbarFilter
+  oo as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,13 +2,14 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { g as w, M as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { g as w, M as x } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as R } from "../../Plus-Cj3oOc3N.js";
-const j = ({
+const D = ({
   label: i = "Legg til filter",
   items: d,
   groups: l = {},
@@ -63,5 +64,5 @@ const j = ({
   );
 };
 export {
-  j as ToolbarFilterAddMenu
+  D as ToolbarFilterAddMenu
 };

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,7 +2,8 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as c, t as a } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { s as c, t as a } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
@@ -10,7 +11,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
-function C({
+function L({
   disabled: e,
   name: i,
   onClick: n,
@@ -43,5 +44,5 @@ function C({
   ] });
 }
 export {
-  C as ToolbarFilterButton
+  L as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,14 +1,15 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { g as E, M as J } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { g as E, M as J } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilterButton as g } from "./ToolbarFilterButton.js";
-const rr = ({
+const tr = ({
   as: j,
   disabled: D,
   size: v,
@@ -25,12 +26,12 @@ const rr = ({
   onRemove: w,
   open: t,
   onToggle: I,
-  onClose: l,
+  onClose: m,
   submitLabel: x,
   search: A,
   virtualized: M,
   title: R,
-  variant: m,
+  variant: l,
   dropdownSize: C = "sm"
 }) => {
   const F = G(t), e = K({ id: "toolbar-filter-menu" });
@@ -40,12 +41,12 @@ const rr = ({
   }, [t, e.triggerRef]);
   const T = (r) => {
     const i = r.target.type, p = r.target.name, q = r.target.value;
-    B?.(i, p, q), i === "radio" && l();
+    B?.(i, p, q), i === "radio" && m();
   }, a = y?.map((r) => ({
     ...r,
     onChange: (i) => T(i)
   })), f = (y?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", P = j || J, s = u ? "combobox" : "menu", V = () => {
-    l();
+    m();
     const r = c?.[o]?.[0];
     a?.filter((p) => p.checked)?.length === 0 && !r && w?.();
   };
@@ -55,7 +56,7 @@ const rr = ({
       disabled: !0,
       name: o,
       removable: !0,
-      variant: m || f,
+      variant: l || f,
       removeLabel: b,
       open: t,
       children: d
@@ -74,7 +75,7 @@ const rr = ({
           onClick: I,
           onRemove: w,
           removable: !0,
-          variant: m || f,
+          variant: l || f,
           removeLabel: b,
           open: t,
           "aria-expanded": t,
@@ -112,9 +113,9 @@ const rr = ({
       title: R,
       variant: "drawer-dropdown",
       submitLabel: x,
-      trigger: /* @__PURE__ */ n(g, { name: o, onClick: I, variant: m || f, children: d }),
+      trigger: /* @__PURE__ */ n(g, { name: o, onClick: I, variant: l || f, children: d }),
       open: t,
-      onClose: l,
+      onClose: m,
       ...e.dropdownA11yProps,
       children: /* @__PURE__ */ n(
         P,
@@ -137,5 +138,5 @@ const rr = ({
   );
 };
 export {
-  rr as ToolbarFilterMenu
+  tr as ToolbarFilterMenu
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,11 +2,12 @@ import "react/jsx-runtime";
 import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { p as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { p as n } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  l as ToolbarMenu
+  n as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "react";
+import "../../tooltip-B5zQ3zF0.js";
 import "../../index-p1eeF8LQ.js";
-import { T as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import { T as f } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  c as ToolbarSearch
+  f as ToolbarSearch
 };

package/dist/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
 import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
-import { p as f, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { p as f, T as x } from "../../ToolbarSearch-BQfKHZnX.js";
 import { useFilter as T } from "./useFilter.js";
 import { SelectDateFilter as i } from "./SelectDateFilter.js";
 import { QueryLabel as s } from "./QueryLabel.js";

package/dist/components/Tooltip/Tooltip.js

@@ -1,101 +1,9 @@
-"use client";
-import { jsxs as z, Fragment as I, jsx as w } from "react/jsx-runtime";
-import { a as j, c as D, o as N, f as W, s as x } from "../../floating-ui.dom-bEgaHJCq.js";
-import { S as B } from "../../index-D7FJjvrv.js";
-import { c as K } from "../../lite-1fxw3LjI.js";
-import { forwardRef as U, useId as X, useState as Y, useRef as k, useEffect as E, Fragment as q, version as T } from "react";
-import { u as G } from "../../use-merge-refs-Cj4kTYVj.js";
-import '../../assets/Tooltip.css';const H = U(function({ id: s, children: e, content: n, placement: t = "top", autoPlacement: o = !0, open: P, className: M, type: v, ...R }, $) {
-  const F = X(), [L, f] = Y(!1), d = k(null), u = k(null), O = G([u, $]), i = P ?? L, m = s ?? F, g = () => {
-    f(!0);
-  }, h = () => {
-    f(!1);
-  };
-  E(() => {
-    const a = u.current, p = d.current;
-    if (a?.togglePopover?.(i), a && (a.style.opacity = i ? "1" : "0"), a && p && i)
-      return j(p, a, () => {
-        D(p, a, {
-          placement: t,
-          strategy: "fixed",
-          middleware: [
-            N((l) => {
-              const c = getComputedStyle(l.elements.floating, "::before");
-              return parseFloat(c.height);
-            }),
-            ...o ? [W({ fallbackAxisSideDirection: "start" }), x()] : [],
-            x(),
-            J,
-            Q
-          ]
-        }).then(({ x: l, y: c }) => {
-          a.style.translate = `${Math.round(l)}px ${Math.round(c)}px`;
-        });
-      });
-  }, [i, t]), E(() => {
-    const a = u.current, p = d.current, l = (y) => {
-      y.key === "Escape" && f(!1);
-    }, c = (y) => {
-      const b = y.target, C = a?.contains(b);
-      !p?.contains(b) && !C && i && f(!1);
-    };
-    return i && (window.addEventListener("keydown", l), document.addEventListener("click", c)), () => {
-      window.removeEventListener("keydown", l), document.removeEventListener("click", c);
-    };
-  }, [i]);
-  const S = typeof e == "string" ? "span" : B;
-  if (typeof e != "string" && e.type === q)
-    return console.error("<Tooltip> children needs to be a single ReactElement that can receive a ref and not: <Fragment/> | <></>"), null;
-  const _ = {
-    [T.startsWith("19") ? "popoverTarget" : "popovertarget"]: m,
-    [T.startsWith("19") ? "popoverTargetAction" : "popovertargetaction"]: "show"
-  }, A = `aria-${d.current?.innerText?.trim() ? "describedby" : "labelledby"}`;
-  return z(I, { children: [w(S, { ref: d, ..._, onMouseEnter: g, onMouseLeave: h, onFocus: g, onBlur: h, [v ? "aria-" + v : A]: m, children: e }), w("span", { onMouseEnter: g, onMouseLeave: h, ref: O, role: "tooltip", className: K("ds-tooltip", M), id: m, popover: "manual", ...R, children: n })] });
-}), J = {
-  name: "ArrowPseudoElement",
-  fn(r) {
-    const { elements: s, rects: e, placement: n } = r;
-    let t = `${Math.round(e.reference.width / 2 + e.reference.x - r.x)}px`, o = `${Math.round(e.reference.height / 2 + e.reference.y - r.y)}px`;
-    switch (n) {
-      case "top":
-        o = "100%";
-        break;
-      case "right":
-        t = "0";
-        break;
-      case "bottom":
-        o = "0";
-        break;
-      case "left":
-        t = "100%";
-        break;
-    }
-    return s.floating.style.setProperty("--dsc-tooltip-arrow-x", t), s.floating.style.setProperty("--dsc-tooltip-arrow-y", o), r;
-  }
-}, Q = {
-  name: "SafeAreaElement",
-  fn(r) {
-    const { elements: s, placement: e } = r;
-    let n = "100%", t = "var(--dsc-tooltip-arrow-size)", o = "0px";
-    switch (e) {
-      case "top":
-        o = "-50% 0%";
-        break;
-      case "right":
-        t = "100%", n = "var(--dsc-tooltip-arrow-size)", o = "-100% -50%";
-        break;
-      case "bottom":
-        o = "-50% -100%";
-        break;
-      case "left":
-        t = "100%", n = "var(--dsc-tooltip-arrow-size)", o = "0 -50%";
-        break;
-    }
-    return s.floating.style.setProperty("--_dsc-tooltip-safearea-height", t), s.floating.style.setProperty("--_dsc-tooltip-safearea-width", n), s.floating.style.setProperty("--_dsc-tooltip-safearea-translate", o), r;
-  }
-}, V = "_tooltip_10ebf_1", Z = {
-  tooltip: V
-}, le = ({ size: r = "xs", placement: s, children: e, content: n, hidden: t }) => n ? /* @__PURE__ */ w(H, { "aria-hidden": t, "data-size": r, content: n, placement: s, className: Z.tooltip, children: e }) : e;
+import { jsx as r } from "react/jsx-runtime";
+import { w as a } from "../../tooltip-B5zQ3zF0.js";
+import "react";
+import '../../assets/Tooltip.css';const l = "_tooltip_10ebf_1", e = {
+  tooltip: l
+}, x = ({ size: i = "xs", placement: s, children: o, content: t, hidden: p }) => t ? /* @__PURE__ */ r(a, { "aria-hidden": p, "data-size": i, content: t, placement: s, className: e.tooltip, children: o }) : o;
 export {
-  le as Tooltip
+  x as Tooltip
 };

package/dist/components/Transmission/Transmission.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { B as v } from "../../ToolbarSearch-OLv6DjhT.js";
+import { B as v } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import "../../tooltip-B5zQ3zF0.js";
 import { Typography as T } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -16,7 +17,7 @@ import { Section as S } from "../Page/Section.js";
 import { TransmissionType as _ } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   title: j
-}, P = ({
+}, Q = ({
   type: i,
   unread: o,
   size: d = "xs",
@@ -72,5 +73,5 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   );
 };
 export {
-  P as Transmission
+  Q as Transmission
 };