@tedi-design-system/react 17.1.0-rc.4 → 17.1.0-rc.6

package/src/community/components/form/pickers/calendar/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),H=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),S=require("./calendar.module.scss.cjs.js"),T=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),E=t=>{const{value:r,defaultValue:l,onChange:a,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,view:C="day",views:M=["day"],showDaysOutsideCurrentMonth:P=!1,shouldHighlightDate:e,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,shouldShowStatusOnDate:i}=t,[s,v]=d.useState(l||null),_=d.useMemo(()=>a&&typeof r<"u"?r:s,[s,a,r]),p=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof r>"u"&&v(n),!(n!=null&&n.isSame(s))&&(a==null||a(n)))},O=(n,F,R)=>{const V=e==null?void 0:e(n),u=i==null?void 0:i(n),w=H.default({"Mui-highlighted":V},{[S.default[`calendar__day--status-${u}`]]:u});return o.jsx(B.PickersDay,{className:w,...R})};return o.jsx(T.CalendarPicker,{"data-name":"calendar",date:_,onChange:p,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,renderDay:O,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,showDaysOutsideCurrentMonth:P,view:C,views:M})};exports.Calendar=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),o=require("react"),T=require("./calendar.module.scss.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),E=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),t=l=>{const{value:r,defaultValue:y,onChange:a,disabled:c,disableFuture:f,disableHighlightToday:b,disablePast:g,loading:h,minDate:m,maxDate:M,readOnly:q,view:C="day",views:P=["day"],showDaysOutsideCurrentMonth:_=!1,shouldHighlightDate:e,shouldDisableDate:v,shouldDisableMonth:x,shouldDisableYear:j,shouldShowStatusOnDate:i}=l,[u,k]=o.useState(y||null),p=o.useMemo(()=>a&&typeof r<"u"?r:u,[u,a,r]),O=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof r>"u"&&k(n),!(n!=null&&n.isSame(u))&&(a==null||a(n)))},R=(n,F,V)=>{const w=e==null?void 0:e(n),s=i==null?void 0:i(n),H=S.default({"Mui-highlighted":w},{[T.default[`calendar__day--status-${s}`]]:s});return d.jsx(E.PickersDay,{className:H,...V})};return d.jsx(B.CalendarPicker,{"data-name":"calendar",date:p,onChange:O,disabled:c,disableFuture:f,disableHighlightToday:b,disablePast:g,loading:h,minDate:m,maxDate:M,readOnly:q,renderDay:R,shouldDisableDate:v,shouldDisableMonth:x,shouldDisableYear:j,showDaysOutsideCurrentMonth:_,view:C,views:P})};exports.Calendar=t;exports.default=t;

package/src/community/components/form/pickers/calendar/calendar.es.js

@@ -59,5 +59,6 @@ const G = (t) => {
   );
 };
 export {
-  G as Calendar
+  G as Calendar,
+  G as default
 };

package/src/community/components/form/pickers/datepicker/datepicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),l=require("react"),H=require("../mui-input-transition/mui-input-transition.cjs.js"),V=require("../../../../../../external/@mui/x-date-pickers/DatePicker/DatePicker.cjs.js"),F=c=>{const{value:n,defaultValue:f,onChange:t,minDate:D,maxDate:p,disabled:b,readOnly:o,toolbarTitle:m,disableFuture:h,disablePast:y,shouldDisableDate:P,shouldDisableMonth:g,shouldDisableYear:k,disableHighlightToday:x,referenceDate:M,inputFormat:s="DD.MM.YYYY",views:v=["year","day"],onError:C,loading:T,onClose:r,...Y}=c,[u,j]=l.useState(f||null),[q,a]=l.useState(!1),I=l.useMemo(()=>t&&typeof n<"u"?n:u,[u,t,n]),i=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof n>"u"&&j(e),t==null||t(e))},O=()=>{a(!1),r==null||r()};return d.jsx(V.DatePicker,{"data-name":"datepicker",value:I,onChange:i,renderInput:e=>d.jsx(H.default,{muiTextfieldProps:e,inputFormat:s,onChangeHandler:i,textfieldProps:{...Y,onClear:()=>i(null),onIconClick:o?void 0:()=>a(S=>!S)}}),open:q,inputFormat:s,onOpen:()=>a(!0),onClose:O,defaultCalendarMonth:M,disabled:b,disableFuture:h,disablePast:y,shouldDisableDate:P,shouldDisableMonth:g,shouldDisableYear:k,disableHighlightToday:x,readOnly:o,minDate:D,maxDate:p,toolbarTitle:m,onError:C,loading:T,views:v})};exports.DatePicker=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),i=require("react"),V=require("../mui-input-transition/mui-input-transition.cjs.js"),F=require("../../../../../../external/@mui/x-date-pickers/DatePicker/DatePicker.cjs.js"),c=f=>{const{value:n,defaultValue:D,onChange:t,minDate:p,maxDate:b,disabled:m,readOnly:o,toolbarTitle:h,disableFuture:P,disablePast:g,shouldDisableDate:y,shouldDisableMonth:M,shouldDisableYear:k,disableHighlightToday:v,referenceDate:x,inputFormat:s="DD.MM.YYYY",views:C=["year","day"],onError:T,loading:Y,onClose:a,...j}=f,[u,q]=i.useState(D||null),[I,r]=i.useState(!1),O=i.useMemo(()=>t&&typeof n<"u"?n:u,[u,t,n]),l=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof n>"u"&&q(e),t==null||t(e))},S=()=>{r(!1),a==null||a()};return d.jsx(F.DatePicker,{"data-name":"datepicker",value:O,onChange:l,renderInput:e=>d.jsx(V.default,{muiTextfieldProps:e,inputFormat:s,onChangeHandler:l,textfieldProps:{...j,onClear:()=>l(null),onIconClick:o?void 0:()=>r(H=>!H)}}),open:I,inputFormat:s,onOpen:()=>r(!0),onClose:S,defaultCalendarMonth:x,disabled:m,disableFuture:P,disablePast:g,shouldDisableDate:y,shouldDisableMonth:M,shouldDisableYear:k,disableHighlightToday:v,readOnly:o,minDate:p,maxDate:b,toolbarTitle:h,onError:T,loading:Y,views:C})};exports.DatePicker=c;exports.default=c;

package/src/community/components/form/pickers/datepicker/datepicker.es.js

@@ -72,5 +72,6 @@ const $ = (f) => {
   );
 };
 export {
-  $ as DatePicker
+  $ as DatePicker,
+  $ as default
 };

package/src/community/components/form/pickers/datetimepicker/datetimepicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),o=require("react"),z=require("../mui-input-transition/mui-input-transition.cjs.js"),A=require("../../../../../../external/@mui/x-date-pickers/DateTimePicker/DateTimePicker.cjs.js"),B=d=>{const{value:n,defaultValue:c,onChange:t,minDate:D,minDateTime:f,minTime:p,maxDate:T,maxDateTime:_,maxTime:b,minutesStep:h=1,disabled:x,readOnly:s,toolbarTitle:y,toolbarFormat:P,disableFuture:g,disablePast:k,shouldDisableDate:M,shouldDisableMonth:v,shouldDisableYear:C,disableHighlightToday:H,referenceDate:S,inputFormat:l="DD.MM.YYYY HH:mm",views:Y=["year","day","hours","minutes"],onError:j,loading:q,mask:I="__.__.____ __:__",ampm:O=!1,onClose:a,...F}=d,[u,V]=o.useState(c||null),[R,i]=o.useState(!1),w=o.useMemo(()=>t&&typeof n<"u"?n:u,[u,t,n]),r=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof n>"u"&&V(e),t==null||t(e))},E=()=>{i(!1),a==null||a()};return m.jsx(A.DateTimePicker,{"data-name":"datetimepicker",value:w,onChange:r,renderInput:e=>m.jsx(z.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:r,textfieldProps:{...F,onClear:()=>r(null),onIconClick:s?void 0:()=>i($=>!$)}}),open:R,inputFormat:l,onOpen:()=>i(!0),onClose:E,defaultCalendarMonth:S,disabled:x,disableFuture:g,disablePast:k,shouldDisableDate:M,shouldDisableMonth:v,shouldDisableYear:C,disableHighlightToday:H,readOnly:s,minDate:D,minDateTime:f,minTime:p,maxDate:T,maxDateTime:_,maxTime:b,toolbarTitle:y,toolbarFormat:P,onError:j,loading:q,views:Y,mask:I,minutesStep:h,ampm:O})};exports.DateTimePicker=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),s=require("react"),A=require("../mui-input-transition/mui-input-transition.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/DateTimePicker/DateTimePicker.cjs.js"),d=c=>{const{value:n,defaultValue:f,onChange:t,minDate:D,minDateTime:p,minTime:_,maxDate:T,maxDateTime:b,maxTime:h,minutesStep:x=1,disabled:P,readOnly:l,toolbarTitle:g,toolbarFormat:k,disableFuture:y,disablePast:M,shouldDisableDate:v,shouldDisableMonth:C,shouldDisableYear:H,disableHighlightToday:S,referenceDate:Y,inputFormat:o="DD.MM.YYYY HH:mm",views:j=["year","day","hours","minutes"],onError:q,loading:I,mask:O="__.__.____ __:__",ampm:F=!1,onClose:a,...V}=c,[u,R]=s.useState(f||null),[w,i]=s.useState(!1),E=s.useMemo(()=>t&&typeof n<"u"?n:u,[u,t,n]),r=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof n>"u"&&R(e),t==null||t(e))},$=()=>{i(!1),a==null||a()};return m.jsx(B.DateTimePicker,{"data-name":"datetimepicker",value:E,onChange:r,renderInput:e=>m.jsx(A.default,{muiTextfieldProps:e,inputFormat:o,onChangeHandler:r,textfieldProps:{...V,onClear:()=>r(null),onIconClick:l?void 0:()=>i(z=>!z)}}),open:w,inputFormat:o,onOpen:()=>i(!0),onClose:$,defaultCalendarMonth:Y,disabled:P,disableFuture:y,disablePast:M,shouldDisableDate:v,shouldDisableMonth:C,shouldDisableYear:H,disableHighlightToday:S,readOnly:l,minDate:D,minDateTime:p,minTime:_,maxDate:T,maxDateTime:b,maxTime:h,toolbarTitle:g,toolbarFormat:k,onError:q,loading:I,views:j,mask:O,minutesStep:x,ampm:F})};exports.DateTimePicker=d;exports.default=d;

package/src/community/components/form/pickers/datetimepicker/datetimepicker.es.js

@@ -88,5 +88,6 @@ const L = (d) => {
   );
 };
 export {
-  L as DateTimePicker
+  L as DateTimePicker,
+  L as default
 };

package/src/community/components/form/pickers/timepicker/timepicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),I=require("../mui-input-transition/mui-input-transition.cjs.js"),O=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),h=d=>{const{defaultValue:m,onChange:n,value:t,disabled:p,readOnly:u,inputFormat:l="HH:mm",toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k=1,onError:x,shouldDisableTime:y,views:b=["hours","minutes"],ampm:v=!1,onClose:r,...S}=d,[a,g]=s.useState(m||null),[j,i]=s.useState(!1),q=s.useMemo(()=>n&&typeof t<"u"?t:a,[a,n,t]),o=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&g(e),n==null||n(e))},C=()=>{i(!1),r==null||r()};return c.jsx(O.TimePicker,{"data-name":"timepicker",value:q,onChange:o,open:j,onOpen:()=>i(!0),onClose:C,renderInput:e=>c.jsx(I.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:o,textfieldProps:{...S,onClear:()=>o(null),onIconClick:u?void 0:()=>i(H=>!H)},type:"time"}),disabled:p,readOnly:u,inputFormat:l,toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k,onError:x,shouldDisableTime:y,views:b,ampm:v})};exports.TimePicker=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),u=require("react"),O=require("../mui-input-transition/mui-input-transition.cjs.js"),h=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),c=m=>{const{defaultValue:f,onChange:n,value:t,disabled:p,readOnly:o,inputFormat:l="HH:mm",toolbarTitle:T,maxTime:P,minTime:k,minutesStep:v=1,onError:x,shouldDisableTime:b,views:y=["hours","minutes"],ampm:S=!1,onClose:r,...g}=m,[a,j]=u.useState(f||null),[q,i]=u.useState(!1),C=u.useMemo(()=>n&&typeof t<"u"?t:a,[a,n,t]),s=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&j(e),n==null||n(e))},H=()=>{i(!1),r==null||r()};return d.jsx(h.TimePicker,{"data-name":"timepicker",value:C,onChange:s,open:q,onOpen:()=>i(!0),onClose:H,renderInput:e=>d.jsx(O.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:s,textfieldProps:{...g,onClear:()=>s(null),onIconClick:o?void 0:()=>i(I=>!I)},type:"time"}),disabled:p,readOnly:o,inputFormat:l,toolbarTitle:T,maxTime:P,minTime:k,minutesStep:v,onError:x,shouldDisableTime:b,views:y,ampm:S})};exports.TimePicker=c;exports.default=c;

package/src/community/components/form/pickers/timepicker/timepicker.es.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import l from "react";
+import a from "react";
 import S from "../mui-input-transition/mui-input-transition.es.js";
 import { TimePicker as V } from "../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.es.js";
 const D = (d) => {
@@ -8,8 +8,8 @@ const D = (d) => {
     onChange: n,
     value: o,
     disabled: f,
-    readOnly: s,
-    inputFormat: a = "HH:mm",
+    readOnly: l,
+    inputFormat: s = "HH:mm",
     toolbarTitle: c,
     maxTime: T,
     minTime: k,
@@ -18,9 +18,9 @@ const D = (d) => {
     shouldDisableTime: H,
     views: P = ["hours", "minutes"],
     ampm: v = !1,
-    onClose: r,
+    onClose: t,
     ...y
-  } = d, [u, I] = l.useState(p || null), [b, t] = l.useState(!1), h = l.useMemo(() => n && typeof o < "u" ? o : u, [u, n, o]), i = (e) => {
+  } = d, [u, I] = a.useState(p || null), [b, r] = a.useState(!1), h = a.useMemo(() => n && typeof o < "u" ? o : u, [u, n, o]), i = (e) => {
     !(e != null && e.isValid()) && e !== null || (typeof o > "u" && I(e), n == null || n(e));
   };
   return /* @__PURE__ */ m(
@@ -30,27 +30,27 @@ const D = (d) => {
       value: h,
       onChange: i,
       open: b,
-      onOpen: () => t(!0),
+      onOpen: () => r(!0),
       onClose: () => {
-        t(!1), r == null || r();
+        r(!1), t == null || t();
       },
       renderInput: (e) => /* @__PURE__ */ m(
         S,
         {
           muiTextfieldProps: e,
-          inputFormat: a,
+          inputFormat: s,
           onChangeHandler: i,
           textfieldProps: {
             ...y,
             onClear: () => i(null),
-            onIconClick: s ? void 0 : () => t((O) => !O)
+            onIconClick: l ? void 0 : () => r((O) => !O)
           },
           type: "time"
         }
       ),
       disabled: f,
-      readOnly: s,
-      inputFormat: a,
+      readOnly: l,
+      inputFormat: s,
       toolbarTitle: c,
       maxTime: T,
       minTime: k,
@@ -63,5 +63,6 @@ const D = (d) => {
   );
 };
 export {
-  D as TimePicker
+  D as TimePicker,
+  D as default
 };

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/base/icon/icon.cjs.js"),Pe=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),ke=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),qe=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),ye=require("../../tag/tag.cjs.js"),He=require("../check/check.cjs.js"),t=require("./select.module.scss.cjs.js"),Le=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../../../external/react-select/dist/index-641ee5b8.esm.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(pe.Icon,{name:y,size:24,className:t.default.select__arrow,color:"inherit"}),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:"secondary"},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:"secondary"},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(qe.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(ke.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/icon/icon.cjs.js"),Pe=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),ke=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),qe=require("../../../../tedi/components/form/form-label/form-label.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(pe.Icon,{name:y,size:24,className:t.default.select__arrow,color:"inherit"}),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:"secondary"},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:"secondary"},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(qe.FormLabel,{id:`${d}-input`,label:H,required:v,hideLabel:A,size:m}),ve()]}),o&&l.jsx(ke.FeedbackText,{...o,id:O})]})});j.displayName="Select";exports.Select=j;exports.default=j;

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

@@ -11,8 +11,8 @@ import { FormLabel as Be } from "../../../../tedi/components/form/form-label/for
 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 { useLabels as Re } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 import { c as o } from "../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+import { useLabels as Re } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 import { getBackgroundColorClass as Ve } from "../../../helpers/background-colors/background-colors.es.js";
 const Ge = (a) => {
   const b = s(t.select__control, a.className, {

package/src/community/components/form/text-editor/text-editor.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),K=require("../../../../../external/classnames/index.cjs.js"),r=require("../../../../../external/draft-js/lib/Draft.cjs.js"),C=require("../../../../../external/draftjs-md-converter/dist/index.esm.cjs.js"),s=require("react"),O=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),U=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),V=require("./components/block-style-controls.cjs.js"),$=require("./components/inline-style-controls.cjs.js"),l=require("./text-editor.module.scss.cjs.js");;/* empty css                                                   */const A=require("../../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),P=g=>{const{inlineStyleControls:v=["BOLD","ITALIC"],blockStyleControls:T=["unordered-list-item"],label:b,id:u,required:j,helper:e,className:q,hideLabel:D,placeholder:h,defaultValue:f,onChange:i,onBlur:k,onFocus:M,invalid:d,...I}=g,x=e?(e==null?void 0:e.id)??`${u}-helper`:void 0,B=A.useIsMounted(),E=s.useMemo(()=>{const t=C.mdToDraftjs(f||""),c=r.Draft.convertFromRaw(t);return r.Draft.EditorState.createWithContent(c)},[f]),[n,a]=s.useState(E),[R,m]=s.useState(!1),y=s.useMemo(()=>{const t=n.getCurrentContent();return C.draftjsToMd(r.Draft.convertToRaw(t))},[n]),_=s.useMemo(()=>d||(e==null?void 0:e.type)==="error",[d,e]),F=s.useMemo(()=>!d&&(e==null?void 0:e.type)==="valid",[d,e]);s.useEffect(()=>{i==null||i(y)},[y,i]);const w=(t,c)=>{const S=r.Draft.RichUtils.handleKeyCommand(c,t);return S?(a(S),"handled"):"not-handled"},L=t=>{a(r.Draft.RichUtils.toggleInlineStyle(n,t))},N=t=>{a(r.Draft.RichUtils.toggleBlockType(n,t))},p=K.default(l.default["text-editor"],q,{[l.default["text-editor--invalid"]]:_},{[l.default["text-editor--valid"]]:F},{[l.default["text-editor--focused"]]:R});return o.jsxs("div",{"data-name":"text-editor",...I,className:p,children:[o.jsx(U.FormLabel,{id:u,label:b,required:j,hideLabel:D}),o.jsxs("div",{className:l.default["text-editor__inner"],onClick:()=>m(!0),onBlur:()=>m(!1),children:[o.jsxs("div",{className:l.default["text-editor__controls"],children:[o.jsx($.InlineStyleControls,{inlineStyleControls:v,editorState:n,onToggle:L}),o.jsx(V.BlockStyleControls,{blockStyleControls:T,editorState:n,onToggle:N})]}),o.jsx("div",{className:l.default["text-editor__content"],children:B&&o.jsx(r.Draft.Editor,{ariaDescribedBy:x,placeholder:h,editorState:n,onChange:a,handleKeyCommand:w,preserveSelectionOnBlur:!0,editorKey:"editor",onBlur:k,onFocus:M})})]}),e&&o.jsx(O.FeedbackText,{...e,id:x})]})};exports.TextEditor=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("../../../../../external/draft-js/lib/Draft.cjs.js"),C=require("../../../../../external/draftjs-md-converter/dist/index.esm.cjs.js"),s=require("react"),U=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),V=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),$=require("./components/block-style-controls.cjs.js"),A=require("./components/inline-style-controls.cjs.js"),l=require("./text-editor.module.scss.cjs.js");;/* empty css                                                   */const P=require("../../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),g=v=>{const{inlineStyleControls:T=["BOLD","ITALIC"],blockStyleControls:b=["unordered-list-item"],label:j,id:u,required:q,helper:e,className:D,hideLabel:M,placeholder:h,defaultValue:f,onChange:i,onBlur:k,onFocus:I,invalid:d,..._}=v,x=e?(e==null?void 0:e.id)??`${u}-helper`:void 0,B=P.useIsMounted(),E=s.useMemo(()=>{const t=C.mdToDraftjs(f||""),c=n.Draft.convertFromRaw(t);return n.Draft.EditorState.createWithContent(c)},[f]),[r,a]=s.useState(E),[R,m]=s.useState(!1),S=s.useMemo(()=>{const t=r.getCurrentContent();return C.draftjsToMd(n.Draft.convertToRaw(t))},[r]),F=s.useMemo(()=>d||(e==null?void 0:e.type)==="error",[d,e]),w=s.useMemo(()=>!d&&(e==null?void 0:e.type)==="valid",[d,e]);s.useEffect(()=>{i==null||i(S)},[S,i]);const L=(t,c)=>{const y=n.Draft.RichUtils.handleKeyCommand(c,t);return y?(a(y),"handled"):"not-handled"},N=t=>{a(n.Draft.RichUtils.toggleInlineStyle(r,t))},p=t=>{a(n.Draft.RichUtils.toggleBlockType(r,t))},K=O.default(l.default["text-editor"],D,{[l.default["text-editor--invalid"]]:F},{[l.default["text-editor--valid"]]:w},{[l.default["text-editor--focused"]]:R});return o.jsxs("div",{"data-name":"text-editor",..._,className:K,children:[o.jsx(V.FormLabel,{id:u,label:j,required:q,hideLabel:M}),o.jsxs("div",{className:l.default["text-editor__inner"],onClick:()=>m(!0),onBlur:()=>m(!1),children:[o.jsxs("div",{className:l.default["text-editor__controls"],children:[o.jsx(A.InlineStyleControls,{inlineStyleControls:T,editorState:r,onToggle:N}),o.jsx($.BlockStyleControls,{blockStyleControls:b,editorState:r,onToggle:p})]}),o.jsx("div",{className:l.default["text-editor__content"],children:B&&o.jsx(n.Draft.Editor,{ariaDescribedBy:x,placeholder:h,editorState:r,onChange:a,handleKeyCommand:L,preserveSelectionOnBlur:!0,editorKey:"editor",onBlur:k,onFocus:I})})]}),e&&o.jsx(U.FeedbackText,{...e,id:x})]})};exports.TextEditor=g;exports.default=g;

package/src/community/components/form/text-editor/text-editor.es.js

@@ -99,5 +99,6 @@ const nt = (S) => {
   ] });
 };
 export {
-  nt as TextEditor
+  nt as TextEditor,
+  nt as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),h=require("../../../../tedi/components/misc/print/print.cjs.js"),j=require("../../../helpers/hooks/use-layout.cjs.js"),l=require("./breadcrumbs.module.scss.cjs.js"),x=require("./crumb/crumb.cjs.js"),L=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),i=n=>{const{getLabel:c}=L.useLabels(),{className:b,crumbs:a,linkAs:o,showMinimalCrumbs:r=["mobile","tablet"],...m}=n,d=j.default(r===!0?["mobile","tablet","desktop"]:r||[]),u=!!r&&d,e=u?a.filter(t=>!t.isLast).slice(-1):a;return e!=null&&e.length?s.jsx(h.Print,{visibility:"hide",children:s.jsx("nav",{"data-name":"breadcrumbs","aria-label":c("breadcrumbs"),...m,className:q.default(b,l.default.breadcrumbs),children:s.jsx("ol",{className:l.default.breadcrumbs__list,children:e.map((t,f)=>s.jsx(x.default,{as:o,singleCrumb:u,...t},f))})})}):null};exports.Breadcrumbs=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),L=require("../../../../tedi/components/misc/print/print.cjs.js"),h=require("../../../helpers/hooks/use-layout.cjs.js"),l=require("./breadcrumbs.module.scss.cjs.js"),j=require("./crumb/crumb.cjs.js"),x=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),i=n=>{const{getLabel:c}=x.useLabels(),{className:b,crumbs:u,linkAs:o,showMinimalCrumbs:r=["mobile","tablet"],...m}=n,d=h.useLayout(r===!0?["mobile","tablet","desktop"]:r||[]),a=!!r&&d,e=a?u.filter(t=>!t.isLast).slice(-1):u;return e!=null&&e.length?s.jsx(L.Print,{visibility:"hide",children:s.jsx("nav",{"data-name":"breadcrumbs","aria-label":c("breadcrumbs"),...m,className:q.default(b,l.default.breadcrumbs),children:s.jsx("ol",{className:l.default.breadcrumbs__list,children:e.map((t,f)=>s.jsx(j.default,{as:o,singleCrumb:a,...t},f))})})}):null};exports.Breadcrumbs=i;exports.default=i;

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import p from "../../../../../external/classnames/index.es.js";
 import { Print as f } from "../../../../tedi/components/misc/print/print.es.js";
-import h from "../../../helpers/hooks/use-layout.es.js";
+import { useLayout as h } from "../../../helpers/hooks/use-layout.es.js";
 import i from "./breadcrumbs.module.scss.es.js";
 import L from "./crumb/crumb.es.js";
 import { useLabels as y } from "../../../../tedi/providers/label-provider/use-labels.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),g=require("../../../../tedi/components/base/icon/icon.cjs.js"),a=require("../../../../tedi/components/base/typography/text/text.cjs.js"),j=require("../../../../tedi/components/misc/print/print.cjs.js"),b=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),o=require("./footer.module.scss.cjs.js"),_=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),p=require("../../../../tedi/components/layout/grid/row.cjs.js"),m=require("../../../../tedi/components/layout/grid/col.cjs.js"),f=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),q=d=>{const{logo:r,categories:l,className:i,bottomElement:n,...t}=d,{getLabel:s}=_.useLabels(),u=c.default(o.default.footer,i);return e.jsx(j.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:[l.map((h,x)=>e.jsx(b.StretchContent,{direction:"vertical",children:e.jsx(v,{...h})},x)),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})]})})},v=d=>{const{heading:r,icon:l,elements:i}=d,n=t=>{const s={size:16,color:"inherit",background:void 0},u=typeof t=="string"?{...s,name:t,background:void 0}:{...s,...t,background:void 0};return e.jsx(g.Icon,{...u})};return e.jsxs(p.Row,{children:[l&&e.jsx(m.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(l)}),e.jsx(m.Col,{width:"auto",children:e.jsxs(f.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(f.VerticalSpacing,{element:"ul",size:.5,className:c.default(o.default["footer__category-list"]),children:i==null?void 0:i.map((t,s)=>e.jsx("li",{children:e.jsx(a.Text,{color:"white",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=q;
+"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"),j=require("../../../../tedi/components/base/icon/icon.cjs.js"),a=require("../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../../tedi/components/misc/print/print.cjs.js"),b=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),o=require("./footer.module.scss.cjs.js"),v=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"),p=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),h=d=>{const{logo:r,categories:l,className:i,bottomElement:n,...t}=d,{getLabel:s}=p.useLabels(),u=c.default(o.default.footer,i);return e.jsx(_.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:[l.map((x,g)=>e.jsx(b.StretchContent,{direction:"vertical",children:e.jsx(q,{...x})},g)),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})]})})},q=d=>{const{heading:r,icon:l,elements:i}=d,n=t=>{const s={size:16,color:"inherit",background:void 0},u=typeof t=="string"?{...s,name:t,background:void 0}:{...s,...t,background:void 0};return e.jsx(j.Icon,{...u})};return e.jsxs(v.Row,{children:[l&&e.jsx(f.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(l)}),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:i==null?void 0:i.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

@@ -5,33 +5,34 @@ import { Text as m } from "../../../../tedi/components/base/typography/text/text
 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 t from "./footer.module.scss.es.js";
-import { useLabels as N } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { Row as v } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as f } from "../../../../tedi/components/layout/grid/col.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 v } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const B = (d) => {
-  const { logo: r, categories: c, className: l, bottomElement: s, ...e } = d, { getLabel: i } = N(), h = n(t.footer, l);
-  return /* @__PURE__ */ o(b, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...e, className: h, children: [
+  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: [
-      c.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
+      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 })
     ] }),
-    s && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: s })
+    c && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
   ] }) });
 }, w = (d) => {
-  const { heading: r, icon: c, elements: l } = d, s = (e) => {
-    const i = { size: 16, color: "inherit", background: void 0 }, h = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
-    return /* @__PURE__ */ o(_, { ...h });
+  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: [
-    c && /* @__PURE__ */ o(f, { width: "auto", className: n("text-inverted", t["footer__category-icon"]), children: s(c) }),
-    /* @__PURE__ */ o(f, { width: "auto", children: /* @__PURE__ */ a(p, { className: n("text-small", t.footer__category), size: 0.5, children: [
+  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)) })
     ] }) })
   ] });
 };
 export {
-  B as Footer
+  B as Footer,
+  B as default
 };

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("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),T=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../../../helpers/hooks/use-layout.cjs.js"),v=require("../../../../button/button.cjs.js"),L=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/providers/label-provider/use-labels.cjs.js"),I=require("../../../../../../tedi/components/content/list/list.cjs.js"),M=require("../../../../../../tedi/components/content/list/list-item.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=_.default(["desktop","tablet"]),{getLabel:l}=H.useLabels(),[n,s]=y.useState(!1),a=t==null?void 0:t.find(e=>e.isSelected),d={children:a==null?void 0:a.label,"aria-label":`${l("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:s})},c=({isSelected:e,onClick:q,label:g,"aria-label":j},x=!0)=>r.jsx(v.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(T.Text,{color:"secondary",modifiers:"small",children:l("header.select-lang")}),r.jsx(L.HeaderDropdown,{shouldAnimate:!0,open:n,onToggle:s,tooltipProps:{cardProps:{padding:1}},triggerProps:d,children:r.jsx(I.List,{verticalSpacing:{size:.75},element:"ul",className:u.default["header-language__list"],children:(t==null?void 0:t.map(e=>r.jsx(M.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:s,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:l("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

@@ -2,20 +2,20 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import _ from "react";
 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 w from "../../../../../helpers/hooks/use-layout.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";
-import { useLabels as P } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
-import { List as R } from "../../../../../../tedi/components/content/list/list.es.js";
-import { ListItem as j } from "../../../../../../tedi/components/content/list/list-item.es.js";
+import { List as P } from "../../../../../../tedi/components/content/list/list.es.js";
+import { ListItem as R } from "../../../../../../tedi/components/content/list/list-item.es.js";
+import { useLabels as j } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { Card as k } from "../../../../card/card.es.js";
 import { CardContent as z } from "../../../../card/card-content/card-content.es.js";
 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 = w(["desktop", "tablet"]), { getLabel: l } = P(), [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",
@@ -41,7 +41,7 @@ const D = (c) => {
         onToggle: i,
         tooltipProps: { cardProps: { padding: 1 } },
         triggerProps: d,
-        children: /* @__PURE__ */ e(R, { verticalSpacing: { size: 0.75 }, element: "ul", className: p["header-language__list"], children: (o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(j, { className: p["header-language__list-item"], children: s(r) }, r.label))) || [] })
+        children: /* @__PURE__ */ e(P, { verticalSpacing: { size: 0.75 }, element: "ul", className: p["header-language__list"], children: (o == null ? void 0 : o.map((r) => /* @__PURE__ */ e(R, { className: p["header-language__list-item"], children: s(r) }, r.label))) || [] })
       }
     )
   ] }), b = /* @__PURE__ */ e(

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/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("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),m=require("../../../../modal/modal-provider.cjs.js"),C=require("../../../../modal/modal-trigger.cjs.js"),q=require("../../../../modal/modal.cjs.js"),r=require("../../../../card/card-content/card-content.cjs.js"),o=require("../../../../card/card.cjs.js"),p=require("../../../../modal/modal-closer.cjs.js"),d=t=>{const{triggerProps:s,defaultOpen:l,open:i,onToggle:n,children:a,ariaLabelledby:u}=t,{getLabel:c}=j.useLabels();return e.jsxs(m.ModalProvider,{defaultOpen:l,open:i,onToggle:n,children:[e.jsx(C.ModalTrigger,{children:e.jsx(b.Button,{...s})}),e.jsx(q.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(p.ModalCloser,{children:e.jsx(h.ClosingButton,{title:c("modal.close"),size:"default",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:"default",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

@@ -3,19 +3,19 @@ import { Text as f } from "../../../../../../tedi/components/base/typography/tex
 import { ClosingButton as c } from "../../../../../../tedi/components/buttons/closing-button/closing-button.es.js";
 import { Button as h } from "../../../../button/button.es.js";
 import g from "../../header/header.module.scss.es.js";
-import { useLabels as u } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
-import { ModalProvider as b } from "../../../../modal/modal-provider.es.js";
-import { ModalTrigger as C } from "../../../../modal/modal-trigger.es.js";
-import { Modal as M } from "../../../../modal/modal.es.js";
+import { ModalProvider as u } from "../../../../modal/modal-provider.es.js";
+import { ModalTrigger as b } from "../../../../modal/modal-trigger.es.js";
+import { Modal as C } from "../../../../modal/modal.es.js";
+import { ModalCloser as M } from "../../../../modal/modal-closer.es.js";
+import { useLabels as x } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { CardContent as e } from "../../../../card/card-content/card-content.es.js";
 import { Card as i } from "../../../../card/card.es.js";
-import { ModalCloser as x } from "../../../../modal/modal-closer.es.js";
 const N = (d) => {
-  const { triggerProps: t, defaultOpen: l, open: a, onToggle: m, children: n, ariaLabelledby: s } = d, { getLabel: p } = u();
-  return /* @__PURE__ */ o(b, { defaultOpen: l, open: a, onToggle: m, children: [
-    /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(h, { ...t }) }),
-    /* @__PURE__ */ r(M, { "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(f, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
+  const { triggerProps: t, defaultOpen: l, open: a, onToggle: m, children: n, ariaLabelledby: s } = d, { getLabel: p } = x();
+  return /* @__PURE__ */ o(u, { defaultOpen: l, open: a, onToggle: m, children: [
+    /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(h, { ...t }) }),
+    /* @__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(f, { element: "div", modifiers: "right", children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
         c,
         {
           title: p("modal.close"),

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"),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"),f=require("../../../layout-context.cjs.js"),T=require("../header-dropdown/header-dropdown.cjs.js"),v=require("../header-modal/header-modal.cjs.js"),L=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.default(["desktop"]),d=h.default(["mobile"]),{getLabel:t}=L.useLabels(),{headerType:b}=g.useContext(f.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(T.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(v.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

@@ -2,7 +2,7 @@ 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 g from "../../../../../helpers/hooks/use-layout.es.js";
+import { useLayout as g } from "../../../../../helpers/hooks/use-layout.es.js";
 import { Button as s } from "../../../../button/button.es.js";
 import { LayoutContext as L } from "../../../layout-context.es.js";
 import { HeaderDropdown as v } from "../header-dropdown/header-dropdown.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("../../../../../../external/classnames/index.cjs.js"),s=require("react"),X=require("../../../../../tedi/components/misc/affix/affix.cjs.js"),$=require("../../../../../tedi/components/misc/print/print.cjs.js"),F=require("../../../anchor/anchor.cjs.js"),I=require("../../layout-context.cjs.js"),z=require("../../sidenav/utility.cjs.js"),x=require("../components/header-bottom-content/header-bottom-content.cjs.js"),G=require("../components/header-content/header-content.cjs.js"),q=require("../components/header-language/header-language.cjs.js"),y=require("../components/header-navigation/header-navigation.cjs.js"),J=require("../components/header-notification/header-notification.cjs.js"),K=require("../components/header-role/header-role.cjs.js"),N=require("../components/header-settings/header-settings.cjs.js"),Q=require("../components/logo/logo.cjs.js"),U=require("../components/sidenav-toggle/sidenav-toggle.cjs.js"),W=require("../components/skip-links/skip-links.cjs.js"),o=require("./header.module.scss.cjs.js"),j=require("../../../../helpers/hooks/use-layout.cjs.js"),Y=require("../../../../../tedi/components/layout/grid/row.cjs.js"),Z=require("../../../../../tedi/components/layout/grid/col.cjs.js"),ee=H=>{const{skipLinks:m,logo:S,children:h,bottomContent:d,notification:p,minimalSettingsArea:v=["mobile"],showCustomContent:b,showSystemCustomContent:k,enablePublicCustomContent:_=!1,...w}=H,L=b??k??["desktop","tablet"],A=j.default(L),B=j.default(v),{headerType:f,sideNavProps:E,headerElement:R}=s.useContext(I.LayoutContext),{shouldBreakToBottomContent:l,shouldBreakToHeader:g}=z.useSidenavRendered(f,E),c=[F.Anchor.displayName,K.HeaderRole.displayName,q.HeaderLanguage.displayName,N.HeaderSettings.displayName],T=[q.HeaderLanguage.displayName,N.HeaderSettings.displayName],P=[G.HeaderContent.displayName],C=t=>t.type.displayName,M=t=>O(u(t,B?T:c)),u=(t,n=c)=>{const a=[];return s.Children.forEach(t,r=>{if(s.isValidElement(r)){const i=C(r);n.includes(i)?a.push(r):r.type===s.Fragment&&a.push(...u(r.props.children,n))}}),a},O=(t,n=c)=>{const a=[];return n.forEach(r=>{s.Children.forEach(t,i=>{s.isValidElement(i)&&C(i)===r&&a.push(i)})}),a},D=V.default(o.default.header,{[o.default["header--with-bottom-content"]]:l||!!d});return e.jsxs($.Print,{visibility:"hide",children:[m&&e.jsx(W.SkipLinks,{...m}),p&&e.jsx(J.HeaderNotification,{...p}),e.jsxs("header",{"data-name":"header",...w,ref:R,className:D,children:[e.jsx(U.SidenavToggle,{}),e.jsx(Q.Logo,{...S}),e.jsxs("div",{className:o.default.header__content,children:[e.jsxs("div",{className:o.default["header__content-left"],children:[(f==="system"||_&&!g)&&A&&u(h,P),g&&e.jsx(y.HeaderNavigation,{})]}),e.jsx(Y.Row,{className:o.default["header__content-right"],wrap:"nowrap",alignItems:"center",gutterX:4,xl:{gutterX:5},children:M(h).map((t,n)=>e.jsx(Z.Col,{width:"auto",className:o.default["header__content-item"],children:t},n))})]})]}),d&&!l&&e.jsx(X.Affix,{position:"sticky",top:0,relative:"window",className:o.default.header__affix,children:e.jsx(x.HeaderBottomContent,{...d})}),l&&e.jsx(x.HeaderBottomContent,{cardProps:{border:"top-border-default",padding:.75,borderRadius:!1},children:e.jsx(y.HeaderNavigation,{})})]})};exports.Header=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),X=require("../../../../../../external/classnames/index.cjs.js"),s=require("react"),$=require("../../../../../tedi/components/misc/affix/affix.cjs.js"),F=require("../../../../../tedi/components/misc/print/print.cjs.js"),I=require("../../../anchor/anchor.cjs.js"),z=require("../../layout-context.cjs.js"),G=require("../../sidenav/utility.cjs.js"),x=require("../components/header-bottom-content/header-bottom-content.cjs.js"),J=require("../components/header-content/header-content.cjs.js"),y=require("../components/header-language/header-language.cjs.js"),q=require("../components/header-navigation/header-navigation.cjs.js"),K=require("../components/header-notification/header-notification.cjs.js"),Q=require("../components/header-role/header-role.cjs.js"),N=require("../components/header-settings/header-settings.cjs.js"),U=require("../components/logo/logo.cjs.js"),W=require("../components/sidenav-toggle/sidenav-toggle.cjs.js"),Y=require("../components/skip-links/skip-links.cjs.js"),o=require("./header.module.scss.cjs.js"),j=require("../../../../helpers/hooks/use-layout.cjs.js"),Z=require("../../../../../tedi/components/layout/grid/row.cjs.js"),ee=require("../../../../../tedi/components/layout/grid/col.cjs.js"),H=v=>{const{skipLinks:m,logo:S,children:h,bottomContent:d,notification:p,minimalSettingsArea:_=["mobile"],showCustomContent:b,showSystemCustomContent:k,enablePublicCustomContent:L=!1,...w}=v,A=b??k??["desktop","tablet"],B=j.useLayout(A),E=j.useLayout(_),{headerType:f,sideNavProps:R,headerElement:T}=s.useContext(z.LayoutContext),{shouldBreakToBottomContent:l,shouldBreakToHeader:g}=G.useSidenavRendered(f,R),c=[I.Anchor.displayName,Q.HeaderRole.displayName,y.HeaderLanguage.displayName,N.HeaderSettings.displayName],M=[y.HeaderLanguage.displayName,N.HeaderSettings.displayName],P=[J.HeaderContent.displayName],C=t=>t.type.displayName,O=t=>D(u(t,E?M:c)),u=(t,r=c)=>{const a=[];return s.Children.forEach(t,n=>{if(s.isValidElement(n)){const i=C(n);r.includes(i)?a.push(n):n.type===s.Fragment&&a.push(...u(n.props.children,r))}}),a},D=(t,r=c)=>{const a=[];return r.forEach(n=>{s.Children.forEach(t,i=>{s.isValidElement(i)&&C(i)===n&&a.push(i)})}),a},V=X.default(o.default.header,{[o.default["header--with-bottom-content"]]:l||!!d});return e.jsxs(F.Print,{visibility:"hide",children:[m&&e.jsx(Y.SkipLinks,{...m}),p&&e.jsx(K.HeaderNotification,{...p}),e.jsxs("header",{"data-name":"header",...w,ref:T,className:V,children:[e.jsx(W.SidenavToggle,{}),e.jsx(U.Logo,{...S}),e.jsxs("div",{className:o.default.header__content,children:[e.jsxs("div",{className:o.default["header__content-left"],children:[(f==="system"||L&&!g)&&B&&u(h,P),g&&e.jsx(q.HeaderNavigation,{})]}),e.jsx(Z.Row,{className:o.default["header__content-right"],wrap:"nowrap",alignItems:"center",gutterX:4,xl:{gutterX:5},children:O(h).map((t,r)=>e.jsx(ee.Col,{width:"auto",className:o.default["header__content-item"],children:t},r))})]})]}),d&&!l&&e.jsx($.Affix,{position:"sticky",top:0,relative:"window",className:o.default.header__affix,children:e.jsx(x.HeaderBottomContent,{...d})}),l&&e.jsx(x.HeaderBottomContent,{cardProps:{border:"top-border-default",padding:.75,borderRadius:!1},children:e.jsx(q.HeaderNavigation,{})})]})};exports.Header=H;exports.default=H;

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

@@ -17,7 +17,7 @@ import { Logo as U } from "../components/logo/logo.es.js";
 import { SidenavToggle as W } from "../components/sidenav-toggle/sidenav-toggle.es.js";
 import { SkipLinks as Y } from "../components/skip-links/skip-links.es.js";
 import n from "./header.module.scss.es.js";
-import v from "../../../../helpers/hooks/use-layout.es.js";
+import { useLayout as v } from "../../../../helpers/hooks/use-layout.es.js";
 import { Row as Z } from "../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as $ } from "../../../../../tedi/components/layout/grid/col.es.js";
 const ve = (S) => {
@@ -94,5 +94,6 @@ const ve = (S) => {
   ] });
 };
 export {
-  ve as Header
+  ve as Header,
+  ve as default
 };

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

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

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

@@ -13,14 +13,14 @@ import { useSidenavRendered as V } from "../sidenav/utility.es.js";
 import e from "./layout.module.scss.es.js";
 import { Header as W } from "../header/header/header.es.js";
 import { autoUpdate as X } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-const pe = (N) => {
+const fe = (N) => {
   var E;
   const {
     children: R,
     header: P,
     sideNav: o,
-    breadcrumbsProps: p,
-    footer: f,
+    breadcrumbsProps: f,
+    footer: p,
     mainContentId: _ = "main-content",
     mainContentClassName: x,
     mainLogo: a,
@@ -67,16 +67,17 @@ const pe = (N) => {
           /* @__PURE__ */ l("div", { className: k, children: [
             a && /* @__PURE__ */ n("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
             /* @__PURE__ */ l("main", { className: u(e.main__content, x), id: _, tabIndex: -1, children: [
-              p && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...p }) }),
+              f && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...f }) }),
               R
             ] })
           ] })
         ] }),
-        f && /* @__PURE__ */ n(J, { ...f })
+        p && /* @__PURE__ */ n(J, { ...p })
       ] }) })
     }
   );
 };
 export {
-  pe as Layout
+  fe as Layout,
+  fe as default
 };