@tedi-design-system/react 18.0.0-rc.8 → 18.0.0

package/src/community/components/map-components/right-panel/right-panel.es.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import N from "../../../../../external/classnames/index.es.js";
 import u from "react";
 import { ClosingButton as S } from "../../../../tedi/components/buttons/closing-button/closing-button.es.js";
@@ -6,21 +6,21 @@ import { MapAccordion as D } from "../map-accordion/map-accordion.es.js";
 import { MapAccordionItem as M } from "../map-accordion/map-accordion-item.es.js";
 import { MapAccordionItemContent as w } from "../map-accordion/map-accordion-item-content.es.js";
 import { MapAccordionItemHeader as v } from "../map-accordion/map-accordion-item-header.es.js";
-import r from "./right-panel.module.scss.es.js";
-const g = ({ id: i, isSingleItem: t, onClose: n }) => /* @__PURE__ */ a(
+import s from "./right-panel.module.scss.es.js";
+const g = ({ id: a, isSingleItem: t, onClose: n }) => /* @__PURE__ */ i(
   S,
   {
-    className: r["tedi-right-panel__closer"],
+    className: s["tedi-right-panel__closer"],
     size: t ? "default" : "small",
-    onClick: () => n(i),
+    onClick: () => n(a),
     title: "Sulge aken"
   }
 );
 g.displayName = "DefaultCloseButton";
-const A = (i, t) => {
-  const n = (d) => /* @__PURE__ */ a(g, { id: d, isSingleItem: i, onClose: t });
+const A = (a, t) => {
+  const n = (d) => /* @__PURE__ */ i(g, { id: d, isSingleItem: a, onClose: t });
   return n.displayName = "RightPanelDefaultRenderCloseButton", n;
-}, O = (i) => {
+}, O = (a) => {
   const {
     items: t,
     defaultOpenItem: n = [],
@@ -29,46 +29,46 @@ const A = (i, t) => {
     renderCloseButton: B,
     showCloseButton: I = !0,
     onCloseItem: c
-  } = i, [p, f] = u.useState(/* @__PURE__ */ new Set());
+  } = a, [p, f] = u.useState(/* @__PURE__ */ new Set());
   u.useEffect(() => {
     f((e) => {
-      const o = /* @__PURE__ */ new Set(), s = new Set(t.map((l) => l.id));
+      const o = /* @__PURE__ */ new Set(), r = new Set(t.map((l) => l.id));
       return e.forEach((l) => {
-        s.has(l) && o.add(l);
+        r.has(l) && o.add(l);
       }), o;
     });
   }, [t]);
   const h = u.useMemo(() => t.filter(({ id: e }) => !p.has(e)), [t, p]), R = (e) => {
     f((o) => {
-      const s = new Set(o);
-      return s.add(e), s;
+      const r = new Set(o);
+      return r.add(e), r;
     }), c == null || c(e);
   }, m = h.length === 1, _ = I ? B ?? A(m, R) : void 0;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: N(r["tedi-right-panel"], {
-        [r["tedi-right-panel--single"]]: m,
-        [r["tedi-right-panel--multi"]]: !m
+      className: N(s["tedi-right-panel"], {
+        [s["tedi-right-panel--single"]]: m,
+        [s["tedi-right-panel--multi"]]: !m
       }),
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ i(
         D,
         {
           defaultOpenItem: n,
-          className: r["tedi-right-panel__accordion"],
+          className: s["tedi-right-panel__accordion"],
           expanderMode: !0,
           expanderTitle: d,
           renderCloseButton: _,
-          children: h.map(({ id: e, title: o, content: s }) => /* @__PURE__ */ x(M, { id: e, children: [
-            /* @__PURE__ */ a(
+          children: h.map(({ id: e, title: o, content: r }) => /* @__PURE__ */ x(M, { id: e, children: [
+            /* @__PURE__ */ i(
               v,
               {
-                className: r["tedi-right-panel__accordion-header"],
+                className: s["tedi-right-panel__accordion-header"],
                 renderToggleButton: C,
                 title: o
               }
             ),
-            /* @__PURE__ */ a(w, { children: s })
+            /* @__PURE__ */ i(w, { children: r })
           ] }, e))
         }
       )
@@ -77,6 +77,5 @@ const A = (i, t) => {
 };
 export {
   g as DefaultCloseButton,
-  O as RightPanel,
-  O as default
+  O as RightPanel
 };

package/src/community/components/map-components/scale-bar/scale-bar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("react"),c=require("./scale-bar.module.scss.cjs.js"),u=({zoomLevel:e})=>{const[o,_]=l.useState({km:0,widthPx:100,ratio:0,displayText:"0 km 1:0"});return l.useEffect(()=>{const m=Math.pow(2,e-0),i=Math.round(50*m),d=156543.03392/Math.pow(2,e),n=d*i,t=Math.round(n/1e3*10)/10,a=Math.round(1/(d/100));let s;t<1?s=`${Math.round(n)} m 1:${a.toLocaleString()}`:s=`${t.toFixed(1)} km 1:${a.toLocaleString()}`,_({km:t,widthPx:i,ratio:a,displayText:s})},[e]),r.jsxs("div",{className:c.default["tedi-scale-bar__wrapper"],children:[r.jsx("div",{className:c.default["tedi-scale-bar__indicator"],style:{width:`${o.widthPx}px`}}),r.jsx("div",{className:c.default["tedi-scale-bar__data"],children:o.displayText})]})};exports.ScaleBar=u;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),c=require("./scale-bar.module.scss.cjs.js"),x=({zoomLevel:t})=>{const[o,u]=l.useState({km:0,widthPx:100,ratio:0,displayText:"0 km 1:0"});return l.useEffect(()=>{const m=Math.pow(2,t-0),i=Math.round(50*m),d=156543.03392/Math.pow(2,t),n=d*i,e=Math.round(n/1e3*10)/10,a=Math.round(1/(d/100));let s;e<1?s=`${Math.round(n)} m 1:${a.toLocaleString()}`:s=`${e.toFixed(1)} km 1:${a.toLocaleString()}`,u({km:e,widthPx:i,ratio:a,displayText:s})},[t]),r.jsxs("div",{className:c.default["tedi-scale-bar__wrapper"],children:[r.jsx("div",{className:c.default["tedi-scale-bar__indicator"],style:{width:`${o.widthPx}px`}}),r.jsx("div",{className:c.default["tedi-scale-bar__data"],children:o.displayText})]})};exports.ScaleBar=x;

package/src/community/components/map-components/scale-bar/scale-bar.es.js

@@ -9,13 +9,13 @@ const S = ({ zoomLevel: t }) => {
     displayText: "0 km 1:0"
   });
   return p(() => {
-    const m = Math.pow(2, t - 0), i = Math.round(50 * m), c = 156543.03392 / Math.pow(2, t), d = c * i, e = Math.round(d / 1e3 * 10) / 10, a = Math.round(1 / (c / 100));
-    let s;
-    e < 1 ? s = `${Math.round(d)} m 1:${a.toLocaleString()}` : s = `${e.toFixed(1)} km 1:${a.toLocaleString()}`, l({
+    const m = Math.pow(2, t - 0), i = Math.round(50 * m), c = 156543.03392 / Math.pow(2, t), d = c * i, e = Math.round(d / 1e3 * 10) / 10, s = Math.round(1 / (c / 100));
+    let a;
+    e < 1 ? a = `${Math.round(d)} m 1:${s.toLocaleString()}` : a = `${e.toFixed(1)} km 1:${s.toLocaleString()}`, l({
       km: e,
       widthPx: i,
-      ratio: a,
-      displayText: s
+      ratio: s,
+      displayText: a
     });
   }, [t]), /* @__PURE__ */ h("div", { className: o["tedi-scale-bar__wrapper"], children: [
     /* @__PURE__ */ n("div", { className: o["tedi-scale-bar__indicator"], style: { width: `${r.widthPx}px` } }),
@@ -23,6 +23,5 @@ const S = ({ zoomLevel: t }) => {
   ] });
 };
 export {
-  S as ScaleBar,
-  S as default
+  S as ScaleBar
 };

package/src/community/components/map-components/timeline/timeline.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),X=require("../../../../tedi/components/base/typography/text/text.cjs.js"),L=require("../../../../tedi/components/base/icon/icon.cjs.js"),e=require("./timeline.module.scss.cjs.js"),b=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),Y=m=>{switch(m){case"day":return 24*60*60*1e3;case"week":return 7*24*60*60*1e3;case"year":return 365*24*60*60*1e3;default:return 60*1e3}},P=({initialDate:m,minDate:h,maxDate:g,interval:S="day",popover:p,vertical:i=!1})=>{const u=c.useRef(null),[l,M]=c.useState({width:0,height:0}),[y,w]=c.useState(0),[x,k]=c.useState(!1),[E,R]=c.useState(!1),N=g.getTime()-h.getTime(),q=i?l.height/N:l.width/N,C=t=>(t.getTime()-h.getTime())*q;c.useEffect(()=>{if(l.width>0||l.height>0){const t=C(m);w(t)}},[l,m]),c.useEffect(()=>{const t=new ResizeObserver(s=>{const o=s[0].contentRect;M({width:o.width,height:o.height})});return u.current&&t.observe(u.current),()=>t.disconnect()},[]);const I=()=>{const t=Y(S),s=g.getTime()-h.getTime(),o=i?l.height/s:l.width/s,a=[],r=[];let f=new Date(h.getTime()),j=0;for(;f<=g;){const _=(f.getTime()-h.getTime())*o;a.push(_),j>=1&&j%10===0&&r.push({position:_,label:f.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})}),f=new Date(f.getTime()+t),j++}if(r.length===0&&a.length>0){const _=a[a.length-1];r.push({position:_,label:g.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})})}return{tinyTicks:a,mainTicksWithLabels:r}},z=t=>{if(!u.current)return;const s=u.current.getBoundingClientRect(),o=i?s.height-(t.clientY-s.top):t.clientX-s.left,a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},B=t=>{t.preventDefault(),t.stopPropagation(),k(!0),document.body.classList.add(e.default["no-select"])},v=t=>{if(!x||!u.current)return;const s=u.current.getBoundingClientRect();let o;i?o=t.clientY-s.top-12:o=t.clientX-s.left;const a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},T=()=>{k(!1),document.body.classList.remove(e.default["no-select"])};c.useEffect(()=>(x?(window.addEventListener("mousemove",v),window.addEventListener("mouseup",T)):(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",T)),()=>{window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",T)}),[x]);const{tinyTicks:O,mainTicksWithLabels:W}=I();return n.jsxs("div",{className:d.default(e.default["tedi-timeline"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs(b.Popover,{open:E,onToggle:()=>R(!E),children:[n.jsx(b.Popover.Trigger,{children:n.jsxs("div",{className:d.default(e.default["tedi-timeline__clock-wrapper"]),children:[n.jsxs("div",{className:e.default["tedi-timeline__clock"],children:[n.jsx("time",{className:e.default["tedi-timeline__time"],children:m.toLocaleTimeString("et-EE",{hour:"2-digit",minute:"2-digit"})}),n.jsx("time",{className:e.default["tedi-timeline__date"],children:m.toLocaleDateString("et-EE",{day:"2-digit",month:"long",year:"numeric"})})]}),n.jsx(L.Icon,{name:"expand_more"})]})}),n.jsx(b.Popover.Content,{...p,children:p==null?void 0:p.children})]}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__main-track"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs("div",{className:d.default(e.default["tedi-timeline__track-bar"],i&&e.default["tedi-timeline--vertical"]),ref:u,onClick:z,children:[O.map((t,s)=>n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--tiny"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t}px`}:{left:`${t}px`}},`tiny-${s}`)),W.map((t,s)=>n.jsxs("div",{className:d.default(e.default["tedi-timeline__tick-group"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t.position}px`}:{left:`${t.position}px`},children:[n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--large"],i&&e.default["tedi-timeline--vertical"])}),n.jsx("div",{className:d.default(e.default["tedi-timeline__tick-label"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx(X.Text,{modifiers:["small"],color:"secondary",children:t.label})})]},`main-label-${s}`))]}),n.jsx("div",{className:d.default(e.default["tedi-timeline__track"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx("canvas",{className:d.default(e.default["tedi-timeline__tracks"],i&&e.default["tedi-timeline--vertical"]),width:i?1:l.width,height:i?l.height:1})}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__needle"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${y}px`,transform:"translateY(0)"}:{left:`${y}px`,transform:"translateX(-50%)"},children:[n.jsx("div",{className:e.default["tedi-timeline__needle-head"],onMouseDown:B,style:{cursor:x?"grabbing":"grab",touchAction:"none"},children:n.jsx(L.Icon,{name:"code",color:"brand",size:12})}),n.jsx("div",{className:d.default(e.default["tedi-timeline__needle-line"],i&&e.default["tedi-timeline--vertical"])})]})]})]})};exports.Timeline=P;exports.default=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),W=require("../../../../tedi/components/base/typography/text/text.cjs.js"),L=require("../../../../tedi/components/base/icon/icon.cjs.js"),e=require("./timeline.module.scss.cjs.js"),y=require("../../../../tedi/components/overlays/popover/popover.cjs.js"),X=m=>{switch(m){case"day":return 24*60*60*1e3;case"week":return 7*24*60*60*1e3;case"year":return 365*24*60*60*1e3;default:return 60*1e3}},Y=({initialDate:m,minDate:h,maxDate:g,interval:P="day",popover:p,vertical:i=!1})=>{const u=c.useRef(null),[l,S]=c.useState({width:0,height:0}),[b,w]=c.useState(0),[x,k]=c.useState(!1),[E,M]=c.useState(!1),N=g.getTime()-h.getTime(),R=i?l.height/N:l.width/N,q=t=>(t.getTime()-h.getTime())*R;c.useEffect(()=>{if(l.width>0||l.height>0){const t=q(m);w(t)}},[l,m]),c.useEffect(()=>{const t=new ResizeObserver(s=>{const o=s[0].contentRect;S({width:o.width,height:o.height})});return u.current&&t.observe(u.current),()=>t.disconnect()},[]);const C=()=>{const t=X(P),s=g.getTime()-h.getTime(),o=i?l.height/s:l.width/s,a=[],r=[];let f=new Date(h.getTime()),v=0;for(;f<=g;){const _=(f.getTime()-h.getTime())*o;a.push(_),v>=1&&v%10===0&&r.push({position:_,label:f.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})}),f=new Date(f.getTime()+t),v++}if(r.length===0&&a.length>0){const _=a[a.length-1];r.push({position:_,label:g.toLocaleString("et-EE",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"numeric"})})}return{tinyTicks:a,mainTicksWithLabels:r}},I=t=>{if(!u.current)return;const s=u.current.getBoundingClientRect(),o=i?s.height-(t.clientY-s.top):t.clientX-s.left,a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},z=t=>{t.preventDefault(),t.stopPropagation(),k(!0),document.body.classList.add(e.default["no-select"])},T=t=>{if(!x||!u.current)return;const s=u.current.getBoundingClientRect();let o;i?o=t.clientY-s.top-12:o=t.clientX-s.left;const a=i?l.height:l.width,r=Math.max(0,Math.min(o,a));w(r)},j=()=>{k(!1),document.body.classList.remove(e.default["no-select"])};c.useEffect(()=>(x?(window.addEventListener("mousemove",T),window.addEventListener("mouseup",j)):(window.removeEventListener("mousemove",T),window.removeEventListener("mouseup",j)),()=>{window.removeEventListener("mousemove",T),window.removeEventListener("mouseup",j)}),[x]);const{tinyTicks:B,mainTicksWithLabels:O}=C();return n.jsxs("div",{className:d.default(e.default["tedi-timeline"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs(y.Popover,{open:E,onToggle:()=>M(!E),children:[n.jsx(y.Popover.Trigger,{children:n.jsxs("div",{className:d.default(e.default["tedi-timeline__clock-wrapper"]),children:[n.jsxs("div",{className:e.default["tedi-timeline__clock"],children:[n.jsx("time",{className:e.default["tedi-timeline__time"],children:m.toLocaleTimeString("et-EE",{hour:"2-digit",minute:"2-digit"})}),n.jsx("time",{className:e.default["tedi-timeline__date"],children:m.toLocaleDateString("et-EE",{day:"2-digit",month:"long",year:"numeric"})})]}),n.jsx(L.Icon,{name:"expand_more"})]})}),n.jsx(y.Popover.Content,{...p,children:p==null?void 0:p.children})]}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__main-track"],i&&e.default["tedi-timeline--vertical"]),children:[n.jsxs("div",{className:d.default(e.default["tedi-timeline__track-bar"],i&&e.default["tedi-timeline--vertical"]),ref:u,onClick:I,children:[B.map((t,s)=>n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--tiny"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t}px`}:{left:`${t}px`}},`tiny-${s}`)),O.map((t,s)=>n.jsxs("div",{className:d.default(e.default["tedi-timeline__tick-group"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${t.position}px`}:{left:`${t.position}px`},children:[n.jsx("span",{className:d.default(e.default["tedi-timeline__tick--large"],i&&e.default["tedi-timeline--vertical"])}),n.jsx("div",{className:d.default(e.default["tedi-timeline__tick-label"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx(W.Text,{modifiers:["small"],color:"secondary",children:t.label})})]},`main-label-${s}`))]}),n.jsx("div",{className:d.default(e.default["tedi-timeline__track"],i&&e.default["tedi-timeline--vertical"]),children:n.jsx("canvas",{className:d.default(e.default["tedi-timeline__tracks"],i&&e.default["tedi-timeline--vertical"]),width:i?1:l.width,height:i?l.height:1})}),n.jsxs("div",{className:d.default(e.default["tedi-timeline__needle"],i&&e.default["tedi-timeline--vertical"]),style:i?{top:`${b}px`,transform:"translateY(0)"}:{left:`${b}px`,transform:"translateX(-50%)"},children:[n.jsx("div",{className:e.default["tedi-timeline__needle-head"],onMouseDown:z,style:{cursor:x?"grabbing":"grab",touchAction:"none"},children:n.jsx(L.Icon,{name:"code",color:"brand",size:12})}),n.jsx("div",{className:d.default(e.default["tedi-timeline__needle-line"],i&&e.default["tedi-timeline--vertical"])})]})]})]})};exports.Timeline=Y;

package/src/community/components/map-components/timeline/timeline.es.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import r from "../../../../../external/classnames/index.es.js";
 import { useRef as O, useState as T, useEffect as N } from "react";
 import { Text as A } from "../../../../tedi/components/base/typography/text/text.es.js";
@@ -24,7 +24,7 @@ const D = (h) => {
   popover: f,
   vertical: i = !1
 }) => {
-  const m = O(null), [o, R] = T({ width: 0, height: 0 }), [x, y] = T(0), [_, L] = T(!1), [P, C] = T(!1), M = p.getTime() - g.getTime(), z = i ? o.height / M : o.width / M, I = (t) => (t.getTime() - g.getTime()) * z;
+  const a = O(null), [o, R] = T({ width: 0, height: 0 }), [x, y] = T(0), [_, L] = T(!1), [P, C] = T(!1), M = p.getTime() - g.getTime(), z = i ? o.height / M : o.width / M, I = (t) => (t.getTime() - g.getTime()) * z;
   N(() => {
     if (o.width > 0 || o.height > 0) {
       const t = I(h);
@@ -35,7 +35,7 @@ const D = (h) => {
       const l = n[0].contentRect;
       R({ width: l.width, height: l.height });
     });
-    return m.current && t.observe(m.current), () => t.disconnect();
+    return a.current && t.observe(a.current), () => t.disconnect();
   }, []);
   const B = () => {
     const t = D($), n = p.getTime() - g.getTime(), l = i ? o.height / n : o.width / n, c = [], d = [];
@@ -68,14 +68,14 @@ const D = (h) => {
     }
     return { tinyTicks: c, mainTicksWithLabels: d };
   }, W = (t) => {
-    if (!m.current) return;
-    const n = m.current.getBoundingClientRect(), l = i ? n.height - (t.clientY - n.top) : t.clientX - n.left, c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
+    if (!a.current) return;
+    const n = a.current.getBoundingClientRect(), l = i ? n.height - (t.clientY - n.top) : t.clientX - n.left, c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
     y(d);
   }, X = (t) => {
     t.preventDefault(), t.stopPropagation(), L(!0), document.body.classList.add(e["no-select"]);
   }, b = (t) => {
-    if (!_ || !m.current) return;
-    const n = m.current.getBoundingClientRect();
+    if (!_ || !a.current) return;
+    const n = a.current.getBoundingClientRect();
     let l;
     i ? l = t.clientY - n.top - 12 : l = t.clientX - n.left;
     const c = i ? o.height : o.width, d = Math.max(0, Math.min(l, c));
@@ -87,10 +87,10 @@ const D = (h) => {
     window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", k);
   }), [_]);
   const { tinyTicks: Y, mainTicksWithLabels: j } = B();
-  return /* @__PURE__ */ a("div", { className: r(e["tedi-timeline"], i && e["tedi-timeline--vertical"]), children: [
-    /* @__PURE__ */ a(E, { open: P, onToggle: () => C(!P), children: [
-      /* @__PURE__ */ s(E.Trigger, { children: /* @__PURE__ */ a("div", { className: r(e["tedi-timeline__clock-wrapper"]), children: [
-        /* @__PURE__ */ a("div", { className: e["tedi-timeline__clock"], children: [
+  return /* @__PURE__ */ m("div", { className: r(e["tedi-timeline"], i && e["tedi-timeline--vertical"]), children: [
+    /* @__PURE__ */ m(E, { open: P, onToggle: () => C(!P), children: [
+      /* @__PURE__ */ s(E.Trigger, { children: /* @__PURE__ */ m("div", { className: r(e["tedi-timeline__clock-wrapper"]), children: [
+        /* @__PURE__ */ m("div", { className: e["tedi-timeline__clock"], children: [
           /* @__PURE__ */ s("time", { className: e["tedi-timeline__time"], children: h.toLocaleTimeString("et-EE", { hour: "2-digit", minute: "2-digit" }) }),
           /* @__PURE__ */ s("time", { className: e["tedi-timeline__date"], children: h.toLocaleDateString("et-EE", { day: "2-digit", month: "long", year: "numeric" }) })
         ] }),
@@ -98,12 +98,12 @@ const D = (h) => {
       ] }) }),
       /* @__PURE__ */ s(E.Content, { ...f, children: f == null ? void 0 : f.children })
     ] }),
-    /* @__PURE__ */ a("div", { className: r(e["tedi-timeline__main-track"], i && e["tedi-timeline--vertical"]), children: [
-      /* @__PURE__ */ a(
+    /* @__PURE__ */ m("div", { className: r(e["tedi-timeline__main-track"], i && e["tedi-timeline--vertical"]), children: [
+      /* @__PURE__ */ m(
         "div",
         {
           className: r(e["tedi-timeline__track-bar"], i && e["tedi-timeline--vertical"]),
-          ref: m,
+          ref: a,
           onClick: W,
           children: [
             Y.map((t, n) => /* @__PURE__ */ s(
@@ -114,7 +114,7 @@ const D = (h) => {
               },
               `tiny-${n}`
             )),
-            j.map((t, n) => /* @__PURE__ */ a(
+            j.map((t, n) => /* @__PURE__ */ m(
               "div",
               {
                 className: r(e["tedi-timeline__tick-group"], i && e["tedi-timeline--vertical"]),
@@ -154,7 +154,7 @@ const D = (h) => {
           height: i ? o.height : 1
         }
       ) }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ m(
         "div",
         {
           className: r(e["tedi-timeline__needle"], i && e["tedi-timeline--vertical"]),
@@ -191,6 +191,5 @@ const D = (h) => {
   ] });
 };
 export {
-  U as Timeline,
-  U as default
+  U as Timeline
 };

package/src/community/components/modal/modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),f=require("../../../../external/classnames/index.cjs.js"),t=require("react"),D=require("../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),B=require("../card/card.cjs.js"),l=require("./modal.module.scss.cjs.js"),H=require("./modal-closer.cjs.js"),L=require("./modal-provider.cjs.js"),P=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),b=s=>{const{children:r,size:g=6,cardProps:o={},hideCloseButton:i,position:x,lockScroll:y=!0,trapFocus:n=!0,returnFocus:C=!0,overlay:p=void 0,visuallyHiddenDismiss:v=!1}=s,{getLabel:u}=P.useLabels(),j=s["aria-labelledby"],q=s["aria-describedby"],{isOpen:F,floating:M,getFloatingProps:_,context:h,isDismissable:N}=t.useContext(L.ModalContext),O=t.useMemo(()=>{let c=!1;const m=e=>e.type.displayName;return i?r:t.Children.map(r,(e,R)=>!c&&t.isValidElement(e)&&(m(e)==="CardHeader"||m(e)==="CardContent")?(c=!0,t.cloneElement(e,{...e.props,children:a.jsxs(a.Fragment,{children:[a.jsx(H.ModalCloser,{children:a.jsx(D.ClosingButton,{size:"default",className:l.default["close-button"]})}),e.props.children]})})):e)},[r,u,i]);return a.jsx(d.FloatingPortal,{"data-name":"modal",children:F&&a.jsx(d.FloatingOverlay,{lockScroll:y,className:f.default(l.default.modal,l.default[`modal--${g}`],l.default[`modal--${x}`],{[l.default["modal--no-overlay"]]:p==="none"}),children:a.jsx(d.FloatingFocusManager,{context:h,closeOnFocusOut:!n&&N,visuallyHiddenDismiss:v?u("modal.close"):void 0,returnFocus:C,modal:n,children:a.jsx("div",{..._({ref:M,className:l.default.modal__inner,"aria-labelledby":j,"aria-describedby":q,"aria-modal":n}),children:a.jsx(B.Card,{...o,className:f.default(l.default.modal__card,o==null?void 0:o.className),children:O})})})})})};exports.Modal=b;exports.default=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),b=require("../../../../external/classnames/index.cjs.js"),t=require("react"),O=require("../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),D=require("../card/card.cjs.js"),l=require("./modal.module.scss.cjs.js"),B=require("./modal-closer.cjs.js"),H=require("./modal-provider.cjs.js"),L=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),P=s=>{const{children:r,size:f=6,cardProps:o={},hideCloseButton:i,position:g,lockScroll:x=!0,trapFocus:n=!0,returnFocus:y=!0,overlay:C=void 0,visuallyHiddenDismiss:p=!1}=s,{getLabel:u}=L.useLabels(),j=s["aria-labelledby"],q=s["aria-describedby"],{isOpen:v,floating:F,getFloatingProps:h,context:M,isDismissable:N}=t.useContext(H.ModalContext),_=t.useMemo(()=>{let c=!1;const m=e=>e.type.displayName;return i?r:t.Children.map(r,(e,R)=>!c&&t.isValidElement(e)&&(m(e)==="CardHeader"||m(e)==="CardContent")?(c=!0,t.cloneElement(e,{...e.props,children:a.jsxs(a.Fragment,{children:[a.jsx(B.ModalCloser,{children:a.jsx(O.ClosingButton,{size:"default",className:l.default["close-button"]})}),e.props.children]})})):e)},[r,u,i]);return a.jsx(d.FloatingPortal,{"data-name":"modal",children:v&&a.jsx(d.FloatingOverlay,{lockScroll:x,className:b.default(l.default.modal,l.default[`modal--${f}`],l.default[`modal--${g}`],{[l.default["modal--no-overlay"]]:C==="none"}),children:a.jsx(d.FloatingFocusManager,{context:M,closeOnFocusOut:!n&&N,visuallyHiddenDismiss:p?u("modal.close"):void 0,returnFocus:y,modal:n,children:a.jsx("div",{...h({ref:F,className:l.default.modal__inner,"aria-labelledby":j,"aria-describedby":q,"aria-modal":n}),children:a.jsx(D.Card,{...o,className:b.default(l.default.modal__card,o==null?void 0:o.className),children:_})})})})})};exports.Modal=P;

package/src/community/components/modal/modal.es.js

@@ -65,6 +65,5 @@ const T = (t) => {
   ) });
 };
 export {
-  T as Modal,
-  T as default
+  T as Modal
 };

package/src/community/components/placeholder/placeholder.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),P=require("react"),f=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),i=require("../../../tedi/components/layout/grid/col.cjs.js"),l=d=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=d,n=v.useLayout(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},g=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!P.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(f.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(i.Col,{width:"auto",children:g(o)}),r.jsx(i.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),g=require("react"),P=require("../../../tedi/components/base/icon/icon.cjs.js"),y=require("../../../tedi/components/base/typography/text/text.cjs.js"),C=require("../../../tedi/components/misc/print/print.cjs.js"),v=require("../../helpers/hooks/use-layout.cjs.js"),w=require("../card/card.cjs.js"),N=require("../card/card-content/card-content.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),l=require("../../../tedi/components/layout/grid/col.cjs.js"),d=i=>{const{icon:o="spa",className:u,children:m,cardProps:h,isNested:t,rowProps:p,...x}=i,n=v.default(["mobile","tablet"]),{padding:b=t?0:n?1:1.5,background:j=t?void 0:n?"bg-subtle":"white",...q}=h??{},f=e=>{const s={size:36,className:a.default("text-primary")},c=typeof e=="string"?{...s,name:e,color:"brand"}:typeof e=="object"&&!g.isValidElement(e)?{...s,...e,color:"brand",className:a.default(s.className,e==null?void 0:e.className)}:void 0;return c?r.jsx(P.Icon,{...c}):e};return r.jsx(C.Print,{breakInside:"avoid",children:r.jsx(w.Card,{"data-name":"placeholder",...x,className:u,borderless:t,padding:b,background:j,...q,children:r.jsx(N.CardContent,{children:r.jsxs(I.Row,{direction:"column",alignItems:"center",gutter:2,...p,children:[o&&r.jsx(l.Col,{width:"auto",children:f(o)}),r.jsx(l.Col,{width:"auto",children:r.jsx(y.Text,{color:"secondary",modifiers:"center",element:"div",children:m})})]})})})})};exports.Placeholder=d;exports.default=d;

package/src/community/components/placeholder/placeholder.d.ts

@@ -2,6 +2,9 @@ import { default as React } from 'react';
 import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
+/**
+ * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
+ */
 export interface PlaceholderProps {
     /**
      * Placeholder block content
@@ -31,6 +34,8 @@ export interface PlaceholderProps {
     rowProps?: RowProps;
 }
 /**
+ * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
+ *
  * Placeholder is used to indicate, that there is no data to show. It can be used on its own or inside other components, like a `<CardContent>`.
  * Other components also use it internally for displaying empty state. (E.g. `<Table>`)
  */

package/src/community/components/placeholder/placeholder.es.js

@@ -4,7 +4,7 @@ import P from "react";
 import { Icon as y } from "../../../tedi/components/base/icon/icon.es.js";
 import { Text as I } from "../../../tedi/components/base/typography/text/text.es.js";
 import { Print as w } from "../../../tedi/components/misc/print/print.es.js";
-import { useLayout as x } from "../../helpers/hooks/use-layout.es.js";
+import x from "../../helpers/hooks/use-layout.es.js";
 import { Card as C } from "../card/card.es.js";
 import { CardContent as v } from "../card/card-content/card-content.es.js";
 import { Row as j } from "../../../tedi/components/layout/grid/row.es.js";

package/src/community/components/status/status.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../../../external/classnames/index.cjs.js"),e=require("./status.module.scss.cjs.js"),n=require("../tooltip/tooltip-provider.cjs.js"),j=require("../tooltip/tooltip-trigger.cjs.js"),m=require("../tooltip/tooltip.cjs.js"),r=i=>{const{children:a,type:o,className:l,tooltipContent:s,...u}=i,c=d.default(e.default.status,l,e.default[`status--${o}`]);return t.jsxs("div",{"data-name":"status",...u,className:c,children:[s?t.jsxs(n.TooltipProvider,{children:[t.jsx(j.TooltipTrigger,{children:t.jsx("div",{className:e.default.status__circle})}),t.jsx(m.Tooltip,{children:s})]}):t.jsx("div",{className:e.default.status__circle}),t.jsx("div",{className:e.default.status__content,children:a})]})};exports.Status=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("../../../../external/classnames/index.cjs.js"),e=require("./status.module.scss.cjs.js"),n=require("../tooltip/tooltip-provider.cjs.js"),d=require("../tooltip/tooltip-trigger.cjs.js"),j=require("../tooltip/tooltip.cjs.js"),m=r=>{const{children:i,type:o,className:a,tooltipContent:s,...l}=r,u=c.default(e.default.status,a,e.default[`status--${o}`]);return t.jsxs("div",{"data-name":"status",...l,className:u,children:[s?t.jsxs(n.TooltipProvider,{children:[t.jsx(d.TooltipTrigger,{children:t.jsx("div",{className:e.default.status__circle})}),t.jsx(j.Tooltip,{children:s})]}):t.jsx("div",{className:e.default.status__circle}),t.jsx("div",{className:e.default.status__content,children:i})]})};exports.Status=m;

package/src/community/components/status/status.es.js

@@ -1,20 +1,19 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import n from "../../../../external/classnames/index.es.js";
 import s from "./status.module.scss.es.js";
-import { TooltipProvider as d } from "../tooltip/tooltip-provider.es.js";
-import { TooltipTrigger as p } from "../tooltip/tooltip-trigger.es.js";
+import { TooltipProvider as p } from "../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as d } from "../tooltip/tooltip-trigger.es.js";
 import { Tooltip as u } from "../tooltip/tooltip.es.js";
 const x = (a) => {
-  const { children: e, type: i, className: c, tooltipContent: o, ...l } = a, m = n(s.status, c, s[`status--${i}`]);
-  return /* @__PURE__ */ r("div", { "data-name": "status", ...l, className: m, children: [
-    o ? /* @__PURE__ */ r(d, { children: [
-      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
+  const { children: e, type: i, className: c, tooltipContent: o, ...m } = a, l = n(s.status, c, s[`status--${i}`]);
+  return /* @__PURE__ */ r("div", { "data-name": "status", ...m, className: l, children: [
+    o ? /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { className: s.status__circle }) }),
       /* @__PURE__ */ t(u, { children: o })
     ] }) : /* @__PURE__ */ t("div", { className: s.status__circle }),
     /* @__PURE__ */ t("div", { className: s.status__content, children: e })
   ] });
 };
 export {
-  x as Status,
-  x as default
+  x as Status
 };

package/src/community/components/stepper/step.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface StepProps {
     /**
      * ID of step
@@ -32,5 +35,8 @@ export interface StepProps {
      */
     showCompletedIcon?: boolean;
 }
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Step: (props: StepProps) => JSX.Element | null;
 export default Step;

package/src/community/components/stepper/stepper-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),f=v=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:b,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=v,h=A.default(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:C,showCompletedIcon:d}=e,r=n===i,q=n<=i,u=S(e),y=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:q},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:y,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":C,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":b,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=f;exports.default=f;

package/src/community/components/stepper/stepper-nav.d.ts

@@ -22,6 +22,9 @@ export interface StepperNavItem {
      */
     showCompletedIcon?: boolean;
 }
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface StepperNavProps {
     /**
      * Navigation items
@@ -42,5 +45,8 @@ export interface StepperNavProps {
      */
     notCompletedLabel?: string;
 }
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const StepperNav: (props: StepperNavProps) => JSX.Element;
 export default StepperNav;

package/src/community/components/stepper/stepper-nav.es.js

@@ -5,7 +5,7 @@ import { Icon as j } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
 import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useLayout as B } from "../../helpers/hooks/use-layout.es.js";
+import B from "../../helpers/hooks/use-layout.es.js";
 const J = (b) => {
   const { getLabel: c } = A(), {
     items: m,

package/src/community/components/stepper/stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card-header/card-header.cjs.js"),R=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),i=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,l)=>t.cloneElement(e,{key:l,index:l,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,l)=>{const{label:L,completed:P,id:V,showCompletedIcon:_}=e.props;return{label:L,completed:!!P,index:l,id:V,showCompletedIcon:_}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(R.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(I.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card.cjs.js"),R=require("../card/card-header/card-header.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),O=a=>{const{activeStep:n,defaultActiveStep:h,onActiveStepChange:s,allowStepLabelClick:l=!0,children:y,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[C,N]=t.useState(h||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),v=t.useCallback(e=>{s==null||s(e),o(n)||N(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:C,[n,C,o]),i=t.Children.map(y,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,p)=>t.cloneElement(e,{key:p,index:p,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,p)=>{const{label:L,completed:M,id:P,showCompletedIcon:V}=e.props;return{label:L,completed:!!M,index:p,id:P,showCompletedIcon:V}}),k=t.useMemo(()=>({activeStep:f,handleActiveStepChange:v,allowStepLabelClick:l}),[l,f,v]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(I.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(R.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:k,children:E()})};exports.Stepper=O;

package/src/community/components/stepper/stepper.d.ts

@@ -2,6 +2,9 @@ import { default as React } from 'react';
 import { CardProps } from '../card';
 import { StepProps } from './step';
 import { AllowStepLabelClick } from './stepper-context';
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export interface StepperProps {
     /**
      * The activeStep index that should be open by default (zero based index).
@@ -60,5 +63,8 @@ export interface StepperProps {
      */
     card?: CardProps | boolean;
 }
+/**
+ * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Stepper: (props: StepperProps) => JSX.Element;
 export default Stepper;

package/src/community/components/stepper/stepper.es.js

@@ -5,15 +5,15 @@ import { Step as k } from "./step.es.js";
 import y from "./stepper.module.scss.es.js";
 import { StepperContext as B } from "./stepper-context.es.js";
 import { StepperNav as N } from "./stepper-nav.es.js";
-import { CardHeader as H } from "../card/card-header/card-header.es.js";
-import { Card as R } from "../card/card.es.js";
+import { Card as H } from "../card/card.es.js";
+import { CardHeader as R } from "../card/card-header/card-header.es.js";
 import { CardContent as q } from "../card/card-content/card-content.es.js";
 const W = (a) => {
   const {
     activeStep: r,
     defaultActiveStep: x,
     onActiveStepChange: n,
-    allowStepLabelClick: i = !0,
+    allowStepLabelClick: l = !0,
     children: A,
     className: m,
     ariaLabel: d,
@@ -31,20 +31,20 @@ const W = (a) => {
   ), v = t.useMemo(
     () => s(r) ? r : C,
     [r, C, s]
-  ), c = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = c == null ? void 0 : c.map((e, l) => t.cloneElement(e, {
-    key: l,
-    index: l,
+  ), i = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = i == null ? void 0 : i.map((e, c) => t.cloneElement(e, {
+    key: c,
+    index: c,
     ...e.props
-  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, l) => {
+  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, c) => {
     const { label: V, completed: j, id: w, showCompletedIcon: I } = e.props;
-    return { label: V, completed: !!j, index: l, id: w, showCompletedIcon: I };
+    return { label: V, completed: !!j, index: c, id: w, showCompletedIcon: I };
   }), L = t.useMemo(
-    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: i }),
-    [i, v, S]
+    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: l }),
+    [l, v, S]
   ), M = _(y.stepper, m, {
     [y["stepper--card"]]: !!p
-  }), P = () => p ? /* @__PURE__ */ g(R, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
-    /* @__PURE__ */ o(H, { padding: 0, background: "white", children: /* @__PURE__ */ o(
+  }), P = () => p ? /* @__PURE__ */ g(H, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
+    /* @__PURE__ */ o(R, { padding: 0, background: "white", children: /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -69,6 +69,5 @@ const W = (a) => {
   return /* @__PURE__ */ o(B.Provider, { value: L, children: P() });
 };
 export {
-  W as Stepper,
-  W as default
+  W as Stepper
 };

package/src/community/components/table/components/examples/custom-expand-row.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Row as TSRow } from '@tanstack/react-table';
 import { IntentionalAny } from '../../../../types';
 import { TableProps } from '../../table.types';

package/src/community/components/table/components/pagination/pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=i=>{const{getLabel:s}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=s("pagination.results",i.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(i.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsx(j.Text,{color:"secondary",modifiers:"small",children:c}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":s("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:s("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=i=>{const{getLabel:s}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=s("pagination.results",i.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],f=Math.ceil(i.totalRows/n),{paginationItems:v}=C.default({page:b+1,count:f}),x=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},q=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},P=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsx(j.Text,{color:"secondary",modifiers:"small",children:c}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":s("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:v.map((e,t)=>P(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:s("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>q(e),value:x,size:"small",options:o})]})};exports.default=N;

package/src/community/components/table/components/pagination/pagination.es.js

@@ -7,7 +7,7 @@ import { TableContext as N } from "../../table-context.es.js";
 import n from "./pagination.module.scss.es.js";
 import C from "./PaginationNextButton.es.js";
 import L from "./PaginationPageButton.es.js";
-import { usePagination as w } from "./use-pagination.es.js";
+import w from "./use-pagination.es.js";
 import { useLabels as B } from "../../../../../tedi/providers/label-provider/use-labels.es.js";
 const D = (o) => {
   const { getLabel: i } = B(), { table: r, id: g } = x.useContext(N), p = i("pagination.results", o.totalRows), { setPageSize: c, getState: u, getPageCount: m } = r, { pageIndex: f, pageSize: l } = u().pagination, s = [

package/src/community/components/table/components/table-filter/components/table-date-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;

package/src/community/components/table/components/table-filter/components/table-date-filter.es.js

@@ -6,9 +6,9 @@ import { object as x, string as T } from "../../../../../../../external/yup/inde
 import { Text as z } from "../../../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as j } from "../../../../button/button.es.js";
 import { TableFilterContext as G } from "../table-filter-context.es.js";
-import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { useLabels as H } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
 import { VerticalSpacing as J } from "../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
+import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { Row as K } from "../../../../../../tedi/components/layout/grid/row.es.js";
 import { Col as B } from "../../../../../../tedi/components/layout/grid/col.es.js";
 const re = () => {