@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),A=require("../../../../../external/classnames/index.cjs.js"),g=require("react"),I=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),O=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),D=require("../../../../tedi/components/tags/tag/tag.cjs.js"),P=require("../../button/button.cjs.js"),c=require("./file-upload.module.scss.cjs.js"),W=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Y=require("../../card/card.cjs.js"),G=require("../../card/card-content/card-content.cjs.js"),J=require("../../../../tedi/components/layout/grid/row.cjs.js"),E=require("../../../../tedi/components/layout/grid/col.cjs.js"),K=({accept:a,maxSize:i},n)=>{if(!a&&!i)return;const s=[a&&`${n("file-upload.accept")} ${a.replaceAll(",",", ")}`,i&&`${n("file-upload.max-size")} ${i}MB`].filter(Boolean).join(". ");return s.length?{text:s}:void 0},Q=(a,i)=>{const n=a.reduce((s,{type:r,file:f})=>(s[r].push(f.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,r])=>r.length).map(([s,r])=>{const f=r.map(F=>`'${F}'`).join(", ");return i(`file-upload.${s}-rejected`,f)}).join(". ")},N=a=>{const{getLabel:i}=W.useLabels(),{id:n,name:s,accept:r,multiple:f,onChange:o,className:F,defaultFiles:$,onDelete:y,files:p,readOnly:b,disabled:m=!1,maxSize:h,helper:d=K({accept:r,maxSize:h},i),...k}=a,q=d?(d==null?void 0:d.id)??`${n}-helper`:void 0,[U,_]=g.useState(!1),[L,T]=g.useState($||[]),[C,M]=g.useState(),B=A.default(c.default["file-upload"],{[c.default["file-upload-disabled"]]:m}),H=e=>{var x;if(!r)return!0;const l=(r==null?void 0:r.replace(/,/g,"").split("."))||[],u=(x=e.name.split(".").pop())==null?void 0:x.toLowerCase();return!!u&&l.includes(u)},v=g.useMemo(()=>p&&o?p:L,[p,L,o]),R=e=>{if(e.target.files){const l=[],u=[...Array.from(e.target.files)].filter(j=>H(j)?!0:(l.push({type:"extension",file:j}),!1)).filter(j=>!h||j.size<=h*1048576?!0:(l.push({type:"size",file:j}),!1)),x=[...v,...u];typeof p>"u"&&T(x),o==null||o(x),e.target.value="",l.length?M({type:"error",text:Q(l,i)}):M(void 0)}},S=e=>{const l=[...v].filter(u=>u!==e);y&&y(e),typeof p>"u"&&T(l),o==null||o(l)},z=(e,l)=>t.jsx("li",{children:t.jsx(D.Tag,{color:"secondary",onClose:!e.isLoading&&!m&&!b?()=>S(e):void 0,isLoading:e.isLoading,children:e.name})},l),w=()=>t.jsx("ul",{className:c.default["file-upload__items"],children:v.map((e,l)=>z(e,l))});return t.jsxs("div",{children:[t.jsx("div",{onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),className:c.default["file-upload__label-wrapper"],children:t.jsx(O.FormLabel,{id:n,...k,renderWithoutLabel:b,className:c.default["file-upload__label"]})}),b?w():t.jsx(Y.Card,{padding:.5,background:m?"bg-disabled":void 0,className:c.default["file-upload__card"],children:t.jsx(G.CardContent,{children:t.jsxs(J.Row,{gutterY:2,children:[t.jsx(E.Col,{children:w()}),t.jsx(E.Col,{xs:12,md:"auto",align:"center",children:t.jsxs("div",{className:B,children:[t.jsx("input",{id:n,type:"file",name:s,accept:r,onChange:R,multiple:f,disabled:m}),t.jsx(P.Button,{visualType:"link",iconLeft:"file_upload","aria-describedby":q,isActive:U,disabled:m,onClick:()=>{var e;return(e=document.getElementById(n))==null?void 0:e.click()},children:i("file-upload.add")})]})})]})})}),(C||d)&&t.jsx(I.FeedbackText,{...C||d,id:q})]})};exports.FileUpload=N;exports.default=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),z=require("../../../../../external/classnames/index.cjs.js"),g=require("react"),A=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),I=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),O=require("../../../../tedi/components/tags/tag/tag.cjs.js"),D=require("../../button/button.cjs.js"),c=require("./file-upload.module.scss.cjs.js"),P=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),W=require("../../card/card.cjs.js"),Y=require("../../card/card-content/card-content.cjs.js"),G=require("../../../../tedi/components/layout/grid/row.cjs.js"),M=require("../../../../tedi/components/layout/grid/col.cjs.js"),J=({accept:a,maxSize:i},n)=>{if(!a&&!i)return;const s=[a&&`${n("file-upload.accept")} ${a.replaceAll(",",", ")}`,i&&`${n("file-upload.max-size")} ${i}MB`].filter(Boolean).join(". ");return s.length?{text:s}:void 0},K=(a,i)=>{const n=a.reduce((s,{type:r,file:p})=>(s[r].push(p.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,r])=>r.length).map(([s,r])=>{const p=r.map(y=>`'${y}'`).join(", ");return i(`file-upload.${s}-rejected`,p)}).join(". ")},Q=a=>{const{getLabel:i}=P.useLabels(),{id:n,name:s,accept:r,multiple:p,onChange:o,className:y,defaultFiles:N,onDelete:F,files:f,readOnly:b,disabled:m=!1,maxSize:h,helper:d=J({accept:r,maxSize:h},i),...$}=a,q=d?(d==null?void 0:d.id)??`${n}-helper`:void 0,[k,L]=g.useState(!1),[_,T]=g.useState(N||[]),[C,w]=g.useState(),U=z.default(c.default["file-upload"],{[c.default["file-upload-disabled"]]:m}),B=e=>{var x;if(!r)return!0;const l=(r==null?void 0:r.replace(/,/g,"").split("."))||[],u=(x=e.name.split(".").pop())==null?void 0:x.toLowerCase();return!!u&&l.includes(u)},v=g.useMemo(()=>f&&o?f:_,[f,_,o]),H=e=>{if(e.target.files){const l=[],u=[...Array.from(e.target.files)].filter(j=>B(j)?!0:(l.push({type:"extension",file:j}),!1)).filter(j=>!h||j.size<=h*1048576?!0:(l.push({type:"size",file:j}),!1)),x=[...v,...u];typeof f>"u"&&T(x),o==null||o(x),e.target.value="",l.length?w({type:"error",text:K(l,i)}):w(void 0)}},R=e=>{const l=[...v].filter(u=>u!==e);F&&F(e),typeof f>"u"&&T(l),o==null||o(l)},S=(e,l)=>t.jsx("li",{children:t.jsx(O.Tag,{color:"secondary",onClose:!e.isLoading&&!m&&!b?()=>R(e):void 0,isLoading:e.isLoading,children:e.name})},l),E=()=>t.jsx("ul",{className:c.default["file-upload__items"],children:v.map((e,l)=>S(e,l))});return t.jsxs("div",{children:[t.jsx("div",{onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),className:c.default["file-upload__label-wrapper"],children:t.jsx(I.FormLabel,{id:n,...$,renderWithoutLabel:b,className:c.default["file-upload__label"]})}),b?E():t.jsx(W.Card,{padding:.5,background:m?"bg-disabled":void 0,className:c.default["file-upload__card"],children:t.jsx(Y.CardContent,{children:t.jsxs(G.Row,{gutterY:2,children:[t.jsx(M.Col,{children:E()}),t.jsx(M.Col,{xs:12,md:"auto",align:"center",children:t.jsxs("div",{className:U,children:[t.jsx("input",{id:n,type:"file",name:s,accept:r,onChange:H,multiple:p,disabled:m}),t.jsx(D.Button,{visualType:"link",iconLeft:"file_upload","aria-describedby":q,isActive:k,disabled:m,onClick:()=>{var e;return(e=document.getElementById(n))==null?void 0:e.click()},children:i("file-upload.add")})]})})]})})}),(C||d)&&t.jsx(A.FeedbackText,{...C||d,id:q})]})};exports.FileUpload=Q;

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.d.ts

@@ -1,6 +1,9 @@
 import { Dayjs } from 'dayjs';
 export type CalendarValue = Dayjs | null;
 export type CalendarStatus = 'error' | 'success' | 'inactive';
+/**
+ * @deprecated Use `Calendar` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface CalendarProps {
     /**
      * Currently selected value. Accepts a dayjs date object.
@@ -86,5 +89,8 @@ export interface CalendarProps {
      */
     shouldShowStatusOnDate?: (day: CalendarValue) => CalendarStatus | undefined;
 }
+/**
+ * @deprecated Use `Calendar` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Calendar: (props: CalendarProps) => JSX.Element;
 export default Calendar;

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.d.ts

@@ -2,6 +2,9 @@ import { DateValidationError } from '@mui/x-date-pickers/internals';
 import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export type DatepickerValue = Dayjs | null;
+/**
+ * @deprecated Use `DateField` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface DatePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {
     /**
      * Datepicker initial value. Accepts a dayjs date object.
@@ -85,5 +88,8 @@ export interface DatePickerProps extends Omit<TextFieldProps, 'defaultValue' | '
      */
     onClose?: () => void;
 }
+/**
+ * @deprecated Use `DateField` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
 export default DatePicker;

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.d.ts

@@ -3,6 +3,9 @@ import { DateTimeValidationError } from '@mui/x-date-pickers/internals/hooks/val
 import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export type DateTimepickerValue = Dayjs | null;
+/**
+ * @deprecated Use `DateTimeField` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface DateTimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {
     /**
      * DateTimepicker initial value. Accepts a dayjs date object.
@@ -125,5 +128,8 @@ export interface DateTimePickerProps extends Omit<TextFieldProps, 'defaultValue'
      */
     onClose?: () => void;
 }
+/**
+ * @deprecated Use `DateTimeField` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const DateTimePicker: (props: DateTimePickerProps) => JSX.Element;
 export default DateTimePicker;

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.d.ts

@@ -3,6 +3,9 @@ import { TimeValidationError } from '@mui/x-date-pickers/internals/hooks/validat
 import { Dayjs } from 'dayjs';
 import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
 export type TimePickerValue = Dayjs | null;
+/**
+ * @deprecated Use `TimeField` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface TimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {
     /**
      * TimePicker initial value. Accepts a dayjs date object.
@@ -69,5 +72,8 @@ export interface TimePickerProps extends Omit<TextFieldProps, 'defaultValue' | '
      */
     onClose?: () => void;
 }
+/**
+ * @deprecated Use `TimeField` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const TimePicker: (props: TimePickerProps) => JSX.Element;
 export default TimePicker;

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.d.ts

@@ -8,6 +8,9 @@ export type FooterCategory = {
     heading: React.ReactNode;
     icon?: string | IconProps;
 };
+/**
+ * @deprecated Use `Footer` from `@tedi-design-system/react/tedi` instead.
+ */
 export type FooterProps = {
     /**
      * Footer Categorys
@@ -30,5 +33,8 @@ export type FooterProps = {
      */
     bottomElement?: React.ReactNode;
 };
+/**
+ * @deprecated Use `Footer` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Footer: (props: FooterProps) => JSX.Element;
 export default Footer;