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

package/src/tedi/components/form/textarea/textarea.es.js

@@ -2,11 +2,11 @@ import { jsx as q } from "react/jsx-runtime";
 import w from "../../../../../external/classnames/index.es.js";
 import a, { forwardRef as G, useRef as O, useEffect as R } from "react";
 import { TextField as P } from "../textfield/textfield.es.js";
-import m from "./textarea.module.scss.es.js";
+import p from "./textarea.module.scss.es.js";
 const Y = G((S, r) => {
   const {
     className: F,
-    helper: p = [],
+    helper: f = [],
     characterLimit: i,
     onChange: s,
     onChangeEvent: g,
@@ -23,24 +23,24 @@ const Y = G((S, r) => {
       !l && !(s || g) && k(t), s == null || s(t);
     },
     [l, s, g]
-  ), d = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
+  ), x = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
     if (!e || !u.current) return;
     const t = u.current, L = t.style.overflow;
     t.style.overflow = "hidden";
     const h = window.getComputedStyle(t);
-    let f = parseFloat(h.lineHeight);
-    isNaN(f) && (f = (parseFloat(h.fontSize) || 16) * 1.5);
+    let m = parseFloat(h.lineHeight);
+    isNaN(m) && (m = (parseFloat(h.fontSize) || 16) * 1.5);
     const N = parseFloat(h.paddingTop), _ = parseFloat(h.paddingBottom), j = t.scrollHeight - N - _;
-    let x = Math.ceil(j / f);
-    x = Math.min(Math.max(x, c), H);
-    const A = `${x * f + N + _}px`;
+    let d = Math.ceil(j / m);
+    d = Math.min(Math.max(d, c), H);
+    const A = `${d * m + N + _}px`;
     t.style.height = A, z(A), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
   }, [e, c, H]);
   R(() => {
     e && requestAnimationFrame(() => {
       o();
     });
-  }, [d, e, o]), R(() => {
+  }, [x, e, o]), R(() => {
     e && u.current && o();
   }, [e, o]);
   const I = a.useCallback(
@@ -61,14 +61,14 @@ const Y = G((S, r) => {
       ...n ? { maxHeight: n } : {},
       overflow: "auto"
     }
-  }, [e, c, n, y, C]), T = d.length, $ = i ? `${T}/${i}` : "", B = [
-    ...Array.isArray(p) ? p : [p],
+  }, [e, c, n, y, C]), T = x.length, $ = i ? `${T}/${i}` : "", B = [
+    ...Array.isArray(f) ? f : [f],
     ...i ? [
       {
         type: T > i ? "error" : "hint",
         text: $,
         position: "right",
-        className: w(m["tedi-textarea__character-count"])
+        className: w(p["tedi-textarea__character-count"])
       }
     ] : []
   ];
@@ -78,12 +78,12 @@ const Y = G((S, r) => {
       ...b,
       ref: I,
       "data-name": "textarea",
-      inputClassName: w(m["tedi-textarea__input"], {
-        [m["tedi-textarea__input--auto-grow"]]: e
+      inputClassName: w(p["tedi-textarea__input"], {
+        [p["tedi-textarea__input--auto-grow"]]: e
       }),
       isTextArea: !0,
-      className: w(m["tedi-textarea"], F),
-      value: d,
+      className: w(p["tedi-textarea"], F),
+      value: x,
       onChange: E,
       onChangeEvent: g,
       helper: B,
@@ -93,6 +93,5 @@ const Y = G((S, r) => {
 });
 Y.displayName = "TextArea";
 export {
-  Y as TextArea,
-  Y as default
+  Y as TextArea
 };

package/src/tedi/components/form/time-field/time-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),A=require("../textfield/textfield.cjs.js"),pe=require("../time-picker/time-picker.cjs.js"),d=require("./time-field.module.scss.cjs.js"),H=require("./time-field-helpers.cjs.js"),ge=require("./time-picker-modal/time-picker-modal.cjs.js"),ke=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),B=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),xe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),K=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=require("../../overlays/dropdown/dropdown.cjs.js"),G=_=>{const{getCurrentBreakpointProps:J}=xe.useBreakpointProps(_.defaultServerBreakpoint),{id:L,label:Q,value:u,defaultValue:W,onChange:C,readOnly:h=!1,disabled:l=!1,required:X,placeholder:Y,inputProps:t,stepMinutes:M=1,className:O,availableTimes:a,modal:P=!1,modalProps:Z}=_,{useNativePicker:$=!1,timePickerTrigger:N="button",showPicker:n=!0,availableTimesVariant:w="grid-buttons"}=J(_),D=u!==void 0,[ee,R]=f.useState(u??W??""),m=D?u:ee,[T,j]=f.useState(!1),[te,U]=f.useState(!1),p=N==="input",s=$,ie=K.useBreakpoint(),g=!s&&n&&!h&&!l&&(P===!0||typeof P=="string"&&K.isBreakpointBelow(ie,P)),ne=c.useFloating({open:T,onOpenChange:j,placement:p?"bottom-start":"bottom-end",middleware:[B.offset(H.TIMEPICKER_OFFSET),B.flip(),B.shift()],whileElementsMounted:ke.autoUpdate}),{refs:q,context:v,x:oe,y:re,strategy:se}=ne,le=c.useClick(v),ae=c.useDismiss(v),de=c.useRole(v,{role:"listbox"}),S=n&&p&&!h&&!l&&!s&&!g,V=c.useInteractions([...S?[le]:[],ae,de]),k=e=>{const o=e.trim();D||R(o),C==null||C(o)},ce=e=>{var b;const o=e.target.value??"";(b=t==null?void 0:t.onBlur)==null||b.call(t,e);const r=H.normalizeTime(o);r!==null&&r!==o&&k(r)};f.useEffect(()=>{u!==void 0&&R(u)},[u]);const x=f.useRef(null);f.useEffect(()=>{var e;(e=x.current)!=null&&e.inner&&q.setReference(x.current.inner)},[q]);const ue=()=>{var o;const e=(o=x.current)==null?void 0:o.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},fe=()=>j(e=>!e),E=()=>U(!0),me=()=>{!n||l||(s?ue():g?E():N==="button"&&fe())},z=g&&p&&!h?()=>{E()}:void 0,I={...t,id:L,label:Q,value:m,placeholder:Y,readOnly:h||!s&&p,disabled:l||(t==null?void 0:t.disabled),icon:n?"schedule":{name:"schedule",color:"inherit"},isClearable:!0,required:X,onIconClick:n?me:void 0,onChange:k,onBlur:ce,className:y.default(d.default["tedi-time-field__textfield"],{[d.default["tedi-time-field__icon--disabled"]]:!n||l},{[d.default["tedi-time-field__textfield--disabled"]]:l||(t==null?void 0:t.disabled)},{[d.default["tedi-time-field--native"]]:s}),input:{...t==null?void 0:t.input,...s&&{type:"time"},...z&&{onClick:z}}};if(!s&&n&&!l&&w==="dropdown"&&!!(a!=null&&a.length)){const e=a.indexOf(m),o=e>=0?e:0;return i.jsxs(F.Dropdown,{width:"trigger",defaultActiveIndex:o,children:[i.jsx(F.Dropdown.Trigger,{children:i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O,{[d.default["tedi-time-field__container--native"]]:s}),children:i.jsx(A.TextField,{ref:x,...I,input:{...I.input,...!p&&{onClick:r=>r.stopPropagation()}}})})}),i.jsx(F.Dropdown.Content,{children:a.map((r,b)=>i.jsx(F.Dropdown.Item,{index:b,active:r===m,onClick:()=>k(r),children:r},r))})]})}return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O),...S?V.getReferenceProps():{},"aria-haspopup":n?"listbox":void 0,tabIndex:-1,children:i.jsx(A.TextField,{ref:x,"aria-expanded":n?T:void 0,...I})}),g&&i.jsx(ge.TimePickerModal,{open:te,onOpenChange:U,value:m,onConfirm:k,stepMinutes:M,availableTimes:a,gridVariant:w==="grid-radio"?"radio":"button",modalProps:Z}),!s&&n&&!l&&!g&&i.jsx(c.FloatingPortal,{children:T&&i.jsx(c.FloatingFocusManager,{context:v,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:q.setFloating,...V.getFloatingProps({style:{position:se,top:re??0,left:oe??0}}),children:i.jsx(pe.TimePicker,{value:m,stepMinutes:M,availableTimes:a,onChange:e=>{k(e),a&&j(!1)},gridVariant:w==="grid-radio"?"radio":"button",className:d.default["tedi-time-field__picker-wrapper"]})})})})]})};G.displayName="TimeField";exports.TimeField=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),A=require("../textfield/textfield.cjs.js"),pe=require("../time-picker/time-picker.cjs.js"),d=require("./time-field.module.scss.cjs.js"),H=require("./time-field-helpers.cjs.js"),ge=require("./time-picker-modal/time-picker-modal.cjs.js"),ke=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),K=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=require("../../overlays/dropdown/dropdown.cjs.js"),xe=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),B=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),G=_=>{const{getCurrentBreakpointProps:J}=ke.useBreakpointProps(_.defaultServerBreakpoint),{id:L,label:Q,value:u,defaultValue:W,onChange:C,readOnly:h=!1,disabled:l=!1,required:X,placeholder:Y,inputProps:t,stepMinutes:M=1,className:O,availableTimes:a,modal:P=!1,modalProps:Z}=_,{useNativePicker:$=!1,timePickerTrigger:N="button",showPicker:n=!0,availableTimesVariant:w="grid-buttons"}=J(_),D=u!==void 0,[ee,R]=f.useState(u??W??""),m=D?u:ee,[T,j]=f.useState(!1),[te,U]=f.useState(!1),p=N==="input",s=$,ie=K.default(),g=!s&&n&&!h&&!l&&(P===!0||typeof P=="string"&&K.isBreakpointBelow(ie,P)),ne=c.useFloating({open:T,onOpenChange:j,placement:p?"bottom-start":"bottom-end",middleware:[B.offset(H.TIMEPICKER_OFFSET),B.flip(),B.shift()],whileElementsMounted:xe.autoUpdate}),{refs:q,context:v,x:oe,y:re,strategy:se}=ne,le=c.useClick(v),ae=c.useDismiss(v),de=c.useRole(v,{role:"listbox"}),S=n&&p&&!h&&!l&&!s&&!g,V=c.useInteractions([...S?[le]:[],ae,de]),k=e=>{const o=e.trim();D||R(o),C==null||C(o)},ce=e=>{var b;const o=e.target.value??"";(b=t==null?void 0:t.onBlur)==null||b.call(t,e);const r=H.normalizeTime(o);r!==null&&r!==o&&k(r)};f.useEffect(()=>{u!==void 0&&R(u)},[u]);const x=f.useRef(null);f.useEffect(()=>{var e;(e=x.current)!=null&&e.inner&&q.setReference(x.current.inner)},[q]);const ue=()=>{var o;const e=(o=x.current)==null?void 0:o.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},fe=()=>j(e=>!e),E=()=>U(!0),me=()=>{!n||l||(s?ue():g?E():N==="button"&&fe())},z=g&&p&&!h?()=>{E()}:void 0,I={...t,id:L,label:Q,value:m,placeholder:Y,readOnly:h||!s&&p,disabled:l||(t==null?void 0:t.disabled),icon:n?"schedule":{name:"schedule",color:"inherit"},isClearable:!0,required:X,onIconClick:n?me:void 0,onChange:k,onBlur:ce,className:y.default(d.default["tedi-time-field__textfield"],{[d.default["tedi-time-field__icon--disabled"]]:!n||l},{[d.default["tedi-time-field__textfield--disabled"]]:l||(t==null?void 0:t.disabled)},{[d.default["tedi-time-field--native"]]:s}),input:{...t==null?void 0:t.input,...s&&{type:"time"},...z&&{onClick:z}}};if(!s&&n&&!l&&w==="dropdown"&&!!(a!=null&&a.length)){const e=a.indexOf(m),o=e>=0?e:0;return i.jsxs(F.Dropdown,{width:"trigger",defaultActiveIndex:o,children:[i.jsx(F.Dropdown.Trigger,{children:i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O,{[d.default["tedi-time-field__container--native"]]:s}),children:i.jsx(A.TextField,{ref:x,...I,input:{...I.input,...!p&&{onClick:r=>r.stopPropagation()}}})})}),i.jsx(F.Dropdown.Content,{children:a.map((r,b)=>i.jsx(F.Dropdown.Item,{index:b,active:r===m,onClick:()=>k(r),children:r},r))})]})}return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O),...S?V.getReferenceProps():{},"aria-haspopup":n?"listbox":void 0,tabIndex:-1,children:i.jsx(A.TextField,{ref:x,"aria-expanded":n?T:void 0,...I})}),g&&i.jsx(ge.TimePickerModal,{open:te,onOpenChange:U,value:m,onConfirm:k,stepMinutes:M,availableTimes:a,gridVariant:w==="grid-radio"?"radio":"button",modalProps:Z}),!s&&n&&!l&&!g&&i.jsx(c.FloatingPortal,{children:T&&i.jsx(c.FloatingFocusManager,{context:v,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:q.setFloating,...V.getFloatingProps({style:{position:se,top:re??0,left:oe??0}}),children:i.jsx(pe.TimePicker,{value:m,stepMinutes:M,availableTimes:a,onChange:e=>{k(e),a&&j(!1)},gridVariant:w==="grid-radio"?"radio":"button",className:d.default["tedi-time-field__picker-wrapper"]})})})})]})};G.displayName="TimeField";exports.TimeField=G;

package/src/tedi/components/form/time-field/time-field.es.js

@@ -7,13 +7,13 @@ import { TimePicker as Ce } from "../time-picker/time-picker.es.js";
 import d from "./time-field.module.scss.es.js";
 import { normalizeTime as xe, TIMEPICKER_OFFSET as _e } from "./time-field-helpers.es.js";
 import { TimePickerModal as Fe } from "./time-picker-modal/time-picker-modal.es.js";
-import { autoUpdate as Pe } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as Te, flip as we, shift as Ie } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useBreakpointProps as ye } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useBreakpoint as Ne, isBreakpointBelow as Be } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpointProps as Pe } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import Te, { isBreakpointBelow as we } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Dropdown as b } from "../../overlays/dropdown/dropdown.es.js";
+import { autoUpdate as Ie } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as ye, flip as Ne, shift as Be } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const Oe = (C) => {
-  const { getCurrentBreakpointProps: K } = ye(C.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: K } = Pe(C.defaultServerBreakpoint), {
     id: G,
     label: H,
     value: c,
@@ -34,12 +34,12 @@ const Oe = (C) => {
     timePickerTrigger: M = "button",
     showPicker: o = !0,
     availableTimesVariant: F = "grid-buttons"
-  } = K(C), R = c !== void 0, [Y, V] = N(c ?? J ?? ""), f = R ? c : Y, [P, T] = N(!1), [Z, E] = N(!1), m = M === "input", l = X, $ = Ne(), u = !l && o && !h && !s && (_ === !0 || typeof _ == "string" && Be($, _)), ee = me({
+  } = K(C), R = c !== void 0, [Y, V] = N(c ?? J ?? ""), f = R ? c : Y, [P, T] = N(!1), [Z, E] = N(!1), m = M === "input", l = X, $ = Te(), u = !l && o && !h && !s && (_ === !0 || typeof _ == "string" && we($, _)), ee = me({
     open: P,
     onOpenChange: T,
     placement: m ? "bottom-start" : "bottom-end",
-    middleware: [Te(_e), we(), Ie()],
-    whileElementsMounted: Pe
+    middleware: [ye(_e), Ne(), Be()],
+    whileElementsMounted: Ie
   }), { refs: w, context: k, x: te, y: ie, strategy: oe } = ee, ne = ue(k), re = pe(k), le = ge(k, { role: "listbox" }), U = o && m && !h && !s && !l && !u, D = he([...U ? [ne] : [], re, le]), p = (e) => {
     const n = e.trim();
     R || V(n), x == null || x(n);

package/src/tedi/components/form/time-field/time-picker-modal/time-picker-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("../../../../../../external/classnames/index.cjs.js"),m=require("react"),C=require("../../../base/typography/heading/heading.cjs.js"),f=require("../../../buttons/button/button.cjs.js"),_=require("../../../buttons/closing-button/closing-button.cjs.js"),b=require("../../time-picker/time-picker.cjs.js"),s=require("./time-picker-modal.module.scss.cjs.js"),l=require("../../../overlays/modal/modal.cjs.js"),T=require("../../../overlays/modal/modal-context.cjs.js"),v=require("../../../../providers/label-provider/use-labels.cjs.js"),N=({title:o})=>{const{labelId:i,onOpenChange:t}=T.useModal();return e.jsxs("div",{className:s.default["tedi-time-picker-modal__header"],children:[e.jsx(C.Heading,{element:"h2",modifiers:"h4",id:i,className:s.default["tedi-time-picker-modal__title"],children:o}),e.jsx(_.ClosingButton,{size:"small",onClick:()=>t(!1)})]})},c=o=>{const{open:i,onOpenChange:t,value:n,onConfirm:h,stepMinutes:k,availableTimes:x,gridVariant:j,modalProps:a,title:M}=o,{getLabel:r}=v.useLabels(),g=M??r("time-field.modal-title"),[d,u]=m.useState(n??"");m.useEffect(()=>{i&&u(n??"")},[i,n]);const p=()=>{d&&h(d),t(!1)};return e.jsx(l.Modal,{open:i,onToggle:t,children:e.jsxs(l.Modal.Content,{size:"small",width:"xs",...a,className:q.default(s.default["tedi-time-picker-modal"],a==null?void 0:a.className),children:[e.jsx(l.Modal.Header,{children:e.jsx(N,{title:g})}),e.jsx(l.Modal.Body,{className:s.default["tedi-time-picker-modal__body"],children:e.jsx(b.TimePicker,{value:d,stepMinutes:k,availableTimes:x,gridVariant:j,onChange:u,bordered:!1,className:s.default["tedi-time-picker-modal__picker"]})}),e.jsxs(l.Modal.Footer,{children:[e.jsx(f.Button,{visualType:"secondary",onClick:()=>t(!1),children:r("time-field.cancel")}),e.jsx(f.Button,{onClick:p,children:r("time-field.confirm")})]})]})})};c.displayName="TimePickerModal";exports.TimePickerModal=c;exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../../../external/classnames/index.cjs.js"),m=require("react"),C=require("../../../base/typography/heading/heading.cjs.js"),u=require("../../../buttons/button/button.cjs.js"),b=require("../../../buttons/closing-button/closing-button.cjs.js"),T=require("../../time-picker/time-picker.cjs.js"),s=require("./time-picker-modal.module.scss.cjs.js"),_=require("../../../../providers/label-provider/use-labels.cjs.js"),l=require("../../../overlays/modal/modal.cjs.js"),v=require("../../../overlays/modal/modal-context.cjs.js"),y=({title:o})=>{const{labelId:i,onOpenChange:t}=v.useModal();return e.jsxs("div",{className:s.default["tedi-time-picker-modal__header"],children:[e.jsx(C.Heading,{element:"h2",modifiers:"h4",id:i,className:s.default["tedi-time-picker-modal__title"],children:o}),e.jsx(b.ClosingButton,{size:"small",onClick:()=>t(!1)})]})},f=o=>{const{open:i,onOpenChange:t,value:n,onConfirm:h,stepMinutes:k,availableTimes:x,gridVariant:j,modalProps:a,title:g}=o,{getLabel:r}=_.useLabels(),M=g??r("time-field.modal-title"),[d,c]=m.useState(n??"");m.useEffect(()=>{i&&c(n??"")},[i,n]);const p=()=>{d&&h(d),t(!1)};return e.jsx(l.Modal,{open:i,onToggle:t,children:e.jsxs(l.Modal.Content,{size:"small",width:"xs",...a,className:q.default(s.default["tedi-time-picker-modal"],a==null?void 0:a.className),children:[e.jsx(l.Modal.Header,{children:e.jsx(y,{title:M})}),e.jsx(l.Modal.Body,{className:s.default["tedi-time-picker-modal__body"],children:e.jsx(T.TimePicker,{value:d,stepMinutes:k,availableTimes:x,gridVariant:j,onChange:c,bordered:!1,className:s.default["tedi-time-picker-modal__picker"]})}),e.jsxs(l.Modal.Footer,{children:[e.jsx(u.Button,{visualType:"secondary",onClick:()=>t(!1),children:r("time-field.cancel")}),e.jsx(u.Button,{onClick:p,children:r("time-field.confirm")})]})]})})};f.displayName="TimePickerModal";exports.TimePickerModal=f;

package/src/tedi/components/form/time-field/time-picker-modal/time-picker-modal.es.js

@@ -6,17 +6,17 @@ import { Button as f } from "../../../buttons/button/button.es.js";
 import { ClosingButton as y } from "../../../buttons/closing-button/closing-button.es.js";
 import { TimePicker as M } from "../../time-picker/time-picker.es.js";
 import l from "./time-picker-modal.module.scss.es.js";
+import { useLabels as x } from "../../../../providers/label-provider/use-labels.es.js";
 import { Modal as t } from "../../../overlays/modal/modal.es.js";
-import { useModal as x } from "../../../overlays/modal/modal-context.es.js";
-import { useLabels as B } from "../../../../providers/label-provider/use-labels.es.js";
+import { useModal as B } from "../../../overlays/modal/modal-context.es.js";
 const H = ({ title: a }) => {
-  const { labelId: i, onOpenChange: o } = x();
+  const { labelId: i, onOpenChange: o } = B();
   return /* @__PURE__ */ d("div", { className: l["tedi-time-picker-modal__header"], children: [
     /* @__PURE__ */ e(v, { element: "h2", modifiers: "h4", id: i, className: l["tedi-time-picker-modal__title"], children: a }),
     /* @__PURE__ */ e(y, { size: "small", onClick: () => o(!1) })
   ] });
 }, P = (a) => {
-  const { open: i, onOpenChange: o, value: m, onConfirm: p, stepMinutes: h, availableTimes: k, gridVariant: u, modalProps: r, title: C } = a, { getLabel: s } = B(), g = C ?? s("time-field.modal-title"), [n, c] = _(m ?? "");
+  const { open: i, onOpenChange: o, value: m, onConfirm: p, stepMinutes: h, availableTimes: k, gridVariant: u, modalProps: r, title: C } = a, { getLabel: s } = x(), g = C ?? s("time-field.modal-title"), [n, c] = _(m ?? "");
   b(() => {
     i && c(m ?? "");
   }, [i, m]);
@@ -54,6 +54,5 @@ const H = ({ title: a }) => {
 };
 P.displayName = "TimePickerModal";
 export {
-  P as TimePickerModal,
-  P as default
+  P as TimePickerModal
 };

package/src/tedi/components/form/toggle/toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),M=require("../feedback-text/feedback-text.cjs.js"),P=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),n=_.forwardRef((k,x)=>{const{id:i,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:v,checked:g,defaultChecked:u,onChange:o,size:C,color:q="primary",type:y="filled",icon:f,disabled:h=!1,isLoading:s=!1,tooltip:T,...$}=k,p=a?`${i}-helper`:void 0,[z,S]=_.useState(u??!1),d=typeof g<"u",c=d?g:z,b=C||(f?"large":"default"),L=m=>{s||(d||S(m.target.checked),o==null||o(m.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${b}`],e.default[`tedi-toggle--${q}-${y}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:h||s},v),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(P.FormLabel,{id:i,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:i,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":p,className:e.default["tedi-toggle__input"],checked:d?c:void 0,defaultChecked:d?void 0:u,disabled:h||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:b==="large"?16:10,className:e.default["tedi-toggle__icon"]}):f?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(M.FeedbackText,{id:p,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});n.displayName="Toggle";exports.Toggle=n;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),P=require("../feedback-text/feedback-text.cjs.js"),M=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),_=m.forwardRef((k,x)=>{const{id:o,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:y,checked:n,defaultChecked:g,onChange:d,size:C,color:q="primary",type:v="filled",icon:u,disabled:f=!1,isLoading:s=!1,tooltip:T,...$}=k,h=a?`${o}-helper`:void 0,[z,S]=m.useState(g??!1),i=typeof n<"u",c=i?n:z,p=C||(u?"large":"default"),L=b=>{s||(i||S(b.target.checked),d==null||d(b.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${p}`],e.default[`tedi-toggle--${q}-${v}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:f||s},y),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(M.FormLabel,{id:o,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:o,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":h,className:e.default["tedi-toggle__input"],checked:i?c:void 0,defaultChecked:i?void 0:g,disabled:f||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:p==="large"?16:10,className:e.default["tedi-toggle__icon"]}):u?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(P.FeedbackText,{id:h,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});_.displayName="Toggle";exports.Toggle=_;

package/src/tedi/components/form/toggle/toggle.es.js

@@ -6,17 +6,17 @@ import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
 import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as D } from "../form-label/form-label.es.js";
 import e from "./toggle.module.scss.es.js";
-const E = P((k, u) => {
+const E = P((k, N) => {
   const {
     id: a,
     label: t,
-    hideLabel: N = !1,
+    hideLabel: u = !1,
     labelPosition: C = "left",
     helper: o,
     className: y,
     checked: g,
     defaultChecked: m,
-    onChange: d,
+    onChange: r,
     size: v,
     color: x = "primary",
     type: z = "filled",
@@ -25,14 +25,14 @@ const E = P((k, u) => {
     isLoading: i = !1,
     tooltip: $,
     ...F
-  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", r = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
-    i || (s || L(b.target.checked), d == null || d(b.target.checked));
+  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
+    i || (s || L(b.target.checked), r == null || r(b.target.checked));
   }, T = n(
     e["tedi-toggle"],
     e[`tedi-toggle--${_}`],
     e[`tedi-toggle--${x}-${z}`],
     {
-      [e["tedi-toggle--active"]]: r,
+      [e["tedi-toggle--active"]]: d,
       [e["tedi-toggle--disabled"]]: f || i
     },
     y
@@ -44,7 +44,7 @@ const E = P((k, u) => {
         {
           id: a,
           className: e["tedi-toggle__label"],
-          hideLabel: N,
+          hideLabel: u,
           label: t,
           tooltip: $
         }
@@ -54,20 +54,20 @@ const E = P((k, u) => {
           "input",
           {
             ...F,
-            ref: u,
+            ref: N,
             id: a,
             type: "checkbox",
             role: "switch",
             "aria-label": typeof t == "string" ? t : void 0,
             "aria-describedby": h,
             className: e["tedi-toggle__input"],
-            checked: s ? r : void 0,
+            checked: s ? d : void 0,
             defaultChecked: s ? void 0 : m,
             disabled: f || i,
             onChange: S
           }
         ),
-        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: r ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
+        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
       ] })
     ] }),
     o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
@@ -75,6 +75,5 @@ const E = P((k, u) => {
 });
 E.displayName = "Toggle";
 export {
-  E as Toggle,
-  E as default
+  E as Toggle
 };

package/src/tedi/components/layout/footer/footer-body/footer-body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),p=require("react"),o=require("../footer.module.scss.cjs.js"),B=require("../footer-context.cjs.js"),b=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),s=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),t=r=>{const{getCurrentBreakpointProps:u}=b.useBreakpointProps(r.defaultServerBreakpoint),{children:a,className:d,columns:e}=u(r),l=s.useBreakpoint(),{mobileBreakpoint:c}=p.useContext(B.FooterContext),i=s.isBreakpointBelow(l,c),n=!i&&typeof e=="number"&&e>0;return f.jsx("div",{"data-name":"footer-body",className:m.default(o.default["tedi-footer-body"],{[o.default["tedi-footer-body--mobile"]]:i,[o.default["tedi-footer-body--grid"]]:n},d),style:n?{gridTemplateColumns:`repeat(${e}, minmax(0, 1fr))`}:void 0,children:a})};t.displayName="Footer.Body";exports.FooterBody=t;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),p=require("react"),o=require("../footer.module.scss.cjs.js"),y=require("../footer-context.cjs.js"),b=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),i=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),s=t=>{const{getCurrentBreakpointProps:a}=b.useBreakpointProps(t.defaultServerBreakpoint),{children:d,className:u,columns:e}=a(t),l=i.default(),{mobileBreakpoint:c}=p.useContext(y.FooterContext),r=i.isBreakpointBelow(l,c),n=!r&&typeof e=="number"&&e>0;return f.jsx("div",{"data-name":"footer-body",className:m.default(o.default["tedi-footer-body"],{[o.default["tedi-footer-body--mobile"]]:r,[o.default["tedi-footer-body--grid"]]:n},u),style:n?{gridTemplateColumns:`repeat(${e}, minmax(0, 1fr))`}:void 0,children:d})};s.displayName="Footer.Body";exports.FooterBody=s;

package/src/tedi/components/layout/footer/footer-body/footer-body.es.js

@@ -1,20 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import l from "../../../../../../external/classnames/index.es.js";
 import { useContext as f } from "react";
 import e from "../footer.module.scss.es.js";
 import { FooterContext as c } from "../footer-context.es.js";
 import { useBreakpointProps as u } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useBreakpoint as y, isBreakpointBelow as b } from "../../../../helpers/hooks/use-breakpoint.es.js";
+import y, { isBreakpointBelow as b } from "../../../../helpers/hooks/use-breakpoint.es.js";
 const B = (t) => {
-  const { getCurrentBreakpointProps: s } = u(t.defaultServerBreakpoint), { children: m, className: a, columns: o } = s(t), n = y(), { mobileBreakpoint: d } = f(c), r = b(n, d), i = !r && typeof o == "number" && o > 0;
-  return /* @__PURE__ */ p(
+  const { getCurrentBreakpointProps: s } = u(t.defaultServerBreakpoint), { children: m, className: n, columns: o } = s(t), a = y(), { mobileBreakpoint: p } = f(c), r = b(a, p), i = !r && typeof o == "number" && o > 0;
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-name": "footer-body",
       className: l(
         e["tedi-footer-body"],
         { [e["tedi-footer-body--mobile"]]: r, [e["tedi-footer-body--grid"]]: i },
-        a
+        n
       ),
       style: i ? { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` } : void 0,
       children: m
@@ -23,6 +23,5 @@ const B = (t) => {
 };
 B.displayName = "Footer.Body";
 export {
-  B as FooterBody,
-  B as default
+  B as FooterBody
 };

package/src/tedi/components/layout/footer/footer-bottom/footer-bottom.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("../../../../../../external/classnames/index.cjs.js"),o=require("react"),r=require("../footer.module.scss.cjs.js"),x=require("../footer-context.cjs.js"),d=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),s=({children:a,separator:u=!1,className:m})=>{const c=d.useBreakpoint(),{mobileBreakpoint:f,maxWidth:n}=o.useContext(x.FooterContext),b=d.isBreakpointBelow(c,f),i=u?o.Children.toArray(a).filter(e=>o.isValidElement(e)||e):null;return t.jsx("div",{"data-name":"footer-bottom",className:p.default(r.default["tedi-footer-bottom"],{[r.default["tedi-footer-bottom--mobile"]]:b},m),children:t.jsx("div",{className:r.default["tedi-footer-bottom__inner"],style:n!==void 0?{maxWidth:n}:void 0,children:i?i.map((e,l)=>t.jsxs(o.Fragment,{children:[e,l<i.length-1&&t.jsx("span",{className:r.default["tedi-footer-bottom__dot"],"aria-hidden":"true"})]},l)):a})})};s.displayName="Footer.Bottom";exports.FooterBottom=s;exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../../../../external/classnames/index.cjs.js"),o=require("react"),r=require("../footer.module.scss.cjs.js"),p=require("../footer-context.cjs.js"),l=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),d=({children:s,separator:m=!1,className:u})=>{const c=l.default(),{mobileBreakpoint:f,maxWidth:n}=o.useContext(p.FooterContext),b=l.isBreakpointBelow(c,f),i=m?o.Children.toArray(s).filter(t=>o.isValidElement(t)||t):null;return e.jsx("div",{"data-name":"footer-bottom",className:x.default(r.default["tedi-footer-bottom"],{[r.default["tedi-footer-bottom--mobile"]]:b},u),children:e.jsx("div",{className:r.default["tedi-footer-bottom__inner"],style:n!==void 0?{maxWidth:n}:void 0,children:i?i.map((t,a)=>e.jsxs(o.Fragment,{children:[t,a<i.length-1&&e.jsx("span",{className:r.default["tedi-footer-bottom__dot"],"aria-hidden":"true"})]},a)):s})})};d.displayName="Footer.Bottom";exports.FooterBottom=d;

package/src/tedi/components/layout/footer/footer-bottom/footer-bottom.es.js

@@ -1,17 +1,17 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import c from "../../../../../../external/classnames/index.es.js";
-import { useContext as b, Children as u, isValidElement as B, Fragment as h } from "react";
+import { useContext as b, Children as B, isValidElement as h, Fragment as u } from "react";
 import t from "../footer.module.scss.es.js";
 import { FooterContext as x } from "../footer-context.es.js";
-import { useBreakpoint as N, isBreakpointBelow as k } from "../../../../helpers/hooks/use-breakpoint.es.js";
+import N, { isBreakpointBelow as k } from "../../../../helpers/hooks/use-breakpoint.es.js";
 const v = ({ children: i, separator: a = !1, className: n }) => {
-  const l = N(), { mobileBreakpoint: d, maxWidth: m } = b(x), f = k(l, d), e = a ? u.toArray(i).filter((o) => B(o) || o) : null;
+  const l = N(), { mobileBreakpoint: d, maxWidth: m } = b(x), p = k(l, d), e = a ? B.toArray(i).filter((o) => h(o) || o) : null;
   return /* @__PURE__ */ r(
     "div",
     {
       "data-name": "footer-bottom",
-      className: c(t["tedi-footer-bottom"], { [t["tedi-footer-bottom--mobile"]]: f }, n),
-      children: /* @__PURE__ */ r("div", { className: t["tedi-footer-bottom__inner"], style: m !== void 0 ? { maxWidth: m } : void 0, children: e ? e.map((o, s) => /* @__PURE__ */ p(h, { children: [
+      className: c(t["tedi-footer-bottom"], { [t["tedi-footer-bottom--mobile"]]: p }, n),
+      children: /* @__PURE__ */ r("div", { className: t["tedi-footer-bottom__inner"], style: m !== void 0 ? { maxWidth: m } : void 0, children: e ? e.map((o, s) => /* @__PURE__ */ f(u, { children: [
         o,
         s < e.length - 1 && /* @__PURE__ */ r("span", { className: t["tedi-footer-bottom__dot"], "aria-hidden": "true" })
       ] }, s)) : i })
@@ -20,6 +20,5 @@ const v = ({ children: i, separator: a = !1, className: n }) => {
 };
 v.displayName = "Footer.Bottom";
 export {
-  v as FooterBottom,
-  v as default
+  v as FooterBottom
 };

package/src/tedi/components/layout/footer/footer-section/footer-section.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../../../external/classnames/index.cjs.js"),u=require("react"),g=require("../../../base/icon/icon.cjs.js"),q=require("../../../base/typography/heading/heading.cjs.js"),b=require("../../../buttons/collapse/collapse.cjs.js"),t=require("../footer.module.scss.cjs.js"),v=require("../footer-context.cjs.js"),s=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),i=({heading:o,icon:n,collapsible:f=!1,defaultOpen:p=!1,iconBreakpoint:m="lg",children:r,className:_})=>{const l=s.useBreakpoint(),{mobileBreakpoint:x}=u.useContext(v.FooterContext),c=s.isBreakpointBelow(l,x),j=s.isBreakpointBelow(l,m),a=f&&c,h=u.useId();return e.jsxs("div",{"data-name":"footer-section",className:d.default(t.default["tedi-footer-section"],{[t.default["tedi-footer-section--collapsible"]]:a},_),children:[n&&!j&&e.jsx("span",{className:t.default["tedi-footer-section__icon"],children:e.jsx(g.Icon,{name:n,color:"white",size:24})}),e.jsx("div",{className:d.default(t.default["tedi-footer-section__container"],{[t.default["tedi-footer-section__container--mobile"]]:c}),children:a?e.jsx(b.Collapse,{id:`tedi-footer-section-${h}`,title:e.jsx(q.Heading,{element:"h6",color:"white",children:o}),size:"small",inverted:!0,hideCollapseText:!0,defaultOpen:p,toggleLabel:typeof o=="string"?o:void 0,className:t.default["tedi-footer-section__collapse"],titleRowProps:{gutter:0},children:e.jsx("div",{className:t.default["tedi-footer-section__content-inner"],children:r})}):e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:t.default["tedi-footer-section__heading"],children:o}),e.jsx("div",{className:t.default["tedi-footer-section__content"],children:r})]})})]})};i.displayName="Footer.Section";exports.FooterSection=i;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),g=require("../../../base/icon/icon.cjs.js"),q=require("../../../base/typography/heading/heading.cjs.js"),b=require("../../../buttons/collapse/collapse.cjs.js"),t=require("../footer.module.scss.cjs.js"),N=require("../footer-context.cjs.js"),i=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),u=({heading:o,icon:s,collapsible:f=!1,defaultOpen:p=!1,iconBreakpoint:m="lg",children:n,className:x})=>{const r=i.default(),{mobileBreakpoint:_}=d.useContext(N.FooterContext),l=i.isBreakpointBelow(r,_),j=i.isBreakpointBelow(r,m),c=f&&l,h=d.useId();return e.jsxs("div",{"data-name":"footer-section",className:a.default(t.default["tedi-footer-section"],{[t.default["tedi-footer-section--collapsible"]]:c},x),children:[s&&!j&&e.jsx("span",{className:t.default["tedi-footer-section__icon"],children:e.jsx(g.Icon,{name:s,color:"white",size:24})}),e.jsx("div",{className:a.default(t.default["tedi-footer-section__container"],{[t.default["tedi-footer-section__container--mobile"]]:l}),children:c?e.jsx(b.Collapse,{id:`tedi-footer-section-${h}`,title:e.jsx(q.Heading,{element:"h6",color:"white",children:o}),size:"small",inverted:!0,hideCollapseText:!0,defaultOpen:p,toggleLabel:typeof o=="string"?o:void 0,className:t.default["tedi-footer-section__collapse"],titleRowProps:{gutter:0},children:e.jsx("div",{className:t.default["tedi-footer-section__content-inner"],children:n})}):e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:t.default["tedi-footer-section__heading"],children:o}),e.jsx("div",{className:t.default["tedi-footer-section__content"],children:n})]})})]})};u.displayName="Footer.Section";exports.FooterSection=u;

package/src/tedi/components/layout/footer/footer-section/footer-section.es.js

@@ -6,7 +6,7 @@ import { Heading as C } from "../../../base/typography/heading/heading.es.js";
 import { Collapse as k } from "../../../buttons/collapse/collapse.es.js";
 import e from "../footer.module.scss.es.js";
 import { FooterContext as w } from "../footer-context.es.js";
-import { useBreakpoint as y, isBreakpointBelow as m } from "../../../../helpers/hooks/use-breakpoint.es.js";
+import y, { isBreakpointBelow as m } from "../../../../helpers/hooks/use-breakpoint.es.js";
 const B = ({
   heading: t,
   icon: i,
@@ -60,6 +60,5 @@ const B = ({
 };
 B.displayName = "Footer.Section";
 export {
-  B as FooterSection,
-  B as default
+  B as FooterSection
 };

package/src/tedi/components/layout/footer/footer-side/footer-side.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),f=require("../../../../../../external/classnames/index.cjs.js"),m=require("react"),e=require("../footer.module.scss.cjs.js"),k=require("../footer-context.cjs.js"),B=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),r=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),t=o=>{const{getCurrentBreakpointProps:i}=B.useBreakpointProps(o.defaultServerBreakpoint),s=r.useBreakpoint(),{mobileBreakpoint:n}=m.useContext(k.FooterContext),a=r.isBreakpointBelow(s,n),{placement:u="start",position:d="center",children:c,className:l}=i(o,{placement:"start",position:"center"});return p.jsx("div",{"data-name":"footer-side",className:f.default(e.default["tedi-footer-side"],e.default[`tedi-footer-side--${u}`],e.default[`tedi-footer-side--vertical-${d}`],{[e.default["tedi-footer-side--mobile"]]:a},l),children:c})};t.displayName="Footer.Side";exports.FooterSide=t;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("../../../../../../external/classnames/index.cjs.js"),m=require("react"),e=require("../footer.module.scss.cjs.js"),k=require("../footer-context.cjs.js"),B=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),o=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),r=t=>{const{getCurrentBreakpointProps:i}=B.useBreakpointProps(t.defaultServerBreakpoint),s=o.default(),{mobileBreakpoint:n}=m.useContext(k.FooterContext),a=o.isBreakpointBelow(s,n),{placement:d="start",position:u="center",children:c,className:l}=i(t,{placement:"start",position:"center"});return f.jsx("div",{"data-name":"footer-side",className:p.default(e.default["tedi-footer-side"],e.default[`tedi-footer-side--${d}`],e.default[`tedi-footer-side--vertical-${u}`],{[e.default["tedi-footer-side--mobile"]]:a},l),children:c})};r.displayName="Footer.Side";exports.FooterSide=r;

package/src/tedi/components/layout/footer/footer-side/footer-side.es.js

@@ -4,11 +4,11 @@ import { useContext as l } from "react";
 import e from "../footer.module.scss.es.js";
 import { FooterContext as f } from "../footer-context.es.js";
 import { useBreakpointProps as k } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useBreakpoint as u, isBreakpointBelow as B } from "../../../../helpers/hooks/use-breakpoint.es.js";
+import B, { isBreakpointBelow as u } from "../../../../helpers/hooks/use-breakpoint.es.js";
 const b = (o) => {
-  const { getCurrentBreakpointProps: t } = k(o.defaultServerBreakpoint), r = u(), { mobileBreakpoint: i } = l(f), s = B(r, i), {
-    placement: a = "start",
-    position: n = "center",
+  const { getCurrentBreakpointProps: t } = k(o.defaultServerBreakpoint), r = B(), { mobileBreakpoint: i } = l(f), s = u(r, i), {
+    placement: n = "start",
+    position: a = "center",
     children: m,
     className: p
   } = t(o, { placement: "start", position: "center" });
@@ -18,8 +18,8 @@ const b = (o) => {
       "data-name": "footer-side",
       className: c(
         e["tedi-footer-side"],
-        e[`tedi-footer-side--${a}`],
-        e[`tedi-footer-side--vertical-${n}`],
+        e[`tedi-footer-side--${n}`],
+        e[`tedi-footer-side--vertical-${a}`],
         { [e["tedi-footer-side--mobile"]]: s },
         p
       ),
@@ -29,6 +29,5 @@ const b = (o) => {
 };
 b.displayName = "Footer.Side";
 export {
-  b as FooterSide,
-  b as default
+  b as FooterSide
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),n=require("./footer.module.scss.cjs.js"),B=require("./footer-body/footer-body.cjs.js"),q=require("./footer-bottom/footer-bottom.cjs.js"),g=require("./footer-context.cjs.js"),k=require("./footer-section/footer-section.cjs.js"),F=require("./footer-side/footer-side.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),o=({children:y,className:v,mobileBreakpoint:s="sm",maxWidth:t})=>{const S=m.useBreakpoint(),_=m.isBreakpointBelow(S,s),{getCurrentBreakpointProps:j}=P.useBreakpointProps(),x=l.useMemo(()=>({mobileBreakpoint:s,maxWidth:t}),[s,t]),c=[],d=[];let u=null,f=null;const i=[];return l.Children.forEach(y,e=>{if(!l.isValidElement(e)){e!=null&&e!==!1&&i.push(e);return}const a=e.type;if(a===F.FooterSide){const{placement:b="start"}=j(e.props);(b==="end"?d:c).push(e);return}if(a===B.FooterBody){u=e;return}if(a===q.FooterBottom){f=e;return}i.push(e)}),r.jsx(g.FooterContext.Provider,{value:x,children:r.jsxs("footer",{"data-name":"footer",className:p.default(n.default["tedi-footer"],v),children:[r.jsxs("div",{className:p.default(n.default["tedi-footer__container"],{[n.default["tedi-footer__container--mobile"]]:_}),style:t!==void 0?{maxWidth:t,marginInline:"auto"}:void 0,children:[c,u!==null&&r.jsx("div",{className:n.default["tedi-footer__center"],children:u}),i,d]}),f]})})};o.Side=F.FooterSide;o.Body=B.FooterBody;o.Section=k.FooterSection;o.Bottom=q.FooterBottom;o.displayName="Footer";exports.Footer=o;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),n=require("./footer.module.scss.cjs.js"),B=require("./footer-body/footer-body.cjs.js"),q=require("./footer-bottom/footer-bottom.cjs.js"),g=require("./footer-context.cjs.js"),P=require("./footer-section/footer-section.cjs.js"),y=require("./footer-side/footer-side.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),o=({children:F,className:S,mobileBreakpoint:s="sm",maxWidth:t})=>{const v=m.default(),_=m.isBreakpointBelow(v,s),{getCurrentBreakpointProps:j}=k.useBreakpointProps(),x=c.useMemo(()=>({mobileBreakpoint:s,maxWidth:t}),[s,t]),l=[],d=[];let u=null,f=null;const i=[];return c.Children.forEach(F,e=>{if(!c.isValidElement(e)){e!=null&&e!==!1&&i.push(e);return}const a=e.type;if(a===y.FooterSide){const{placement:b="start"}=j(e.props);(b==="end"?d:l).push(e);return}if(a===B.FooterBody){u=e;return}if(a===q.FooterBottom){f=e;return}i.push(e)}),r.jsx(g.FooterContext.Provider,{value:x,children:r.jsxs("footer",{"data-name":"footer",className:p.default(n.default["tedi-footer"],S),children:[r.jsxs("div",{className:p.default(n.default["tedi-footer__container"],{[n.default["tedi-footer__container--mobile"]]:_}),style:t!==void 0?{maxWidth:t,marginInline:"auto"}:void 0,children:[l,u!==null&&r.jsx("div",{className:n.default["tedi-footer__center"],children:u}),i,d]}),f]})})};o.Side=y.FooterSide;o.Body=B.FooterBody;o.Section=P.FooterSection;o.Bottom=q.FooterBottom;o.displayName="Footer";exports.Footer=o;

package/src/tedi/components/layout/footer/footer.d.ts

@@ -40,15 +40,15 @@ export declare const Footer: {
         displayName: string;
     };
     Body: {
-        (props: import('./footer-body/footer-body').FooterBodyProps): JSX.Element;
+        (props: import('.').FooterBodyProps): JSX.Element;
         displayName: string;
     };
     Section: {
-        ({ heading, icon, collapsible, defaultOpen, iconBreakpoint, children, className, }: import('./footer-section/footer-section').FooterSectionProps): JSX.Element;
+        ({ heading, icon, collapsible, defaultOpen, iconBreakpoint, children, className, }: import('.').FooterSectionProps): JSX.Element;
         displayName: string;
     };
     Bottom: {
-        ({ children, separator, className }: import('./footer-bottom/footer-bottom').FooterBottomProps): JSX.Element;
+        ({ children, separator, className }: import('.').FooterBottomProps): JSX.Element;
         displayName: string;
     };
     displayName: string;

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

@@ -7,13 +7,13 @@ import { FooterBottom as y } from "./footer-bottom/footer-bottom.es.js";
 import { FooterContext as j } from "./footer-context.es.js";
 import { FooterSection as x } from "./footer-section/footer-section.es.js";
 import { FooterSide as v } from "./footer-side/footer-side.es.js";
-import { useBreakpoint as E, isBreakpointBelow as M } from "../../../helpers/hooks/use-breakpoint.es.js";
+import E, { isBreakpointBelow as M } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { useBreakpointProps as V } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const t = ({ children: B, className: F, mobileBreakpoint: n = "sm", maxWidth: e }) => {
   const _ = E(), N = M(_, n), { getCurrentBreakpointProps: S } = V(), b = k(
     () => ({ mobileBreakpoint: n, maxWidth: e }),
     [n, e]
-  ), a = [], p = [];
+  ), p = [], a = [];
   let s = null, f = null;
   const i = [];
   return C.forEach(B, (o) => {
@@ -24,7 +24,7 @@ const t = ({ children: B, className: F, mobileBreakpoint: n = "sm", maxWidth: e
     const m = o.type;
     if (m === v) {
       const { placement: g = "start" } = S(o.props);
-      (g === "end" ? p : a).push(o);
+      (g === "end" ? a : p).push(o);
       return;
     }
     if (m === d) {
@@ -43,10 +43,10 @@ const t = ({ children: B, className: F, mobileBreakpoint: n = "sm", maxWidth: e
         className: c(r["tedi-footer__container"], { [r["tedi-footer__container--mobile"]]: N }),
         style: e !== void 0 ? { maxWidth: e, marginInline: "auto" } : void 0,
         children: [
-          a,
+          p,
           s !== null && /* @__PURE__ */ l("div", { className: r["tedi-footer__center"], children: s }),
           i,
-          p
+          a
         ]
       }
     ),
@@ -59,6 +59,5 @@ t.Section = x;
 t.Bottom = y;
 t.displayName = "Footer";
 export {
-  t as Footer,
-  t as default
+  t as Footer
 };

package/src/tedi/components/layout/grid/col.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),m=$=>{const{className:g,children:w,element:d,width:h,offset:p,order:x,align:C,grow:S,shrink:v,onClick:E,xs:k,sm:q,md:b,lg:j,xl:M,xxl:_,...y}=$,{element:I}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(I){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:u,shrink:i}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${u}`]]:u},{[o.default[`flex${e}-shrink-${i}`]]:i})},R=()=>{const a={xs:k,sm:q,md:b,lg:j,xl:M,xxl:_},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:h,offset:p,order:x,align:C,grow:S,shrink:v};return f.default(...e,g,n(c))};return V.jsx(l,{"data-name":"col",...y,className:R(),onClick:E,children:w})};exports.Col=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),_=m=>{const{className:$,children:g,element:d,width:w,offset:h,order:p,align:x,grow:C,shrink:S,onClick:E,xs:k,sm:q,md:v,lg:b,xl:j,xxl:y,...I}=m,{element:M}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(M){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:i,shrink:u}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${i}`]]:i},{[o.default[`flex${e}-shrink-${u}`]]:u})},R=()=>{const a={xs:k,sm:q,md:v,lg:b,xl:j,xxl:y},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:w,offset:h,order:p,align:x,grow:C,shrink:S};return f.default(...e,$,n(c))};return V.jsx(l,{"data-name":"col",...I,className:R(),onClick:E,children:g})};exports.Col=_;

package/src/tedi/components/layout/grid/col.es.js

@@ -39,27 +39,26 @@ const H = (p) => {
       default:
         r = "div";
     }
-  const a = (n, e = "") => {
-    const { align: c, offset: s, order: o, width: l, grow: m, shrink: f } = n;
+  const n = (a, e = "") => {
+    const { align: l, offset: s, order: o, width: c, grow: m, shrink: f } = a;
     return d(
       t.col,
-      { [t[`align-self${e}-${c}`]]: c },
+      { [t[`align-self${e}-${l}`]]: l },
       { [t[`offset${e}-${s}`]]: s },
       { [t[`order${e}-${o}`]]: o },
-      { [t[`col${e}-${l}`]]: l },
+      { [t[`col${e}-${c}`]]: c },
       { [t[`flex${e}-grow-${m}`]]: m },
       { [t[`flex${e}-shrink-${f}`]]: f }
     );
   };
   return /* @__PURE__ */ b(r, { "data-name": "col", ...V, className: (() => {
-    const n = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
-      const o = n[s], l = s !== "xs" ? `-${s}` : "";
-      return o ? a(typeof o == "object" ? { ...o } : { width: o }, l) : void 0;
-    }), c = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
-    return d(...e, $, a(c));
+    const a = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
+      const o = a[s], c = s !== "xs" ? `-${s}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { width: o }, c) : void 0;
+    }), l = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
+    return d(...e, $, n(l));
   })(), onClick: C, children: u });
 };
 export {
-  H as Col,
-  H as default
+  H as Col
 };

package/src/tedi/components/layout/grid/row.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),D=require("./row-context.cjs.js"),p=w=>{const{children:j,className:v,element:i="div",cols:y,alignItems:S,justifyContent:x,gap:C,gutter:E,gutterY:I,gutterX:q,wrap:M,direction:R,xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=w,l=(c,e="")=>{const{cols:u,justifyContent:o,alignItems:s,gap:r,direction:g,wrap:m,gutter:n,gutterX:a,gutterY:d}=c;return f.default(t.default.row,{[t.default[`row-cols${e}-${u}`]]:u},{[t.default[`justify-content${e}-${o}`]]:o},{[t.default[`align-items${e}-${s}`]]:s},{[t.default[`gap${e}-${r}`]]:r||r===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${g}`]:g},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const c={xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(o=>{const s=c[o],r=o!=="xs"?`-${o}`:"";return s?l(typeof s=="object"?{...s}:{cols:s},r):void 0}),u={cols:y,justifyContent:x,alignItems:S,gap:C,direction:R,wrap:M,gutter:E,gutterX:q,gutterY:I};return f.default(...e,v,l(u))};return $.jsx(D.RowContext.Provider,{value:{element:i},children:$.jsx(i,{"data-name":"row",...B,className:N(),children:j})})};exports.Row=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),_=require("./row-context.cjs.js"),D=p=>{const{children:w,className:j,element:g="div",cols:y,alignItems:v,justifyContent:S,gap:x,gutter:C,gutterY:E,gutterX:I,wrap:q,direction:R,xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=p,u=(l,e="")=>{const{cols:c,justifyContent:r,alignItems:o,gap:s,direction:i,wrap:m,gutter:n,gutterX:a,gutterY:d}=l;return f.default(t.default.row,{[t.default[`row-cols${e}-${c}`]]:c},{[t.default[`justify-content${e}-${r}`]]:r},{[t.default[`align-items${e}-${o}`]]:o},{[t.default[`gap${e}-${s}`]]:s||s===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${i}`]:i},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const l={xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(r=>{const o=l[r],s=r!=="xs"?`-${r}`:"";return o?u(typeof o=="object"?{...o}:{cols:o},s):void 0}),c={cols:y,justifyContent:S,alignItems:v,gap:x,direction:R,wrap:q,gutter:C,gutterX:I,gutterY:E};return f.default(...e,j,u(c))};return $.jsx(_.RowContext.Provider,{value:{element:g},children:$.jsx(g,{"data-name":"row",...B,className:N(),children:w})})};exports.Row=D;