@tedi-design-system/react 15.0.0-rc.3 → 15.0.0-rc.4

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/package.json

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

package/src/community/components/accordion/accordion-item-header/accordion-item-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),E=require("../../toggle-open/toggle-open.cjs.js"),x=require("../../typography/heading/heading.cjs.js"),y=require("../../typography/text/text.cjs.js"),S=require("../accordion.cjs.js"),f=require("../accordion.module.scss.cjs.js"),N=require("../accordion-item/accordion-item.cjs.js"),R=require("../../card/card-header/card-header.cjs.js"),B=require("../../../../tedi/components/layout/grid/row.cjs.js"),v=require("../../../../tedi/components/layout/grid/col.cjs.js"),b=q=>{var g;const{children:c,className:C,background:s="white",openText:u,closeText:l,...w}=q,[I,j]=n.useState(!1),{onToggle:H,isOpen:o}=n.useContext(S.AccordionContext),{id:r,disabled:i}=n.useContext(N.AccordionItemContext),m=()=>{i||H(r)},T=e=>{(e.code==="Enter"||e.code==="Space")&&!e.repeat&&(e.preventDefault(),m())},p=e=>{i||j(e)},A=O.default(f.default["accordion__item-header"],C),a=((g=n.Children.toArray(c))==null?void 0:g.length)===1?n.Children.toArray(c).find(e=>n.isValidElement(e)&&(e.type===x.Heading||e.type===y.Text&&["h1","h2","h3","h4","h5","h6"].includes(e.props.element))):void 0,d=n.useMemo(()=>{switch(s){case"primary":return o(r)?"primary-active":"primary-main";case"white/primary":return o(r)?"primary-active":"white";case"muted/primary":return o(r)?"primary-active":"bg-muted";default:return s}},[s,r,o]),_=d==="white"||d==="bg-muted"?void 0:"inverted",h=e=>t.jsx(R.CardHeader,{"data-name":"accordion-item-header",role:"button",tabIndex:i?-1:0,"aria-disabled":i,className:A,onClick:m,onKeyDown:T,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),"aria-expanded":o(r),"aria-controls":`${r}-content`,background:d,...w,children:u&&l&&!i?t.jsxs(B.Row,{justifyContent:"between",alignItems:"center",children:[t.jsx(v.Col,{children:e}),t.jsx(v.Col,{width:"auto",children:t.jsx(E.ToggleOpen,{openText:u,closeText:l,isActive:I,isOpen:o(r),color:_,visualType:"link","aria-hidden":!0,tabIndex:-1})})]}):e});return a?(()=>{const{element:e,children:M,...k}=(a==null?void 0:a.props)??{};return t.jsx(x.Heading,{element:e,modifiers:"normal",className:f.default["accordion__item-wrapping-heading"],children:h(t.jsx(y.Text,{element:"span",...k,children:M}))})})():h(c)};exports.AccordionItemHeader=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),x=require("../../../../tedi/components/base/typography/heading/heading.cjs.js"),y=require("../../../../tedi/components/base/typography/text/text.cjs.js"),E=require("../../toggle-open/toggle-open.cjs.js"),S=require("../accordion.cjs.js"),f=require("../accordion.module.scss.cjs.js"),N=require("../accordion-item/accordion-item.cjs.js"),R=require("../../card/card-header/card-header.cjs.js"),B=require("../../../../tedi/components/layout/grid/row.cjs.js"),v=require("../../../../tedi/components/layout/grid/col.cjs.js"),b=q=>{var g;const{children:c,className:C,background:s="white",openText:u,closeText:l,...w}=q,[I,j]=n.useState(!1),{onToggle:H,isOpen:o}=n.useContext(S.AccordionContext),{id:r,disabled:i}=n.useContext(N.AccordionItemContext),m=()=>{i||H(r)},T=e=>{(e.code==="Enter"||e.code==="Space")&&!e.repeat&&(e.preventDefault(),m())},p=e=>{i||j(e)},A=O.default(f.default["accordion__item-header"],C),a=((g=n.Children.toArray(c))==null?void 0:g.length)===1?n.Children.toArray(c).find(e=>n.isValidElement(e)&&(e.type===x.Heading||e.type===y.Text&&["h1","h2","h3","h4","h5","h6"].includes(e.props.element))):void 0,d=n.useMemo(()=>{switch(s){case"primary":return o(r)?"primary-active":"primary-main";case"white/primary":return o(r)?"primary-active":"white";case"muted/primary":return o(r)?"primary-active":"bg-muted";default:return s}},[s,r,o]),_=d==="white"||d==="bg-muted"?void 0:"inverted",h=e=>t.jsx(R.CardHeader,{"data-name":"accordion-item-header",role:"button",tabIndex:i?-1:0,"aria-disabled":i,className:A,onClick:m,onKeyDown:T,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),"aria-expanded":o(r),"aria-controls":`${r}-content`,background:d,...w,children:u&&l&&!i?t.jsxs(B.Row,{justifyContent:"between",alignItems:"center",children:[t.jsx(v.Col,{children:e}),t.jsx(v.Col,{width:"auto",children:t.jsx(E.ToggleOpen,{openText:u,closeText:l,isActive:I,isOpen:o(r),color:_,visualType:"link","aria-hidden":!0,tabIndex:-1})})]}):e});return a?(()=>{const{element:e,children:M,...k}=(a==null?void 0:a.props)??{};return t.jsx(x.Heading,{element:e,modifiers:"normal",className:f.default["accordion__item-wrapping-heading"],children:h(t.jsx(y.Text,{element:"span",...k,children:M}))})})():h(c)};exports.AccordionItemHeader=b;exports.default=b;

package/src/community/components/accordion/accordion-item-header/accordion-item-header.es.js

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as N } from "react/jsx-runtime";
 import j from "../../../../../external/classnames/index.es.js";
 import t from "react";
+import { Heading as y } from "../../../../tedi/components/base/typography/heading/heading.es.js";
+import { Text as g } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { ToggleOpen as O } from "../../toggle-open/toggle-open.es.js";
-import { Heading as y } from "../../typography/heading/heading.es.js";
-import { Text as g } from "../../typography/text/text.es.js";
 import { AccordionContext as B } from "../accordion.es.js";
 import v from "../accordion.module.scss.es.js";
 import { AccordionItemContext as D } from "../accordion-item/accordion-item.es.js";

package/src/community/components/form/select/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),b=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Oe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),pe=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),Pe=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),p=require("../../button/button.cjs.js"),ke=require("../../icon/icon.cjs.js"),qe=require("../../tag/tag.cjs.js"),ye=require("../../typography/text/text.cjs.js"),He=require("../check/check.cjs.js"),t=require("./select.module.scss.cjs.js"),c=require("../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),Le=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Be=require("../../../helpers/background-colors/background-colors.cjs.js"),Re=s=>{const x=n.default(t.default.select__control,s.className,{[t.default["select__control--focused"]]:s.isFocused});return l.jsx(c.c.Control,{...s,className:x})},we=s=>l.jsx(c.c.Input,{...s,className:n.default(s.className,t.default.select__input),isHidden:s.selectProps.inputIsHidden!==void 0?s.selectProps.inputIsHidden:s.isHidden}),Fe=s=>l.jsx(c.c.Menu,{...s,className:n.default(s.className,t.default.select__menu)}),Te=s=>l.jsx(c.c.MenuPortal,{...s,className:n.default(s.className,t.default["select__menu-portal"])}),j=b.forwardRef((s,x)=>{const{options:P,defaultOptions:k,id:d,name:q,iconName:y="arrow_drop_down",label:H,required:v,value:L,defaultValue:B,tagsDirection:C="row",onChange:h,onInputChange:R,inputValue:w,loadOptions:F,isLoading:T,isTagRemovable:V=!1,openMenuOnFocus:G=!1,openMenuOnClick:D=!0,tabSelectsValue:E=!1,disabled:$=!1,className:z,hideLabel:A=!1,helper:o,placeholder:J,invalid:K,size:m,async:Q=!1,renderOption:f,renderMessageListFooter:M,noOptionsMessage:U,loadingMessage:W,multiple:N=!1,closeMenuOnSelect:X=!N,blurInputOnSelect:I=!1,autoFocus:Y=!1,isClearable:Z=!0,isClearIndicatorVisible:ee=!1,isSearchable:S=!0,menuIsOpen:te,onMenuClose:le,onMenuOpen:ae,onBlur:se,inputIsHidden:ne,optionGroupHeadingText:ce={modifiers:"small",color:"subtle"},optionGroupBackgroundColor:oe,cacheOptions:ie=!0,...ue}=s,O=o?(o==null?void 0:o.id)??`${d}-helper`:void 0,g=b.useRef(null),{getLabel:_}=Le.useLabels();b.useImperativeHandle(x,()=>g.current);const re=e=>{var a;h==null||h(e),!I&&g.current&&((a=g.current.inputRef)==null||a.focus())},de=()=>l.jsx(ke.Icon,{name:y,size:24,className:t.default.select__arrow}),me=e=>l.jsx(c.c.Placeholder,{...e,className:n.default(e.className,"inline-block")}),fe=b.useCallback(e=>l.jsxs("div",{className:t.default["select__menu-list-wrapper"],children:[l.jsx(c.c.MenuList,{...e,className:n.default(e.className,t.default["select__menu-list"]),children:e.children}),M&&l.jsx("div",{className:t.default["select__menu-list-footer"],children:M(e)})]}),[M]),ge=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"sr-only",children:e.label}),l.jsx(He.Check,{id:e.data.value,label:e.label,"aria-hidden":!0,className:t.default.select__checkbox,value:e.data.value,name:e.data.value,checked:e.isSelected,onChange:(r,Ie)=>null,disabled:e.isDisabled,hover:e.isFocused})]})})},_e=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--selected"]]:e.isSelected},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):e.children})},be=e=>N?ge(e):_e(e),xe=({children:e,components:{Remove:a},data:i,selectProps:u,removeProps:r,...Ie})=>l.jsxs(qe.Tag,{color:"default",type:"secondary",className:n.default(t.default["select__multi-value-item"],{[t.default["select__multi-value-item--big"]]:m!=="small"}),children:[e,V&&l.jsx(a,{data:i,selectProps:u,innerProps:r})]}),he=({data:e,innerProps:a})=>l.jsx(p.Button,{icon:{name:"clear",color:"muted"},className:t.default["select__multi-value-clear"],visualType:"link",tabIndex:-1,...a,children:`${_("remove")} ${e.label}`}),Me=({innerProps:{ref:e,...a}})=>ee?l.jsx(p.Button,{icon:{name:"clear",color:"muted"},visualType:"link",tabIndex:-1,ref:e,...a,children:_("clear")}):null,Ne=e=>{const a=n.default(t.default.select__group);return l.jsx(c.c.Group,{...e,className:a,children:e.children})},je=e=>{const a=n.default(t.default["select__group-heading"],Be.getBackgroundColorClass(e.data.backgroundColor||oe||"transparent")),i=e.data.text||ce;return l.jsx(c.c.GroupHeading,{...e,className:a,children:l.jsx(ye.Text,{...i,children:e.data.label})})},ve=()=>{const e={ClearIndicator:Me,DropdownIndicator:de,IndicatorSeparator:()=>null,MenuPortal:Te,Menu:Fe,MenuList:fe,Option:be,Control:Re,Input:we,MultiValue:xe,MultiValueRemove:he,Placeholder:me,Group:Ne,GroupHeading:je},a=Q?Oe.default:Se.default,i=()=>_("select.no-options"),u=()=>_("select.loading");return l.jsx(a,{id:d,"aria-describedby":O,autoFocus:Y,ref:g,instanceId:d,className:"select__wrapper",name:q,options:P,defaultOptions:k,value:L,defaultValue:B,cacheOptions:ie,onChange:re,onInputChange:R,onBlur:se,inputValue:w,inputId:`${d}-input`,loadOptions:F,isLoading:T,noOptionsMessage:U||i,loadingMessage:W||u,classNamePrefix:"select",components:e,isDisabled:$,isSearchable:S,menuIsOpen:te,openMenuOnFocus:G,openMenuOnClick:D,tabSelectsValue:E,onMenuClose:le,onMenuOpen:ae,placeholder:J||"",isClearable:Z,backspaceRemovesValue:!0,menuShouldScrollIntoView:!0,isMulti:N,hideSelectedOptions:!1,closeMenuOnSelect:X,blurInputOnSelect:I,menuPosition:"fixed",menuPlacement:"auto",inputIsHidden:ne,required:v,theme:r=>({...r,colors:{...r.colors,primary:"#005aa3",danger:"#b50000",dangerLight:"#fceeee"}}),styles:{input:r=>({...r,gridTemplateColumns:"0fr"})}})},Ce=n.default(t.default.select,z,{[t.default["select--invalid"]]:K||(o==null?void 0:o.type)==="error"},{[t.default[`select--${m}`]]:m},{[t.default[`select--tags-${C}`]]:C},{[t.default["select--searchable"]]:S});return l.jsxs("div",{"data-name":"select",...ue,className:Ce,children:[l.jsxs("div",{className:t.default.select__inner,children:[l.jsx(Pe.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(pe.FeedbackText,{...o,id:O})]})});j.displayName="Select";exports.Select=j;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),b=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Oe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),pe=require("../../../../tedi/components/base/typography/text/text.cjs.js"),Pe=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),ke=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),p=require("../../button/button.cjs.js"),qe=require("../../icon/icon.cjs.js"),ye=require("../../tag/tag.cjs.js"),He=require("../check/check.cjs.js"),t=require("./select.module.scss.cjs.js"),c=require("../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),Le=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Be=require("../../../helpers/background-colors/background-colors.cjs.js"),Re=s=>{const x=n.default(t.default.select__control,s.className,{[t.default["select__control--focused"]]:s.isFocused});return l.jsx(c.c.Control,{...s,className:x})},we=s=>l.jsx(c.c.Input,{...s,className:n.default(s.className,t.default.select__input),isHidden:s.selectProps.inputIsHidden!==void 0?s.selectProps.inputIsHidden:s.isHidden}),Fe=s=>l.jsx(c.c.Menu,{...s,className:n.default(s.className,t.default.select__menu)}),Te=s=>l.jsx(c.c.MenuPortal,{...s,className:n.default(s.className,t.default["select__menu-portal"])}),j=b.forwardRef((s,x)=>{const{options:P,defaultOptions:k,id:d,name:q,iconName:y="arrow_drop_down",label:H,required:v,value:L,defaultValue:B,tagsDirection:C="row",onChange:h,onInputChange:R,inputValue:w,loadOptions:F,isLoading:T,isTagRemovable:V=!1,openMenuOnFocus:G=!1,openMenuOnClick:D=!0,tabSelectsValue:E=!1,disabled:$=!1,className:z,hideLabel:A=!1,helper:o,placeholder:J,invalid:K,size:m,async:Q=!1,renderOption:f,renderMessageListFooter:M,noOptionsMessage:U,loadingMessage:W,multiple:N=!1,closeMenuOnSelect:X=!N,blurInputOnSelect:I=!1,autoFocus:Y=!1,isClearable:Z=!0,isClearIndicatorVisible:ee=!1,isSearchable:S=!0,menuIsOpen:te,onMenuClose:le,onMenuOpen:ae,onBlur:se,inputIsHidden:ne,optionGroupHeadingText:ce={modifiers:"small",color:"tertiary"},optionGroupBackgroundColor:oe,cacheOptions:ie=!0,...ue}=s,O=o?(o==null?void 0:o.id)??`${d}-helper`:void 0,g=b.useRef(null),{getLabel:_}=Le.useLabels();b.useImperativeHandle(x,()=>g.current);const re=e=>{var a;h==null||h(e),!I&&g.current&&((a=g.current.inputRef)==null||a.focus())},de=()=>l.jsx(qe.Icon,{name:y,size:24,className:t.default.select__arrow}),me=e=>l.jsx(c.c.Placeholder,{...e,className:n.default(e.className,"inline-block")}),fe=b.useCallback(e=>l.jsxs("div",{className:t.default["select__menu-list-wrapper"],children:[l.jsx(c.c.MenuList,{...e,className:n.default(e.className,t.default["select__menu-list"]),children:e.children}),M&&l.jsx("div",{className:t.default["select__menu-list-footer"],children:M(e)})]}),[M]),ge=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"sr-only",children:e.label}),l.jsx(He.Check,{id:e.data.value,label:e.label,"aria-hidden":!0,className:t.default.select__checkbox,value:e.data.value,name:e.data.value,checked:e.isSelected,onChange:(r,Ie)=>null,disabled:e.isDisabled,hover:e.isFocused})]})})},_e=e=>{const a=n.default(t.default.select__option,{[t.default["select__option--disabled"]]:e.isDisabled},{[t.default["select__option--selected"]]:e.isSelected},{[t.default["select__option--focused"]]:e.isFocused}),{tabIndex:i,...u}=e.innerProps;return l.jsx(c.c.Option,{...e,innerProps:{...u,role:"option","aria-selected":e.isSelected},className:a,children:f?f(e):e.children})},be=e=>N?ge(e):_e(e),xe=({children:e,components:{Remove:a},data:i,selectProps:u,removeProps:r,...Ie})=>l.jsxs(ye.Tag,{color:"default",type:"secondary",className:n.default(t.default["select__multi-value-item"],{[t.default["select__multi-value-item--big"]]:m!=="small"}),children:[e,V&&l.jsx(a,{data:i,selectProps:u,innerProps:r})]}),he=({data:e,innerProps:a})=>l.jsx(p.Button,{icon:{name:"clear",color:"muted"},className:t.default["select__multi-value-clear"],visualType:"link",tabIndex:-1,...a,children:`${_("remove")} ${e.label}`}),Me=({innerProps:{ref:e,...a}})=>ee?l.jsx(p.Button,{icon:{name:"clear",color:"muted"},visualType:"link",tabIndex:-1,ref:e,...a,children:_("clear")}):null,Ne=e=>{const a=n.default(t.default.select__group);return l.jsx(c.c.Group,{...e,className:a,children:e.children})},je=e=>{const a=n.default(t.default["select__group-heading"],Be.getBackgroundColorClass(e.data.backgroundColor||oe||"transparent")),i=e.data.text||ce;return l.jsx(c.c.GroupHeading,{...e,className:a,children:l.jsx(pe.Text,{...i,children:e.data.label})})},ve=()=>{const e={ClearIndicator:Me,DropdownIndicator:de,IndicatorSeparator:()=>null,MenuPortal:Te,Menu:Fe,MenuList:fe,Option:be,Control:Re,Input:we,MultiValue:xe,MultiValueRemove:he,Placeholder:me,Group:Ne,GroupHeading:je},a=Q?Oe.default:Se.default,i=()=>_("select.no-options"),u=()=>_("select.loading");return l.jsx(a,{id:d,"aria-describedby":O,autoFocus:Y,ref:g,instanceId:d,className:"select__wrapper",name:q,options:P,defaultOptions:k,value:L,defaultValue:B,cacheOptions:ie,onChange:re,onInputChange:R,onBlur:se,inputValue:w,inputId:`${d}-input`,loadOptions:F,isLoading:T,noOptionsMessage:U||i,loadingMessage:W||u,classNamePrefix:"select",components:e,isDisabled:$,isSearchable:S,menuIsOpen:te,openMenuOnFocus:G,openMenuOnClick:D,tabSelectsValue:E,onMenuClose:le,onMenuOpen:ae,placeholder:J||"",isClearable:Z,backspaceRemovesValue:!0,menuShouldScrollIntoView:!0,isMulti:N,hideSelectedOptions:!1,closeMenuOnSelect:X,blurInputOnSelect:I,menuPosition:"fixed",menuPlacement:"auto",inputIsHidden:ne,required:v,theme:r=>({...r,colors:{...r.colors,primary:"#005aa3",danger:"#b50000",dangerLight:"#fceeee"}}),styles:{input:r=>({...r,gridTemplateColumns:"0fr"})}})},Ce=n.default(t.default.select,z,{[t.default["select--invalid"]]:K||(o==null?void 0:o.type)==="error"},{[t.default[`select--${m}`]]:m},{[t.default[`select--tags-${C}`]]:C},{[t.default["select--searchable"]]:S});return l.jsxs("div",{"data-name":"select",...ue,className:Ce,children:[l.jsxs("div",{className:t.default.select__inner,children:[l.jsx(ke.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(Pe.FeedbackText,{...o,id:O})]})});j.displayName="Select";exports.Select=j;exports.default=j;

package/src/community/components/form/select/select.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups, SelectInstance } from 'react-select';
+import { TextProps } from '../../../../tedi/components/base/typography/text/text';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { TColorsBackground } from '../../commonTypes';
-import { TextProps } from '../../typography/text/text';
 /**
  * Because of the next problem, inputIsHidden has to be used from select custom props.
  * For typescript they need to be declared in module

package/src/community/components/form/select/select.es.js

@@ -3,12 +3,12 @@ import s from "../../../../../external/classnames/index.es.js";
 import v, { forwardRef as Pe } from "react";
 import xe from "../../../../../external/react-select/dist/react-select.esm.es.js";
 import ke from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as ye } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
-import { FormLabel as He } from "../../../../tedi/components/form/form-label/form-label.es.js";
+import { Text as ye } from "../../../../tedi/components/base/typography/text/text.es.js";
+import { FeedbackText as He } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
+import { FormLabel as we } from "../../../../tedi/components/form/form-label/form-label.es.js";
 import { Button as x } from "../../button/button.es.js";
-import { Icon as we } from "../../icon/icon.es.js";
-import { Tag as Be } from "../../tag/tag.es.js";
-import { Text as Fe } from "../../typography/text/text.es.js";
+import { Icon as Be } from "../../icon/icon.es.js";
+import { Tag as Fe } from "../../tag/tag.es.js";
 import { Check as Le } from "../check/check.es.js";
 import t from "./select.module.scss.es.js";
 import { c as o } from "../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
@@ -72,7 +72,7 @@ const Ge = (a) => {
       onMenuOpen: le,
       onBlur: ae,
       inputIsHidden: se,
-      optionGroupHeadingText: oe = { modifiers: "small", color: "subtle" },
+      optionGroupHeadingText: oe = { modifiers: "small", color: "tertiary" },
       optionGroupBackgroundColor: ce,
       cacheOptions: ie = !0,
       ...re
@@ -84,7 +84,7 @@ const Ge = (a) => {
     const de = (e) => {
       var l;
       p == null || p(e), !O && f.current && ((l = f.current.inputRef) == null || l.focus());
-    }, ue = () => /* @__PURE__ */ n(we, { name: w, size: 24, className: t.select__arrow }), me = (e) => /* @__PURE__ */ n(o.Placeholder, { ...e, className: s(e.className, "inline-block") }), ge = v.useCallback(
+    }, ue = () => /* @__PURE__ */ n(Be, { name: w, size: 24, className: t.select__arrow }), me = (e) => /* @__PURE__ */ n(o.Placeholder, { ...e, className: s(e.className, "inline-block") }), ge = v.useCallback(
       (e) => /* @__PURE__ */ m("div", { className: t["select__menu-list-wrapper"], children: [
         /* @__PURE__ */ n(o.MenuList, { ...e, className: s(e.className, t["select__menu-list"]), children: e.children }),
         N && /* @__PURE__ */ n("div", { className: t["select__menu-list-footer"], children: N(e) })
@@ -146,7 +146,7 @@ const Ge = (a) => {
       removeProps: d,
       ...Oe
     }) => /* @__PURE__ */ m(
-      Be,
+      Fe,
       {
         color: "default",
         type: "secondary",
@@ -186,7 +186,7 @@ const Ge = (a) => {
         t["select__group-heading"],
         Ve(e.data.backgroundColor || ce || "transparent")
       ), i = e.data.text || oe;
-      return /* @__PURE__ */ n(o.GroupHeading, { ...e, className: l, children: /* @__PURE__ */ n(Fe, { ...i, children: e.data.label }) });
+      return /* @__PURE__ */ n(o.GroupHeading, { ...e, className: l, children: /* @__PURE__ */ n(ye, { ...i, children: e.data.label }) });
     }, Ie = () => {
       const e = {
         ClearIndicator: Ne,
@@ -277,10 +277,10 @@ const Ge = (a) => {
     );
     return /* @__PURE__ */ m("div", { "data-name": "select", ...re, className: Ce, children: [
       /* @__PURE__ */ m("div", { className: t.select__inner, children: [
-        /* @__PURE__ */ n(He, { id: `${u}-input`, label: B, required: I, hideLabel: A, size: g }),
+        /* @__PURE__ */ n(we, { id: `${u}-input`, label: B, required: I, hideLabel: A, size: g }),
         Ie()
       ] }),
-      c && /* @__PURE__ */ n(ye, { ...c, id: P })
+      c && /* @__PURE__ */ n(He, { ...c, id: P })
     ] });
   }
 );

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextColor } from '../typography/text/text';
+import { TextColor } from '../../../tedi/components/base/typography/text/text';
 export type IconSize = 12 | 14 | 16 | 18 | 24 | 36 | 48;
 export interface IconProps {
     /**

package/src/community/components/layout/breadcrumbs/crumb/crumb.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/classnames/index.cjs.js"),c=require("../../../../../tedi/components/misc/print/print.cjs.js"),l=require("../../../anchor/anchor.cjs.js"),d=require("../../../icon/icon.cjs.js"),m=require("../../../typography/text/text.cjs.js"),i=require("../breadcrumbs.module.scss.cjs.js"),b=o=>{const{isLast:r=!1,children:t,singleCrumb:s,...n}=o,u=a.default(i.default.breadcrumbs__item);return e.jsxs("li",{"data-name":"crumb",className:u,children:[e.jsx(c.Print,{visibility:"show",children:r?e.jsx(m.Text,{color:"muted",children:t}):e.jsx(l.Anchor,{iconLeft:s?"keyboard_arrow_left":void 0,...n,children:t})}),!s&&!r?e.jsx(d.Icon,{className:i.default.breadcrumbs__separator,size:16,name:"keyboard_arrow_right"}):null]})};exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),u=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),l=require("../../../../../tedi/components/misc/print/print.cjs.js"),d=require("../../../anchor/anchor.cjs.js"),b=require("../../../icon/icon.cjs.js"),i=require("../breadcrumbs.module.scss.cjs.js"),m=o=>{const{isLast:r=!1,children:s,singleCrumb:t,...n}=o,a=c.default(i.default.breadcrumbs__item);return e.jsxs("li",{"data-name":"crumb",className:a,children:[e.jsx(l.Print,{visibility:"show",children:r?e.jsx(u.Text,{color:"secondary",children:s}):e.jsx(d.Anchor,{iconLeft:t?"keyboard_arrow_left":void 0,...n,children:s})}),!t&&!r?e.jsx(b.Icon,{className:i.default.breadcrumbs__separator,size:16,name:"keyboard_arrow_right"}):null]})};exports.default=m;

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

@@ -1,20 +1,20 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import l from "../../../../../../external/classnames/index.es.js";
-import { Print as n } from "../../../../../tedi/components/misc/print/print.es.js";
-import { Anchor as d } from "../../../anchor/anchor.es.js";
-import { Icon as f } from "../../../icon/icon.es.js";
-import { Text as b } from "../../../typography/text/text.es.js";
+import { Text as n } from "../../../../../tedi/components/base/typography/text/text.es.js";
+import { Print as d } from "../../../../../tedi/components/misc/print/print.es.js";
+import { Anchor as f } from "../../../anchor/anchor.es.js";
+import { Icon as b } from "../../../icon/icon.es.js";
 import m from "../breadcrumbs.module.scss.es.js";
 const N = (t) => {
-  const { isLast: o = !1, children: s, singleCrumb: e, ...i } = t, a = l(m.breadcrumbs__item);
-  return /* @__PURE__ */ c("li", { "data-name": "crumb", className: a, children: [
-    /* @__PURE__ */ r(n, { visibility: "show", children: o ? /* @__PURE__ */ r(b, { color: "muted", children: s }) : (
+  const { isLast: o = !1, children: s, singleCrumb: e, ...a } = t, i = l(m.breadcrumbs__item);
+  return /* @__PURE__ */ c("li", { "data-name": "crumb", className: i, children: [
+    /* @__PURE__ */ r(d, { visibility: "show", children: o ? /* @__PURE__ */ r(n, { color: "secondary", children: s }) : (
       // TODO: Remove ts-ignore
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      /* @__PURE__ */ r(d, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...i, children: s })
+      /* @__PURE__ */ r(f, { iconLeft: e ? "keyboard_arrow_left" : void 0, ...a, children: s })
     ) }),
-    !e && !o ? /* @__PURE__ */ r(f, { className: m.breadcrumbs__separator, size: 16, name: "keyboard_arrow_right" }) : null
+    !e && !o ? /* @__PURE__ */ r(b, { className: m.breadcrumbs__separator, size: 16, name: "keyboard_arrow_right" }) : null
   ] });
 };
 export {

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

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

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 { jsx as e, jsxs as n } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
+import { Text as m } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Print as u } 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 b } 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: [
+  const { logo: r, categories: s, className: l, bottomElement: c, ...o } = d, { getLabel: i } = v(), f = a(t.footer, l);
+  return /* @__PURE__ */ e(u, { visibility: "hide", children: /* @__PURE__ */ n("footer", { "data-name": "footer", ...o, className: f, children: [
     /* @__PURE__ */ e(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 }) }, _)),
+    /* @__PURE__ */ n("div", { className: t.footer__inner, children: [
+      s.map((g, _) => /* @__PURE__ */ e(y, { direction: "vertical", children: /* @__PURE__ */ e(w, { ...g }) }, _)),
       r && /* @__PURE__ */ e("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__ */ e(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
   ] }) });
-}, x = (d) => {
-  const { heading: r, icon: s, elements: l } = d, n = (o) => {
+}, w = (d) => {
+  const { heading: r, icon: s, elements: l } = d, c = (o) => {
     const i = { size: 16 }, f = typeof o == "string" ? { ...i, name: o } : { ...i, ...o };
     return /* @__PURE__ */ e(N, { ...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__ */ n(b, { children: [
+    s && /* @__PURE__ */ e(h, { width: "auto", className: a("text-inverted", t["footer__category-icon"]), children: c(s) }),
+    /* @__PURE__ */ e(h, { width: "auto", children: /* @__PURE__ */ n(p, { className: a("text-small", t.footer__category), size: 0.5, children: [
+      /* @__PURE__ */ e(m, { color: "white", modifiers: ["bold", "normal"], element: "h3", children: r }),
+      /* @__PURE__ */ e(p, { element: "ul", size: 0.5, className: a(t["footer__category-list"]), children: l == null ? void 0 : l.map((o, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { color: "white", element: "span", modifiers: "break-all", children: o }) }, 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-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/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 t=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../tedi/components/misc/print/print.cjs.js"),C=require("../../helpers/hooks/use-layout.cjs.js"),v=require("../icon/icon.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=C.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(v.Icon,{...c}):e};return t.jsx(y.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(f.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;