@tedi-design-system/react 18.0.0-rc.20 → 18.0.0-rc.22

package/src/community/components/form/file-upload/file-upload.es.js

@@ -5,7 +5,7 @@ import { FeedbackText as O } from "../../../../tedi/components/form/feedback-tex
 import { FormLabel as S } from "../../../../tedi/components/form/form-label/form-label.es.js";
 import { Tag as W } from "../../../../tedi/components/tags/tag/tag.es.js";
 import { Button as Y } from "../../button/button.es.js";
-import u from "./file-upload.module.scss.es.js";
+import c from "./file-upload.module.scss.es.js";
 import { useLabels as q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 import { Card as G } from "../../card/card.es.js";
 import { CardContent as J } from "../../card/card-content/card-content.es.js";
@@ -20,19 +20,19 @@ const P = ({ accept: a, maxSize: i }, s) => {
   return o.length ? { text: o } : void 0;
 }, Q = (a, i) => {
   const s = a.reduce(
-    (o, { type: r, file: c }) => (o[r].push(c.name), o),
+    (o, { type: r, file: u }) => (o[r].push(u.name), o),
     { extension: [], size: [] }
   );
   return Object.entries(s).filter(([o, r]) => r.length).map(([o, r]) => {
-    const c = r.map((x) => `'${x}'`).join(", ");
-    return i(`file-upload.${o}-rejected`, c);
+    const u = r.map((x) => `'${x}'`).join(", ");
+    return i(`file-upload.${o}-rejected`, u);
   }).join(". ");
 }, pe = (a) => {
   const { getLabel: i } = q(), {
     id: s,
     name: o,
     accept: r,
-    multiple: c,
+    multiple: u,
     onChange: n,
     className: x,
     defaultFiles: k,
@@ -43,7 +43,7 @@ const P = ({ accept: a, maxSize: i }, s) => {
     maxSize: y,
     helper: d = P({ accept: r, maxSize: y }, i),
     ...B
-  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(u["file-upload"], { [u["file-upload-disabled"]]: m }), z = (e) => {
+  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(c["file-upload"], { [c["file-upload-disabled"]]: m }), z = (e) => {
     var h;
     if (!r)
       return !0;
@@ -65,18 +65,18 @@ const P = ({ accept: a, maxSize: i }, s) => {
       isLoading: e.isLoading,
       children: e.name
     }
-  ) }, t), C = () => /* @__PURE__ */ l("ul", { className: u["file-upload__items"], children: F.map((e, t) => R(e, t)) });
+  ) }, t), C = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: F.map((e, t) => R(e, t)) });
   return /* @__PURE__ */ _("div", { children: [
     /* @__PURE__ */ l(
       "div",
       {
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
-        className: u["file-upload__label-wrapper"],
-        children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className: u["file-upload__label"] })
+        className: c["file-upload__label-wrapper"],
+        children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className: c["file-upload__label"] })
       }
     ),
-    v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className: u["file-upload__card"], children: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ _(K, { gutterY: 2, children: [
+    v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ _(K, { gutterY: 2, children: [
       /* @__PURE__ */ l(M, { children: C() }),
       /* @__PURE__ */ l(M, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: U, children: [
         /* @__PURE__ */ l(
@@ -87,7 +87,7 @@ const P = ({ accept: a, maxSize: i }, s) => {
             name: o,
             accept: r,
             onChange: A,
-            multiple: c,
+            multiple: u,
             disabled: m
           }
         ),
@@ -112,6 +112,5 @@ const P = ({ accept: a, maxSize: i }, s) => {
   ] });
 };
 export {
-  pe as FileUpload,
-  pe as default
+  pe as FileUpload
 };

package/src/community/components/form/hidden-field/examples/hidden-multiselect.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { HiddenField } from '../hidden-field';
 export declare const HiddenMultiselect: StoryFn<typeof HiddenField>;

package/src/community/components/form/hidden-field/examples/hidden-select.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as HiddenField } from '../hidden-field';
 export declare const HiddenSelect: StoryFn<typeof HiddenField>;

package/src/community/components/form/hidden-field/examples/hidden-textfield.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { HiddenField } from '../hidden-field';
 export declare const HiddenTextField: StoryFn<typeof HiddenField>;

package/src/community/components/form/hidden-field/hidden-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),y=require("../../../../tedi/components/form/textfield/textfield.cjs.js"),O=require("../select/select.cjs.js"),a=require("./hidden-field.module.scss.cjs.js"),M=require("../pickers/datetimepicker/datetimepicker.cjs.js"),F=e=>e.fieldType==="textfield",k=e=>e.fieldType==="select",B=e=>e.fieldType==="datetime",T=e=>{const[u,r]=x.useState(!1),h=x.useRef(null);x.useEffect(()=>{var s,n;F(e)&&((s=h.current)!=null&&s.input)&&u&&((n=h.current)==null||n.input.focus())},[u,e]);const j=s=>{const{className:n,onBlur:t,onKeyDown:i,...f}=s.fieldOptions,o=m.default(n,a.default["hidden-field"]),c=l=>{t==null||t(l),r(!1)};return d.jsx(y.TextField,{...f,"data-name":"hidden-field",hideLabel:!0,size:"small",className:o,inputClassName:a.default["hidden-field__input"],onKeyDown:l=>{i==null||i(l),(l.key==="enter"||l.keyCode===13||l.which===13)&&(l.preventDefault(),c(l))},onBlur:c,ref:h})},N=s=>{const{className:n,onBlur:t,onChange:i,closeMenuOnSelect:f=!1,...o}=s.fieldOptions,c=m.default(n,a.default["hidden-field"],a.default["hidden-field--select"]),l=()=>{t==null||t(),r(!1)},S=q=>{i==null||i(q),f&&r(!1)};return d.jsx(O.Select,{autoFocus:!0,...o,onBlur:l,onChange:S,className:c,hideLabel:!0,size:"small"})},b=s=>{const{className:n,onBlur:t,...i}=s.fieldOptions,f=m.default(n,a.default["hidden-field"],a.default["hidden-field--datetime"]),o=c=>{r(!1),t==null||t(c)};return d.jsx(M.DateTimePicker,{...i,hideLabel:!0,className:f,onBlur:o})};return d.jsxs(d.Fragment,{children:[F(e)&&u?d.jsx(j,{...e}):null,k(e)&&u?d.jsx(N,{...e}):null,B(e)&&u?d.jsx(b,{...e}):null,d.jsx("button",{type:"button",onClick:()=>r(!0),className:m.default(a.default["hidden-field-button"],"text-small",{hidden:u},e.className),children:e.content})]})};exports.HiddenField=T;exports.default=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),S=require("../../../../tedi/components/form/textfield/textfield.cjs.js"),q=require("../select/select.cjs.js"),a=require("./hidden-field.module.scss.cjs.js"),O=require("../pickers/datetimepicker/datetimepicker.cjs.js"),F=e=>e.fieldType==="textfield",k=e=>e.fieldType==="select",B=e=>e.fieldType==="datetime",C=e=>{const[c,r]=x.useState(!1),h=x.useRef(null);x.useEffect(()=>{var s,n;F(e)&&((s=h.current)!=null&&s.input)&&c&&((n=h.current)==null||n.input.focus())},[c,e]);const T=s=>{const{className:n,onBlur:t,onKeyDown:i,...f}=s.fieldOptions,o=m.default(n,a.default["hidden-field"]),u=l=>{t==null||t(l),r(!1)};return d.jsx(S.TextField,{...f,"data-name":"hidden-field",hideLabel:!0,size:"small",className:o,inputClassName:a.default["hidden-field__input"],onKeyDown:l=>{i==null||i(l),(l.key==="enter"||l.keyCode===13||l.which===13)&&(l.preventDefault(),u(l))},onBlur:u,ref:h})},j=s=>{const{className:n,onBlur:t,onChange:i,closeMenuOnSelect:f=!1,...o}=s.fieldOptions,u=m.default(n,a.default["hidden-field"],a.default["hidden-field--select"]),l=()=>{t==null||t(),r(!1)},b=y=>{i==null||i(y),f&&r(!1)};return d.jsx(q.Select,{autoFocus:!0,...o,onBlur:l,onChange:b,className:u,hideLabel:!0,size:"small"})},N=s=>{const{className:n,onBlur:t,...i}=s.fieldOptions,f=m.default(n,a.default["hidden-field"],a.default["hidden-field--datetime"]),o=u=>{r(!1),t==null||t(u)};return d.jsx(O.DateTimePicker,{...i,hideLabel:!0,className:f,onBlur:o})};return d.jsxs(d.Fragment,{children:[F(e)&&c?d.jsx(T,{...e}):null,k(e)&&c?d.jsx(j,{...e}):null,B(e)&&c?d.jsx(N,{...e}):null,d.jsx("button",{type:"button",onClick:()=>r(!0),className:m.default(a.default["hidden-field-button"],"text-small",{hidden:c},e.className),children:e.content})]})};exports.HiddenField=C;

package/src/community/components/form/hidden-field/hidden-field.es.js

@@ -71,6 +71,5 @@ const T = (e) => e.fieldType === "textfield", D = (e) => e.fieldType === "select
   ] });
 };
 export {
-  j as HiddenField,
-  j as default
+  j as HiddenField
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import a from "react";
+import l 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: l,
-    inputFormat: s = "HH:mm",
+    readOnly: s,
+    inputFormat: a = "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: t,
+    onClose: r,
     ...y
-  } = 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) => {
+  } = 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) => {
     !(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: () => r(!0),
+      onOpen: () => t(!0),
       onClose: () => {
-        r(!1), t == null || t();
+        t(!1), r == null || r();
       },
       renderInput: (e) => /* @__PURE__ */ m(
         S,
         {
           muiTextfieldProps: e,
-          inputFormat: s,
+          inputFormat: a,
           onChangeHandler: i,
           textfieldProps: {
             ...y,
             onClear: () => i(null),
-            onIconClick: l ? void 0 : () => r((O) => !O)
+            onIconClick: s ? void 0 : () => t((O) => !O)
           },
           type: "time"
         }
       ),
       disabled: f,
-      readOnly: l,
-      inputFormat: s,
+      readOnly: s,
+      inputFormat: a,
       toolbarTitle: c,
       maxTime: T,
       minTime: k,
@@ -63,6 +63,5 @@ const D = (d) => {
   );
 };
 export {
-  D as TimePicker,
-  D as default
+  D as TimePicker
 };

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

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/custom-option.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

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

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/multiple-handled.d.ts

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select, ISelectOption } from '../select';
 export declare const colourOptions: ISelectOption[];
 export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

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"),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;
+"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;

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

@@ -9,7 +9,7 @@ import { TColorsBackground } from '../../commonTypes';
  * For typescript they need to be declared in module
  * https://github.com/JedWatson/react-select/issues/4804#issuecomment-927223471
  */
-declare module 'react-select/dist/declarations/src/Select' {
+declare module '../../../../../node_modules/react-select/dist/declarations/src/Select' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         inputIsHidden?: boolean;
     }

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 { 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 { c as o } from "../../../../../external/react-select/dist/index-641ee5b8.esm.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.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;
+"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;

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

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

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"),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;
+"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;

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 { useLayout as h } from "../../../helpers/hooks/use-layout.es.js";
+import 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.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;
+"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;

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

@@ -5,34 +5,33 @@ 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 { Row as N } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as h } from "../../../../tedi/components/layout/grid/col.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 { 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: 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: [
+  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: [
     /* @__PURE__ */ o(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
     /* @__PURE__ */ a("div", { className: t.footer__inner, children: [
-      s.map((g, u) => /* @__PURE__ */ o(y, { direction: "vertical", children: /* @__PURE__ */ o(w, { ...g }) }, u)),
+      c.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 })
     ] }),
-    c && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: c })
+    s && /* @__PURE__ */ o(m, { color: "white", element: "div", className: t.footer__bottom, children: s })
   ] }) });
 }, w = (d) => {
-  const { heading: r, icon: s, elements: l } = d, c = (e) => {
-    const i = { size: 16, color: "inherit", background: void 0 }, f = typeof e == "string" ? { ...i, name: e, background: void 0 } : { ...i, ...e, background: void 0 };
-    return /* @__PURE__ */ o(_, { ...f });
+  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 });
   };
-  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: [
+  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: [
       /* @__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 default
+  B as Footer
 };

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"),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;
+"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;

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 { useLayout as w } from "../../../../../helpers/hooks/use-layout.es.js";
+import 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 { 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 { 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 { 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 } = 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 } = P(), [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(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))) || [] })
+        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))) || [] })
       }
     )
   ] }), 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("../../../../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;
+"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;

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 { 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 { 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 { 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 } = 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(
+  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(
         c,
         {
           title: p("modal.close"),