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

package/src/tedi/components/navigation/hash-trigger/hash-trigger.es.js

@@ -1,5 +1,5 @@
 import { jsx as h } from "react/jsx-runtime";
-import { useRef as a, useEffect as l, cloneElement as d, isValidElement as u } from "react";
+import { useRef as a, useEffect as l, isValidElement as d, cloneElement as u } from "react";
 function m(n) {
   const e = n.getBoundingClientRect();
   return e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth);
@@ -20,7 +20,7 @@ const p = (n) => {
     return r.current && (s(), r.current = !1), window.addEventListener("hashchange", s), () => {
       window.removeEventListener("hashchange", s);
     };
-  }, [t, i, e]), u(o) ? d(o, { id: t }) : /* @__PURE__ */ h("div", { id: t, children: o });
+  }, [t, i, e]), d(o) ? u(o, { id: t }) : /* @__PURE__ */ h("div", { id: t, children: o });
 };
 export {
   p as HashTrigger

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),d=require("../../base/icon/icon.cjs.js"),e=require("./horizontal-stepper.module.scss.cjs.js"),x=require("./horizontal-stepper-context.cjs.js"),j=require("../../../providers/label-provider/use-labels.cjs.js"),l=c=>{const{label:u,description:a,completed:m,error:r,selected:i,disabled:s,onSelect:o,className:h}=c,{getLabel:n}=j.useLabels(),z=f.useContext(x.HorizontalStepperStepNumberContext),p=!!m&&!r,b=()=>{i||s||o==null||o()};return t.jsx("li",{"data-name":"horizontal-stepper-item",className:_.default(e.default["tedi-horizontal-stepper-item"],{[e.default["tedi-horizontal-stepper-item--selected"]]:i,[e.default["tedi-horizontal-stepper-item--completed"]]:p,[e.default["tedi-horizontal-stepper-item--error"]]:r,[e.default["tedi-horizontal-stepper-item--disabled"]]:s},h),children:t.jsxs("button",{type:"button",className:e.default["tedi-horizontal-stepper-item__step"],disabled:s,"aria-current":i?"step":void 0,onClick:b,children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__indicator"],children:p?t.jsx(d.Icon,{name:"check",color:"white",size:18,label:n("stepper.completed")}):r?t.jsx(d.Icon,{name:"priority_high",color:"white",size:18,label:n("stepper.error")}):t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__number"],children:z})}),t.jsxs("span",{className:e.default["tedi-horizontal-stepper-item__content"],children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__label"],children:u}),a&&t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__description"],children:a})]})]})})};l.displayName="HorizontalStepperItem";exports.HorizontalStepperItem=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),p=require("../../base/icon/icon.cjs.js"),e=require("./horizontal-stepper.module.scss.cjs.js"),_=require("./horizontal-stepper-context.cjs.js"),j=require("../../../providers/label-provider/use-labels.cjs.js"),d=c=>{const{label:m,description:a,completed:u,error:r,selected:i,disabled:s,onSelect:o,className:h}=c,{getLabel:l}=j.useLabels(),z=x.useContext(_.HorizontalStepperStepNumberContext),n=!!u&&!r,b=()=>{i||s||o==null||o()};return t.jsx("li",{"data-name":"horizontal-stepper-item",className:f.default(e.default["tedi-horizontal-stepper-item"],{[e.default["tedi-horizontal-stepper-item--selected"]]:i,[e.default["tedi-horizontal-stepper-item--completed"]]:n,[e.default["tedi-horizontal-stepper-item--error"]]:r,[e.default["tedi-horizontal-stepper-item--disabled"]]:s},h),children:t.jsxs("button",{type:"button",className:e.default["tedi-horizontal-stepper-item__step"],disabled:s,"aria-current":i?"step":void 0,onClick:b,children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__indicator"],children:n?t.jsx(p.Icon,{name:"check",color:"white",size:18,label:l("stepper.completed")}):r?t.jsx(p.Icon,{name:"priority_high",color:"white",size:18,label:l("stepper.error")}):t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__number"],children:z})}),t.jsxs("span",{className:e.default["tedi-horizontal-stepper-item__content"],children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__label"],children:m}),a&&t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__description"],children:a})]})]})})};d.displayName="HorizontalStepperItem";exports.HorizontalStepperItem=d;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item.es.js

@@ -45,6 +45,5 @@ const C = (c) => {
 };
 C.displayName = "HorizontalStepperItem";
 export {
-  C as HorizontalStepperItem,
-  C as default
+  C as HorizontalStepperItem
 };

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),e=require("./horizontal-stepper.module.scss.cjs.js"),S=require("./horizontal-stepper-context.cjs.js"),i=require("./horizontal-stepper-item.cjs.js"),l=a.forwardRef(({children:s,"aria-label":u,background:d="default",compact:r="sm",className:m},z)=>{let n=0;const c=a.Children.map(s,t=>a.isValidElement(t)&&t.type===i.HorizontalStepperItem?(n+=1,o.jsx(S.HorizontalStepperStepNumberContext.Provider,{value:n,children:t})):t);return o.jsx("nav",{ref:z,"aria-label":u,"data-name":"horizontal-stepper",className:f.default(e.default["tedi-horizontal-stepper"],{[e.default["tedi-horizontal-stepper--transparent"]]:d==="transparent",[e.default["tedi-horizontal-stepper--compact"]]:r===!0},typeof r=="string"&&e.default[`tedi-horizontal-stepper--compact-${r}`],m),children:o.jsx("ol",{className:e.default["tedi-horizontal-stepper__list"],children:c})})});l.displayName="HorizontalStepper";const p=Object.assign(l,{Item:i.HorizontalStepperItem});exports.HorizontalStepper=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),e=require("./horizontal-stepper.module.scss.cjs.js"),S=require("./horizontal-stepper-context.cjs.js"),i=require("./horizontal-stepper-item.cjs.js"),p=a.forwardRef(({children:l,"aria-label":s,background:u="default",compact:r="sm",className:d},m)=>{let n=0;const z=a.Children.map(l,t=>a.isValidElement(t)&&t.type===i.HorizontalStepperItem?(n+=1,o.jsx(S.HorizontalStepperStepNumberContext.Provider,{value:n,children:t})):t);return o.jsx("nav",{ref:m,"aria-label":s,"data-name":"horizontal-stepper",className:c.default(e.default["tedi-horizontal-stepper"],{[e.default["tedi-horizontal-stepper--transparent"]]:u==="transparent",[e.default["tedi-horizontal-stepper--compact"]]:r===!0},typeof r=="string"&&e.default[`tedi-horizontal-stepper--compact-${r}`],d),children:o.jsx("ol",{className:e.default["tedi-horizontal-stepper__list"],children:z})})});p.displayName="HorizontalStepper";const f=Object.assign(p,{Item:i.HorizontalStepperItem});exports.HorizontalStepper=f;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.es.js

@@ -33,6 +33,5 @@ const C = Object.assign(i, {
   Item: p
 });
 export {
-  C as HorizontalStepper,
-  C as default
+  C as HorizontalStepper
 };

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),u=require("react"),o=require("../../../overlays/modal/modal.cjs.js"),l=require("./pagination-mobile-modal.module.scss.cjs.js"),d=m=>{const{open:n,onOpenChange:s,options:b,selectedValue:f,onSelect:_,ariaLabel:g,title:r,ariaCurrent:p="true"}=m,t=u.useRef(null);u.useEffect(()=>{if(!n)return;const e=requestAnimationFrame(()=>{var i;typeof((i=t.current)==null?void 0:i.scrollIntoView)=="function"&&t.current.scrollIntoView({block:"start"})});return()=>cancelAnimationFrame(e)},[n]);const M=e=>{_(e),s(!1)};return a.jsx(o.Modal,{open:n,onToggle:s,children:a.jsxs(o.Modal.Content,{size:"small",position:"bottom",initialFocus:t,"aria-label":r?void 0:g,className:l.default["tedi-pagination-mobile-modal__content"],children:[a.jsx(o.Modal.Header,{title:r,closeButtonProps:{className:l.default["tedi-pagination-mobile-modal__close"]}}),a.jsx(o.Modal.Body,{children:a.jsx("ul",{className:l.default["tedi-pagination-mobile-modal__list"],children:b.map(e=>{const i=e.value===f;return a.jsx("li",{children:a.jsxs("button",{ref:i?t:void 0,type:"button",className:c.default(l.default["tedi-pagination-mobile-modal__item"],{[l.default["tedi-pagination-mobile-modal__item--selected"]]:i}),"aria-current":i?p:void 0,"aria-label":e.ariaLabel,onClick:()=>M(e.value),children:[a.jsx("span",{className:c.default(l.default["tedi-pagination-mobile-modal__radio"],{[l.default["tedi-pagination-mobile-modal__radio--selected"]]:i}),"aria-hidden":"true"}),a.jsx("span",{className:l.default["tedi-pagination-mobile-modal__label"],children:e.label})]})},e.value)})})})]})})};d.displayName="PaginationMobileModal";exports.PaginationMobileModal=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),c=require("react"),o=require("../../../overlays/modal/modal.cjs.js"),l=require("./pagination-mobile-modal.module.scss.cjs.js"),u=m=>{const{open:n,onOpenChange:d,options:b,selectedValue:f,onSelect:g,ariaLabel:p,title:s,ariaCurrent:_="true"}=m,t=c.useRef(null);c.useEffect(()=>{if(!n)return;const e=requestAnimationFrame(()=>{var i;typeof((i=t.current)==null?void 0:i.scrollIntoView)=="function"&&t.current.scrollIntoView({block:"start"})});return()=>cancelAnimationFrame(e)},[n]);const M=e=>{g(e),d(!1)};return a.jsx(o.Modal,{open:n,onToggle:d,children:a.jsxs(o.Modal.Content,{size:"small",position:"bottom",initialFocus:t,"aria-label":s?void 0:p,className:l.default["tedi-pagination-mobile-modal__content"],children:[a.jsx(o.Modal.Header,{title:s,closeButtonProps:{className:l.default["tedi-pagination-mobile-modal__close"]}}),a.jsx(o.Modal.Body,{children:a.jsx("ul",{className:l.default["tedi-pagination-mobile-modal__list"],children:b.map(e=>{const i=e.value===f;return a.jsx("li",{children:a.jsxs("button",{ref:i?t:void 0,type:"button",className:r.default(l.default["tedi-pagination-mobile-modal__item"],{[l.default["tedi-pagination-mobile-modal__item--selected"]]:i}),"aria-current":i?_:void 0,"aria-label":e.ariaLabel,onClick:()=>M(e.value),children:[a.jsx("span",{className:r.default(l.default["tedi-pagination-mobile-modal__radio"],{[l.default["tedi-pagination-mobile-modal__radio--selected"]]:i}),"aria-hidden":"true"}),a.jsx("span",{className:l.default["tedi-pagination-mobile-modal__label"],children:e.label})]})},e.value)})})})]})})};u.displayName="PaginationMobileModal";exports.PaginationMobileModal=u;

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.es.js

@@ -1,49 +1,49 @@
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import m from "../../../../../../external/classnames/index.es.js";
+import { jsx as l, jsxs as m } from "react/jsx-runtime";
+import d from "../../../../../../external/classnames/index.es.js";
 import { useRef as h, useEffect as N } from "react";
-import { Modal as o } from "../../../overlays/modal/modal.es.js";
+import { Modal as t } from "../../../overlays/modal/modal.es.js";
 import a from "./pagination-mobile-modal.module.scss.es.js";
 const v = (c) => {
-  const { open: n, onOpenChange: r, options: u, selectedValue: p, onSelect: b, ariaLabel: f, title: s, ariaCurrent: _ = "true" } = c, t = h(null);
+  const { open: n, onOpenChange: r, options: u, selectedValue: p, onSelect: b, ariaLabel: _, title: s, ariaCurrent: f = "true" } = c, o = h(null);
   N(() => {
     if (!n) return;
     const e = requestAnimationFrame(() => {
       var i;
-      typeof ((i = t.current) == null ? void 0 : i.scrollIntoView) == "function" && t.current.scrollIntoView({ block: "start" });
+      typeof ((i = o.current) == null ? void 0 : i.scrollIntoView) == "function" && o.current.scrollIntoView({ block: "start" });
     });
     return () => cancelAnimationFrame(e);
   }, [n]);
   const g = (e) => {
     b(e), r(!1);
   };
-  return /* @__PURE__ */ l(o, { open: n, onToggle: r, children: /* @__PURE__ */ d(
-    o.Content,
+  return /* @__PURE__ */ l(t, { open: n, onToggle: r, children: /* @__PURE__ */ m(
+    t.Content,
     {
       size: "small",
       position: "bottom",
-      initialFocus: t,
-      "aria-label": s ? void 0 : f,
+      initialFocus: o,
+      "aria-label": s ? void 0 : _,
       className: a["tedi-pagination-mobile-modal__content"],
       children: [
-        /* @__PURE__ */ l(o.Header, { title: s, closeButtonProps: { className: a["tedi-pagination-mobile-modal__close"] } }),
-        /* @__PURE__ */ l(o.Body, { children: /* @__PURE__ */ l("ul", { className: a["tedi-pagination-mobile-modal__list"], children: u.map((e) => {
+        /* @__PURE__ */ l(t.Header, { title: s, closeButtonProps: { className: a["tedi-pagination-mobile-modal__close"] } }),
+        /* @__PURE__ */ l(t.Body, { children: /* @__PURE__ */ l("ul", { className: a["tedi-pagination-mobile-modal__list"], children: u.map((e) => {
           const i = e.value === p;
-          return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ d(
+          return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m(
             "button",
             {
-              ref: i ? t : void 0,
+              ref: i ? o : void 0,
               type: "button",
-              className: m(a["tedi-pagination-mobile-modal__item"], {
+              className: d(a["tedi-pagination-mobile-modal__item"], {
                 [a["tedi-pagination-mobile-modal__item--selected"]]: i
               }),
-              "aria-current": i ? _ : void 0,
+              "aria-current": i ? f : void 0,
               "aria-label": e.ariaLabel,
               onClick: () => g(e.value),
               children: [
                 /* @__PURE__ */ l(
                   "span",
                   {
-                    className: m(a["tedi-pagination-mobile-modal__radio"], {
+                    className: d(a["tedi-pagination-mobile-modal__radio"], {
                       [a["tedi-pagination-mobile-modal__radio--selected"]]: i
                     }),
                     "aria-hidden": "true"
@@ -60,6 +60,5 @@ const v = (c) => {
 };
 v.displayName = "PaginationMobileModal";
 export {
-  v as PaginationMobileModal,
-  v as default
+  v as PaginationMobileModal
 };

package/src/tedi/components/navigation/pagination/pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),B=require("../../base/icon/icon.cjs.js"),te=require("../../base/typography/text/text.cjs.js"),q=require("../../buttons/button/button.cjs.js"),Re=require("../../form/select/select.cjs.js"),t=require("./pagination.module.scss.cjs.js"),ie=require("./pagination-mobile-modal/pagination-mobile-modal.cjs.js"),we=require("./use-pagination.cjs.js"),ne=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Ce=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Ae=require("../../../providers/label-provider/use-labels.cjs.js"),se=["xs","sm","md","lg","xl","xxl"],T=(c,v)=>c===void 0||c===!1?!1:c===!0?!0:v?se.indexOf(v)<se.indexOf(c):!1,I=n.forwardRef((c,v)=>{var Y;const{pageCount:l,page:_,defaultPage:le=1,onPageChange:S,totalItems:$,pageSize:p,pageSizeOptions:m,onPageSizeChange:g,labels:E,hideResults:re=!1,hidePageSize:oe=!1,hidePager:ue=!1,className:de}=c,{getCurrentBreakpointProps:ce}=Ce.useBreakpointProps(c.defaultServerBreakpoint),{boundaryCount:pe=1,siblingCount:ge=1,background:V="white",borders:fe="top",showPrevNextButtons:H=!1,showEdgeNavLabels:O=!1,previousIcon:be="arrow_back",nextIcon:_e="arrow_forward",arrowVariant:me="default"}=ce(c),{getLabel:o}=Ae.useLabels(),j=ne.useBreakpoint(),h=ne.isBreakpointBelow(j,"md"),s=n.useMemo(()=>({ariaLabel:o("pagination.title"),previous:o("pagination.prev-page"),next:o("pagination.next-page"),pageAriaLabel:e=>o("pagination.page",e,!1),currentPageAriaLabel:e=>o("pagination.page",e,!0),results:e=>o("pagination.results",e),pageSize:o("pagination.page-size"),pageStatus:(e,i)=>o("pagination.page-status",e,i),...E}),[o,E]),[N,R]=n.useState(le),he=_??N,u=l>0?Math.max(1,Math.min(l,he)):1;n.useEffect(()=>{_===void 0&&(l>0&&N>l?R(l):N<1&&R(1))},[_,l,N]);const z=we.usePagination({page:u,pageCount:l,boundaryCount:pe,siblingCount:ge}),P=n.useCallback(e=>{e!==null&&(e===u||e<1||e>l||(_===void 0&&R(e),S==null||S(e)))},[u,S,_,l]),xe=n.useId(),x=n.useMemo(()=>Array.isArray(m)?m.map(e=>typeof e=="number"?{value:e,label:String(e)}:e):[],[m]),y=n.useMemo(()=>x.map(e=>({value:String(e.value),label:e.label})),[x]),w=n.useMemo(()=>p===void 0?y[0]??null:y.find(e=>e.value===String(p))??null,[p,y]),ve=n.useCallback(e=>{const i=Array.isArray(e)?e[0]:e;i&&"value"in i&&(g==null||g(Number(i.value)))},[g]),Se=w?Number(w.value):p??0,F=((Y=x.find(e=>e.value===p))==null?void 0:Y.label)??(p!==void 0?String(p):""),je=n.useMemo(()=>Array.from({length:l},(e,i)=>{const r=i+1;return{value:r,label:String(r),ariaLabel:r===u?s.currentPageAriaLabel(r):s.pageAriaLabel(r)}}),[l,u,s]),Ne=n.useMemo(()=>x.map(e=>({value:e.value,label:e.label,ariaLabel:`${s.pageSize} ${e.label}`})),[x,s]),ze=T(re,j),Pe=T(oe,j),ye=T(ue,j),K=!ze&&$!==void 0,C=!Pe&&Array.isArray(m)&&m.length>0,A=!ye&&l>1,Le=k.default(t.default["tedi-pagination"],t.default[`tedi-pagination--bg-${V}`],V!=="transparent"&&t.default[`tedi-pagination--borders-${fe}`],{[t.default["tedi-pagination--no-pager"]]:!A,[t.default["tedi-pagination--no-results"]]:!K,[t.default["tedi-pagination--no-page-size"]]:!C},de),[f,D]=n.useState(!1),U=n.useRef(null),G=n.useRef(f);n.useEffect(()=>{var e;G.current&&!f&&((e=U.current)==null||e.focus()),G.current=f},[f]);const[b,J]=n.useState(!1),Q=n.useRef(null),W=n.useRef(b);n.useEffect(()=>{var e;W.current&&!b&&((e=Q.current)==null||e.focus()),W.current=b},[b]);const Me=l>1?s.pageStatus(u,l):"",ke=`${`${u} / ${l}`}, ${s.ariaLabel}`,L=z[0],M=z[z.length-1],Oe=z.slice(1,-1),X=(e,i,r,d)=>{const Z=t.default[`tedi-pagination__button--nav-${e}`];if(me==="primary")return a.jsx(q.Button,{type:"button",visualType:"primary",size:"small",iconLeft:e==="previous"?r:void 0,iconRight:e==="next"?r:void 0,className:Z,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),children:d});const ee=a.jsx(B.Icon,{name:r,size:18,color:"inherit"}),ae=a.jsx("span",{className:t.default["tedi-pagination__nav-label"],children:d});return a.jsx(q.Button,{className:k.default(t.default["tedi-pagination__button"],t.default["tedi-pagination__button--nav"],Z,{[t.default["tedi-pagination__button--nav-link"]]:O}),"aria-label":d,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),visualType:"neutral",size:"small",icon:O?void 0:r,children:O&&(e==="previous"?a.jsxs(a.Fragment,{children:[ee,ae]}):a.jsxs(a.Fragment,{children:[ae,ee]}))})};return a.jsxs("div",{ref:v,className:Le,"data-name":"tedi-pagination",children:[a.jsx("span",{className:t.default["tedi-pagination__status"],role:"status","aria-live":"polite","aria-atomic":"true",children:Me}),a.jsx("div",{className:t.default["tedi-pagination__slot-start"],children:K&&a.jsx(te.Text,{className:t.default["tedi-pagination__results"],color:"secondary",modifiers:"small",children:s.results($)})}),a.jsx("div",{className:t.default["tedi-pagination__slot-center"],children:A&&a.jsxs("nav",{"aria-label":s.ariaLabel,className:t.default["tedi-pagination__nav"],children:[!H&&(L!=null&&L.disabled)?null:X("previous",L,be,s.previous),!h&&a.jsx("ul",{className:t.default["tedi-pagination__list"],children:Oe.map((e,i)=>{const r=`slot-${i}`;if(e.type==="ellipsis")return a.jsx("li",{className:k.default(t.default["tedi-pagination__item"],t.default["tedi-pagination__item--ellipsis"]),"aria-hidden":"true",children:"…"},r);const d=e.page;return a.jsx("li",{className:t.default["tedi-pagination__item"],children:a.jsx(q.Button,{type:"button",className:k.default(t.default["tedi-pagination__button"],{[t.default["tedi-pagination__button--selected"]]:e.selected}),"aria-label":e.selected?s.currentPageAriaLabel(d):s.pageAriaLabel(d),"aria-current":e.selected?"page":void 0,onClick:()=>P(d),noStyle:!0,children:a.jsx("span",{className:t.default["tedi-pagination__button-label"],children:d},d)})},r)})}),h&&a.jsxs("button",{ref:U,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":f,"aria-label":ke,onClick:()=>D(!0),children:[a.jsxs("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:[a.jsx("strong",{children:u}),a.jsx("span",{children:"/"}),a.jsx("span",{children:l})]}),a.jsx(B.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}),!H&&(M!=null&&M.disabled)?null:X("next",M,_e,s.next)]})}),a.jsx("div",{className:t.default["tedi-pagination__slot-end"],children:C&&a.jsxs("div",{className:t.default["tedi-pagination__page-size"],children:[a.jsx(te.Text,{className:t.default["tedi-pagination__page-size-label"],color:"secondary",modifiers:"small",element:"span",children:s.pageSize}),h?a.jsxs("button",{ref:Q,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":b,"aria-label":`${s.pageSize} ${F}`,onClick:()=>J(!0),children:[a.jsx("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:F}),a.jsx(B.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}):a.jsx(Re.Select,{id:`tedi-pagination-page-size-${xe}`,className:t.default["tedi-pagination__select"],label:s.pageSize,hideLabel:!0,size:"small",options:y,value:w,onChange:ve,isSearchable:!1,isClearable:!1})]})}),h&&A&&a.jsx(ie.PaginationMobileModal,{open:f,onOpenChange:D,options:je,selectedValue:u,onSelect:P,ariaLabel:s.ariaLabel,ariaCurrent:"page"}),h&&C&&a.jsx(ie.PaginationMobileModal,{open:b,onOpenChange:J,options:Ne,selectedValue:Se,onSelect:e=>g==null?void 0:g(e),ariaLabel:s.pageSize,title:s.pageSize})]})});I.displayName="Pagination";exports.Pagination=I;exports.default=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),q=require("../../base/icon/icon.cjs.js"),ae=require("../../base/typography/text/text.cjs.js"),B=require("../../buttons/button/button.cjs.js"),Re=require("../../form/select/select.cjs.js"),t=require("./pagination.module.scss.cjs.js"),te=require("./pagination-mobile-modal/pagination-mobile-modal.cjs.js"),we=require("./use-pagination.cjs.js"),Ce=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Ae=require("../../../providers/label-provider/use-labels.cjs.js"),ie=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=["xs","sm","md","lg","xl","xxl"],T=(c,v)=>c===void 0||c===!1?!1:c===!0?!0:v?ne.indexOf(v)<ne.indexOf(c):!1,se=n.forwardRef((c,v)=>{var X;const{pageCount:l,page:_,defaultPage:le=1,onPageChange:S,totalItems:I,pageSize:p,pageSizeOptions:m,onPageSizeChange:g,labels:$,hideResults:re=!1,hidePageSize:oe=!1,hidePager:de=!1,className:ue}=c,{getCurrentBreakpointProps:ce}=Ce.useBreakpointProps(c.defaultServerBreakpoint),{boundaryCount:pe=1,siblingCount:ge=1,background:E="white",borders:fe="top",showPrevNextButtons:V=!1,showEdgeNavLabels:k=!1,previousIcon:be="arrow_back",nextIcon:_e="arrow_forward",arrowVariant:me="default"}=ce(c),{getLabel:o}=Ae.useLabels(),j=ie.default(),h=ie.isBreakpointBelow(j,"md"),s=n.useMemo(()=>({ariaLabel:o("pagination.title"),previous:o("pagination.prev-page"),next:o("pagination.next-page"),pageAriaLabel:e=>o("pagination.page",e,!1),currentPageAriaLabel:e=>o("pagination.page",e,!0),results:e=>o("pagination.results",e),pageSize:o("pagination.page-size"),pageStatus:(e,i)=>o("pagination.page-status",e,i),...$}),[o,$]),[N,R]=n.useState(le),he=_??N,d=l>0?Math.max(1,Math.min(l,he)):1;n.useEffect(()=>{_===void 0&&(l>0&&N>l?R(l):N<1&&R(1))},[_,l,N]);const z=we.usePagination({page:d,pageCount:l,boundaryCount:pe,siblingCount:ge}),P=n.useCallback(e=>{e!==null&&(e===d||e<1||e>l||(_===void 0&&R(e),S==null||S(e)))},[d,S,_,l]),xe=n.useId(),x=n.useMemo(()=>Array.isArray(m)?m.map(e=>typeof e=="number"?{value:e,label:String(e)}:e):[],[m]),y=n.useMemo(()=>x.map(e=>({value:String(e.value),label:e.label})),[x]),w=n.useMemo(()=>p===void 0?y[0]??null:y.find(e=>e.value===String(p))??null,[p,y]),ve=n.useCallback(e=>{const i=Array.isArray(e)?e[0]:e;i&&"value"in i&&(g==null||g(Number(i.value)))},[g]),Se=w?Number(w.value):p??0,H=((X=x.find(e=>e.value===p))==null?void 0:X.label)??(p!==void 0?String(p):""),je=n.useMemo(()=>Array.from({length:l},(e,i)=>{const r=i+1;return{value:r,label:String(r),ariaLabel:r===d?s.currentPageAriaLabel(r):s.pageAriaLabel(r)}}),[l,d,s]),Ne=n.useMemo(()=>x.map(e=>({value:e.value,label:e.label,ariaLabel:`${s.pageSize} ${e.label}`})),[x,s]),ze=T(re,j),Pe=T(oe,j),ye=T(de,j),F=!ze&&I!==void 0,C=!Pe&&Array.isArray(m)&&m.length>0,A=!ye&&l>1,Le=O.default(t.default["tedi-pagination"],t.default[`tedi-pagination--bg-${E}`],E!=="transparent"&&t.default[`tedi-pagination--borders-${fe}`],{[t.default["tedi-pagination--no-pager"]]:!A,[t.default["tedi-pagination--no-results"]]:!F,[t.default["tedi-pagination--no-page-size"]]:!C},ue),[f,K]=n.useState(!1),D=n.useRef(null),U=n.useRef(f);n.useEffect(()=>{var e;U.current&&!f&&((e=D.current)==null||e.focus()),U.current=f},[f]);const[b,G]=n.useState(!1),J=n.useRef(null),Q=n.useRef(b);n.useEffect(()=>{var e;Q.current&&!b&&((e=J.current)==null||e.focus()),Q.current=b},[b]);const Me=l>1?s.pageStatus(d,l):"",Oe=`${`${d} / ${l}`}, ${s.ariaLabel}`,L=z[0],M=z[z.length-1],ke=z.slice(1,-1),W=(e,i,r,u)=>{const Y=t.default[`tedi-pagination__button--nav-${e}`];if(me==="primary")return a.jsx(B.Button,{type:"button",visualType:"primary",size:"small",iconLeft:e==="previous"?r:void 0,iconRight:e==="next"?r:void 0,className:Y,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),children:u});const Z=a.jsx(q.Icon,{name:r,size:18,color:"inherit"}),ee=a.jsx("span",{className:t.default["tedi-pagination__nav-label"],children:u});return a.jsx(B.Button,{className:O.default(t.default["tedi-pagination__button"],t.default["tedi-pagination__button--nav"],Y,{[t.default["tedi-pagination__button--nav-link"]]:k}),"aria-label":u,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),visualType:"neutral",size:"small",icon:k?void 0:r,children:k&&(e==="previous"?a.jsxs(a.Fragment,{children:[Z,ee]}):a.jsxs(a.Fragment,{children:[ee,Z]}))})};return a.jsxs("div",{ref:v,className:Le,"data-name":"tedi-pagination",children:[a.jsx("span",{className:t.default["tedi-pagination__status"],role:"status","aria-live":"polite","aria-atomic":"true",children:Me}),a.jsx("div",{className:t.default["tedi-pagination__slot-start"],children:F&&a.jsx(ae.Text,{className:t.default["tedi-pagination__results"],color:"secondary",modifiers:"small",children:s.results(I)})}),a.jsx("div",{className:t.default["tedi-pagination__slot-center"],children:A&&a.jsxs("nav",{"aria-label":s.ariaLabel,className:t.default["tedi-pagination__nav"],children:[!V&&(L!=null&&L.disabled)?null:W("previous",L,be,s.previous),!h&&a.jsx("ul",{className:t.default["tedi-pagination__list"],children:ke.map((e,i)=>{const r=`slot-${i}`;if(e.type==="ellipsis")return a.jsx("li",{className:O.default(t.default["tedi-pagination__item"],t.default["tedi-pagination__item--ellipsis"]),"aria-hidden":"true",children:"…"},r);const u=e.page;return a.jsx("li",{className:t.default["tedi-pagination__item"],children:a.jsx(B.Button,{type:"button",className:O.default(t.default["tedi-pagination__button"],{[t.default["tedi-pagination__button--selected"]]:e.selected}),"aria-label":e.selected?s.currentPageAriaLabel(u):s.pageAriaLabel(u),"aria-current":e.selected?"page":void 0,onClick:()=>P(u),noStyle:!0,children:a.jsx("span",{className:t.default["tedi-pagination__button-label"],children:u},u)})},r)})}),h&&a.jsxs("button",{ref:D,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":f,"aria-label":Oe,onClick:()=>K(!0),children:[a.jsxs("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:[a.jsx("strong",{children:d}),a.jsx("span",{children:"/"}),a.jsx("span",{children:l})]}),a.jsx(q.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}),!V&&(M!=null&&M.disabled)?null:W("next",M,_e,s.next)]})}),a.jsx("div",{className:t.default["tedi-pagination__slot-end"],children:C&&a.jsxs("div",{className:t.default["tedi-pagination__page-size"],children:[a.jsx(ae.Text,{className:t.default["tedi-pagination__page-size-label"],color:"secondary",modifiers:"small",element:"span",children:s.pageSize}),h?a.jsxs("button",{ref:J,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":b,"aria-label":`${s.pageSize} ${H}`,onClick:()=>G(!0),children:[a.jsx("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:H}),a.jsx(q.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}):a.jsx(Re.Select,{id:`tedi-pagination-page-size-${xe}`,className:t.default["tedi-pagination__select"],label:s.pageSize,hideLabel:!0,size:"small",options:y,value:w,onChange:ve,isSearchable:!1,isClearable:!1})]})}),h&&A&&a.jsx(te.PaginationMobileModal,{open:f,onOpenChange:K,options:je,selectedValue:d,onSelect:P,ariaLabel:s.ariaLabel,ariaCurrent:"page"}),h&&C&&a.jsx(te.PaginationMobileModal,{open:b,onOpenChange:G,options:Ne,selectedValue:Se,onSelect:e=>g==null?void 0:g(e),ariaLabel:s.pageSize,title:s.pageSize})]})});se.displayName="Pagination";exports.Pagination=se;

package/src/tedi/components/navigation/pagination/pagination.es.js

@@ -8,9 +8,9 @@ import { Select as Ie } from "../../form/select/select.es.js";
 import a from "./pagination.module.scss.es.js";
 import { PaginationMobileModal as oe } from "./pagination-mobile-modal/pagination-mobile-modal.es.js";
 import { usePagination as Ee } from "./use-pagination.es.js";
-import { useBreakpoint as Ve, isBreakpointBelow as He } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useBreakpointProps as je } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as Ke } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as Ve } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as He } from "../../../providers/label-provider/use-labels.es.js";
+import je, { isBreakpointBelow as Ke } from "../../../helpers/hooks/use-breakpoint.es.js";
 const de = ["xs", "sm", "md", "lg", "xl", "xxl"], j = (p, N) => p === void 0 || p === !1 ? !1 : p === !0 ? !0 : N ? de.indexOf(N) < de.indexOf(p) : !1, De = Be((p, N) => {
   var ae;
   const {
@@ -27,7 +27,7 @@ const de = ["xs", "sm", "md", "lg", "xl", "xxl"], j = (p, N) => p === void 0 ||
     hidePageSize: ge = !1,
     hidePager: ue = !1,
     className: be
-  } = p, { getCurrentBreakpointProps: me } = je(p.defaultServerBreakpoint), {
+  } = p, { getCurrentBreakpointProps: me } = Ve(p.defaultServerBreakpoint), {
     boundaryCount: fe = 1,
     siblingCount: _e = 1,
     background: F = "white",
@@ -37,7 +37,7 @@ const de = ["xs", "sm", "md", "lg", "xl", "xxl"], j = (p, N) => p === void 0 ||
     previousIcon: ve = "arrow_back",
     nextIcon: Se = "arrow_forward",
     arrowVariant: Ne = "default"
-  } = me(p), { getLabel: s } = Ke(), y = Ve(), v = He(y, "md"), t = f(
+  } = me(p), { getLabel: s } = He(), y = je(), v = Ke(y, "md"), t = f(
     () => ({
       ariaLabel: s("pagination.title"),
       previous: s("pagination.prev-page"),
@@ -275,6 +275,5 @@ const de = ["xs", "sm", "md", "lg", "xl", "xxl"], j = (p, N) => p === void 0 ||
 });
 De.displayName = "Pagination";
 export {
-  De as Pagination,
-  De as default
+  De as Pagination
 };

package/src/tedi/components/navigation/tabs/tabs-content/tabs-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("../../../../../../external/classnames/index.cjs.js"),i=require("../tabs.module.scss.cjs.js"),u=require("../tabs-context.cjs.js"),t=n=>{const{id:e,children:a,className:s}=n,{currentTab:o}=u.useTabsContext();return e&&o!==e?null:r.jsx("div",{"data-name":"tabs-content",id:e?`${e}-panel`:void 0,role:"tabpanel","aria-labelledby":e??void 0,className:l.default(i.default["tedi-tabs__content"],s),children:a})};t.displayName="TabsContent";exports.TabsContent=t;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),l=require("../tabs.module.scss.cjs.js"),d=require("../tabs-context.cjs.js"),t=n=>{const{id:e,children:a,className:s}=n,{currentTab:o}=d.useTabsContext();return e&&o!==e?null:r.jsx("div",{"data-name":"tabs-content",id:e?`${e}-panel`:void 0,role:"tabpanel","aria-labelledby":e??void 0,className:i.default(l.default["tedi-tabs__content"],s),children:a})};t.displayName="TabsContent";exports.TabsContent=t;

package/src/tedi/components/navigation/tabs/tabs-content/tabs-content.es.js

@@ -1,23 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import r from "../../../../../../external/classnames/index.es.js";
-import l from "../tabs.module.scss.es.js";
-import { useTabsContext as i } from "../tabs-context.es.js";
+import i from "../tabs.module.scss.es.js";
+import { useTabsContext as l } from "../tabs-context.es.js";
 const m = (a) => {
-  const { id: t, children: e, className: s } = a, { currentTab: n } = i();
-  return t && n !== t ? null : /* @__PURE__ */ o(
+  const { id: t, children: e, className: n } = a, { currentTab: o } = l();
+  return t && o !== t ? null : /* @__PURE__ */ s(
     "div",
     {
       "data-name": "tabs-content",
       id: t ? `${t}-panel` : void 0,
       role: "tabpanel",
       "aria-labelledby": t ?? void 0,
-      className: r(l["tedi-tabs__content"], s),
+      className: r(i["tedi-tabs__content"], n),
       children: e
     }
   );
 };
 m.displayName = "TabsContent";
 export {
-  m as TabsContent,
-  m as default
+  m as TabsContent
 };

package/src/tedi/components/navigation/tabs/tabs-list/tabs-list.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("../../../../../../external/classnames/index.cjs.js"),t=require("react"),D=require("../../../base/icon/icon.cjs.js"),k=require("../../../misc/print/print.cjs.js"),o=require("../../../overlays/dropdown/dropdown.cjs.js"),i=require("../tabs.module.scss.cjs.js"),z=require("../tabs-context.cjs.js"),P=require("../../../../providers/label-provider/use-labels.cjs.js"),A=require("../../../../helpers/hooks/use-scroll-fade.cjs.js"),h=R=>{const{children:a,className:S,"aria-label":j,"aria-labelledby":y,printVisibility:L="show",overflowMode:r="dropdown"}=R,{getLabel:q}=P.useLabels(),{currentTab:W,setCurrentTab:T}=z.useTabsContext(),w=t.useRef(null),c=t.useRef(null),[d,u]=t.useState(!1),f=t.useRef(!1),b=t.useRef(0);f.current=d;const{scrollRef:m,canScrollStart:C,canScrollEnd:M,handleScroll:N}=A.useScrollFade({direction:"horizontal"}),O=t.useCallback(e=>{c.current=e,r==="scroll"&&m(e)},[r,m]),p=t.useMemo(()=>t.Children.toArray(a).filter(t.isValidElement),[a]),_=t.useMemo(()=>{const e=[];return p.forEach(l=>{const n=l.props;e.push({id:n.id,label:n.children,disabled:n.disabled})}),e},[p]),v=r==="dropdown"&&d&&_.length>1,E=_.filter(e=>e.id!==W),I=e=>{e&&T(e)};return t.useLayoutEffect(()=>{if(r!=="dropdown")return;const e=c.current;!e||f.current||(b.current=e.scrollWidth,e.scrollWidth>e.clientWidth&&e.clientWidth>0&&u(!0))},[r,d,p]),t.useEffect(()=>{if(r!=="dropdown")return;const e=w.current,l=c.current;if(!e||!l)return;const n=()=>{f.current?b.current<=e.clientWidth&&u(!1):l.scrollWidth>l.clientWidth&&l.clientWidth>0&&(b.current=l.scrollWidth,u(!0))},x=new ResizeObserver(n);return x.observe(e),()=>x.disconnect()},[r]),s.jsx(k.Print,{visibility:L,children:s.jsxs("div",{ref:w,className:g.default(i.default["tedi-tabs__list-wrapper"],{[i.default["tedi-tabs__list-wrapper--scroll-fade-left"]]:r==="scroll"&&C,[i.default["tedi-tabs__list-wrapper--scroll-fade-right"]]:r==="scroll"&&M}),children:[s.jsx("div",{ref:O,"data-name":"tabs-list",role:"tablist","aria-label":j,"aria-labelledby":y,className:g.default(i.default["tedi-tabs__list"],{[i.default["tedi-tabs__list--overflow"]]:v},{[i.default["tedi-tabs__list--scroll"]]:r==="scroll"},S),onScroll:r==="scroll"?N:void 0,children:a}),v&&s.jsx("div",{className:i.default["tedi-tabs__more-wrapper"],children:s.jsxs(o.Dropdown,{placement:"bottom-end",children:[s.jsx(o.Dropdown.Trigger,{children:s.jsxs("button",{"data-name":"tabs-more-btn",type:"button",className:i.default["tedi-tabs__more-btn"],children:[q("tabs.more"),s.jsx(D.Icon,{name:"expand_more",size:18})]})}),s.jsx(o.Dropdown.Content,{children:E.map((e,l)=>s.jsx(o.Dropdown.Item,{index:l,disabled:e.disabled,onClick:()=>I(e.id),children:e.label},e.id))})]})})]})})};h.displayName="TabsList";exports.TabsList=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),r=require("react"),W=require("../../../base/icon/icon.cjs.js"),z=require("../../../misc/print/print.cjs.js"),i=require("../../../overlays/dropdown/dropdown.cjs.js"),o=require("../tabs.module.scss.cjs.js"),P=require("../tabs-context.cjs.js"),A=require("../../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../../helpers/hooks/use-scroll-fade.cjs.js"),_=v=>{const{children:c,className:x,"aria-label":L,"aria-labelledby":g,printVisibility:S="show",overflowMode:s="dropdown",dropdownLabel:j}=v,{getLabel:y}=A.useLabels(),{currentTab:q,setCurrentTab:C}=P.useTabsContext(),d=r.useRef(null),b=r.useRef(null),[R,T]=r.useState(!1),{scrollRef:f,canScrollStart:M,canScrollEnd:N,handleScroll:E}=F.useScrollFade({direction:"horizontal"}),I=r.useCallback(e=>{b.current=e,s==="scroll"&&f(e)},[s,f]),u=r.useMemo(()=>r.Children.toArray(c).filter(r.isValidElement),[c]),p=r.useMemo(()=>{const e=[];return u.forEach(t=>{const a=t.props;e.push({id:a.id,label:a.children,disabled:a.disabled})}),e},[u]),w=s==="dropdown"&&R&&p.length>1,O=p.filter(e=>e.id!==q),k=e=>{e&&C(e)},n=r.useCallback(()=>{const e=d.current,t=b.current;if(!e||!t||t.clientWidth===0)return;const a=o.default["tedi-tabs__list--overflow"],h=t.classList.contains(a);h&&t.classList.remove(a);const D=t.scrollWidth;h&&t.classList.add(a),T(D>e.clientWidth)},[]);return r.useLayoutEffect(()=>{s==="dropdown"&&n()},[s,n,u]),r.useEffect(()=>{if(s!=="dropdown")return;const e=d.current;if(!e)return;const t=new ResizeObserver(n);return t.observe(e),()=>t.disconnect()},[s,n]),l.jsx(z.Print,{visibility:S,children:l.jsxs("div",{ref:d,className:m.default(o.default["tedi-tabs__list-wrapper"],{[o.default["tedi-tabs__list-wrapper--scroll-fade-left"]]:s==="scroll"&&M,[o.default["tedi-tabs__list-wrapper--scroll-fade-right"]]:s==="scroll"&&N}),children:[l.jsx("div",{ref:I,"data-name":"tabs-list",role:"tablist","aria-label":L,"aria-labelledby":g,className:m.default(o.default["tedi-tabs__list"],{[o.default["tedi-tabs__list--overflow"]]:w},{[o.default["tedi-tabs__list--scroll"]]:s==="scroll"},x),onScroll:s==="scroll"?E:void 0,children:c}),w&&l.jsx("div",{className:o.default["tedi-tabs__more-wrapper"],children:l.jsxs(i.Dropdown,{placement:"bottom-end",children:[l.jsx(i.Dropdown.Trigger,{children:l.jsxs("button",{"data-name":"tabs-more-btn",type:"button",className:o.default["tedi-tabs__more-btn"],children:[j??y("tabs.more"),l.jsx(W.Icon,{name:"expand_more",size:18})]})}),l.jsx(i.Dropdown.Content,{children:O.map((e,t)=>l.jsx(i.Dropdown.Item,{index:t,disabled:e.disabled,onClick:()=>k(e.id),children:e.label},e.id))})]})})]})})};_.displayName="TabsList";exports.TabsList=_;

package/src/tedi/components/navigation/tabs/tabs-list/tabs-list.d.ts

@@ -29,6 +29,10 @@ export interface TabsListProps {
      * @default 'dropdown'
      */
     overflowMode?: 'dropdown' | 'scroll';
+    /**
+     * Label for the overflow dropdown trigger. Defaults to the `tabs.more` label.
+     */
+    dropdownLabel?: string;
 }
 export declare const TabsList: {
     (props: TabsListProps): import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/navigation/tabs/tabs-list/tabs-list.es.js

@@ -1,92 +1,94 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import R from "../../../../../../external/classnames/index.es.js";
-import i, { useRef as a, useState as A, useCallback as P, useLayoutEffect as V, useEffect as B } from "react";
-import { Icon as D } from "../../../base/icon/icon.es.js";
-import { Print as F } from "../../../misc/print/print.es.js";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import _ from "../../../../../../external/classnames/index.es.js";
+import i, { useRef as v, useState as V, useCallback as L, useLayoutEffect as B, useEffect as D } from "react";
+import { Icon as F } from "../../../base/icon/icon.es.js";
+import { Print as q } from "../../../misc/print/print.es.js";
 import { Dropdown as n } from "../../../overlays/dropdown/dropdown.es.js";
-import l from "../tabs.module.scss.es.js";
-import { useTabsContext as q } from "../tabs-context.es.js";
-import { useLabels as G } from "../../../../providers/label-provider/use-labels.es.js";
-import { useScrollFade as H } from "../../../../helpers/hooks/use-scroll-fade.es.js";
-const J = (S) => {
+import s from "../tabs.module.scss.es.js";
+import { useTabsContext as G } from "../tabs-context.es.js";
+import { useLabels as H } from "../../../../providers/label-provider/use-labels.es.js";
+import { useScrollFade as J } from "../../../../helpers/hooks/use-scroll-fade.es.js";
+const K = (g) => {
   const {
     children: c,
-    className: W,
-    "aria-label": L,
-    "aria-labelledby": N,
-    printVisibility: C = "show",
-    overflowMode: r = "dropdown"
-  } = S, { getLabel: T } = G(), { currentTab: x, setCurrentTab: E } = q(), w = a(null), d = a(null), [f, b] = A(!1), m = a(!1), u = a(0);
-  m.current = f;
-  const {
-    scrollRef: _,
-    canScrollStart: I,
-    canScrollEnd: M,
-    handleScroll: O
-  } = H({ direction: "horizontal" }), k = P(
+    className: y,
+    "aria-label": S,
+    "aria-labelledby": C,
+    printVisibility: R = "show",
+    overflowMode: t = "dropdown",
+    dropdownLabel: N
+  } = g, { getLabel: T } = H(), { currentTab: x, setCurrentTab: E } = G(), d = v(null), m = v(null), [I, M] = V(!1), {
+    scrollRef: p,
+    canScrollStart: O,
+    canScrollEnd: W,
+    handleScroll: k
+  } = J({ direction: "horizontal" }), z = L(
     (e) => {
-      d.current = e, r === "scroll" && _(e);
+      m.current = e, t === "scroll" && p(e);
     },
-    [r, _]
-  ), p = i.useMemo(() => i.Children.toArray(c).filter(i.isValidElement), [c]), v = i.useMemo(() => {
+    [t, p]
+  ), b = i.useMemo(() => i.Children.toArray(c).filter(i.isValidElement), [c]), u = i.useMemo(() => {
     const e = [];
-    return p.forEach((t) => {
-      const o = t.props;
-      e.push({ id: o.id, label: o.children, disabled: o.disabled });
+    return b.forEach((r) => {
+      const l = r.props;
+      e.push({ id: l.id, label: l.children, disabled: l.disabled });
     }), e;
-  }, [p]), g = r === "dropdown" && f && v.length > 1, z = v.filter((e) => e.id !== x), j = (e) => {
+  }, [b]), h = t === "dropdown" && I && u.length > 1, j = u.filter((e) => e.id !== x), A = (e) => {
     e && E(e);
-  };
-  return V(() => {
-    if (r !== "dropdown") return;
+  }, a = L(() => {
+    const e = d.current, r = m.current;
+    if (!e || !r || r.clientWidth === 0) return;
+    const l = s["tedi-tabs__list--overflow"], w = r.classList.contains(l);
+    w && r.classList.remove(l);
+    const P = r.scrollWidth;
+    w && r.classList.add(l), M(P > e.clientWidth);
+  }, []);
+  return B(() => {
+    t === "dropdown" && a();
+  }, [t, a, b]), D(() => {
+    if (t !== "dropdown") return;
     const e = d.current;
-    !e || m.current || (u.current = e.scrollWidth, e.scrollWidth > e.clientWidth && e.clientWidth > 0 && b(!0));
-  }, [r, f, p]), B(() => {
-    if (r !== "dropdown") return;
-    const e = w.current, t = d.current;
-    if (!e || !t) return;
-    const o = () => {
-      m.current ? u.current <= e.clientWidth && b(!1) : t.scrollWidth > t.clientWidth && t.clientWidth > 0 && (u.current = t.scrollWidth, b(!0));
-    }, y = new ResizeObserver(o);
-    return y.observe(e), () => y.disconnect();
-  }, [r]), /* @__PURE__ */ s(F, { visibility: C, children: /* @__PURE__ */ h(
+    if (!e) return;
+    const r = new ResizeObserver(a);
+    return r.observe(e), () => r.disconnect();
+  }, [t, a]), /* @__PURE__ */ o(q, { visibility: R, children: /* @__PURE__ */ f(
     "div",
     {
-      ref: w,
-      className: R(l["tedi-tabs__list-wrapper"], {
-        [l["tedi-tabs__list-wrapper--scroll-fade-left"]]: r === "scroll" && I,
-        [l["tedi-tabs__list-wrapper--scroll-fade-right"]]: r === "scroll" && M
+      ref: d,
+      className: _(s["tedi-tabs__list-wrapper"], {
+        [s["tedi-tabs__list-wrapper--scroll-fade-left"]]: t === "scroll" && O,
+        [s["tedi-tabs__list-wrapper--scroll-fade-right"]]: t === "scroll" && W
       }),
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           "div",
           {
-            ref: k,
+            ref: z,
             "data-name": "tabs-list",
             role: "tablist",
-            "aria-label": L,
-            "aria-labelledby": N,
-            className: R(
-              l["tedi-tabs__list"],
-              { [l["tedi-tabs__list--overflow"]]: g },
-              { [l["tedi-tabs__list--scroll"]]: r === "scroll" },
-              W
+            "aria-label": S,
+            "aria-labelledby": C,
+            className: _(
+              s["tedi-tabs__list"],
+              { [s["tedi-tabs__list--overflow"]]: h },
+              { [s["tedi-tabs__list--scroll"]]: t === "scroll" },
+              y
             ),
-            onScroll: r === "scroll" ? O : void 0,
+            onScroll: t === "scroll" ? k : void 0,
             children: c
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: l["tedi-tabs__more-wrapper"], children: /* @__PURE__ */ h(n, { placement: "bottom-end", children: [
-          /* @__PURE__ */ s(n.Trigger, { children: /* @__PURE__ */ h("button", { "data-name": "tabs-more-btn", type: "button", className: l["tedi-tabs__more-btn"], children: [
-            T("tabs.more"),
-            /* @__PURE__ */ s(D, { name: "expand_more", size: 18 })
+        h && /* @__PURE__ */ o("div", { className: s["tedi-tabs__more-wrapper"], children: /* @__PURE__ */ f(n, { placement: "bottom-end", children: [
+          /* @__PURE__ */ o(n.Trigger, { children: /* @__PURE__ */ f("button", { "data-name": "tabs-more-btn", type: "button", className: s["tedi-tabs__more-btn"], children: [
+            N ?? T("tabs.more"),
+            /* @__PURE__ */ o(F, { name: "expand_more", size: 18 })
           ] }) }),
-          /* @__PURE__ */ s(n.Content, { children: z.map((e, t) => /* @__PURE__ */ s(
+          /* @__PURE__ */ o(n.Content, { children: j.map((e, r) => /* @__PURE__ */ o(
             n.Item,
             {
-              index: t,
+              index: r,
               disabled: e.disabled,
-              onClick: () => j(e.id),
+              onClick: () => A(e.id),
               children: e.label
             },
             e.id
@@ -96,8 +98,7 @@ const J = (S) => {
     }
   ) });
 };
-J.displayName = "TabsList";
+K.displayName = "TabsList";
 export {
-  J as TabsList,
-  J as default
+  K as TabsList
 };

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),_=require("../../../../../../external/classnames/index.cjs.js"),m=require("../../../base/icon/icon.cjs.js"),a=require("../tabs.module.scss.cjs.js"),x=require("../tabs-context.cjs.js"),q=require("../tabs-helpers.cjs.js"),r=c=>{const{id:e,children:d,icon:i,disabled:t=!1,className:u}=c,{currentTab:b,setCurrentTab:n}=x.useTabsContext(),s=b===e,g=()=>{t||n(e)},T=f=>{const o=q.navigateTablist(f);o&&n(o.id)};return l.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":s,"aria-controls":`${e}-panel`,tabIndex:s?0:-1,disabled:t,className:_.default(a.default["tedi-tabs__trigger"],{[a.default["tedi-tabs__trigger--selected"]]:s},{[a.default["tedi-tabs__trigger--disabled"]]:t},u),onClick:g,onKeyDown:T,children:[i&&l.jsx(m.Icon,{name:i,size:18,color:"inherit"}),d]})};r.displayName="TabsTrigger";exports.TabsTrigger=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),x=require("../../../base/icon/icon.cjs.js"),r=require("../tabs.module.scss.cjs.js"),_=require("../tabs-context.cjs.js"),q=require("../tabs-helpers.cjs.js"),c=l=>{const{id:e,children:d,icon:a,disabled:t=!1,className:b}=l,{currentTab:u,setCurrentTab:i}=_.useTabsContext(),s=u===e,g=()=>{t||i(e)},T=f=>{const n=q.navigateTablist(f);n&&i(n.id)};return o.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":s,"aria-controls":`${e}-panel`,tabIndex:s?0:-1,disabled:t,className:m.default(r.default["tedi-tabs__trigger"],{[r.default["tedi-tabs__trigger--selected"]]:s},{[r.default["tedi-tabs__trigger--disabled"]]:t},b),onClick:g,onKeyDown:T,children:[a&&o.jsx(x.Icon,{name:a,size:18,color:"inherit"}),d]})};c.displayName="TabsTrigger";exports.TabsTrigger=c;

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.es.js

@@ -1,17 +1,17 @@
-import { jsxs as f, jsx as p } from "react/jsx-runtime";
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
 import T from "../../../../../../external/classnames/index.es.js";
 import { Icon as u } from "../../../base/icon/icon.es.js";
-import a from "../tabs.module.scss.es.js";
+import s from "../tabs.module.scss.es.js";
 import { useTabsContext as _ } from "../tabs-context.es.js";
 import { navigateTablist as h } from "../tabs-helpers.es.js";
 const x = (n) => {
-  const { id: e, children: l, icon: s, disabled: t = !1, className: c } = n, { currentTab: d, setCurrentTab: i } = _(), r = d === e, m = () => {
+  const { id: e, children: c, icon: a, disabled: t = !1, className: l } = n, { currentTab: d, setCurrentTab: i } = _(), r = d === e, m = () => {
     t || i(e);
   }, b = (g) => {
     const o = h(g);
     o && i(o.id);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ p(
     "button",
     {
       "data-name": "tabs-trigger",
@@ -23,22 +23,21 @@ const x = (n) => {
       tabIndex: r ? 0 : -1,
       disabled: t,
       className: T(
-        a["tedi-tabs__trigger"],
-        { [a["tedi-tabs__trigger--selected"]]: r },
-        { [a["tedi-tabs__trigger--disabled"]]: t },
-        c
+        s["tedi-tabs__trigger"],
+        { [s["tedi-tabs__trigger--selected"]]: r },
+        { [s["tedi-tabs__trigger--disabled"]]: t },
+        l
       ),
       onClick: m,
       onKeyDown: b,
       children: [
-        s && /* @__PURE__ */ p(u, { name: s, size: 18, color: "inherit" }),
-        l
+        a && /* @__PURE__ */ f(u, { name: a, size: 18, color: "inherit" }),
+        c
       ]
     }
   );
 };
 x.displayName = "TabsTrigger";
 export {
-  x as TabsTrigger,
-  x as default
+  x as TabsTrigger
 };

package/src/tedi/components/navigation/tabs/tabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),f=require("./tabs.module.scss.cjs.js"),g=require("./tabs-content/tabs-content.cjs.js"),m=require("./tabs-context.cjs.js"),v=require("./tabs-list/tabs-list.cjs.js"),x=require("./tabs-trigger/tabs-trigger.cjs.js"),e=u=>{const{children:i,value:s,defaultValue:l,onChange:t,className:c}=u,[b,d]=o.useState(l||""),r=s??b,T=o.useCallback(a=>{a!==r&&(s===void 0&&d(a),t==null||t(a))},[s,r,t]);return n.jsx(m.TabsContext.Provider,{value:{currentTab:r,setCurrentTab:T},children:n.jsx("div",{"data-name":"tabs",className:q.default(f.default["tedi-tabs"],c),children:i})})};e.displayName="Tabs";e.List=v.TabsList;e.Trigger=x.TabsTrigger;e.Content=g.TabsContent;exports.Tabs=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),g=require("./tabs.module.scss.cjs.js"),m=require("./tabs-content/tabs-content.cjs.js"),f=require("./tabs-context.cjs.js"),v=require("./tabs-list/tabs-list.cjs.js"),x=require("./tabs-trigger/tabs-trigger.cjs.js"),e=i=>{const{children:u,value:s,defaultValue:c,onChange:t,className:l}=i,[b,d]=o.useState(c||""),r=s??b,T=o.useCallback(a=>{a!==r&&(s===void 0&&d(a),t==null||t(a))},[s,r,t]);return n.jsx(f.TabsContext.Provider,{value:{currentTab:r,setCurrentTab:T},children:n.jsx("div",{"data-name":"tabs",className:q.default(g.default["tedi-tabs"],l),children:u})})};e.displayName="Tabs";e.List=v.TabsList;e.Trigger=x.TabsTrigger;e.Content=m.TabsContent;exports.Tabs=e;

package/src/tedi/components/navigation/tabs/tabs.d.ts

@@ -25,15 +25,15 @@ export declare const Tabs: {
     (props: TabsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     List: {
-        (props: import('./tabs-list/tabs-list').TabsListProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').TabsListProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: {
-        (props: import('./tabs-trigger/tabs-trigger').TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Content: {
-        (props: import('./tabs-content/tabs-content').TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
+        (props: import('.').TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
 };