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

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 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"),v=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(),h=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:w,canScrollStart:C,canScrollEnd:M,handleScroll:N}=A.useScrollFade({direction:"horizontal"}),O=t.useCallback(e=>{c.current=e,r==="scroll"&&w(e)},[r,w]),p=t.useMemo(()=>t.Children.toArray(a).filter(t.isValidElement),[a]),m=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]),_=r==="dropdown"&&d&&m.length>1,E=m.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=h.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:h,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"]]:_},{[i.default["tedi-tabs__list--scroll"]]:r==="scroll"},S),onScroll:r==="scroll"?N:void 0,children:a}),_&&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))})]})})]})})};v.displayName="TabsList";exports.TabsList=v;

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

@@ -1,9 +1,9 @@
 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 i, { useRef as n, 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 { Dropdown as n } from "../../../overlays/dropdown/dropdown.es.js";
+import { Dropdown as a } 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";
@@ -16,7 +16,7 @@ const J = (S) => {
     "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);
+  } = S, { getLabel: T } = G(), { currentTab: x, setCurrentTab: E } = q(), w = n(null), d = n(null), [f, b] = A(!1), m = n(!1), u = n(0);
   m.current = f;
   const {
     scrollRef: _,
@@ -76,13 +76,13 @@ const J = (S) => {
             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: [
+        g && /* @__PURE__ */ s("div", { className: l["tedi-tabs__more-wrapper"], children: /* @__PURE__ */ h(a, { placement: "bottom-end", children: [
+          /* @__PURE__ */ s(a.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 })
           ] }) }),
-          /* @__PURE__ */ s(n.Content, { children: z.map((e, t) => /* @__PURE__ */ s(
-            n.Item,
+          /* @__PURE__ */ s(a.Content, { children: z.map((e, t) => /* @__PURE__ */ s(
+            a.Item,
             {
               index: t,
               disabled: e.disabled,
@@ -98,6 +98,5 @@ const J = (S) => {
 };
 J.displayName = "TabsList";
 export {
-  J as TabsList,
-  J as default
+  J 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;
     };
 };

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

@@ -1,25 +1,24 @@
 import { jsx as s } from "react/jsx-runtime";
-import T from "../../../../../external/classnames/index.es.js";
-import l from "react";
+import u from "../../../../../external/classnames/index.es.js";
+import m from "react";
 import d from "./tabs.module.scss.es.js";
 import { TabsContent as p } from "./tabs-content/tabs-content.es.js";
 import { TabsContext as v } from "./tabs-context.es.js";
 import { TabsList as C } from "./tabs-list/tabs-list.es.js";
 import { TabsTrigger as N } from "./tabs-trigger/tabs-trigger.es.js";
-const r = (m) => {
-  const { children: n, value: a, defaultValue: i, onChange: t, className: c } = m, [b, f] = l.useState(i || ""), e = a ?? b, u = l.useCallback(
+const r = (l) => {
+  const { children: n, value: e, defaultValue: i, onChange: t, className: c } = l, [b, T] = m.useState(i || ""), a = e ?? b, f = m.useCallback(
     (o) => {
-      o !== e && (a === void 0 && f(o), t == null || t(o));
+      o !== a && (e === void 0 && T(o), t == null || t(o));
     },
-    [a, e, t]
+    [e, a, t]
   );
-  return /* @__PURE__ */ s(v.Provider, { value: { currentTab: e, setCurrentTab: u }, children: /* @__PURE__ */ s("div", { "data-name": "tabs", className: T(d["tedi-tabs"], c), children: n }) });
+  return /* @__PURE__ */ s(v.Provider, { value: { currentTab: a, setCurrentTab: f }, children: /* @__PURE__ */ s("div", { "data-name": "tabs", className: u(d["tedi-tabs"], c), children: n }) });
 };
 r.displayName = "Tabs";
 r.List = C;
 r.Trigger = N;
 r.Content = p;
 export {
-  r as Tabs,
-  r as default
+  r as Tabs
 };

package/src/tedi/components/notifications/alert/alert.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),S=require("react"),M=require("../../base/icon/icon.cjs.js"),P=require("../../base/typography/heading/heading.cjs.js"),k=require("../../buttons/closing-button/closing-button.cjs.js"),t=require("./alert.module.scss.cjs.js"),y=require("../../../helpers/hooks/use-is-mounted.cjs.js"),z=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),$=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),A=require("../../layout/grid/row.cjs.js"),n=require("../../layout/grid/col.cjs.js"),o=c=>{const{getCurrentBreakpointProps:h}=z.useBreakpointProps(c.defaultServerBreakpoint),{children:i,role:s="alert",title:r,className:m,type:d="info",icon:u,onClose:f,action:a,isGlobal:j=!1,noSideBorders:x=!1,titleElement:q="h3",size:v="default",..._}=h(c),B=N.default(t.default["tedi-alert"],t.default[`tedi-alert--${d}`],t.default[`tedi-alert--size-${v}`],{[t.default["tedi-alert--global"]]:j,[t.default["tedi-alert--no-side-borders"]]:x,[t.default["tedi-alert--has-action"]]:!!a},m),b=y.useIsMounted(),I=l=>{const g={size:18},C=typeof l=="string"?{...g,name:l}:{...g,...l};return e.jsx(M.Icon,{...C,className:t.default["tedi-alert__icon"]})},w=s==="alert"?"assertive":s==="status"?"polite":"off",p=S.useId();return b?e.jsx("div",{role:s,"data-name":"alert","aria-label":`${d} alert`,"aria-live":w,"aria-labelledby":r?p:void 0,..._,className:B,children:e.jsxs($.VerticalSpacing,{size:.25,children:[e.jsxs(A.Row,{gutterX:2,alignItems:r?"center":"start",children:[e.jsxs(n.Col,{grow:1,className:t.default["tedi-alert__content"],children:[u&&I(u),e.jsx("div",{className:"tedi-alert__content-wrapper",children:r?e.jsx(P.Heading,{element:q,id:p,modifiers:["h5"],children:r}):i})]}),a?e.jsx(n.Col,{width:"auto",children:a}):f&&e.jsx(n.Col,{width:"auto",children:e.jsx(k.ClosingButton,{onClick:f,iconSize:18})})]}),r&&i&&e.jsx("div",{className:"tedi-alert__content-wrapper",children:i})]})}):null};o.displayName="Alert";exports.Alert=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),S=require("react"),M=require("../../base/icon/icon.cjs.js"),P=require("../../base/typography/heading/heading.cjs.js"),k=require("../../buttons/closing-button/closing-button.cjs.js"),t=require("./alert.module.scss.cjs.js"),y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),z=require("../../../helpers/hooks/use-is-mounted.cjs.js"),$=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),A=require("../../layout/grid/row.cjs.js"),n=require("../../layout/grid/col.cjs.js"),o=c=>{const{getCurrentBreakpointProps:h}=y.useBreakpointProps(c.defaultServerBreakpoint),{children:i,role:s="alert",title:r,className:m,type:d="info",icon:u,onClose:f,action:a,isGlobal:j=!1,noSideBorders:x=!1,titleElement:q="h3",size:v="default",..._}=h(c),B=N.default(t.default["tedi-alert"],t.default[`tedi-alert--${d}`],t.default[`tedi-alert--size-${v}`],{[t.default["tedi-alert--global"]]:j,[t.default["tedi-alert--no-side-borders"]]:x,[t.default["tedi-alert--has-action"]]:!!a},m),b=z.useIsMounted(),I=l=>{const g={size:18},C=typeof l=="string"?{...g,name:l}:{...g,...l};return e.jsx(M.Icon,{...C,className:t.default["tedi-alert__icon"]})},w=s==="alert"?"assertive":s==="status"?"polite":"off",p=S.useId();return b?e.jsx("div",{role:s,"data-name":"alert","aria-label":`${d} alert`,"aria-live":w,"aria-labelledby":r?p:void 0,..._,className:B,children:e.jsxs($.VerticalSpacing,{size:.25,children:[e.jsxs(A.Row,{gutterX:2,alignItems:r?"center":"start",children:[e.jsxs(n.Col,{grow:1,className:t.default["tedi-alert__content"],children:[u&&I(u),e.jsx("div",{className:"tedi-alert__content-wrapper",children:r?e.jsx(P.Heading,{element:q,id:p,modifiers:["h5"],children:r}):i})]}),a?e.jsx(n.Col,{width:"auto",children:a}):f&&e.jsx(n.Col,{width:"auto",children:e.jsx(k.ClosingButton,{onClick:f,iconSize:18})})]}),r&&i&&e.jsx("div",{className:"tedi-alert__content-wrapper",children:i})]})}):null};o.displayName="Alert";exports.Alert=o;exports.default=o;

package/src/tedi/components/notifications/alert/alert.es.js

@@ -5,13 +5,13 @@ import { Icon as S } from "../../base/icon/icon.es.js";
 import { Heading as x } from "../../base/typography/heading/heading.es.js";
 import { ClosingButton as M } from "../../buttons/closing-button/closing-button.es.js";
 import t from "./alert.module.scss.es.js";
-import { useIsMounted as $ } from "../../../helpers/hooks/use-is-mounted.es.js";
-import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpointProps as $ } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useIsMounted as j } from "../../../helpers/hooks/use-is-mounted.es.js";
 import { VerticalSpacing as A } from "../../layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as E } from "../../layout/grid/row.es.js";
 import { Col as n } from "../../layout/grid/col.es.js";
 const R = (d) => {
-  const { getCurrentBreakpointProps: h } = j(d.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: h } = $(d.defaultServerBreakpoint), {
     children: o,
     role: i = "alert",
     title: r,
@@ -35,7 +35,7 @@ const R = (d) => {
       [t["tedi-alert--has-action"]]: !!a
     },
     g
-  ), w = $(), y = (l) => {
+  ), w = j(), y = (l) => {
     const u = { size: 18 }, C = typeof l == "string" ? { ...u, name: l } : { ...u, ...l };
     return /* @__PURE__ */ e(S, { ...C, className: t["tedi-alert__icon"] });
   }, z = i === "alert" ? "assertive" : i === "status" ? "polite" : "off", f = P.useId();

package/src/tedi/components/overlays/dropdown/dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),O=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),z=require("./dropdown-context.cjs.js"),G=require("./dropdown-helpers.cjs.js"),J=require("./dropdown-item/dropdown-item.cjs.js"),K=require("./dropdown-separator/dropdown-separator.cjs.js"),Q=require("./dropdown-trigger/dropdown-trigger.cjs.js"),V=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),m=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),X=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Y=require("../../../providers/label-provider/use-labels.cjs.js"),Z=4,d=w=>{var I;const{getCurrentBreakpointProps:S}=X.useBreakpointProps(w.defaultServerBreakpoint),{children:F,modal:v=!1,divided:P=!1,width:R="auto",variant:u="default",open:p,defaultOpen:b=!1,onOpenChange:a,defaultActiveIndex:o,placement:f="bottom-start",className:j}=S(w),{getLabel:k}=Y.useLabels(),y=e.useFloatingNodeId(),q=t.useRef([]),[l,g]=t.useState(o??null),[h,B]=t.useState(null),[N,T]=t.useState(b),n=p??N;t.useEffect(()=>{n||g(o??null)},[n,o]);const x=t.useCallback(i=>{p===void 0&&T(i),a==null||a(i)},[p,a]),U=e.useFloating({nodeId:y,open:n,placement:f,onOpenChange:x,middleware:[m.offset(Z),m.flip(),m.shift()],whileElementsMounted:V.autoUpdate}),{context:r,refs:s,x:_,y:L,strategy:M}=U,D=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:q,activeIndex:l,onNavigate:g,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto"})]),W={open:n,setOpen:x,refs:s,listItemsRef:q,activeIndex:l,setActiveIndex:g,placement:f,content:h,setContent:B,divided:P,variant:u,...D},E=(I=s.reference.current)==null?void 0:I.getBoundingClientRect().width,A=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const C=i.offsetParent;if(C)return C.getBoundingClientRect().width},[s.reference.current]);return c.jsxs(z.DropdownContext.Provider,{value:W,children:[F,c.jsx(e.FloatingPortal,{children:n&&c.jsx(e.FloatingFocusManager,{context:r,modal:v,visuallyHiddenDismiss:v?k("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:s.setFloating,className:H.default(O.default["tedi-dropdown"],{[O.default[`tedi-dropdown--${u}`]]:u==="tree"},j),style:{position:M,left:_??0,top:L??0,width:G.resolveDropdownWidth(R,E,A)},role:"menu","aria-orientation":"vertical","aria-activedescendant":l!==null?`dropdown-item-${l}`:void 0}),"data-placement":f,"data-state":n?"open":"closed",children:h})})})]})};d.Trigger=Q.DropdownTrigger;d.Content=$.DropdownContent;d.Item=J.DropdownItem;d.Separator=K.DropdownSeparator;exports.Dropdown=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),O=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),z=require("./dropdown-context.cjs.js"),G=require("./dropdown-helpers.cjs.js"),J=require("./dropdown-item/dropdown-item.cjs.js"),K=require("./dropdown-separator/dropdown-separator.cjs.js"),Q=require("./dropdown-trigger/dropdown-trigger.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),Y=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),m=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Z=4,d=w=>{var I;const{getCurrentBreakpointProps:S}=V.useBreakpointProps(w.defaultServerBreakpoint),{children:F,modal:v=!1,divided:P=!1,width:R="auto",variant:u="default",open:p,defaultOpen:b=!1,onOpenChange:a,defaultActiveIndex:o,placement:f="bottom-start",className:j}=S(w),{getLabel:k}=X.useLabels(),y=e.useFloatingNodeId(),q=t.useRef([]),[l,g]=t.useState(o??null),[h,B]=t.useState(null),[N,T]=t.useState(b),n=p??N;t.useEffect(()=>{n||g(o??null)},[n,o]);const x=t.useCallback(i=>{p===void 0&&T(i),a==null||a(i)},[p,a]),U=e.useFloating({nodeId:y,open:n,placement:f,onOpenChange:x,middleware:[m.offset(Z),m.flip(),m.shift()],whileElementsMounted:Y.autoUpdate}),{context:r,refs:s,x:_,y:L,strategy:M}=U,D=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:q,activeIndex:l,onNavigate:g,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto"})]),W={open:n,setOpen:x,refs:s,listItemsRef:q,activeIndex:l,setActiveIndex:g,placement:f,content:h,setContent:B,divided:P,variant:u,...D},E=(I=s.reference.current)==null?void 0:I.getBoundingClientRect().width,A=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const C=i.offsetParent;if(C)return C.getBoundingClientRect().width},[s.reference.current]);return c.jsxs(z.DropdownContext.Provider,{value:W,children:[F,c.jsx(e.FloatingPortal,{children:n&&c.jsx(e.FloatingFocusManager,{context:r,modal:v,visuallyHiddenDismiss:v?k("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:s.setFloating,className:H.default(O.default["tedi-dropdown"],{[O.default[`tedi-dropdown--${u}`]]:u==="tree"},j),style:{position:M,left:_??0,top:L??0,width:G.resolveDropdownWidth(R,E,A)},role:"menu","aria-orientation":"vertical","aria-activedescendant":l!==null?`dropdown-item-${l}`:void 0}),"data-placement":f,"data-state":n?"open":"closed",children:h})})})]})};d.Trigger=Q.DropdownTrigger;d.Content=$.DropdownContent;d.Item=J.DropdownItem;d.Separator=K.DropdownSeparator;exports.Dropdown=d;

package/src/tedi/components/overlays/dropdown/dropdown.d.ts

@@ -74,11 +74,11 @@ export interface DropdownProps extends BreakpointSupport<DropdownBreakpointProps
 }
 export declare const Dropdown: {
     (props: DropdownProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ children }: import('./dropdown-trigger/dropdown-trigger').DropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    Trigger: ({ children }: import('.').DropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Content: ({ children }: {
         children: React.ReactNode;
     }) => null;
-    Item: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, role, ...aria }: import('./dropdown-item/dropdown-item').DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, role, ...aria }: import('.').DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
     Separator: () => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/src/tedi/components/overlays/dropdown/dropdown.es.js

@@ -9,13 +9,13 @@ import { resolveDropdownWidth as ee } from "./dropdown-helpers.es.js";
 import { DropdownItem as te } from "./dropdown-item/dropdown-item.es.js";
 import { DropdownSeparator as oe } from "./dropdown-separator/dropdown-separator.es.js";
 import { DropdownTrigger as ne } from "./dropdown-trigger/dropdown-trigger.es.js";
-import { autoUpdate as re } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as ie, flip as se, shift as ae } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useBreakpointProps as le } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as de } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as re } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ie } from "../../../providers/label-provider/use-labels.es.js";
+import { autoUpdate as se } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as ae, flip as le, shift as de } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const ce = 4, l = (p) => {
   var I;
-  const { getCurrentBreakpointProps: C } = le(p.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: C } = re(p.defaultServerBreakpoint), {
     children: F,
     modal: g = !1,
     divided: R = !1,
@@ -27,7 +27,7 @@ const ce = 4, l = (p) => {
     defaultActiveIndex: o,
     placement: u = "bottom-start",
     className: S
-  } = C(p), { getLabel: k } = de(), y = $(), v = e.useRef([]), [a, m] = e.useState(o ?? null), [w, B] = e.useState(null), [b, W] = e.useState(P), t = c ?? b;
+  } = C(p), { getLabel: k } = ie(), y = $(), v = e.useRef([]), [a, m] = e.useState(o ?? null), [w, B] = e.useState(null), [b, W] = e.useState(P), t = c ?? b;
   e.useEffect(() => {
     t || m(o ?? null);
   }, [t, o]);
@@ -41,8 +41,8 @@ const ce = 4, l = (p) => {
     open: t,
     placement: u,
     onOpenChange: h,
-    middleware: [ie(ce), se(), ae()],
-    whileElementsMounted: re
+    middleware: [ae(ce), le(), de()],
+    whileElementsMounted: se
   }), { context: n, refs: r, x: L, y: M, strategy: T } = E, D = q([
     z(n),
     G(n, { role: "menu" }),

package/src/tedi/components/overlays/modal/modal-body/modal-body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),d=require("../modal.module.scss.cjs.js"),e=({children:o,noScroll:l=!1,className:a})=>t.jsx("div",{className:s.default(d.default["tedi-modal__body"],{[d.default["tedi-modal__body--scroll-page"]]:l},a),children:o});e.displayName="Modal.Body";exports.ModalBody=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),d=({children:o,noScroll:l=!1,className:a})=>t.jsx("div",{className:s.default(e.default["tedi-modal__body"],{[e.default["tedi-modal__body--scroll-page"]]:l},a),children:o});d.displayName="Modal.Body";exports.ModalBody=d;