@tedi-design-system/react 14.2.0-rc.6 → 14.2.0-rc.8

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es4.js";
+import { __module as r } from "../../../../_virtual/index.es3.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es3.js";
+import { __module as e } from "../../../../_virtual/index.es4.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs14.js"),r=require("./cjs/react-is.production.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs13.js"),r=require("./cjs/react-is.production.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../_virtual/index.es14.js";
+import { __module as r } from "../../_virtual/index.es13.js";
 import { __require as e } from "./cjs/react-is.production.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/toposort/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs13.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs14.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;

package/external/toposort/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.es.js";
-import { __module as v } from "../../_virtual/index.es13.js";
+import { __module as v } from "../../_virtual/index.es14.js";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.0-rc.6",
+  "version": "14.2.0-rc.8",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/layout/layout/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),U=require("../../../../tedi/components/content/section/section.cjs.js"),$=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),k=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),H=require("../breadcrumbs/breadcrumbs.cjs.js"),z=require("../footer/footer.cjs.js"),A=require("../layout-context.cjs.js"),D=require("../sidenav/sidenav.cjs.js"),G=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),J=require("../header/header/header.cjs.js"),K=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),q=j=>{var b;const{children:_,header:P,sideNav:s,breadcrumbsProps:m,footer:f,mainContentId:R="main-content",mainContentClassName:S,mainLogo:i,growMainContent:E,headerType:g="system",onHeaderSidenavToggle:c,...C}=j,N=r.useRef(null),h=r.useRef(null),[n,p]=r.useState(!1),v=r.useRef(n),{hasSidenav:M}=G.useSidenavRendered(g,s),x=!!((b=s==null?void 0:s.navItems)!=null&&b.length),{y:w,refs:y,context:l}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:x?p:void 0,whileElementsMounted:(...u)=>K.autoUpdate(...u,{ancestorScroll:!1})}),o=$.useElementSize(h),F=a.useClick(l),I=a.useRole(l,{role:"dialog"}),O=a.useDismiss(l),{getReferenceProps:L,getFloatingProps:B}=a.useInteractions(x?[F,I,O]:[]),T=d.default(t.default.main,{[t.default["main--with-sidenav"]]:M,[t.default["main--grow"]]:E});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{v.current!==n&&c&&c(n),v.current=n},[n,c]),e.jsx(A.LayoutContext.Provider,{value:{y:w,menuOpen:n,toggleMenu:()=>p(u=>!u),headerType:g,reference:y.setReference,floating:y.setFloating,context:l,getReferenceProps:L,getFloatingProps:B,sideNavProps:s,headerElement:N,headerBottomElement:h,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx(k.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",...C,className:t.default["container-wrapper"],children:[e.jsx(J.Header,{...P}),e.jsxs("div",{className:d.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(D.SideNav,{...s}),e.jsxs("div",{className:T,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:d.default(t.default.main__content,S),id:R,tabIndex:-1,children:[m&&e.jsx(U.Section,{children:e.jsx(H.Breadcrumbs,{className:t.default.main__breadcrumbs,...m})}),_]})]})]}),f&&e.jsx(z.Footer,{...f})]})})})};exports.Layout=q;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),m=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),U=require("../../../../tedi/components/content/section/section.cjs.js"),$=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),k=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),H=require("../breadcrumbs/breadcrumbs.cjs.js"),z=require("../footer/footer.cjs.js"),A=require("../layout-context.cjs.js"),D=require("../sidenav/sidenav.cjs.js"),G=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),J=require("../header/header/header.cjs.js"),K=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),q=j=>{var y;const{children:_,header:E,sideNav:s,breadcrumbsProps:f,footer:g,mainContentId:P="main-content",mainContentClassName:R,mainLogo:i,growMainContent:S,headerType:h="system",onHeaderSidenavToggle:c,...C}=j,N=r.useRef(null),p=r.useRef(null),[n,b]=r.useState(!1),v=r.useRef(n),{hasSidenav:M}=G.useSidenavRendered(h,s),l=!!((y=s==null?void 0:s.navItems)!=null&&y.length),{y:w,refs:x,context:u}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:l?b:void 0,whileElementsMounted:(...d)=>K.autoUpdate(...d,{ancestorScroll:!1})}),o=$.useElementSize(p),F=a.useClick(u,{enabled:l}),I=a.useRole(u,{role:"dialog",enabled:l}),O=a.useDismiss(u,{enabled:l}),{getReferenceProps:L,getFloatingProps:B}=a.useInteractions([F,I,O]),T=m.default(t.default.main,{[t.default["main--with-sidenav"]]:M,[t.default["main--grow"]]:S});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{v.current!==n&&c&&c(n),v.current=n},[n,c]),e.jsx(A.LayoutContext.Provider,{value:{y:w,menuOpen:n,toggleMenu:()=>b(d=>!d),headerType:h,reference:x.setReference,floating:x.setFloating,context:u,getReferenceProps:L,getFloatingProps:B,sideNavProps:s,headerElement:N,headerBottomElement:p,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx(k.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",...C,className:t.default["container-wrapper"],children:[e.jsx(J.Header,{...E}),e.jsxs("div",{className:m.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(D.SideNav,{...s}),e.jsxs("div",{className:T,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:m.default(t.default.main__content,R),id:P,tabIndex:-1,children:[f&&e.jsx(U.Section,{children:e.jsx(H.Breadcrumbs,{className:t.default.main__breadcrumbs,...f})}),_]})]})]}),g&&e.jsx(z.Footer,{...g})]})})})};exports.Layout=q;exports.default=q;

package/src/community/components/layout/layout/layout.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { useFloating as H, useClick as T, useRole as A, useDismiss as D, useInteractions as U } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import d from "../../../../../external/classnames/index.es.js";
+import u from "../../../../../external/classnames/index.es.js";
 import s from "react";
 import { Section as $ } from "../../../../tedi/components/content/section/section.es.js";
 import { useElementSize as q } from "../../../../tedi/helpers/hooks/use-element-size.es.js";
@@ -13,68 +13,66 @@ import { useSidenavRendered as V } from "../sidenav/utility.es.js";
 import e from "./layout.module.scss.es.js";
 import { Header as W } from "../header/header/header.es.js";
 import { autoUpdate as X } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-const fe = (R) => {
-  var N;
+const fe = (N) => {
+  var E;
   const {
-    children: E,
+    children: R,
     header: P,
-    sideNav: n,
-    breadcrumbsProps: u,
-    footer: f,
+    sideNav: o,
+    breadcrumbsProps: f,
+    footer: p,
     mainContentId: _ = "main-content",
     mainContentClassName: x,
     mainLogo: a,
     growMainContent: C,
-    headerType: p = "system",
+    headerType: h = "system",
     onHeaderSidenavToggle: m,
     ...S
-  } = R, w = s.useRef(null), h = s.useRef(null), [t, g] = s.useState(!1), v = s.useRef(t), { hasSidenav: F } = V(p, n), y = !!((N = n == null ? void 0 : n.navItems) != null && N.length), { y: I, refs: b, context: i } = H({
+  } = N, w = s.useRef(null), g = s.useRef(null), [t, v] = s.useState(!1), b = s.useRef(t), { hasSidenav: F } = V(h, o), i = !!((E = o == null ? void 0 : o.navItems) != null && E.length), { y: I, refs: y, context: c } = H({
     placement: "bottom-start",
     open: t,
-    onOpenChange: y ? g : void 0,
-    whileElementsMounted: (...l) => X(...l, { ancestorScroll: !1 })
-  }), r = q(h), M = T(i), O = A(i, { role: "dialog" }), B = D(i), { getReferenceProps: L, getFloatingProps: j } = U(
-    y ? [M, O, B] : []
-  ), k = d(e.main, {
+    onOpenChange: i ? v : void 0,
+    whileElementsMounted: (...d) => X(...d, { ancestorScroll: !1 })
+  }), r = q(g), M = T(c, { enabled: i }), O = A(c, { role: "dialog", enabled: i }), B = D(c, { enabled: i }), { getReferenceProps: L, getFloatingProps: j } = U([M, O, B]), k = u(e.main, {
     [e["main--with-sidenav"]]: F,
     [e["main--grow"]]: C
   });
   return s.useEffect(() => (document && r && document.documentElement.style.setProperty("--header-bottom-height", `${(r == null ? void 0 : r.height) ?? 0}px`), () => {
     document.documentElement.style.removeProperty("--header-bottom-height");
   }), [r]), s.useEffect(() => {
-    v.current !== t && m && m(t), v.current = t;
-  }, [t, m]), /* @__PURE__ */ o(
+    b.current !== t && m && m(t), b.current = t;
+  }, [t, m]), /* @__PURE__ */ n(
     K.Provider,
     {
       value: {
         y: I,
         menuOpen: t,
-        toggleMenu: () => g((l) => !l),
-        headerType: p,
-        reference: b.setReference,
-        floating: b.setFloating,
-        context: i,
+        toggleMenu: () => v((d) => !d),
+        headerType: h,
+        reference: y.setReference,
+        floating: y.setFloating,
+        context: c,
         getReferenceProps: L,
         getFloatingProps: j,
-        sideNavProps: n,
+        sideNavProps: o,
         headerElement: w,
-        headerBottomElement: h,
+        headerBottomElement: g,
         headerBottomSize: r,
         onHeaderSidenavToggle: m
       },
-      children: /* @__PURE__ */ o(z, { children: /* @__PURE__ */ c("div", { "data-name": "layout", ...S, className: e["container-wrapper"], children: [
-        /* @__PURE__ */ o(W, { ...P }),
-        /* @__PURE__ */ c("div", { className: d(e.container, { [e["container--menu-open"]]: t }), children: [
-          n && /* @__PURE__ */ o(Q, { ...n }),
-          /* @__PURE__ */ c("div", { className: k, children: [
-            a && /* @__PURE__ */ o("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
-            /* @__PURE__ */ c("main", { className: d(e.main__content, x), id: _, tabIndex: -1, children: [
-              u && /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(G, { className: e.main__breadcrumbs, ...u }) }),
-              E
+      children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ l("div", { "data-name": "layout", ...S, className: e["container-wrapper"], children: [
+        /* @__PURE__ */ n(W, { ...P }),
+        /* @__PURE__ */ l("div", { className: u(e.container, { [e["container--menu-open"]]: t }), children: [
+          o && /* @__PURE__ */ n(Q, { ...o }),
+          /* @__PURE__ */ l("div", { className: k, children: [
+            a && /* @__PURE__ */ n("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
+            /* @__PURE__ */ l("main", { className: u(e.main__content, x), id: _, tabIndex: -1, children: [
+              f && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...f }) }),
+              R
             ] })
           ] })
         ] }),
-        f && /* @__PURE__ */ o(J, { ...f })
+        p && /* @__PURE__ */ n(J, { ...p })
       ] }) })
     }
   );

package/src/tedi/components/form/feedback-text/feedback-text.d.ts

@@ -4,7 +4,7 @@ export interface FeedbackTextProps {
     /**
      * Helper text
      */
-    text: string;
+    text: React.ReactNode | React.ReactNode[];
     /**
      * ID to reference the helper from aria-describedby attributes.
      * If omitted, then the id might be set through a parent component.