@tedi-design-system/react 15.0.0-rc.1 → 15.0.0-rc.10

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

@@ -1,34 +1,34 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import c from "../../../../../external/classnames/index.es.js";
-import { Print as u } from "../../../../tedi/components/misc/print/print.es.js";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import n from "../../../../../external/classnames/index.es.js";
+import { Icon as _ } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Text as m } from "../../../../tedi/components/base/typography/text/text.es.js";
+import { Print as b } from "../../../../tedi/components/misc/print/print.es.js";
 import { StretchContent as y } from "../../../../tedi/components/misc/stretch-content/stretch-content.es.js";
-import { Icon as N } from "../../icon/icon.es.js";
-import { Text as m } from "../../typography/text/text.es.js";
 import t from "./footer.module.scss.es.js";
-import { Row as v } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Row as N } from "../../../../tedi/components/layout/grid/row.es.js";
 import { Col as h } from "../../../../tedi/components/layout/grid/col.es.js";
 import { VerticalSpacing as p } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-import { useLabels as b } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLabels as v } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const B = (d) => {
-  const { logo: r, categories: s, className: l, bottomElement: n, ...o } = d, { getLabel: i } = b(), f = c(t.footer, l);
-  return /* @__PURE__ */ e(u, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...o, className: f, children: [
-    /* @__PURE__ */ e(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
+  const { logo: r, categories: s, className: l, bottomElement: c, ...e } = d, { getLabel: i } = v(), f = n(t.footer, l);
+  return /* @__PURE__ */ o(b, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...e, className: f, children: [
+    /* @__PURE__ */ o(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
     /* @__PURE__ */ a("div", { className: t.footer__inner, children: [
-      s.map((g, _) => /* @__PURE__ */ e(y, { direction: "vertical", children: /* @__PURE__ */ e(x, { ...g }) }, _)),
-      r && /* @__PURE__ */ e("img", { className: t.footer__logo, src: r.src, alt: r.alt, style: r.style })
+      s.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
+      r && /* @__PURE__ */ o("img", { className: t.footer__logo, src: r.src, alt: r.alt, style: r.style })
     ] }),
-    n && /* @__PURE__ */ e(m, { color: "inverted", element: "div", className: t.footer__bottom, children: n })
+    c && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
   ] }) });
-}, x = (d) => {
-  const { heading: r, icon: s, elements: l } = d, n = (o) => {
-    const i = { size: 16 }, f = typeof o == "string" ? { ...i, name: o } : { ...i, ...o };
-    return /* @__PURE__ */ e(N, { ...f });
+}, w = (d) => {
+  const { heading: r, icon: s, elements: l } = d, c = (e) => {
+    const i = { size: 16, color: "inherit", background: void 0 }, f = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
+    return /* @__PURE__ */ o(_, { ...f });
   };
-  return /* @__PURE__ */ a(v, { children: [
-    s && /* @__PURE__ */ e(h, { width: "auto", className: c("text-inverted", t["footer__category-icon"]), children: n(s) }),
-    /* @__PURE__ */ e(h, { width: "auto", children: /* @__PURE__ */ a(p, { className: c("text-small", t.footer__category), size: 0.5, children: [
-      /* @__PURE__ */ e(m, { color: "inverted", modifiers: ["bold", "normal"], element: "h3", children: r }),
-      /* @__PURE__ */ e(p, { element: "ul", size: 0.5, className: c(t["footer__category-list"]), children: l == null ? void 0 : l.map((o, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { color: "inverted", element: "span", modifiers: "break-all", children: o }) }, i)) })
+  return /* @__PURE__ */ a(N, { children: [
+    s && /* @__PURE__ */ o(h, { width: "auto", className: n("text-inverted", t["footer__category-icon"]), children: c(s) }),
+    /* @__PURE__ */ o(h, { width: "auto", children: /* @__PURE__ */ a(p, { className: n("text-small", t.footer__category), size: 0.5, children: [
+      /* @__PURE__ */ o(m, { color: "white", modifiers: ["bold", "normal"], element: "h3", children: r }),
+      /* @__PURE__ */ o(p, { element: "ul", size: 0.5, className: n(t["footer__category-list"]), children: l == null ? void 0 : l.map((e, i) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(m, { color: "white", element: "span", modifiers: "break-all", children: e }) }, i)) })
     ] }) })
   ] });
 };

package/src/community/components/layout/header/components/header-language/header-language.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),y=require("react"),f=require("../../../../../helpers/hooks/use-layout.cjs.js"),L=require("../../../../button/button.cjs.js"),T=require("../../../../typography/heading/heading.cjs.js"),_=require("../../../../typography/text/text.cjs.js"),v=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),u=require("./header-language.module.scss.cjs.js"),H=require("../../../../../../tedi/components/content/list/list.cjs.js"),I=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),R=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=h=>{const{languages:t}=h,o=f.useLayout(["desktop","tablet"]),{getLabel:s}=M.useLabels(),[n,l]=y.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${s("header.select-lang")} ${(a==null?void 0:a["aria-label"])??(a==null?void 0:a.label)}`,visualType:o?"link":"tertiary",iconRight:o?{name:"expand_more",color:"primary",size:24}:void 0},m=e=>{e==null||e({onToggle:l})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},x=!0)=>r.jsx(L.Button,{visualType:x?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>m(q),children:g}),p=r.jsxs("div",{children:[r.jsx(_.Text,{color:"muted",modifiers:"small",children:s("header.select-lang")}),r.jsx(v.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:l,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(H.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(I.ListItem,{className:u.default["header-language__list-item"],children:c(e)},e.label)))||[]})})]}),b=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:l,triggerProps:d,children:r.jsx(N.Card,{borderless:!0,children:r.jsxs(P.CardContent,{children:[r.jsx(T.Heading,{id:"header-language-modal-label",className:"sr-only",children:s("header.select-lang")}),r.jsx(R.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(S.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return o?p:b};i.displayName="HeaderLanguage";exports.HeaderLanguage=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),x=require("react"),f=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),L=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),T=require("../../../../../helpers/hooks/use-layout.cjs.js"),_=require("../../../../button/button.cjs.js"),v=require("../header-dropdown/header-dropdown.cjs.js"),w=require("../header-modal/header-modal.cjs.js"),u=require("./header-language.module.scss.cjs.js"),H=require("../../../../../../tedi/components/content/list/list.cjs.js"),I=require("../../../../../../tedi/components/content/list/list-item.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),R=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),S=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=h=>{const{languages:t}=h,o=T.useLayout(["desktop","tablet"]),{getLabel:s}=M.useLabels(),[n,l]=x.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${s("header.select-lang")} ${(a==null?void 0:a["aria-label"])??(a==null?void 0:a.label)}`,visualType:o?"link":"tertiary",iconRight:o?{name:"expand_more",color:"primary",size:24}:void 0},m=e=>{e==null||e({onToggle:l})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},y=!0)=>r.jsx(_.Button,{visualType:y?"link":e?"primary":"tertiary","aria-current":e,"aria-label":j,onClick:()=>m(q),children:g}),p=r.jsxs("div",{children:[r.jsx(L.Text,{color:"secondary",modifiers:"small",children:s("header.select-lang")}),r.jsx(v.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:l,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(H.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(I.ListItem,{className:u.default["header-language__list-item"],children:c(e)},e.label)))||[]})})]}),b=r.jsx(w.HeaderModal,{ariaLabelledby:"header-language-modal-label",open:n,onToggle:l,triggerProps:d,children:r.jsx(N.Card,{borderless:!0,children:r.jsxs(P.CardContent,{children:[r.jsx(f.Heading,{id:"header-language-modal-label",className:"sr-only",children:s("header.select-lang")}),r.jsx(R.Row,{alignItems:"center",element:"ul",children:t==null?void 0:t.map(e=>r.jsx(S.Col,{width:"auto",children:c(e,!1)},e.label))})]})})});return o?p:b};i.displayName="HeaderLanguage";exports.HeaderLanguage=i;exports.default=i;

package/src/community/components/layout/header/components/header-language/header-language.es.js

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import _ from "react";
-import { useLayout as v } from "../../../../../helpers/hooks/use-layout.es.js";
-import { Button as H } from "../../../../button/button.es.js";
-import { Heading as w } from "../../../../typography/heading/heading.es.js";
-import { Text as L } from "../../../../typography/text/text.es.js";
+import { Heading as v } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
+import { Text as H } from "../../../../../../tedi/components/base/typography/text/text.es.js";
+import { useLayout as w } from "../../../../../helpers/hooks/use-layout.es.js";
+import { Button as L } from "../../../../button/button.es.js";
 import { HeaderDropdown as N } from "../header-dropdown/header-dropdown.es.js";
 import { HeaderModal as I } from "../header-modal/header-modal.es.js";
 import p from "./header-language.module.scss.es.js";
@@ -15,7 +15,7 @@ import { CardContent as z } from "../../../../card/card-content/card-content.es.
 import { Row as B } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as C } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const D = (c) => {
-  const { languages: o } = c, a = v(["desktop", "tablet"]), { getLabel: l } = j(), [m, i] = _.useState(!1), t = o == null ? void 0 : o.find((r) => r.isSelected), d = {
+  const { languages: o } = c, a = w(["desktop", "tablet"]), { getLabel: l } = j(), [m, i] = _.useState(!1), t = o == null ? void 0 : o.find((r) => r.isSelected), d = {
     children: t == null ? void 0 : t.label,
     "aria-label": `${l("header.select-lang")} ${(t == null ? void 0 : t["aria-label"]) ?? (t == null ? void 0 : t.label)}`,
     visualType: a ? "link" : "tertiary",
@@ -23,7 +23,7 @@ const D = (c) => {
   }, h = (r) => {
     r == null || r({ onToggle: i });
   }, s = ({ isSelected: r, onClick: u, label: y, "aria-label": g }, T = !0) => /* @__PURE__ */ e(
-    H,
+    L,
     {
       visualType: T ? "link" : r ? "primary" : "tertiary",
       "aria-current": r,
@@ -32,7 +32,7 @@ const D = (c) => {
       children: y
     }
   ), f = /* @__PURE__ */ n("div", { children: [
-    /* @__PURE__ */ e(L, { color: "muted", modifiers: "small", children: l("header.select-lang") }),
+    /* @__PURE__ */ e(H, { color: "secondary", modifiers: "small", children: l("header.select-lang") }),
     /* @__PURE__ */ e(
       N,
       {
@@ -52,7 +52,7 @@ const D = (c) => {
       onToggle: i,
       triggerProps: d,
       children: /* @__PURE__ */ e(k, { borderless: !0, children: /* @__PURE__ */ n(z, { children: [
-        /* @__PURE__ */ e(w, { id: "header-language-modal-label", className: "sr-only", children: l("header.select-lang") }),
+        /* @__PURE__ */ e(v, { id: "header-language-modal-label", className: "sr-only", children: l("header.select-lang") }),
         /* @__PURE__ */ e(B, { alignItems: "center", element: "ul", children: o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(C, { width: "auto", children: s(r, !1) }, r.label)) })
       ] }) })
     }

package/src/community/components/layout/header/components/header-modal/header-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),h=require("../../../../button/button.cjs.js"),b=require("../../../../typography/text/text.cjs.js"),x=require("../../header/header.module.scss.cjs.js"),j=require("../../../../modal/modal-provider.cjs.js"),m=require("../../../../modal/modal-trigger.cjs.js"),C=require("../../../../modal/modal.cjs.js"),q=require("../../../../modal/modal-closer.cjs.js"),p=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../../card/card-content/card-content.cjs.js"),o=require("../../../../card/card.cjs.js"),d=t=>{const{triggerProps:s,defaultOpen:l,open:i,onToggle:n,children:a,ariaLabelledby:u}=t,{getLabel:c}=p.useLabels();return e.jsxs(j.ModalProvider,{defaultOpen:l,open:i,onToggle:n,children:[e.jsx(m.ModalTrigger,{children:e.jsx(h.Button,{...s})}),e.jsx(C.Modal,{"aria-labelledby":u,hideCloseButton:!0,position:"right",children:e.jsxs(r.CardContent,{padding:0,children:[e.jsx(o.Card,{borderless:!0,background:"primary-highlight-subtle",padding:.5,borderRadius:!1,children:e.jsx(r.CardContent,{children:e.jsx(b.Text,{element:"div",modifiers:"right",children:e.jsx(q.ModalCloser,{children:e.jsx(g.ClosingButton,{title:c("modal.close"),size:"large",className:x.default["header-modal__close"]})})})})}),e.jsx(o.Card,{border:"top-border-default",borderRadius:!1,padding:0,children:e.jsx(r.CardContent,{children:a})})]})})]})};exports.HeaderModal=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),h=require("../../../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("../../../../button/button.cjs.js"),x=require("../../header/header.module.scss.cjs.js"),j=require("../../../../modal/modal-provider.cjs.js"),m=require("../../../../modal/modal-trigger.cjs.js"),C=require("../../../../modal/modal.cjs.js"),q=require("../../../../modal/modal-closer.cjs.js"),p=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../../card/card-content/card-content.cjs.js"),o=require("../../../../card/card.cjs.js"),d=t=>{const{triggerProps:s,defaultOpen:l,open:i,onToggle:n,children:a,ariaLabelledby:u}=t,{getLabel:c}=p.useLabels();return e.jsxs(j.ModalProvider,{defaultOpen:l,open:i,onToggle:n,children:[e.jsx(m.ModalTrigger,{children:e.jsx(b.Button,{...s})}),e.jsx(C.Modal,{"aria-labelledby":u,hideCloseButton:!0,position:"right",children:e.jsxs(r.CardContent,{padding:0,children:[e.jsx(o.Card,{borderless:!0,background:"primary-highlight-subtle",padding:.5,borderRadius:!1,children:e.jsx(r.CardContent,{children:e.jsx(g.Text,{element:"div",modifiers:"right",children:e.jsx(q.ModalCloser,{children:e.jsx(h.ClosingButton,{title:c("modal.close"),size:"large",className:x.default["header-modal__close"]})})})})}),e.jsx(o.Card,{border:"top-border-default",borderRadius:!1,padding:0,children:e.jsx(r.CardContent,{children:a})})]})})]})};exports.HeaderModal=d;exports.default=d;

package/src/community/components/layout/header/components/header-modal/header-modal.es.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { ClosingButton as f } from "../../../../../../tedi/components/buttons/closing-button/closing-button.es.js";
-import { Button as c } from "../../../../button/button.es.js";
-import { Text as g } from "../../../../typography/text/text.es.js";
+import { Text as f } from "../../../../../../tedi/components/base/typography/text/text.es.js";
+import { ClosingButton as c } from "../../../../../../tedi/components/buttons/closing-button/closing-button.es.js";
+import { Button as g } from "../../../../button/button.es.js";
 import h from "../../header/header.module.scss.es.js";
 import { ModalProvider as u } from "../../../../modal/modal-provider.es.js";
 import { ModalTrigger as b } from "../../../../modal/modal-trigger.es.js";
@@ -13,10 +13,10 @@ import { Card as i } from "../../../../card/card.es.js";
 const N = (d) => {
   const { triggerProps: l, defaultOpen: t, open: a, onToggle: m, children: n, ariaLabelledby: s } = d, { getLabel: p } = x();
   return /* @__PURE__ */ o(u, { defaultOpen: t, open: a, onToggle: m, children: [
-    /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(c, { ...l }) }),
+    /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(g, { ...l }) }),
     /* @__PURE__ */ r(C, { "aria-labelledby": s, hideCloseButton: !0, position: "right", children: /* @__PURE__ */ o(e, { padding: 0, children: [
-      /* @__PURE__ */ r(i, { borderless: !0, background: "primary-highlight-subtle", padding: 0.5, borderRadius: !1, children: /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(g, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
-        f,
+      /* @__PURE__ */ r(i, { borderless: !0, background: "primary-highlight-subtle", padding: 0.5, borderRadius: !1, children: /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(f, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+        c,
         {
           title: p("modal.close"),
           size: "large",

package/src/community/components/layout/header/components/header-notification/header-notification.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../../../tedi/components/misc/print/print.cjs.js"),a=require("../../../../icon/icon.cjs.js"),d=require("./header-notification.module.scss.cjs.js"),u=require("../../../../card/card.cjs.js"),l=require("../../../../card/card-content/card-content.cjs.js"),h=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=t=>{const{children:n,icon:o="info",background:c="primary-highlight"}=t;return e.jsx(s.Print,{visibility:"hide",children:e.jsx(u.Card,{borderless:!0,background:c,borderRadius:!1,className:d.default["header-notification"],children:e.jsx(l.CardContent,{children:e.jsxs(h.Row,{justifyContent:"between",alignItems:"center",gap:1,gutter:0,children:[e.jsx(r.Col,{width:"auto",children:e.jsx(a.Icon,{name:o})}),e.jsx(r.Col,{children:n})]})})})})};exports.HeaderNotification=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../../../tedi/components/base/icon/icon.cjs.js"),a=require("../../../../../../tedi/components/misc/print/print.cjs.js"),d=require("./header-notification.module.scss.cjs.js"),u=require("../../../../card/card.cjs.js"),l=require("../../../../card/card-content/card-content.cjs.js"),h=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),i=t=>{const{children:n,icon:o="info",background:c="primary-highlight"}=t;return e.jsx(a.Print,{visibility:"hide",children:e.jsx(u.Card,{borderless:!0,background:c,borderRadius:!1,className:d.default["header-notification"],children:e.jsx(l.CardContent,{children:e.jsxs(h.Row,{justifyContent:"between",alignItems:"center",gap:1,gutter:0,children:[e.jsx(r.Col,{width:"auto",children:e.jsx(s.Icon,{name:o})}),e.jsx(r.Col,{children:n})]})})})})};exports.HeaderNotification=i;exports.default=i;

package/src/community/components/layout/header/components/header-notification/header-notification.es.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Print as a } from "../../../../../../tedi/components/misc/print/print.es.js";
-import { Icon as d } from "../../../../icon/icon.es.js";
+import { Icon as a } from "../../../../../../tedi/components/base/icon/icon.es.js";
+import { Print as d } from "../../../../../../tedi/components/misc/print/print.es.js";
 import s from "./header-notification.module.scss.es.js";
 import { Card as c } from "../../../../card/card.es.js";
 import { CardContent as l } from "../../../../card/card-content/card-content.es.js";
@@ -8,8 +8,8 @@ import { Row as f } from "../../../../../../tedi/components/layout/grid/row.es.j
 import { Col as i } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const w = (o) => {
   const { children: t, icon: e = "info", background: n = "primary-highlight" } = o;
-  return /* @__PURE__ */ r(a, { visibility: "hide", children: /* @__PURE__ */ r(c, { borderless: !0, background: n, borderRadius: !1, className: s["header-notification"], children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ m(f, { justifyContent: "between", alignItems: "center", gap: 1, gutter: 0, children: [
-    /* @__PURE__ */ r(i, { width: "auto", children: /* @__PURE__ */ r(d, { name: e }) }),
+  return /* @__PURE__ */ r(d, { visibility: "hide", children: /* @__PURE__ */ r(c, { borderless: !0, background: n, borderRadius: !1, className: s["header-notification"], children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ m(f, { justifyContent: "between", alignItems: "center", gap: 1, gutter: 0, children: [
+    /* @__PURE__ */ r(i, { width: "auto", children: /* @__PURE__ */ r(a, { name: e }) }),
     /* @__PURE__ */ r(i, { children: t })
   ] }) }) }) });
 };

package/src/community/components/layout/header/components/header-role/header-role.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),j=require("../../../../../../tedi/components/buttons/collapse/collapse.cjs.js"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),b=require("../../../../tag/tag.cjs.js"),h=require("../../../../typography/text/text.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),a=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:o=!1,...r}=t,[s,l]=g.useState(!1);return o?e.jsx(R,{...r,open:s,onToggle:l}):e.jsx(v,{...r,open:s,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=()=>n===o("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:n})}):e.jsxs(h.Text,{color:"muted",modifiers:["bold","small"],children:[n,!!d&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{style:{color:"var(--color-border-default)"},children:"|"})," ",d]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:s,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${n??""} ${d??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"muted",modifiers:"bold",children:[n," ",i,d&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${d}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:s,onToggle:l,className:a.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})}):e.jsx("div",{className:a.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),h=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),j=require("../../../../../../tedi/components/buttons/collapse/collapse.cjs.js"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),b=require("../../../../tag/tag.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),d=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:o=!1,...r}=t,[s,l]=g.useState(!1);return o?e.jsx(R,{...r,open:s,onToggle:l}):e.jsx(v,{...r,open:s,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:n,label:a=o("header.role-label")}=t,u=()=>a===o("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:a})}):e.jsxs(h.Text,{color:"secondary",modifiers:["bold","small"],children:[a,!!n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{style:{color:"var(--color-border-default)"},children:"|"})," ",n]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:s,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${a??""} ${n??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:d.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:d.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:n,label:a=o("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"secondary",modifiers:"bold",children:[a," ",i,n&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${n}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:s,onToggle:l,className:d.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:d.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:d.default["header-role-children"],children:c})})})}):e.jsx("div",{className:d.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;

package/src/community/components/layout/header/components/header-role/header-role.es.js

@@ -1,40 +1,40 @@
 import { jsx as e, jsxs as m, Fragment as b } from "react/jsx-runtime";
 import y from "react";
+import { Text as h } from "../../../../../../tedi/components/base/typography/text/text.es.js";
 import { Collapse as v } from "../../../../../../tedi/components/buttons/collapse/collapse.es.js";
 import { ScrollFade as f } from "../../../../../../tedi/components/misc/scroll-fade/scroll-fade.es.js";
 import { Tag as T } from "../../../../tag/tag.es.js";
-import { Text as h } from "../../../../typography/text/text.es.js";
 import { HeaderDropdown as x } from "../header-dropdown/header-dropdown.es.js";
 import i from "./header-role.module.scss.es.js";
-import { useLabels as u } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLabels as g } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { Card as C } from "../../../../card/card.es.js";
 import { CardContent as N } from "../../../../card/card-content/card-content.es.js";
-const R = (t) => {
-  const { renderModal: l = !1, ...r } = t, [d, o] = y.useState(!1);
-  return l ? /* @__PURE__ */ e(H, { ...r, open: d, onToggle: o }) : /* @__PURE__ */ e(w, { ...r, open: d, onToggle: o });
+const R = (s) => {
+  const { renderModal: l = !1, ...r } = s, [n, o] = y.useState(!1);
+  return l ? /* @__PURE__ */ e(H, { ...r, open: n, onToggle: o }) : /* @__PURE__ */ e(w, { ...r, open: n, onToggle: o });
 };
 R.displayName = "HeaderRole";
-const w = (t) => {
-  const { getLabel: l } = u(), { children: r, open: d, onToggle: o, primaryInfo: s, secondaryInfo: n, label: a = l("header.role-label") } = t, p = () => a === l("header.role-label") ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { color: "primary", type: "secondary", children: a }) }) : /* @__PURE__ */ m(h, { color: "muted", modifiers: ["bold", "small"], children: [
+const w = (s) => {
+  const { getLabel: l } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: a = l("header.role-label") } = s, p = () => a === l("header.role-label") ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { color: "primary", type: "secondary", children: a }) }) : /* @__PURE__ */ m(h, { color: "secondary", modifiers: ["bold", "small"], children: [
     a,
-    !!n && /* @__PURE__ */ m(b, { children: [
+    !!d && /* @__PURE__ */ m(b, { children: [
       " ",
       /* @__PURE__ */ m(h, { element: "span", modifiers: ["small", "normal"], children: [
         /* @__PURE__ */ e("span", { style: { color: "var(--color-border-default)" }, children: "|" }),
         " ",
-        n
+        d
       ] })
     ] })
-  ] }), c = typeof r == "function" ? r({ onToggle: o }) : r, g = /* @__PURE__ */ e(
+  ] }), c = typeof r == "function" ? r({ onToggle: o }) : r, u = /* @__PURE__ */ e(
     x,
     {
       shouldAnimate: !0,
-      open: d,
+      open: n,
       onToggle: o,
       tooltipProps: { cardProps: { padding: 0 }, maxWidth: "medium" },
       triggerProps: {
-        children: s,
-        "aria-label": `${a ?? ""} ${n ?? ""} ${s ?? ""}`,
+        children: t,
+        "aria-label": `${a ?? ""} ${d ?? ""} ${t ?? ""}`,
         visualType: "link",
         iconRight: { name: "expand_more", color: "primary", size: 24 }
       },
@@ -43,20 +43,20 @@ const w = (t) => {
   );
   return /* @__PURE__ */ m("div", { children: [
     p(),
-    c ? g : s
+    c ? u : t
   ] });
-}, H = (t) => {
-  const { getLabel: l } = u(), { children: r, open: d, onToggle: o, primaryInfo: s, secondaryInfo: n, label: a = l("header.role-label") } = t, p = /* @__PURE__ */ m(h, { element: "span", color: "muted", modifiers: "bold", children: [
+}, H = (s) => {
+  const { getLabel: l } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: a = l("header.role-label") } = s, p = /* @__PURE__ */ m(h, { element: "span", color: "secondary", modifiers: "bold", children: [
     a,
     " ",
-    s,
-    n && /* @__PURE__ */ e(h, { element: "span", modifiers: "normal", children: ` | ${n}` })
+    t,
+    d && /* @__PURE__ */ e(h, { element: "span", modifiers: "normal", children: ` | ${d}` })
   ] }), c = typeof r == "function" ? r({ onToggle: o }) : r;
   return /* @__PURE__ */ e(C, { background: "bg-muted", borderRadius: !1, borderless: !0, children: /* @__PURE__ */ e(N, { padding: 0, children: c ? /* @__PURE__ */ e(
     v,
     {
       id: "role-collapse",
-      open: d,
+      open: n,
       onToggle: o,
       className: i["header-role-collapse"],
       hideCollapseText: !0,

package/src/community/components/layout/header/components/header-settings/header-settings.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),i=require("../../../../../../tedi/components/misc/separator/separator.cjs.js"),h=require("../../../../../helpers/hooks/use-layout.cjs.js"),a=require("../../../../button/button.cjs.js"),C=require("../../../../typography/heading/heading.cjs.js"),L=require("../../../layout-context.cjs.js"),f=require("../header-dropdown/header-dropdown.cjs.js"),T=require("../header-modal/header-modal.cjs.js"),v=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),k=require("../../../../card/card.cjs.js"),H=require("../../../../card/card-content/card-content.cjs.js"),M=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),c=y=>{const{children:o,onActionClick:n,closeOnAction:x=!0,iconName:j}=y,[l,r]=g.useState(!1),m=h.useLayout(["desktop"]),d=h.useLayout(["mobile"]),{getLabel:t}=v.useLabels(),{headerType:b}=g.useContext(L.LayoutContext),u={children:t("header.settings"),visualType:"tertiary",icon:{name:j||"account_circle",color:"primary",size:36}};if(b==="public")return e.jsx(a.Button,{icon:d?{name:"login",color:"primary",size:24}:void 0,visualType:d?"tertiary":"primary",onClick:n,children:t("header.login")});const s=typeof o=="function"?o({onToggle:r}):o;if(!s)return e.jsx(a.Button,{icon:{name:"logout",color:"primary",size:24},visualType:"tertiary",onClick:n,children:t("header.logout")});const p=()=>e.jsx(a.Button,{onClick:()=>{n(),x&&r(!1)},iconLeft:"logout",visualType:"link",children:t("header.logout")}),S=e.jsx(f.HeaderDropdown,{open:l,onToggle:r,tooltipProps:{cardProps:{padding:1}},triggerProps:u,children:e.jsxs(M.VerticalSpacing,{size:1,children:[s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(p,{})]})}),q=e.jsxs(T.HeaderModal,{open:l,onToggle:r,ariaLabelledby:"header-settings-modal-label",triggerProps:u,children:[e.jsx(C.Heading,{id:"header-settings-modal-label",className:"sr-only",children:t("header.settings")}),s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(k.Card,{borderless:!0,children:e.jsx(H.CardContent,{children:e.jsx(p,{})})}),e.jsx(i.Separator,{isStretched:!0})]});return m?S:q};c.displayName="HeaderSettings";exports.HeaderSettings=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),C=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),i=require("../../../../../../tedi/components/misc/separator/separator.cjs.js"),h=require("../../../../../helpers/hooks/use-layout.cjs.js"),a=require("../../../../button/button.cjs.js"),L=require("../../../layout-context.cjs.js"),f=require("../header-dropdown/header-dropdown.cjs.js"),T=require("../header-modal/header-modal.cjs.js"),v=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),k=require("../../../../card/card.cjs.js"),H=require("../../../../card/card-content/card-content.cjs.js"),M=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),c=y=>{const{children:o,onActionClick:n,closeOnAction:x=!0,iconName:j}=y,[l,r]=g.useState(!1),m=h.useLayout(["desktop"]),d=h.useLayout(["mobile"]),{getLabel:t}=v.useLabels(),{headerType:b}=g.useContext(L.LayoutContext),u={children:t("header.settings"),visualType:"tertiary",icon:{name:j||"account_circle",color:"primary",size:36}};if(b==="public")return e.jsx(a.Button,{icon:d?{name:"login",color:"primary",size:24}:void 0,visualType:d?"tertiary":"primary",onClick:n,children:t("header.login")});const s=typeof o=="function"?o({onToggle:r}):o;if(!s)return e.jsx(a.Button,{icon:{name:"logout",color:"primary",size:24},visualType:"tertiary",onClick:n,children:t("header.logout")});const p=()=>e.jsx(a.Button,{onClick:()=>{n(),x&&r(!1)},iconLeft:"logout",visualType:"link",children:t("header.logout")}),S=e.jsx(f.HeaderDropdown,{open:l,onToggle:r,tooltipProps:{cardProps:{padding:1}},triggerProps:u,children:e.jsxs(M.VerticalSpacing,{size:1,children:[s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(p,{})]})}),q=e.jsxs(T.HeaderModal,{open:l,onToggle:r,ariaLabelledby:"header-settings-modal-label",triggerProps:u,children:[e.jsx(C.Heading,{id:"header-settings-modal-label",className:"sr-only",children:t("header.settings")}),s,e.jsx(i.Separator,{isStretched:!0}),e.jsx(k.Card,{borderless:!0,children:e.jsx(H.CardContent,{children:e.jsx(p,{})})}),e.jsx(i.Separator,{isStretched:!0})]});return m?S:q};c.displayName="HeaderSettings";exports.HeaderSettings=c;exports.default=c;

package/src/community/components/layout/header/components/header-settings/header-settings.es.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import u from "react";
+import { Heading as k } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
 import { Separator as a } from "../../../../../../tedi/components/misc/separator/separator.es.js";
 import { useLayout as g } from "../../../../../helpers/hooks/use-layout.es.js";
 import { Button as s } from "../../../../button/button.es.js";
-import { Heading as k } from "../../../../typography/heading/heading.es.js";
 import { LayoutContext as L } from "../../../layout-context.es.js";
 import { HeaderDropdown as v } from "../header-dropdown/header-dropdown.es.js";
 import { HeaderModal as x } from "../header-modal/header-modal.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),x=require("../../../../../external/classnames/index.cjs.js"),k=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),T=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),P=require("../../anchor/anchor.cjs.js"),B=require("../../icon/icon.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:_,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,...h}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=x.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(T.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",...h,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((L,M)=>d.createElement(E,{as:r,...L,key:M}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},E=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:_,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:h}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=x.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:x.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e}:{...o,...e,className:x.default(o.className,e==null?void 0:e.className)};return t.jsx(B.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof h=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:_?t.jsx(k.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:_.map((e,s)=>d.createElement(E,{as:u,...e,key:s}))})}):t.jsxs(P.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),h=require("../../../../../external/classnames/index.cjs.js"),M=require("../../../../tedi/components/base/icon/icon.cjs.js"),T=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),B=require("../../anchor/anchor.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:x,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,..._}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=h.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(P.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",..._,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((E,L)=>d.createElement(k,{as:r,...E,key:L}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},k=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:x,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:_}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=h.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:h.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e,color:"inherit"}:{...o,...e,className:h.default(o.className,e==null?void 0:e.className),background:void 0};return t.jsx(M.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof _=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:x?t.jsx(T.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:x.map((e,s)=>d.createElement(k,{as:u,...e,key:s}))})}):t.jsxs(B.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;

package/src/community/components/layout/sidenav/sidenav.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
+import { IconProps } from '../../../../tedi/components/base/icon/icon';
 import { Layouts } from '../../../helpers/hooks/use-layout';
 import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
 import { IntentionalAny } from '../../../types';
 import { AnchorProps } from '../../anchor/anchor';
-import { IconProps } from '../../icon/icon';
 type ConditionalTypes<C extends React.ElementType = 'a'> = {
     /**
      * Render all anchors (except logoLink and skipLink) as this component<br />

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

@@ -1,93 +1,98 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import g, { createElement as C } from "react";
+import y, { createElement as C } from "react";
 import { FloatingOverlay as F, FloatingFocusManager as L } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import v from "../../../../../external/classnames/index.es.js";
-import { Collapse as P } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
-import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
+import { Icon as P } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Collapse as A } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
+import { Print as j } from "../../../../tedi/components/misc/print/print.es.js";
 import { useLayout as k } from "../../../helpers/hooks/use-layout.es.js";
-import { Anchor as j } from "../../anchor/anchor.es.js";
-import { Icon as H } from "../../icon/icon.es.js";
+import { Anchor as H } from "../../anchor/anchor.es.js";
 import { LayoutContext as E } from "../layout-context.es.js";
 import a from "./sidenav.module.scss.es.js";
 import { useSidenavRendered as O } from "./utility.es.js";
-const R = (n) => requestAnimationFrame(n), Y = (n) => {
+const R = (s) => requestAnimationFrame(s), Y = (s) => {
   const {
     navItems: i,
-    ariaLabel: r,
-    linkAs: o,
-    breakToBottomContent: m,
+    ariaLabel: o,
+    linkAs: r,
+    breakToBottomContent: c,
     breakToHeader: f,
-    showDividers: c = !0,
-    hideSubItemIcons: d = !1,
+    showDividers: d = !0,
+    hideSubItemIcons: m = !1,
     className: u,
     ...h
-  } = n, _ = k(["mobile", "tablet"]), { menuOpen: N, context: b, getFloatingProps: p, floating: S, headerType: e, y: s } = g.useContext(E), { hasSidenav: l } = O(e, n);
+  } = s, _ = k(["mobile", "tablet"]), { menuOpen: N, context: b, getFloatingProps: p, floating: S, headerType: e, y: n } = y.useContext(E), { hasSidenav: l } = O(e, s);
   if (!l)
     return null;
-  const y = v(a.sidenav, u, {
-    [a["sidenav--has-dividers"]]: c,
-    [a["sidenav--hide-subitem-icons"]]: d
-  }), I = /* @__PURE__ */ t(A, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: y, "aria-label": r, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": r, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: o, ...T, key: B })) }) }) });
+  const g = v(a.sidenav, u, {
+    [a["sidenav--has-dividers"]]: d,
+    [a["sidenav--hide-subitem-icons"]]: m
+  }), I = /* @__PURE__ */ t(j, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: g, "aria-label": o, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": o, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: r, ...T, key: B })) }) }) });
   return _ ? N ? /* @__PURE__ */ t(F, { lockScroll: !0, className: a.sidenav__overlay, children: /* @__PURE__ */ t(L, { context: b, order: ["reference", "content"], children: /* @__PURE__ */ t(
     "div",
     {
       ...p({
         style: {
-          paddingTop: s ?? 0
+          paddingTop: n ?? 0
         },
         className: a.sidenav,
-        "aria-label": r
+        "aria-label": o
       }),
       ref: S,
       children: I
     }
   ) }) }) : null : I;
-}, M = (n) => {
-  const { icon: i, children: r, isActive: o, onClick: m, subItems: f, as: c, ...d } = n, { toggleMenu: u, onHeaderSidenavToggle: h } = g.useContext(E), _ = k(["mobile", "tablet"]), N = v(a.sidenav__item, { [a["sidenav__item--current"]]: o }), b = g.useId(), p = (e) => {
-    const l = { className: v(a.sidenav__icon) }, y = typeof e == "string" ? { ...l, name: e } : { ...l, ...e, className: v(l.className, e == null ? void 0 : e.className) };
-    return /* @__PURE__ */ t(H, { ...y });
+}, M = (s) => {
+  const { icon: i, children: o, isActive: r, onClick: c, subItems: f, as: d, ...m } = s, { toggleMenu: u, onHeaderSidenavToggle: h } = y.useContext(E), _ = k(["mobile", "tablet"]), N = v(a.sidenav__item, { [a["sidenav__item--current"]]: r }), b = y.useId(), p = (e) => {
+    const l = { className: v(a.sidenav__icon) }, g = typeof e == "string" ? { ...l, name: e, color: "inherit" } : {
+      ...l,
+      ...e,
+      className: v(l.className, e == null ? void 0 : e.className),
+      background: void 0
+    };
+    return /* @__PURE__ */ t(P, { ...g });
   };
   return /* @__PURE__ */ t("li", { "data-name": "sidenav-item", className: N, role: "presentation", children: f ? /* @__PURE__ */ t(
-    P,
+    A,
     {
       id: b,
       hideCollapseText: !0,
-      open: o,
+      open: r,
       title: /* @__PURE__ */ x(
         "span",
         {
-          ...(({ _href: e, ...s }) => s)(d),
+          ...(({ _href: e, ...n }) => n)(m),
           className: a.sidenav__link,
           noStyle: !0,
           role: "menuitem",
-          "aria-current": o ? "page" : void 0,
+          "aria-current": r ? "page" : void 0,
           children: [
             i && p(i),
-            /* @__PURE__ */ t("span", { className: a.sidenav__title, children: r })
+            /* @__PURE__ */ t("span", { className: a.sidenav__title, children: o })
           ]
         }
       ),
-      children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", children: f.map((e, s) => /* @__PURE__ */ C(M, { as: c, ...e, key: s })) })
+      children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", children: f.map((e, n) => /* @__PURE__ */ C(M, { as: d, ...e, key: n })) })
     }
   ) : (
     // // TODO: Remove ts-ignore
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     /* @__PURE__ */ x(
-      j,
+      H,
       {
-        ...d,
-        as: c,
+        ...m,
+        as: d,
         onClick: (e) => {
-          m == null || m(e), e.stopPropagation(), typeof h == "function" || (_ ? R(() => u()) : u());
+          c == null || c(e), e.stopPropagation(), typeof h == "function" || (_ ? R(() => u()) : u());
         },
         className: a.sidenav__link,
         noStyle: !0,
         role: "menuitem",
-        "aria-current": o ? "page" : void 0,
+        "aria-current": r ? "page" : void 0,
         children: [
           i && p(i),
-          /* @__PURE__ */ t("span", { className: a.sidenav__title, children: r })
+          /* @__PURE__ */ t("span", { className: a.sidenav__title, children: o })
         ]
       }
     )

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/misc/print/print.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../icon/icon.cjs.js"),v=require("../typography/text/text.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:r,rowProps:p,...x}=d,n=y.useLayout(["mobile","tablet"]),{padding:j=r?0:n?1:1.5,background:q=r?void 0:n?"bg-subtle":"white",...b}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?t.jsx(C.Icon,{...c}):e};return t.jsx(f.Print,{breakInside:"avoid",children:t.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:r,padding:j,background:q,...b,children:t.jsx(N.CardContent,{children:t.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&t.jsx(i.Col,{width:"auto",children:g(o)}),t.jsx(i.Col,{width:"auto",children:t.jsx(v.Text,{color:"muted",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=d,n=v.useLayout(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(f.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(i.Col,{width:"auto",children:g(o)}),r.jsx(i.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;

package/src/community/components/placeholder/placeholder.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
+import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
-import { IconProps } from '../icon/icon';
 export interface PlaceholderProps {
     /**
      * Placeholder block content

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

@@ -1,40 +1,41 @@
-import { jsx as r, jsxs as N } from "react/jsx-runtime";
-import i from "../../../../external/classnames/index.es.js";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import d from "../../../../external/classnames/index.es.js";
 import P from "react";
-import { Print as I } from "../../../tedi/components/misc/print/print.es.js";
-import { useLayout as w } from "../../helpers/hooks/use-layout.es.js";
-import { Icon as x } from "../icon/icon.es.js";
-import { Text as y } from "../typography/text/text.es.js";
+import { Icon as y } from "../../../tedi/components/base/icon/icon.es.js";
+import { Text as I } from "../../../tedi/components/base/typography/text/text.es.js";
+import { Print as w } from "../../../tedi/components/misc/print/print.es.js";
+import { useLayout as x } from "../../helpers/hooks/use-layout.es.js";
 import { Card as C } from "../card/card.es.js";
 import { CardContent as v } from "../card/card-content/card-content.es.js";
 import { Row as j } from "../../../tedi/components/layout/grid/row.es.js";
-import { Col as d } from "../../../tedi/components/layout/grid/col.es.js";
+import { Col as i } from "../../../tedi/components/layout/grid/col.es.js";
 const D = (l) => {
-  const { icon: s = "spa", className: n, children: c, cardProps: p, isNested: t, rowProps: f, ...u } = l, a = w(["mobile", "tablet"]), {
-    padding: h = t ? 0 : a ? 1 : 1.5,
-    background: b = t ? void 0 : a ? "bg-subtle" : "white",
+  const { icon: s = "spa", className: n, children: c, cardProps: p, isNested: e, rowProps: f, ...u } = l, a = x(["mobile", "tablet"]), {
+    padding: h = e ? 0 : a ? 1 : 1.5,
+    background: b = e ? void 0 : a ? "bg-subtle" : "white",
     ...g
   } = p ?? {};
-  return /* @__PURE__ */ r(I, { breakInside: "avoid", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(w, { breakInside: "avoid", children: /* @__PURE__ */ o(
     C,
     {
       "data-name": "placeholder",
       ...u,
       className: n,
-      borderless: t,
+      borderless: e,
       padding: h,
       background: b,
       ...g,
-      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ N(j, { direction: "column", alignItems: "center", gutter: 2, ...f, children: [
-        s && /* @__PURE__ */ r(d, { width: "auto", children: ((e) => {
-          const o = { size: 36, className: i("text-primary") }, m = typeof e == "string" ? { ...o, name: e } : typeof e == "object" && !P.isValidElement(e) ? {
-            ...o,
-            ...e,
-            className: i(o.className, e == null ? void 0 : e.className)
+      children: /* @__PURE__ */ o(v, { children: /* @__PURE__ */ N(j, { direction: "column", alignItems: "center", gutter: 2, ...f, children: [
+        s && /* @__PURE__ */ o(i, { width: "auto", children: ((r) => {
+          const t = { size: 36, className: d("text-primary") }, m = typeof r == "string" ? { ...t, name: r, color: "brand" } : typeof r == "object" && !P.isValidElement(r) ? {
+            ...t,
+            ...r,
+            color: "brand",
+            className: d(t.className, r == null ? void 0 : r.className)
           } : void 0;
-          return m ? /* @__PURE__ */ r(x, { ...m }) : e;
+          return m ? /* @__PURE__ */ o(y, { ...m }) : r;
         })(s) }),
-        /* @__PURE__ */ r(d, { width: "auto", children: /* @__PURE__ */ r(y, { color: "muted", modifiers: "center", element: "div", children: c }) })
+        /* @__PURE__ */ o(i, { width: "auto", children: /* @__PURE__ */ o(I, { color: "secondary", modifiers: "center", element: "div", children: c }) })
       ] }) })
     }
   ) });