@altinn/altinn-components 0.56.8 → 0.56.10

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,51 +1,67 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { M as g } from "../../SearchField-xsZAikgq.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as L, useState as u, useCallback as O, useEffect as R } from "react";
+import { M as x } from "../../SearchField-CYYz0JvC.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { DatepickerFilter as C } from "./DatepickerFilter.js";
-import { formatDateRange as h } from "./formatDateRange.js";
-const q = ({
-  name: t = "time",
-  size: c,
-  searchable: m,
-  keyboardEvents: s,
-  items: D,
-  groups: d,
-  filterState: e = {},
-  onFilterStateChange: r
+import { DatepickerFilter as A } from "./DatepickerFilter.js";
+import { formatDateRange as M } from "./formatDateRange.js";
+const N = ({
+  name: n = "time",
+  size: f,
+  searchable: v,
+  keyboardEvents: k,
+  items: l,
+  groups: E,
+  filterState: t = {},
+  onFilterStateChange: c
 }) => {
-  const [f, i] = b(!1), a = e?.fromDate?.[0] || "", n = e?.toDate?.[0] || "", u = () => {
-    i(!1);
-  }, k = (o) => {
-    r?.({
-      ...e,
-      fromDate: o.fromDate ? [o.fromDate] : void 0,
-      toDate: o.toDate ? [o.toDate] : void 0,
-      [t]: ["fromAndToDate"]
-    });
-  }, l = h(a, n), v = D?.map((o) => o.role === "datepicker" ? {
-    ...o,
-    description: l,
-    selected: e?.[t]?.[0] === "fromAndToDate",
+  const s = L(null), [a, p] = u(!1), [o, w] = u(t?.fromDate?.[0] || ""), [r, T] = u(t?.toDate?.[0] || ""), i = O(() => {
+    c?.({
+      ...t,
+      fromDate: o ? [o] : void 0,
+      toDate: r ? [r] : void 0,
+      [n]: o || r ? ["fromAndToDate"] : void 0
+    }), p(!1);
+  }, [c, t, o, r, n]);
+  R(() => {
+    if (!a) return;
+    const e = (m) => {
+      m.key === "Escape" && i();
+    }, D = (m) => {
+      const C = m.target;
+      s.current && !s.current.contains(C) && i();
+    }, y = setTimeout(() => {
+      document.addEventListener("mousedown", D), document.addEventListener("keydown", e);
+    }, 0);
+    return () => {
+      clearTimeout(y), document.removeEventListener("mousedown", D), document.removeEventListener("keydown", e);
+    };
+  }, [a, i]);
+  const b = (e) => {
+    w(e?.fromDate || ""), T(e?.toDate || "");
+  }, g = M(o, r), h = l?.map((e) => e.role === "datepicker" ? {
+    ...e,
+    description: g,
+    selected: t?.[n]?.[0] === "fromAndToDate",
     onClick: () => {
-      i(!0);
+      p(!0);
     }
   } : {
-    ...o,
+    ...e,
     onChange: () => {
-      r?.({
-        ...e,
+      c?.({
+        ...t,
         fromDate: void 0,
         toDate: void 0,
-        [t]: o?.value ? [o.value] : void 0
+        [n]: e?.value ? [e.value] : void 0
       });
     }
   });
-  return f ? /* @__PURE__ */ p(C, { formData: { fromDate: a, toDate: n }, onChange: k, onSubmit: u }) : /* @__PURE__ */ p(g, { size: c, searchable: m, keyboardEvents: s, items: v, groups: d });
+  return a ? /* @__PURE__ */ d("div", { ref: s, children: /* @__PURE__ */ d(A, { formData: { fromDate: o, toDate: r }, onChange: b, onSubmit: i }) }) : /* @__PURE__ */ d(x, { size: f, searchable: v, keyboardEvents: k, items: h, groups: E });
 };
 export {
-  q as SelectDateFilter
+  N as SelectDateFilter
 };

package/dist/components/Toolbar/Toolbar.js

@@ -2,13 +2,14 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilter as u } from "./ToolbarFilter.js";
 import { ToolbarSearch as b } from "./ToolbarSearch.js";
 import { ToolbarMenu as i } from "./ToolbarMenu.js";
 import { ButtonGroup as f } from "../Button/ButtonGroup.js";
-const F = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
+const G = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
   o && /* @__PURE__ */ r(i, { size: "md", ...o, virtualized: !0 }),
   p?.map((a, l) => /* @__PURE__ */ r(i, { ...a }, l)),
   m && /* @__PURE__ */ r(b, { ...m }),
@@ -16,5 +17,5 @@ const F = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /
   e
 ] });
 export {
-  F as Toolbar
+  G as Toolbar
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,14 +1,15 @@
-import { jsxs as g, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { jsxs as g, Fragment as f, jsx as m } from "react/jsx-runtime";
 import { useState as B, createElement as I } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { useFilter as N } from "./useFilter.js";
 import { ToolbarFilterAddMenu as O } from "./ToolbarFilterAddMenu.js";
 import { ToolbarFilterMenu as w } from "./ToolbarFilterMenu.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-const U = ({
+const V = ({
   filters: n,
   filterState: e = {},
   onFilterStateChange: r,
@@ -20,7 +21,7 @@ const U = ({
   getFilterLabel: T,
   virtualized: j
 }) => {
-  const { visibleFilters: m, hiddenFilters: s, onFilterAdd: R, onFilterChange: k, onFilterRemove: i } = N({
+  const { visibleFilters: l, hiddenFilters: i, onFilterAdd: R, onFilterChange: k, onFilterRemove: s } = N({
     filters: n,
     filterState: e,
     onFilterStateChange: r
@@ -30,11 +31,11 @@ const U = ({
     d(void 0);
   }, C = () => {
     for (const o of A)
-      i(o);
+      s(o);
     r?.({});
   };
   return /* @__PURE__ */ g(f, { children: [
-    m?.map((o, t) => {
+    l?.map((o, t) => {
       const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
       return /* @__PURE__ */ I(
         w,
@@ -46,7 +47,7 @@ const U = ({
           onClose: c,
           open: a === o.name,
           label: M,
-          onRemove: () => i(o.name),
+          onRemove: () => s(o.name),
           removeLabel: F,
           onFilterChange: k,
           onFilterStateChange: r,
@@ -54,25 +55,25 @@ const U = ({
         }
       );
     }),
-    s?.length > 0 && /* @__PURE__ */ l(
+    i?.length > 0 && /* @__PURE__ */ m(
       O,
       {
         name: "add",
         onToggle: () => p("add"),
         onClose: c,
         open: a === "add",
-        items: s,
+        items: i,
         onAdd: R,
-        label: m?.length > 0 ? v : b,
+        label: l?.length > 0 ? v : b,
         virtualized: j
       }
     ),
     x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
-      /* @__PURE__ */ l(y, { "aria-hidden": "true" }),
-      /* @__PURE__ */ l("span", { children: u })
+      /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
+      /* @__PURE__ */ m("span", { children: u })
     ] })
   ] });
 };
 export {
-  U as ToolbarFilter
+  V as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-xsZAikgq.js";
+import { M as I } from "../../SearchField-CYYz0JvC.js";
 import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,6 +2,7 @@ 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 "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Tooltip as s } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
@@ -9,7 +10,7 @@ import { ButtonGroup as c } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as a } from "../Button/ButtonGroupDivider.js";
 import { S as h } from "../../XMark-tKk6aExO.js";
 import { S as b } from "../../ChevronUpDown-DqGsU4MC.js";
-function w({
+function y({
   name: e,
   onClick: i,
   removable: p,
@@ -41,5 +42,5 @@ function w({
   ] });
 }
 export {
-  w as ToolbarFilterButton
+  y as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,118 +1,123 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as q, useEffect as G } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-xsZAikgq.js";
-import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
+import { M as J } from "../../SearchField-CYYz0JvC.js";
+import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as I } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
-const L = ({
-  as: F,
-  size: s,
-  name: n,
-  label: a = "",
+import { Dropdown as C } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as F } from "./ToolbarFilterButton.js";
+const S = ({
+  as: P,
+  size: a,
+  name: o,
+  label: f = "",
   searchable: m,
-  groups: f,
-  items: l,
-  removable: P,
-  removeLabel: E = "Fjern filter",
-  filterState: d,
-  onFilterStateChange: p,
+  groups: p,
+  items: g,
+  removable: E,
+  removeLabel: V = "Fjern filter",
+  filterState: c,
+  onFilterStateChange: v,
   onFilterChange: j,
-  onRemove: C,
+  onRemove: h,
   open: t,
-  onToggle: g,
-  onClose: u,
-  submitLabel: v,
-  search: y,
+  onToggle: y,
+  onClose: d,
+  submitLabel: b,
+  search: k,
   virtualized: w,
-  title: b,
+  title: I,
   variant: D,
   dropdownSize: x = "sm"
 }) => {
-  const M = q(t), o = J({ id: "toolbar-filter-menu" });
-  G(() => {
+  const M = G(t), e = K({ id: "toolbar-filter-menu" });
+  H(() => {
     const r = M.current;
-    M.current = t, r && !t && o?.triggerRef?.current?.focus();
-  }, [t, o.triggerRef]);
+    M.current = t, r && !t && e?.triggerRef?.current?.focus();
+  }, [t, e.triggerRef]);
   const O = (r) => {
-    const c = r.target.type, B = r.target.name, T = r.target.value;
-    j?.(c, B, T), c === "radio" && u();
-  }, h = l?.map((r) => ({
+    const i = r.target.type, l = r.target.name, q = r.target.value;
+    j?.(i, l, q), i === "radio" && d();
+  }, u = g?.map((r) => ({
     ...r,
-    onChange: (c) => O(c)
-  })), V = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || d?.[n]?.length, k = D || V ? "tinted" : "outline", A = F || H, i = m ? "combobox" : "menu";
-  return P ? /* @__PURE__ */ e(
-    I,
+    onChange: (i) => O(i)
+  })), B = (g?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length, A = D || B ? "tinted" : "outline", R = P || J, s = m ? "combobox" : "menu", T = () => {
+    d();
+    const r = c?.[o]?.[0];
+    u?.filter((l) => l.checked)?.length === 0 && !r && h?.();
+  };
+  return E ? /* @__PURE__ */ n(
+    C,
     {
-      submitLabel: v,
-      title: b,
+      submitLabel: b,
+      title: I,
       variant: "drawer-dropdown",
       size: x,
-      trigger: /* @__PURE__ */ e(
-        R,
+      trigger: /* @__PURE__ */ n(
+        F,
         {
-          name: n,
-          onClick: g,
-          onRemove: C,
+          name: o,
+          onClick: y,
+          onRemove: h,
           removable: !0,
-          variant: k,
-          removeLabel: E,
+          variant: A,
+          removeLabel: V,
           open: t,
           "aria-expanded": t,
-          "aria-controls": o.menuId,
-          ref: o.triggerRef,
-          children: a
+          "aria-controls": e.menuId,
+          ref: e.triggerRef,
+          children: f
         }
       ),
       open: t,
-      onClose: u,
-      ...o.dropdownA11yProps,
-      children: /* @__PURE__ */ e(
-        A,
+      onClose: T,
+      ...e.dropdownA11yProps,
+      children: /* @__PURE__ */ n(
+        R,
         {
-          search: y,
-          name: n,
-          filterState: d,
-          onFilterStateChange: p,
-          size: s,
+          open: t,
+          search: k,
+          name: o,
+          filterState: c,
+          onFilterStateChange: v,
+          size: a,
           searchable: m,
-          groups: f,
-          items: h,
+          groups: p,
+          items: u,
           keyboardEvents: t,
-          a11yMode: i,
-          ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
+          a11yMode: s,
+          ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
           virtualized: w
         }
       )
     }
-  ) : /* @__PURE__ */ e(
-    I,
+  ) : /* @__PURE__ */ n(
+    C,
     {
       size: x,
-      title: b,
+      title: I,
       variant: "drawer-dropdown",
-      submitLabel: v,
-      trigger: /* @__PURE__ */ e(R, { name: n, onClick: g, variant: k, children: a }),
+      submitLabel: b,
+      trigger: /* @__PURE__ */ n(F, { name: o, onClick: y, variant: A, children: f }),
       open: t,
-      onClose: u,
-      ...o.dropdownA11yProps,
-      children: /* @__PURE__ */ e(
-        A,
+      onClose: d,
+      ...e.dropdownA11yProps,
+      children: /* @__PURE__ */ n(
+        R,
         {
-          search: y,
-          name: n,
-          filterState: d,
-          onFilterStateChange: p,
-          size: s,
+          search: k,
+          name: o,
+          filterState: c,
+          onFilterStateChange: v,
+          size: a,
           searchable: m,
-          groups: f,
-          items: h,
+          groups: p,
+          items: u,
           keyboardEvents: t,
-          a11yMode: i,
-          ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
+          a11yMode: s,
+          ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
           virtualized: w
         }
       )
@@ -120,5 +125,5 @@ const L = ({
   );
 };
 export {
-  L as ToolbarFilterMenu
+  S as ToolbarFilterMenu
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-xsZAikgq.js";
+import { M as b } from "../../SearchField-CYYz0JvC.js";
 import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -2,10 +2,11 @@ import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../SearchField-xsZAikgq.js";
-const z = ({
+import { S as f } from "../../SearchField-CYYz0JvC.js";
+const b = ({
   value: r,
   name: o,
   placeholder: t = "Search",
@@ -34,5 +35,5 @@ const z = ({
   }
 );
 export {
-  z as ToolbarSearch
+  b as ToolbarSearch
 };

package/dist/components/Transmission/Transmission.js

@@ -1,11 +1,12 @@
 "use client";
-import { jsx as e, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
 import { Badge as v } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { SeenByLog as y } from "../Dialog/SeenByLog.js";
 import { ListItem as A } from "../List/ListItem.js";
@@ -14,7 +15,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
-}, M = ({
+}, O = ({
   type: i,
   unread: o,
   size: d = "xs",
@@ -30,29 +31,29 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   seenByLog: m,
   ...p
 }) => {
-  const [t, u] = g(p.expanded || !1);
-  return /* @__PURE__ */ e(
+  const [e, u] = g(p.expanded || !1);
+  return /* @__PURE__ */ t(
     A,
     {
       ...p,
       icon: b,
-      badge: i && /* @__PURE__ */ e(_, { value: i?.value, label: i?.label }),
+      badge: i && /* @__PURE__ */ t(_, { value: i?.value, label: i?.label }),
       size: d,
       variant: o ? "subtle" : "default",
-      border: t ? "none" : "solid",
+      border: e ? "none" : "solid",
       shadow: "none",
       color: c,
       title: {
         as: "span",
         className: k.title,
         children: /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ e("h2", { children: n }),
-          o && /* @__PURE__ */ e(v, { variant: "tinted", size: "xs", ...f })
+          /* @__PURE__ */ t("h2", { children: n }),
+          o && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: o ? "bold" : "normal"
       },
-      expanded: t,
-      selected: t,
+      expanded: e,
+      selected: e,
       onClick: () => u((h) => !h),
       collapsible: !0,
       linkIcon: !0,
@@ -60,15 +61,15 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
       ariaLabel: n,
       children: /* @__PURE__ */ l(S, { padding: 4, spacing: 4, children: [
         /* @__PURE__ */ l(T, { size: "md", children: [
-          a && /* @__PURE__ */ e("p", { children: a }),
-          t ? typeof r == "function" ? r() : r : null,
-          s?.items && /* @__PURE__ */ e(L, { ...s })
+          a && /* @__PURE__ */ t("p", { children: a }),
+          e ? typeof r == "function" ? r() : r : null,
+          s?.items && /* @__PURE__ */ t(L, { ...s })
         ] }),
-        m && /* @__PURE__ */ e(y, { ...m })
+        m && /* @__PURE__ */ t(y, { ...m })
       ] })
     }
   );
 };
 export {
-  M as Transmission
+  O as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -3,11 +3,12 @@ import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { List as o } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Transmission as c } from "./Transmission.js";
-const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
+const g = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
   const { datetime: n, byline: m, createdAtLabel: l } = r;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(o, { children: [
     /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || l }),
@@ -15,5 +16,5 @@ const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r
   ] }) }, r.id);
 }) }) : null;
 export {
-  T as TransmissionList
+  g as TransmissionList
 };

package/dist/components/Transmission/TransmissionType.js

@@ -3,6 +3,7 @@ import { Badge as o } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});

package/dist/components/Typography/Heading.js

@@ -5,17 +5,18 @@ import "react";
 import { Skeleton as u } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as H } from "./useHighlightedText.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   heading: _
-}, q = ({
+}, z = ({
   id: e,
   loading: i,
   highlightWords: o = [],
-  as: n = "h2",
+  as: r = "h2",
   size: t,
-  leading: r = "tight",
+  leading: n = "tight",
   weight: d = "medium",
   color: m,
   variant: s,
@@ -24,7 +25,7 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   style: g,
   children: l
 }) => {
-  const p = n, x = H(l, o || []);
+  const p = r, x = H(l, o || []);
   return /* @__PURE__ */ a(
     p,
     {
@@ -32,7 +33,7 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
       className: f(w.heading, h),
       style: g,
       "data-size": t,
-      "data-leading": r,
+      "data-leading": n,
       "data-weight": d,
       "data-color": m,
       "data-variant": t === "xxs" && "default" || s,
@@ -42,5 +43,5 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   );
 };
 export {
-  q as Heading
+  z as Heading
 };