@tedi-design-system/react 19.1.0-rc.9 → 19.1.0

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

@@ -1,15 +1,15 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import _ from "../../../../../external/classnames/index.es.js";
-import { forwardRef as oe, useId as de, useState as m, useCallback as i, useRef as ce, useEffect as ue } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import P from "../../../../../external/classnames/index.es.js";
+import { forwardRef as se, useId as de, useState as m, useCallback as i, useRef as ce, useEffect as ue } from "react";
 import { Tooltip as me } from "../../overlays/tooltip/tooltip.es.js";
 import { TooltipContent as pe } from "../../overlays/tooltip/tooltip-content.es.js";
-import { TooltipTrigger as fe } from "../../overlays/tooltip/tooltip-trigger.es.js";
-import { FeedbackText as ve } from "../feedback-text/feedback-text.es.js";
+import { TooltipTrigger as ve } from "../../overlays/tooltip/tooltip-trigger.es.js";
+import { FeedbackText as fe } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as ge } from "../form-label/form-label.es.js";
 import e from "./slider.module.scss.es.js";
 import { useBreakpointProps as he } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const be = oe((N, S) => {
-  const { getCurrentBreakpointProps: D } = he(N.defaultServerBreakpoint), {
+const be = se((_, S) => {
+  const { getCurrentBreakpointProps: D } = he(_.defaultServerBreakpoint), {
     id: R,
     name: $,
     label: w,
@@ -23,58 +23,58 @@ const be = oe((N, S) => {
     onChange: c,
     disabled: n = !1,
     invalid: O = !1,
-    minLabel: f,
+    minLabel: v,
     maxLabel: U,
-    showCurrentValue: v = !1,
-    valueFormatter: x,
+    showCurrentValue: f = !1,
+    valueFormatter: N,
     tooltip: z = !0,
-    addonRight: I,
+    addonRight: x,
     helper: a,
     className: A,
     "aria-label": G,
     "aria-labelledby": J,
     "aria-valuetext": K
-  } = D(N), Q = de(), g = R ?? `tedi-slider-${Q}`, k = a ? a.id ?? `${g}-helper` : void 0, [W, X] = m(q ?? t), u = Math.min(d, Math.max(t, p ?? W)), [Y, y] = m(!1), [Z, F] = m(!1), [l, T] = m(!1), V = !!z && !n, ee = V && (Y || Z || l), re = i(() => y(!0), []), ae = i(() => y(!1), []), ie = i(() => F(!0), []), te = i(() => F(!1), []), B = ce(null), s = i(() => {
-    B.current = null, T(!1);
+  } = D(_), Q = de(), g = R ?? `tedi-slider-${Q}`, I = a ? a.id ?? `${g}-helper` : void 0, [W, X] = m(q ?? t), u = Math.min(d, Math.max(t, p ?? W)), [Y, y] = m(!1), [Z, F] = m(!1), [l, T] = m(!1), V = !!z && !n, ee = V && (Y || Z || l), re = i(() => y(!0), []), ae = i(() => y(!1), []), ie = i(() => F(!0), []), te = i(() => F(!1), []), k = ce(null), o = i(() => {
+    k.current = null, T(!1);
   }, []);
   ue(() => {
     if (l)
-      return window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), () => {
-        window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", s);
+      return window.addEventListener("pointerup", o), window.addEventListener("pointercancel", o), () => {
+        window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
       };
-  }, [l, s]);
+  }, [l, o]);
   const ne = i(
     (b) => {
-      n || (B.current = b.pointerId, T(!0));
+      n || (k.current = b.pointerId, T(!0));
     },
     [n]
   ), le = i(
     (b) => {
-      const P = Number(b.target.value);
-      p === void 0 && X(P), c == null || c(P);
+      const C = Number(b.target.value);
+      p === void 0 && X(C), c == null || c(C);
     },
     [c, p]
-  ), E = O || (a == null ? void 0 : a.type) === "error", M = d === t ? 0 : (u - t) / (d - t) * 100, C = x ? x(u) : u, h = v ? C : U, se = _(
+  ), B = O || (a == null ? void 0 : a.type) === "error", E = d === t ? 0 : (u - t) / (d - t) * 100, M = N ? N(u) : u, h = f ? M : U, oe = P(
     e["tedi-slider"],
     {
       [e["tedi-slider--disabled"]]: n,
-      [e["tedi-slider--invalid"]]: E,
+      [e["tedi-slider--invalid"]]: B,
       [e["tedi-slider--dragging"]]: l && !n
     },
     A
   );
-  return /* @__PURE__ */ o("div", { "data-name": "slider", className: se, children: [
+  return /* @__PURE__ */ s("div", { "data-name": "slider", className: oe, children: [
     w && /* @__PURE__ */ r(ge, { id: g, label: w, required: L, hideLabel: j }),
-    /* @__PURE__ */ o("div", { className: e["tedi-slider__container"], children: [
-      /* @__PURE__ */ o("div", { className: e["tedi-slider__track-row"], children: [
-        f != null && /* @__PURE__ */ r("span", { className: e["tedi-slider__range-label"], "aria-hidden": "true", children: f }),
-        /* @__PURE__ */ o(
+    /* @__PURE__ */ s("div", { className: e["tedi-slider__container"], children: [
+      /* @__PURE__ */ s("div", { className: e["tedi-slider__track-row"], children: [
+        v != null && /* @__PURE__ */ r("span", { className: e["tedi-slider__range-label"], "aria-hidden": "true", children: v }),
+        /* @__PURE__ */ s(
           "div",
           {
             className: e["tedi-slider__track"],
             style: {
-              "--tedi-slider-progress": `${M}%`,
-              "--tedi-slider-progress-ratio": `${M / 100}`
+              "--tedi-slider-progress": `${E}%`,
+              "--tedi-slider-progress-ratio": `${E / 100}`
             },
             children: [
               /* @__PURE__ */ r(
@@ -90,8 +90,8 @@ const be = oe((N, S) => {
                   value: u,
                   disabled: n,
                   required: L,
-                  "aria-invalid": E ? "true" : void 0,
-                  "aria-describedby": k,
+                  "aria-invalid": B ? "true" : void 0,
+                  "aria-describedby": I,
                   "aria-label": G,
                   "aria-labelledby": J,
                   "aria-valuetext": K,
@@ -101,12 +101,12 @@ const be = oe((N, S) => {
                   onPointerDown: ne,
                   onFocus: ie,
                   onBlur: te,
-                  className: _(e["tedi-slider__input"], {
+                  className: P(e["tedi-slider__input"], {
                     [e["tedi-slider__input--dragging"]]: l
                   })
                 }
               ),
-              V && /* @__PURE__ */ o(
+              V && /* @__PURE__ */ s(
                 me,
                 {
                   open: ee,
@@ -116,8 +116,8 @@ const be = oe((N, S) => {
                   placement: "top",
                   trackReferencePosition: !0,
                   children: [
-                    /* @__PURE__ */ r(fe, { children: /* @__PURE__ */ r("span", { className: e["tedi-slider__thumb-anchor"], "aria-hidden": "true", tabIndex: -1 }) }),
-                    /* @__PURE__ */ r(pe, { children: C })
+                    /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r("span", { className: e["tedi-slider__thumb-anchor"], "aria-hidden": "true", tabIndex: -1 }) }),
+                    /* @__PURE__ */ r(pe, { children: M })
                   ]
                 }
               )
@@ -128,15 +128,15 @@ const be = oe((N, S) => {
           "span",
           {
             className: e["tedi-slider__range-label"],
-            "aria-hidden": v ? void 0 : "true",
-            "aria-live": v ? "polite" : void 0,
+            "aria-hidden": f ? void 0 : "true",
+            "aria-live": f ? "polite" : void 0,
             children: h
           }
         )
       ] }),
-      I && /* @__PURE__ */ r("div", { className: e["tedi-slider__addon"], children: I })
+      x && /* @__PURE__ */ r("div", { className: e["tedi-slider__addon"], children: x })
     ] }),
-    a && /* @__PURE__ */ r(ve, { ...a, id: k, className: _(e["tedi-slider__feedback"], a.className) })
+    a && /* @__PURE__ */ r(fe, { ...a, id: I })
   ] });
 });
 be.displayName = "Slider";

package/src/tedi/components/form/slider/slider.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider__feedback":"tedi-slider__feedback-dad1545e","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25"};exports.default=e;

package/src/tedi/components/form/slider/slider.module.scss.es.js

@@ -8,7 +8,6 @@ const d = {
   "tedi-slider__input": "tedi-slider__input-b2d1c042",
   "tedi-slider__input--dragging": "tedi-slider__input--dragging-6a2f5f85",
   "tedi-slider__addon": "tedi-slider__addon-6b259d81",
-  "tedi-slider__feedback": "tedi-slider__feedback-dad1545e",
   "tedi-slider--disabled": "tedi-slider--disabled-d1da914a",
   "tedi-slider--dragging": "tedi-slider--dragging-c82f4f25"
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),O=require("../../base/icon/icon.cjs.js"),pe=require("../../buttons/closing-button/closing-button.cjs.js"),_e=require("../../misc/separator/separator.cjs.js"),D=require("../feedback-text/feedback-text.cjs.js"),he=require("../field/field.cjs.js"),ge=require("../form-label/form-label.cjs.js"),k=require("../input-group/input-group.cjs.js"),r=require("./textfield.module.scss.cjs.js"),Ie=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),je=require("../../../providers/label-provider/use-labels.cjs.js"),Ae={large:24,default:18},q=l.forwardRef((h,U)=>{var H;const{getCurrentBreakpointProps:J}=Ie.useBreakpointProps(h.defaultServerBreakpoint),{id:Ne,label:g,className:Q,inputClassName:W,disabled:c,required:C,hideLabel:S,invalid:u,readOnly:B,icon:i,onIconClick:b,iconButtonProps:y,size:d="default",placeholder:X,isArrowsHidden:Y=!0,isClearable:F,onClear:v,onChange:o,onChangeEvent:Z,onKeyUp:G,onKeyDown:ee,onKeyPress:te,defaultValue:T,value:I,onFocus:j,onBlur:A,onClick:re,helper:e,input:s,name:ae,isTextArea:le,startSlot:ie,endSlot:se,...ne}=J(h)||{},{getLabel:w}=je.useLabels(),z=l.useRef(null),L=l.useRef(null),[de,R]=l.useState(I??T??""),M=I??de,f=!!(F&&M&&!B),x=(H=k.useOptionalInputGroup)==null?void 0:H.call(k),oe=l.useId(),ce=x==null?void 0:x.hasExternalLabel,m=h.id??(x==null?void 0:x.inputId)??oe;l.useImperativeHandle(U,()=>({get input(){return L.current},get inner(){return z.current}}));const P=l.useMemo(()=>Array.isArray(e)?u||e.some(t=>t.type==="error"):u||(e==null?void 0:e.type)==="error",[u,e]),ue=l.useMemo(()=>!e||Array.isArray(e)&&e.length===0?!1:Array.isArray(e)?!u&&e.every(t=>t.type==="valid"):!u&&e.type==="valid",[u,e]),fe=d==="large"?"default":d,p=I!==void 0,xe=l.useCallback(t=>{p||R(t),o==null||o(t)},[p,o]),$=l.useCallback(()=>{p||R(""),o==null||o(""),v==null||v()},[p,o,v]),E=l.useCallback(()=>{if(!i)return null;const N={size:d==="large"?24:d==="small"?!!b?18:16:18,className:r.default["tedi-textfield__icon"]},K=typeof i=="string"?{...N,name:i}:{...N,...i,className:_.default(N.className,i.className)};return b?a.jsx("button",{type:"button",...y,className:_.default(r.default["tedi-textfield__icon-wrapper"],y==null?void 0:y.className),onClick:c?void 0:b,disabled:c,children:a.jsx(O.Icon,{...K})}):a.jsx("div",{className:r.default["tedi-textfield__icon-wrapper"],"aria-hidden":"true",children:a.jsx(O.Icon,{...K})})},[i,d,b,y,c]),V=l.useMemo(()=>f?a.jsx(pe.ClosingButton,{iconSize:Ae[d==="large"?"large":"default"],onClick:c?void 0:$,disabled:c,title:w("clear"),className:r.default["tedi-textfield__clear-button"]}):null,[f,d,c,$,w]),me=l.useMemo(()=>!f&&!i?null:a.jsxs("div",{className:r.default["tedi-textfield__right-area"],children:[V,f&&i&&a.jsx(_e.Separator,{color:"primary",axis:"vertical",className:r.default["tedi-textfield__separator"]}),i&&E()]}),[f,i,V,E]),ye=a.jsx(he.Field,{...s,id:m,name:ae,value:M,defaultValue:T,onChange:xe,onChangeEvent:Z,disabled:c,readOnly:B,required:C,invalid:P,placeholder:X,className:_.default(r.default["tedi-textfield__input"],W,{[r.default["tedi-textfield__input--hidden-arrows"]]:Y}),onFocus:t=>{var n;(n=s==null?void 0:s.onFocus)==null||n.call(s,t),j==null||j(t)},onBlur:t=>{var n;(n=s==null?void 0:s.onBlur)==null||n.call(s,t),A==null||A(t)},isTextArea:le,"aria-describedby":!e||Array.isArray(e)&&e.length===0?void 0:Array.isArray(e)?e.map((t,n)=>`${m}-helper-${n}`).join(" "):`${m}-helper`,"aria-label":S&&typeof g=="string"?g:void 0,ref:L}),be=_.default(r.default["tedi-textfield"],{[r.default[`tedi-textfield--${d}`]]:d},{[r.default["tedi-textfield--with-icon"]]:i},{[r.default["tedi-textfield--invalid"]]:P},{[r.default["tedi-textfield--valid"]]:ue},{[r.default["tedi-textfield--clearable"]]:f},Q),ve=()=>!e||Array.isArray(e)&&e.length===0?null:a.jsx("div",{className:r.default["tedi-textfield__feedback-wrapper"],children:Array.isArray(e)?e.map((t,n)=>a.jsx(D.FeedbackText,{...t,id:`${m}-helper-${n}`},n)):a.jsx(D.FeedbackText,{...e,id:`${m}-helper`})});return a.jsxs("div",{"data-name":"textfield",...ne,className:be,children:[!ce&&a.jsx(ge.FormLabel,{id:m,label:g,required:C,hideLabel:S,size:fe}),a.jsxs("div",{className:r.default["tedi-textfield__inner"],onKeyDown:ee,onKeyUp:G,onKeyPress:te,onClick:re,ref:z,children:[ie,ye,se,(F||i)&&me]}),ve()]})});q.displayName="TextField";exports.TextField=q;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),K=require("../../base/icon/icon.cjs.js"),pe=require("../../buttons/closing-button/closing-button.cjs.js"),_e=require("../../misc/separator/separator.cjs.js"),D=require("../feedback-text/feedback-text.cjs.js"),he=require("../field/field.cjs.js"),ge=require("../form-label/form-label.cjs.js"),k=require("../input-group/input-group.cjs.js"),r=require("./textfield.module.scss.cjs.js"),Ie=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),je=require("../../../providers/label-provider/use-labels.cjs.js"),Ae={large:24,default:18},q=i.forwardRef((h,U)=>{var V;const{getCurrentBreakpointProps:J}=Ie.useBreakpointProps(h.defaultServerBreakpoint),{id:Ne,label:g,className:Q,inputClassName:W,disabled:c,required:C,hideLabel:S,invalid:u,readOnly:B,icon:s,onIconClick:b,iconButtonProps:y,size:d="default",placeholder:X,isArrowsHidden:Y=!0,isClearable:F,onClear:v,onChange:o,onChangeEvent:Z,onKeyUp:G,onKeyDown:ee,onKeyPress:te,defaultValue:T,value:I,onFocus:j,onBlur:A,onClick:re,helper:e,input:a,name:ae,isTextArea:le,startSlot:ie,endSlot:se,...ne}=J(h)||{},{getLabel:w}=je.useLabels(),z=i.useRef(null),L=i.useRef(null),[de,R]=i.useState(I??T??""),M=I??de,f=!!(F&&M&&!B),x=(V=k.useOptionalInputGroup)==null?void 0:V.call(k),oe=i.useId(),ce=x==null?void 0:x.hasExternalLabel,m=h.id??(x==null?void 0:x.inputId)??oe;i.useImperativeHandle(U,()=>({get input(){return L.current},get inner(){return z.current}}));const P=i.useMemo(()=>Array.isArray(e)?u||e.some(t=>t.type==="error"):u||(e==null?void 0:e.type)==="error",[u,e]),ue=i.useMemo(()=>!e||Array.isArray(e)&&e.length===0?!1:Array.isArray(e)?!u&&e.every(t=>t.type==="valid"):!u&&e.type==="valid",[u,e]),fe=d==="large"?"default":d,p=I!==void 0,xe=i.useCallback(t=>{p||R(t),o==null||o(t)},[p,o]),O=i.useCallback(()=>{p||R(""),o==null||o(""),v==null||v()},[p,o,v]),$=i.useCallback(()=>{if(!s)return null;const N={size:d==="large"?24:d==="small"?!!b?18:16:18,className:r.default["tedi-textfield__icon"]},H=typeof s=="string"?{...N,name:s}:{...N,...s,className:_.default(N.className,s.className)};return b?l.jsx("button",{type:"button",...y,className:_.default(r.default["tedi-textfield__icon-wrapper"],y==null?void 0:y.className),onClick:c?void 0:b,disabled:c,children:l.jsx(K.Icon,{...H})}):l.jsx("div",{className:r.default["tedi-textfield__icon-wrapper"],"aria-hidden":"true",children:l.jsx(K.Icon,{...H})})},[s,d,b,y,c]),E=i.useMemo(()=>f?l.jsx(pe.ClosingButton,{iconSize:Ae[d==="large"?"large":"default"],onClick:c?void 0:O,disabled:c,title:w("clear"),className:r.default["tedi-textfield__clear-button"]}):null,[f,d,c,O,w]),me=i.useMemo(()=>!f&&!s?null:l.jsxs("div",{className:r.default["tedi-textfield__right-area"],children:[E,f&&s&&l.jsx(_e.Separator,{color:"primary",axis:"vertical",className:r.default["tedi-textfield__separator"]}),s&&$()]}),[f,s,E,$]),ye=l.jsx(he.Field,{...a,id:m,name:ae,value:M,defaultValue:T,onChange:xe,onChangeEvent:Z,disabled:c,readOnly:B||(a==null?void 0:a.readOnly),required:C,invalid:P,placeholder:X,className:_.default(r.default["tedi-textfield__input"],W,{[r.default["tedi-textfield__input--hidden-arrows"]]:Y}),onFocus:t=>{var n;(n=a==null?void 0:a.onFocus)==null||n.call(a,t),j==null||j(t)},onBlur:t=>{var n;(n=a==null?void 0:a.onBlur)==null||n.call(a,t),A==null||A(t)},isTextArea:le,"aria-describedby":!e||Array.isArray(e)&&e.length===0?void 0:Array.isArray(e)?e.map((t,n)=>`${m}-helper-${n}`).join(" "):`${m}-helper`,"aria-label":S&&typeof g=="string"?g:void 0,ref:L}),be=_.default(r.default["tedi-textfield"],{[r.default[`tedi-textfield--${d}`]]:d},{[r.default["tedi-textfield--with-icon"]]:s},{[r.default["tedi-textfield--invalid"]]:P},{[r.default["tedi-textfield--valid"]]:ue},{[r.default["tedi-textfield--clearable"]]:f},Q),ve=()=>!e||Array.isArray(e)&&e.length===0?null:l.jsx("div",{className:r.default["tedi-textfield__feedback-wrapper"],children:Array.isArray(e)?e.map((t,n)=>l.jsx(D.FeedbackText,{...t,id:`${m}-helper-${n}`},n)):l.jsx(D.FeedbackText,{...e,id:`${m}-helper`})});return l.jsxs("div",{"data-name":"textfield",...ne,className:be,children:[!ce&&l.jsx(ge.FormLabel,{id:m,label:g,required:C,hideLabel:S,size:fe}),l.jsxs("div",{className:r.default["tedi-textfield__inner"],onKeyDown:ee,onKeyUp:G,onKeyPress:te,onClick:re,ref:z,children:[ie,ye,se,(F||s)&&me]}),ve()]})});q.displayName="TextField";exports.TextField=q;exports.default=q;

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

@@ -15,7 +15,7 @@ const Se = {
   large: 24,
   default: 18
 }, Be = _e((I, J) => {
-  var O;
+  var M;
   const { getCurrentBreakpointProps: Q } = ke(I.defaultServerBreakpoint), {
     id: we,
     label: g,
@@ -43,15 +43,15 @@ const Se = {
     value: N,
     onFocus: A,
     onBlur: k,
-    onClick: ie,
+    onClick: ae,
     helper: e,
     input: a,
-    name: ae,
+    name: ie,
     isTextArea: le,
     startSlot: ne,
     endSlot: se,
     ...oe
-  } = Q(I) || {}, { getLabel: L } = Ce(), T = y.useRef(null), E = y.useRef(null), [de, P] = y.useState(N ?? $ ?? ""), V = N ?? de, f = !!(R && V && !F), m = (O = Ae) == null ? void 0 : O(), ce = y.useId(), fe = m == null ? void 0 : m.hasExternalLabel, u = I.id ?? (m == null ? void 0 : m.inputId) ?? ce;
+  } = Q(I) || {}, { getLabel: L } = Ce(), T = y.useRef(null), E = y.useRef(null), [de, O] = y.useState(N ?? $ ?? ""), P = N ?? de, f = !!(R && P && !F), m = (M = Ae) == null ? void 0 : M(), ce = y.useId(), fe = m == null ? void 0 : m.hasExternalLabel, u = I.id ?? (m == null ? void 0 : m.inputId) ?? ce;
   y.useImperativeHandle(J, () => ({
     get input() {
       return E.current;
@@ -60,14 +60,14 @@ const Se = {
       return T.current;
     }
   }));
-  const j = b(() => Array.isArray(e) ? c || e.some((r) => r.type === "error") : c || (e == null ? void 0 : e.type) === "error", [c, e]), me = b(() => !e || Array.isArray(e) && e.length === 0 ? !1 : Array.isArray(e) ? !c && e.every((r) => r.type === "valid") : !c && e.type === "valid", [c, e]), ue = s === "large" ? "default" : s, h = N !== void 0, pe = B(
+  const V = b(() => Array.isArray(e) ? c || e.some((r) => r.type === "error") : c || (e == null ? void 0 : e.type) === "error", [c, e]), me = b(() => !e || Array.isArray(e) && e.length === 0 ? !1 : Array.isArray(e) ? !c && e.every((r) => r.type === "valid") : !c && e.type === "valid", [c, e]), ue = s === "large" ? "default" : s, h = N !== void 0, pe = B(
     (r) => {
-      h || P(r), o == null || o(r);
+      h || O(r), o == null || o(r);
     },
     [h, o]
-  ), H = B(() => {
-    h || P(""), o == null || o(""), x == null || x();
-  }, [h, o, x]), K = B(() => {
+  ), j = B(() => {
+    h || O(""), o == null || o(""), x == null || x();
+  }, [h, o, x]), H = B(() => {
     if (!i) return null;
     const C = {
       size: s === "large" ? 24 : s === "small" ? !!v ? 18 : 16 : 18,
@@ -84,33 +84,33 @@ const Se = {
         children: /* @__PURE__ */ n(D, { ...q })
       }
     ) : /* @__PURE__ */ n("div", { className: t["tedi-textfield__icon-wrapper"], "aria-hidden": "true", children: /* @__PURE__ */ n(D, { ...q }) });
-  }, [i, s, v, p, d]), M = b(() => f ? /* @__PURE__ */ n(
+  }, [i, s, v, p, d]), K = b(() => f ? /* @__PURE__ */ n(
     be,
     {
       iconSize: Se[s === "large" ? "large" : "default"],
-      onClick: d ? void 0 : H,
+      onClick: d ? void 0 : j,
       disabled: d,
       title: L("clear"),
       className: t["tedi-textfield__clear-button"]
     }
-  ) : null, [f, s, d, H, L]), ye = b(() => !f && !i ? null : /* @__PURE__ */ S("div", { className: t["tedi-textfield__right-area"], children: [
-    M,
+  ) : null, [f, s, d, j, L]), ye = b(() => !f && !i ? null : /* @__PURE__ */ S("div", { className: t["tedi-textfield__right-area"], children: [
+    K,
     f && i && /* @__PURE__ */ n(Ie, { color: "primary", axis: "vertical", className: t["tedi-textfield__separator"] }),
-    i && K()
-  ] }), [f, i, M, K]), ve = /* @__PURE__ */ n(
+    i && H()
+  ] }), [f, i, K, H]), ve = /* @__PURE__ */ n(
     ge,
     {
       ...a,
       id: u,
-      name: ae,
-      value: V,
+      name: ie,
+      value: P,
       defaultValue: $,
       onChange: pe,
       onChangeEvent: G,
       disabled: d,
-      readOnly: F,
+      readOnly: F || (a == null ? void 0 : a.readOnly),
       required: w,
-      invalid: j,
+      invalid: V,
       placeholder: Y,
       className: _(t["tedi-textfield__input"], X, {
         [t["tedi-textfield__input--hidden-arrows"]]: Z
@@ -132,7 +132,7 @@ const Se = {
     t["tedi-textfield"],
     { [t[`tedi-textfield--${s}`]]: s },
     { [t["tedi-textfield--with-icon"]]: i },
-    { [t["tedi-textfield--invalid"]]: j },
+    { [t["tedi-textfield--invalid"]]: V },
     { [t["tedi-textfield--valid"]]: me },
     { [t["tedi-textfield--clearable"]]: f },
     W
@@ -146,7 +146,7 @@ const Se = {
         onKeyDown: re,
         onKeyUp: ee,
         onKeyPress: te,
-        onClick: ie,
+        onClick: ae,
         ref: T,
         children: [
           ne,

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),v=require("../../../../../../../external/classnames/index.cjs.js"),N=require("../../../../base/icon/icon.cjs.js"),h=require("../../../../buttons/button/button.cjs.js"),q=require("../../../../buttons/floating-button/floating-button.cjs.js"),l=require("./mobile-nav-toggle.module.scss.cjs.js"),x=require("../../../../../providers/label-provider/use-labels.cjs.js"),n=({menuOpen:e,toggleMenu:i,referenceRef:c,getReferenceProps:d=()=>({}),variant:o="mobile",showLabel:m=!1,label:t,className:_})=>{const{getLabel:y}=x.useLabels(),u=t!==void 0?typeof t=="function"?t(e):t:y("header.toggle",e),g=o==="collapse"?e?"right_panel_open":"left_panel_open":e?"close":"menu",r=m&&o==="mobile",b=v.default(l.default["tedi-mobile-nav-toggle"],{[l.default["tedi-mobile-nav-toggle--open"]]:e,[l.default[`tedi-mobile-nav-toggle--${o}`]]:!0,[l.default["tedi-mobile-nav-toggle--with-label"]]:r},_),f=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i(!e))};if(r)return s.jsxs("button",{...d(),ref:c,type:"button","aria-expanded":e,className:b,onClick:()=>i(!e),onKeyDown:f,children:[s.jsx(N.Icon,{name:g,size:24,className:l.default["tedi-mobile-nav-toggle__icon"],color:"inherit"}),s.jsx("span",{className:l.default["tedi-mobile-nav-toggle__label"],children:u})]});const p=o==="collapse"?q.FloatingButton:h.Button;return s.jsx(p,{...d(),ref:c,icon:{name:g,className:l.default["tedi-mobile-nav-toggle__icon"],size:o==="collapse"?18:24},visualType:o==="collapse"?"secondary":"primary",className:b,onClick:()=>i(!e),onKeyDown:f,position:o==="collapse"?"absolute":"static",size:o==="collapse"?"small":"",children:u})},T=n;exports.MobileNavToggle=n;exports.SidenavToggle=T;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),N=require("../../../../../helpers/warn-deprecated/warn-deprecated.cjs.js"),T=require("../../../../base/icon/icon.cjs.js"),h=require("../../../../buttons/button/button.cjs.js"),q=require("../../../../buttons/floating-button/floating-button.cjs.js"),l=require("./mobile-nav-toggle.module.scss.cjs.js"),x=require("../../../../../providers/label-provider/use-labels.cjs.js"),n=({menuOpen:e,toggleMenu:a,referenceRef:c,getReferenceProps:r=()=>({}),variant:o="mobile",showLabel:f=!1,label:s,className:p})=>{const{getLabel:v}=x.useLabels(),d=s!==void 0?typeof s=="function"?s(e):s:v("header.toggle",e),u=o==="collapse"?e?"right_panel_open":"left_panel_open":e?"close":"menu",g=f&&o==="mobile",b=y.default(l.default["tedi-mobile-nav-toggle"],{[l.default["tedi-mobile-nav-toggle--open"]]:e,[l.default[`tedi-mobile-nav-toggle--${o}`]]:!0,[l.default["tedi-mobile-nav-toggle--with-label"]]:g},p),m=i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),a(!e))};if(g)return t.jsxs("button",{...r(),ref:c,type:"button","aria-expanded":e,className:b,onClick:()=>a(!e),onKeyDown:m,children:[t.jsx(T.Icon,{name:u,size:24,className:l.default["tedi-mobile-nav-toggle__icon"],color:"inherit"}),t.jsx("span",{className:l.default["tedi-mobile-nav-toggle__label"],children:d})]});const _=o==="collapse"?q.FloatingButton:h.Button;return t.jsx(_,{...r(),ref:c,icon:{name:u,className:l.default["tedi-mobile-nav-toggle__icon"],size:o==="collapse"?18:24},visualType:o==="collapse"?"secondary":"primary",className:b,onClick:()=>a(!e),onKeyDown:m,position:o==="collapse"?"absolute":"static",size:o==="collapse"?"small":"",children:d})},j=e=>(N.warnDeprecated("SidenavToggle","Use `MobileNavToggle` (same component, vendor-neutral name)."),t.jsx(n,{...e}));exports.MobileNavToggle=n;exports.SidenavToggle=j;exports.default=n;

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.d.ts

@@ -44,7 +44,7 @@ export type MobileNavToggleProps = {
 };
 export declare const MobileNavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavToggle` — same component, vendor-neutral name. */
-export declare const SidenavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidenavToggle: (props: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavToggleProps`. */
 export type SidenavToggleProps = MobileNavToggleProps;
 /** @deprecated Use `MobileNavToggleVariant`. */

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.es.js

@@ -1,21 +1,22 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import h from "../../../../../../../external/classnames/index.es.js";
-import { Icon as N } from "../../../../base/icon/icon.es.js";
-import { Button as u } from "../../../../buttons/button/button.es.js";
-import { FloatingButton as v } from "../../../../buttons/floating-button/floating-button.es.js";
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import N from "../../../../../../../external/classnames/index.es.js";
+import { warnDeprecated as h } from "../../../../../helpers/warn-deprecated/warn-deprecated.es.js";
+import { Icon as u } from "../../../../base/icon/icon.es.js";
+import { Button as v } from "../../../../buttons/button/button.es.js";
+import { FloatingButton as w } from "../../../../buttons/floating-button/floating-button.es.js";
 import l from "./mobile-nav-toggle.module.scss.es.js";
-import { useLabels as L } from "../../../../../providers/label-provider/use-labels.es.js";
-const k = ({
+import { useLabels as D } from "../../../../../providers/label-provider/use-labels.es.js";
+const L = ({
   menuOpen: o,
-  toggleMenu: s,
-  referenceRef: c,
-  getReferenceProps: n = () => ({}),
+  toggleMenu: i,
+  referenceRef: n,
+  getReferenceProps: c = () => ({}),
   variant: e = "mobile",
   showLabel: b = !1,
   label: t,
   className: f
 }) => {
-  const { getLabel: y } = L(), m = t !== void 0 ? typeof t == "function" ? t(o) : t : y("header.toggle", o), r = e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu", g = b && e === "mobile", d = h(
+  const { getLabel: y } = D(), m = t !== void 0 ? typeof t == "function" ? t(o) : t : y("header.toggle", o), r = e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu", g = b && e === "mobile", d = N(
     l["tedi-mobile-nav-toggle"],
     {
       [l["tedi-mobile-nav-toggle--open"]]: o,
@@ -23,29 +24,29 @@ const k = ({
       [l["tedi-mobile-nav-toggle--with-label"]]: g
     },
     f
-  ), p = (i) => {
-    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s(!o));
+  ), p = (a) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i(!o));
   };
   return g ? /* @__PURE__ */ _(
     "button",
     {
-      ...n(),
-      ref: c,
+      ...c(),
+      ref: n,
       type: "button",
       "aria-expanded": o,
       className: d,
-      onClick: () => s(!o),
+      onClick: () => i(!o),
       onKeyDown: p,
       children: [
-        /* @__PURE__ */ a(N, { name: r, size: 24, className: l["tedi-mobile-nav-toggle__icon"], color: "inherit" }),
-        /* @__PURE__ */ a("span", { className: l["tedi-mobile-nav-toggle__label"], children: m })
+        /* @__PURE__ */ s(u, { name: r, size: 24, className: l["tedi-mobile-nav-toggle__icon"], color: "inherit" }),
+        /* @__PURE__ */ s("span", { className: l["tedi-mobile-nav-toggle__label"], children: m })
       ]
     }
-  ) : /* @__PURE__ */ a(
-    e === "collapse" ? v : u,
+  ) : /* @__PURE__ */ s(
+    e === "collapse" ? w : v,
     {
-      ...n(),
-      ref: c,
+      ...c(),
+      ref: n,
       icon: {
         name: r,
         className: l["tedi-mobile-nav-toggle__icon"],
@@ -53,16 +54,16 @@ const k = ({
       },
       visualType: e === "collapse" ? "secondary" : "primary",
       className: d,
-      onClick: () => s(!o),
+      onClick: () => i(!o),
       onKeyDown: p,
       position: e === "collapse" ? "absolute" : "static",
       size: e === "collapse" ? "small" : "",
       children: m
     }
   );
-}, j = k;
+}, S = (o) => (h("SidenavToggle", "Use `MobileNavToggle` (same component, vendor-neutral name)."), /* @__PURE__ */ s(L, { ...o }));
 export {
-  k as MobileNavToggle,
-  j as SidenavToggle,
-  k as default
+  L as MobileNavToggle,
+  S as SidenavToggle,
+  L as default
 };

package/src/tedi/components/layout/mobile-nav/mobile-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),U=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),d=require("../../base/icon/icon.cjs.js"),f=require("../../buttons/button/button.cjs.js"),M=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),D=require("../../../providers/label-provider/use-labels.cjs.js"),q=({navItems:h,ariaLabel:y,linkAs:v,isOpen:w,onClose:r,showOverlay:B=!0,id:G,className:P})=>{var k,g,p,I,S,C,L;const{getLabel:b}=D.useLabels(),[s,c]=m.useState([{items:h}]);m.useEffect(()=>{c([{items:h}])},[h]);const a=s[s.length-1],R=s.length===1,x=e=>{var _;const i=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!i){r();return}const u=((_=e.subItemGroups)==null?void 0:_.flatMap(H=>H.subItems))||e.subItems||[];c([...s,{items:u,parent:e,renderParentLink:o}])},T=()=>{c(s.slice(0,-1))},z=()=>{c([s[0]])},F=((g=(k=a.parent)==null?void 0:k.subItems)==null?void 0:g.length)??((I=(p=a.parent)==null?void 0:p.subItemGroups)==null?void 0:I.length),O=s.length>1&&!(a.renderParentLink&&F),N=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?t.jsx(M.SideNavItem,{...e,as:v,level:i,onItemClick:r,className:l.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>x(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):E(e,i),E=(e,i)=>{const o=!!(e.href||e.to),u=!!(e.subItems||e.subItemGroups);return o?t.jsx(M.SideNavItem,{...e,as:v,level:i,icon:void 0,onItemClick:r,className:l.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"]),children:t.jsxs(f.Button,{noStyle:!0,onClick:()=>u?x(e):r(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),u?t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},j=t.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],P),"aria-label":y,id:G,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!R&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[s.length>1&&t.jsxs(f.Button,{noStyle:!0,onClick:z,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:b("sidenav.backToMainMenu")})]}),s.length>2&&t.jsxs(f.Button,{noStyle:!0,onClick:T,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((C=(S=s[s.length-1])==null?void 0:S.parent)==null?void 0:C.children)+" "+b("sidenav.backtoMenu")})]})]})}),O&&t.jsx("div",{className:l.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(L=a.parent)==null?void 0:L.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:l.default(n.default["tedi-sidenav__collapse"]),children:N(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>t.jsx(m.Fragment,{children:N(e,s.length)},e.id||i))]})]});return w?B?t.jsx(U.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:n.default["tedi-sidenav__overlay"],children:j}):j:null},J=q;exports.MobileNav=q;exports.SideNavMobile=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),Q=require("../../../helpers/warn-deprecated/warn-deprecated.cjs.js"),_=require("../../base/icon/icon.cjs.js"),g=require("../../buttons/button/button.cjs.js"),E=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),V=require("../../../providers/label-provider/use-labels.cjs.js"),W=typeof window<"u"?u.useLayoutEffect:u.useEffect,X=d=>{let f=(d==null?void 0:d.parentElement)??null;for(;f;){const l=getComputedStyle(f);if(l.transform!=="none"||l.perspective!=="none"||l.filter!==""&&l.filter!=="none"||/\b(transform|perspective|filter)\b/.test(l.willChange)||/\b(layout|paint|strict|content)\b/.test(l.contain))return f;f=f.parentElement}return null},B=({navItems:d,ariaLabel:f,linkAs:l,isOpen:h,onClose:v,showOverlay:m=!0,id:T,className:z})=>{var w,S,C,L,M,q,R;const{getLabel:x}=V.useLabels(),[a,p]=u.useState([{items:d}]),N=u.useRef(null),[G,k]=u.useState("var(--layout-header-height)");u.useEffect(()=>{p([{items:d}])},[d]),W(()=>{if(!h||!m||typeof document>"u")return;const e=X(N.current),s=(e??document).querySelector("header")??document.querySelector("header");if(!s){k("var(--layout-header-height)");return}const o=()=>{const b=e?e.getBoundingClientRect().top:0;k(`${Math.max(0,Math.round(s.getBoundingClientRect().bottom-b))}px`)};o(),window.addEventListener("resize",o);let i;return typeof ResizeObserver<"u"&&(i=new ResizeObserver(o),i.observe(s),e&&i.observe(e)),()=>{window.removeEventListener("resize",o),i==null||i.disconnect()}},[h,m]),u.useEffect(()=>{if(!h||!m||typeof document>"u")return;const{body:e}=document,s=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=s}},[h,m]);const r=a[a.length-1],P=a.length===1,j=e=>{var b;const s=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!s){v();return}const i=((b=e.subItemGroups)==null?void 0:b.flatMap(J=>J.subItems))||e.subItems||[];p([...a,{items:i,parent:e,renderParentLink:o}])},D=()=>{p(a.slice(0,-1))},F=()=>{p([a[0]])},U=((S=(w=r.parent)==null?void 0:w.subItems)==null?void 0:S.length)??((L=(C=r.parent)==null?void 0:C.subItemGroups)==null?void 0:L.length),H=a.length>1&&!(r.renderParentLink&&U),y=(e,s)=>s===1?!(e.subItems||e.subItemGroups)?t.jsx(E.SideNavItem,{...e,as:l,level:s,onItemClick:v,className:c.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:c.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>j(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(_.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):$(e,s),$=(e,s)=>{const o=!!(e.href||e.to),i=!!(e.subItems||e.subItemGroups);return o?t.jsx(E.SideNavItem,{...e,as:l,level:s,icon:void 0,onItemClick:v,className:c.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:c.default(n.default["tedi-sidenav__item"]),children:t.jsxs(g.Button,{noStyle:!0,onClick:()=>i?j(e):v(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),i?t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},I=t.jsxs("nav",{"data-name":"mobile-sidenav",className:c.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],z),"aria-label":f,id:T,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[a.length>1&&t.jsxs(g.Button,{noStyle:!0,onClick:F,className:c.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:x("sidenav.backToMainMenu")})]}),a.length>2&&t.jsxs(g.Button,{noStyle:!0,onClick:D,className:c.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((q=(M=a[a.length-1])==null?void 0:M.parent)==null?void 0:q.children)+" "+x("sidenav.backtoMenu")})]})]})}),H&&t.jsx("div",{className:c.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(R=r.parent)==null?void 0:R.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],children:[r.renderParentLink&&r.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:c.default(n.default["tedi-sidenav__collapse"]),children:y(r.parent,a.length)})}),!r.renderParentLink&&r.items.map((e,s)=>t.jsx(u.Fragment,{children:y(e,a.length)},e.id||s))]})]});return h?m?t.jsx(K.FloatingOverlay,{ref:N,style:{top:G},className:n.default["tedi-sidenav__overlay"],onMouseDown:e=>{e.target===e.currentTarget&&v()},children:I}):I:null},Y=d=>(Q.warnDeprecated("SideNavMobile","Use `MobileNav` (same component, vendor-neutral name)."),t.jsx(B,{...d}));exports.MobileNav=B;exports.SideNavMobile=Y;

package/src/tedi/components/layout/mobile-nav/mobile-nav.d.ts

@@ -15,6 +15,6 @@ export declare const MobileNav: <C extends React.ElementType = "a">({ navItems,
  * @deprecated Use `MobileNav` (same component, vendor-neutral name). Kept for
  * backward compatibility with the `SideNav.Mobile` sub-component alias.
  */
-export declare const SideNavMobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SideNavMobile: <C extends React.ElementType = "a">(props: MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavProps`. */
 export type SideNavMobileProps<C extends React.ElementType = 'a'> = MobileNavProps<C>;