@tedi-design-system/react 19.0.0-rc.14 → 19.0.0-rc.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.0.0-rc.14",
+  "version": "19.0.0-rc.16",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,
@@ -116,7 +116,7 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-simple-import-sort": "^14.0.0",
     "eslint-plugin-storybook": "^10.4.6",
     "eslint-plugin-unused-imports": "^4.1.4",
@@ -186,6 +186,7 @@
     "access": "public"
   },
   "overrides": {
-    "dayjs": "$dayjs"
+    "dayjs": "$dayjs",
+    "eslint-plugin-react-hooks": "$eslint-plugin-react-hooks"
   }
 }

package/src/community/components/map-components/button-group/button-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),j=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),N=p=>{const{children:c,className:f,direction:m="horizontal",onSelectionChange:s,stretch:b=!1,ariaLabel:x,prefix:a,suffix:d,prefixClassName:_,suffixClassName:g}=p;return r.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${m}`],{[e.default["tedi-button-group--stretch"]]:b},f),role:"group","aria-label":x,children:[a&&r.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],_),children:r.jsx("span",{children:a})}),o.Children.map(c,u=>{if(o.isValidElement(u)&&u.type===j.MapButton){const t=u;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled}),onClick:h=>{var l,n;t.props.disabled||((n=(l=t.props).onClick)==null||n.call(l,h),s==null||s(t.props.id))}})}return u}),d&&r.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],g),children:r.jsx("span",{children:d})})]})};exports.ButtonGroup=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),h=require("../map-button/map-button.cjs.js"),e=require("./button-group.module.scss.cjs.js"),j=p=>{const{children:c,className:f,direction:m="horizontal",onSelectionChange:s,stretch:b=!1,ariaLabel:x,prefix:a,suffix:l,prefixClassName:_,suffixClassName:g}=p;return r.jsxs("div",{className:i.default(e.default["tedi-button-group"],e.default[`tedi-button-group--${m}`],{[e.default["tedi-button-group--stretch"]]:b},f),role:"group","aria-label":x,children:[a&&r.jsx("div",{className:i.default(e.default["tedi-button-group__prefix"],_),children:r.jsx("span",{children:a})}),o.Children.map(c,u=>{if(o.isValidElement(u)&&u.type===h.MapButton){const t=u;return o.cloneElement(t,{className:i.default(e.default["tedi-button-group__item"],{[e.default["tedi-button-group__item--active"]]:t.props.isActive,[e.default["tedi-button-group__item--disabled"]]:t.props.disabled},t.props.className),onClick:N=>{var d,n;t.props.disabled||((n=(d=t.props).onClick)==null||n.call(d,N),s==null||s(t.props.id))}})}return u}),l&&r.jsx("div",{className:i.default(e.default["tedi-button-group__suffix"],g),children:r.jsx("span",{children:l})})]})};exports.ButtonGroup=j;

package/src/community/components/map-components/button-group/button-group.es.js

@@ -1,5 +1,5 @@
-import { jsxs as N, jsx as i } from "react/jsx-runtime";
-import o from "../../../../../external/classnames/index.es.js";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import s from "../../../../../external/classnames/index.es.js";
 import { Children as h, isValidElement as v, cloneElement as C } from "react";
 import { MapButton as y } from "../map-button/map-button.es.js";
 import t from "./button-group.module.scss.es.js";
@@ -8,7 +8,7 @@ const A = (d) => {
     children: u,
     className: m,
     direction: c = "horizontal",
-    onSelectionChange: s,
+    onSelectionChange: o,
     stretch: f = !1,
     ariaLabel: b,
     prefix: p,
@@ -16,10 +16,10 @@ const A = (d) => {
     prefixClassName: _,
     suffixClassName: x
   } = d;
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: o(
+      className: s(
         t["tedi-button-group"],
         t[`tedi-button-group--${c}`],
         {
@@ -30,24 +30,28 @@ const A = (d) => {
       role: "group",
       "aria-label": b,
       children: [
-        p && /* @__PURE__ */ i("div", { className: o(t["tedi-button-group__prefix"], _), children: /* @__PURE__ */ i("span", { children: p }) }),
+        p && /* @__PURE__ */ i("div", { className: s(t["tedi-button-group__prefix"], _), children: /* @__PURE__ */ i("span", { children: p }) }),
         h.map(u, (r) => {
           if (v(r) && r.type === y) {
             const e = r;
             return C(e, {
-              className: o(t["tedi-button-group__item"], {
-                [t["tedi-button-group__item--active"]]: e.props.isActive,
-                [t["tedi-button-group__item--disabled"]]: e.props.disabled
-              }),
-              onClick: (g) => {
-                var n, l;
-                e.props.disabled || ((l = (n = e.props).onClick) == null || l.call(n, g), s == null || s(e.props.id));
+              className: s(
+                t["tedi-button-group__item"],
+                {
+                  [t["tedi-button-group__item--active"]]: e.props.isActive,
+                  [t["tedi-button-group__item--disabled"]]: e.props.disabled
+                },
+                e.props.className
+              ),
+              onClick: (N) => {
+                var l, n;
+                e.props.disabled || ((n = (l = e.props).onClick) == null || n.call(l, N), o == null || o(e.props.id));
               }
             });
           }
           return r;
         }),
-        a && /* @__PURE__ */ i("div", { className: o(t["tedi-button-group__suffix"], x), children: /* @__PURE__ */ i("span", { children: a }) })
+        a && /* @__PURE__ */ i("div", { className: s(t["tedi-button-group__suffix"], x), children: /* @__PURE__ */ i("span", { children: a }) })
       ]
     }
   );

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),S=require("../../../../tedi/components/base/icon/icon.cjs.js"),N=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),O=require("../../../../tedi/components/buttons/button/button.cjs.js"),d=require("../map-dropdown/map-dropdown.cjs.js"),t=require("./map-button.module.scss.cjs.js"),l=require("../../../../tedi/components/overlays/tooltip/tooltip.cjs.js"),b=f=>{const{size:n="default",icon:r,selected:h=!1,className:x,children:u,hideLabel:c=!1,tooltipContent:p=u,dropdownItems:o,isActive:j,isHovered:g,underline:q,isLoading:i,..._}=f,[w,D]=B.useState(!1),M=h||w,v=m.default(t.default["tedi-map-button"],t.default[`tedi-map-button--${n}`],M&&t.default["tedi-map-button--selected"],o&&t.default["tedi-map-button--dropdown"],j&&t.default["tedi-map-button--is-active"],g&&t.default["tedi-map-button--is-hovered"],q&&t.default["tedi-map-button--underline"],i&&t.default["tedi-map-button--loading"],x),C=e.jsxs(e.Fragment,{children:[i?e.jsx(N.Spinner,{size:n==="small"?16:18,className:t.default["tedi-map-button__icon"]}):r&&e.jsx(S.Icon,{name:r,className:t.default["tedi-map-button__icon"],size:n==="small"?24:18}),!c&&e.jsx("div",{className:m.default(t.default["tedi-map-button__text"]),children:u})]}),s=e.jsx(O.Button,{noStyle:!0,isLoading:i,className:v,size:n,..._,children:C}),T=c&&p?e.jsxs(l.Tooltip,{placement:"right",children:[e.jsx(l.Tooltip.Trigger,{children:s}),e.jsx(l.Tooltip.Content,{children:p})]}):s;return o?e.jsxs(d.MapDropdown,{onOpenChange:D,placement:"right-start",children:[e.jsx(d.MapDropdown.Trigger,{children:s}),e.jsx(d.MapDropdown.Content,{items:o.map(a=>({children:a.children,onClick:a.onClick,isDisabled:a.isDisabled}))})]}):T};exports.MapButton=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),S=require("../../../../tedi/components/base/icon/icon.cjs.js"),N=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),O=require("../../../../tedi/components/buttons/button/button.cjs.js"),d=require("../map-dropdown/map-dropdown.cjs.js"),t=require("./map-button.module.scss.cjs.js"),l=require("../../../../tedi/components/overlays/tooltip/tooltip.cjs.js"),b=f=>{const{size:n="default",icon:r,selected:h=!1,className:x,children:u,hideLabel:c=!1,tooltipContent:p=u,dropdownItems:i,isActive:j,isHovered:g,underline:q,isLoading:s,...v}=f,[_,w]=B.useState(!1),D=h||_,M=m.default(t.default["tedi-map-button"],t.default[`tedi-map-button--${n}`],D&&t.default["tedi-map-button--selected"],i&&t.default["tedi-map-button--dropdown"],j&&t.default["tedi-map-button--is-active"],g&&t.default["tedi-map-button--is-hovered"],q&&t.default["tedi-map-button--underline"],s&&t.default["tedi-map-button--loading"],x),C=e.jsxs(e.Fragment,{children:[s?e.jsx(N.Spinner,{size:n==="small"?16:18,className:t.default["tedi-map-button__icon"]}):r&&e.jsx(S.Icon,{name:r,className:t.default["tedi-map-button__icon"],size:n==="small"?24:18}),!c&&e.jsx("div",{className:m.default(t.default["tedi-map-button__text"]),children:u})]}),a=e.jsx(O.Button,{noStyle:!0,isLoading:s,className:M,size:n,...v,children:C}),T=c&&p?e.jsxs(l.Tooltip,{placement:"right",children:[e.jsx(l.Tooltip.Trigger,{children:a}),e.jsx(l.Tooltip.Content,{children:p})]}):a;return i?e.jsxs(d.MapDropdown,{onOpenChange:w,placement:"right-start",children:[e.jsx(d.MapDropdown.Trigger,{children:a}),e.jsx(d.MapDropdown.Content,{items:i.map(o=>({children:o.children,onClick:o.onClick,isActive:o.isActive,isDisabled:o.isDisabled}))})]}):T};exports.MapButton=b;exports.default=b;

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

@@ -1,53 +1,54 @@
 import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
 import b from "../../../../../external/classnames/index.es.js";
-import { useState as I } from "react";
-import { Icon as M } from "../../../../tedi/components/base/icon/icon.es.js";
-import { Spinner as O } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
-import { Button as j } from "../../../../tedi/components/buttons/button/button.es.js";
+import { useState as A } from "react";
+import { Icon as I } from "../../../../tedi/components/base/icon/icon.es.js";
+import { Spinner as M } from "../../../../tedi/components/loaders/spinner/spinner.es.js";
+import { Button as O } from "../../../../tedi/components/buttons/button/button.es.js";
 import { MapDropdown as l } from "../map-dropdown/map-dropdown.es.js";
 import t from "./map-button.module.scss.es.js";
-import { Tooltip as m } from "../../../../tedi/components/overlays/tooltip/tooltip.es.js";
+import { Tooltip as d } from "../../../../tedi/components/overlays/tooltip/tooltip.es.js";
 const q = (h) => {
   const {
     size: o = "default",
-    icon: d,
+    icon: m,
     selected: f = !1,
     className: g,
-    children: p,
-    hideLabel: c = !1,
-    tooltipContent: u = p,
-    dropdownItems: n,
-    isActive: C,
-    isHovered: N,
-    underline: _,
-    isLoading: i,
-    ...v
-  } = h, [w, D] = I(!1), x = f || w, B = b(
+    children: c,
+    hideLabel: p = !1,
+    tooltipContent: u = c,
+    dropdownItems: i,
+    isActive: v,
+    isHovered: C,
+    underline: N,
+    isLoading: s,
+    ..._
+  } = h, [w, D] = A(!1), x = f || w, B = b(
     t["tedi-map-button"],
     t[`tedi-map-button--${o}`],
     x && t["tedi-map-button--selected"],
-    n && t["tedi-map-button--dropdown"],
-    C && t["tedi-map-button--is-active"],
-    N && t["tedi-map-button--is-hovered"],
-    _ && t["tedi-map-button--underline"],
-    i && t["tedi-map-button--loading"],
+    i && t["tedi-map-button--dropdown"],
+    v && t["tedi-map-button--is-active"],
+    C && t["tedi-map-button--is-hovered"],
+    N && t["tedi-map-button--underline"],
+    s && t["tedi-map-button--loading"],
     g
   ), S = /* @__PURE__ */ a(z, { children: [
-    i ? /* @__PURE__ */ e(O, { size: o === "small" ? 16 : 18, className: t["tedi-map-button__icon"] }) : d && /* @__PURE__ */ e(M, { name: d, className: t["tedi-map-button__icon"], size: o === "small" ? 24 : 18 }),
-    !c && /* @__PURE__ */ e("div", { className: b(t["tedi-map-button__text"]), children: p })
-  ] }), s = /* @__PURE__ */ e(j, { noStyle: !0, isLoading: i, className: B, size: o, ...v, children: S }), T = c && u ? /* @__PURE__ */ a(m, { placement: "right", children: [
-    /* @__PURE__ */ e(m.Trigger, { children: s }),
-    /* @__PURE__ */ e(m.Content, { children: u })
-  ] }) : s;
-  return n ? /* @__PURE__ */ a(l, { onOpenChange: D, placement: "right-start", children: [
-    /* @__PURE__ */ e(l.Trigger, { children: s }),
+    s ? /* @__PURE__ */ e(M, { size: o === "small" ? 16 : 18, className: t["tedi-map-button__icon"] }) : m && /* @__PURE__ */ e(I, { name: m, className: t["tedi-map-button__icon"], size: o === "small" ? 24 : 18 }),
+    !p && /* @__PURE__ */ e("div", { className: b(t["tedi-map-button__text"]), children: c })
+  ] }), r = /* @__PURE__ */ e(O, { noStyle: !0, isLoading: s, className: B, size: o, ..._, children: S }), T = p && u ? /* @__PURE__ */ a(d, { placement: "right", children: [
+    /* @__PURE__ */ e(d.Trigger, { children: r }),
+    /* @__PURE__ */ e(d.Content, { children: u })
+  ] }) : r;
+  return i ? /* @__PURE__ */ a(l, { onOpenChange: D, placement: "right-start", children: [
+    /* @__PURE__ */ e(l.Trigger, { children: r }),
     /* @__PURE__ */ e(
       l.Content,
       {
-        items: n.map((r) => ({
-          children: r.children,
-          onClick: r.onClick,
-          isDisabled: r.isDisabled
+        items: i.map((n) => ({
+          children: n.children,
+          onClick: n.onClick,
+          isActive: n.isActive,
+          isDisabled: n.isDisabled
         }))
       }
     )

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),n=require("react"),t=require("../time-field/time-field-helpers.cjs.js"),H=require("./components/time-grid/time-grid.cjs.js"),x=require("./components/time-wheel/time-wheel.cjs.js"),T=({value:s,defaultValue:f="",onChange:r,stepMinutes:o=1,availableTimes:i,gridVariant:h="button",className:u,bordered:c=!0})=>{const[j,P]=n.useState(f),l=s!==void 0,m=l?s:j,d=e=>{l||P(e),r==null||r(e)},a=n.useMemo(t.generateHours,[]),q=n.useMemo(()=>t.generateMinutes(o),[o]),{hour:y,minute:S}=t.parseTime(m||"12:00"),g=a.includes(y)?y:"12",k=t.findClosestMinute(S,q);return Array.isArray(i)&&i.length>0?M.jsx(H.TimeGrid,{times:i,value:m,variant:h,onSelect:d,className:u,bordered:c}):M.jsx(x.TimeWheel,{hours:a,minutes:q,selectedHour:g,selectedMinute:k,onChange:(e,p)=>d(`${e}:${p}`),className:u,bordered:c})};T.displayName="TimePicker";exports.TimePicker=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),n=require("react"),t=require("../time-field/time-field-helpers.cjs.js"),H=require("./components/time-grid/time-grid.cjs.js"),x=require("./components/time-wheel/time-wheel.cjs.js"),T=({value:s,defaultValue:f="",onChange:r,stepMinutes:o=1,availableTimes:i,gridVariant:h="button",className:u,bordered:c=!0})=>{const[j,P]=n.useState(f),l=s!==void 0,m=l?s:j,d=e=>{l||P(e),r==null||r(e)},a=n.useMemo(()=>t.generateHours(),[]),q=n.useMemo(()=>t.generateMinutes(o),[o]),{hour:y,minute:S}=t.parseTime(m||"12:00"),g=a.includes(y)?y:"12",k=t.findClosestMinute(S,q);return Array.isArray(i)&&i.length>0?M.jsx(H.TimeGrid,{times:i,value:m,variant:h,onSelect:d,className:u,bordered:c}):M.jsx(x.TimeWheel,{hours:a,minutes:q,selectedHour:g,selectedMinute:k,onChange:(e,p)=>d(`${e}:${p}`),className:u,bordered:c})};T.displayName="TimePicker";exports.TimePicker=T;

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

@@ -15,7 +15,7 @@ const I = ({
 }) => {
   const [M, T] = S.useState(h), c = o !== void 0, m = c ? o : M, u = (t) => {
     c || T(t), e == null || e(t);
-  }, f = a(_, []), l = a(() => $(n), [n]), { hour: d, minute: k } = g(m || "12:00"), A = f.includes(d) ? d : "12", H = j(k, l);
+  }, f = a(() => _(), []), l = a(() => $(n), [n]), { hour: d, minute: k } = g(m || "12:00"), A = f.includes(d) ? d : "12", H = j(k, l);
   return Array.isArray(r) && r.length > 0 ? /* @__PURE__ */ p(
     x,
     {

package/src/tedi/components/misc/timeline/timeline.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),I=require("./components/timeline-description/timeline-description.cjs.js"),d=require("./components/timeline-item/timeline-item.cjs.js"),g=require("./components/timeline-title/timeline-title.cjs.js"),u=require("./timeline.module.scss.cjs.js"),c=e=>n.isValidElement(e)&&e.type===d.TimelineItem,j=(e,t)=>t===void 0?"future":e===t?"current":e<t?"past":"future",i=({children:e,activeIndex:t,variant:l="default",cardPadding:s,className:a})=>{const f=n.Children.toArray(e).filter(c).length;let m=-1;const T=n.Children.map(e,r=>{if(!c(r))return r;m+=1;const o=m;return n.cloneElement(r,{state:j(o,t),isLast:o===f-1})}),p=l==="card"&&s!==void 0?{"--tedi-timeline-card-padding":`${s}rem`}:void 0;return q.jsx("div",{className:y.default(u.default["tedi-timeline"],{[u.default["tedi-timeline--card"]]:l==="card"},a),style:p,children:T})};i.displayName="Timeline";i.Item=d.TimelineItem;i.Title=g.TimelineTitle;i.Description=I.TimelineDescription;exports.Timeline=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),D=require("./components/timeline-description/timeline-description.cjs.js"),p=require("./components/timeline-item/timeline-item.cjs.js"),E=require("./components/timeline-title/timeline-title.cjs.js"),a=require("./timeline.module.scss.cjs.js"),d=e=>s.isValidElement(e)&&e.type===p.TimelineItem,I=(e,i)=>i===void 0?"future":e===i?"current":e<i?"past":"future",r=({children:e,activeIndex:i,variant:l="default",cardPadding:o,className:f})=>{const m=s.Children.toArray(e),u=m.flatMap((t,n)=>d(t)?[n]:[]),T=u.length,y=new Map(u.map((t,n)=>[t,n])),q=m.map((t,n)=>{if(!d(t))return t;const c=y.get(n)??0;return s.cloneElement(t,{state:I(c,i),isLast:c===T-1})}),g=l==="card"&&o!==void 0?{"--tedi-timeline-card-padding":`${o}rem`}:void 0;return j.jsx("div",{className:v.default(a.default["tedi-timeline"],{[a.default["tedi-timeline--card"]]:l==="card"},f),style:g,children:q})};r.displayName="Timeline";r.Item=p.TimelineItem;r.Title=E.TimelineTitle;r.Description=D.TimelineDescription;exports.Timeline=r;

package/src/tedi/components/misc/timeline/timeline.es.js

@@ -1,38 +1,35 @@
-import { jsx as y } from "react/jsx-runtime";
-import E from "../../../../../external/classnames/index.es.js";
-import { Children as l, cloneElement as N, isValidElement as v } from "react";
-import { TimelineDescription as C } from "./components/timeline-description/timeline-description.es.js";
-import { TimelineItem as a } from "./components/timeline-item/timeline-item.es.js";
-import { TimelineTitle as D } from "./components/timeline-title/timeline-title.es.js";
+import { jsx as N } from "react/jsx-runtime";
+import g from "../../../../../external/classnames/index.es.js";
+import { Children as v, cloneElement as A, isValidElement as C } from "react";
+import { TimelineDescription as D } from "./components/timeline-description/timeline-description.es.js";
+import { TimelineItem as f } from "./components/timeline-item/timeline-item.es.js";
+import { TimelineTitle as M } from "./components/timeline-title/timeline-title.es.js";
 import p from "./timeline.module.scss.es.js";
-const f = (e) => v(e) && e.type === a, I = (e, t) => t === void 0 ? "future" : e === t ? "current" : e < t ? "past" : "future", i = ({
-  children: e,
-  activeIndex: t,
+const c = (t) => C(t) && t.type === f, h = (t, i) => i === void 0 ? "future" : t === i ? "current" : t < i ? "past" : "future", o = ({
+  children: t,
+  activeIndex: i,
   variant: m = "default",
-  cardPadding: o,
+  cardPadding: n,
   className: u
 }) => {
-  const c = l.toArray(e).filter(f).length;
-  let n = -1;
-  const d = l.map(e, (r) => {
-    if (!f(r)) return r;
-    n += 1;
-    const s = n;
-    return N(r, { state: I(s, t), isLast: s === c - 1 });
-  }), T = m === "card" && o !== void 0 ? { "--tedi-timeline-card-padding": `${o}rem` } : void 0;
-  return /* @__PURE__ */ y(
+  const s = v.toArray(t), l = s.flatMap((e, r) => c(e) ? [r] : []), d = l.length, y = new Map(l.map((e, r) => [e, r])), T = s.map((e, r) => {
+    if (!c(e)) return e;
+    const a = y.get(r) ?? 0;
+    return A(e, { state: h(a, i), isLast: a === d - 1 });
+  }), E = m === "card" && n !== void 0 ? { "--tedi-timeline-card-padding": `${n}rem` } : void 0;
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: E(p["tedi-timeline"], { [p["tedi-timeline--card"]]: m === "card" }, u),
-      style: T,
-      children: d
+      className: g(p["tedi-timeline"], { [p["tedi-timeline--card"]]: m === "card" }, u),
+      style: E,
+      children: T
     }
   );
 };
-i.displayName = "Timeline";
-i.Item = a;
-i.Title = D;
-i.Description = C;
+o.displayName = "Timeline";
+o.Item = f;
+o.Title = M;
+o.Description = D;
 export {
-  i as Timeline
+  o as Timeline
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),X=require("./overlay-content.cjs.js"),Y=require("./overlay-trigger.cjs.js"),Z=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),$=require("../../../helpers/hooks/use-is-mounted.cjs.js"),S=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),D=3,E=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=H=>{const L=Z.useIsTouchDevice(),{children:W,placement:A="top",openWith:s=L?"click":"hover",defaultOpen:G=!1,open:a,onToggle:r,role:d="tooltip",ariaHidden:f=!1,arrowDimensions:e,offset:V=D+((e==null?void 0:e.height)??0),arrowPadding:z=4,focusManager:g,dismissible:O,scrollLock:M,trackReferencePosition:B=!1}=H,{order:m=["reference","content"],initialFocus:x,modal:p,...C}=g??{},F=x!==void 0?x:p?0:void 0,[P,R]=n.useState(G),h=n.useRef(null),b=$.useIsMounted(),v=n.useMemo(()=>r&&typeof a<"u"?a:P,[r,a,P]),y=n.useCallback(l=>{typeof a>"u"&&R(l),r==null||r(l)},[a,R,r]),{x:q,y:I,refs:c,strategy:w,context:o,middlewareData:k,placement:T}=t.useFloating({placement:A,open:v,onOpenChange:y,middleware:[i.offset(V),i.flip(),i.shift({padding:8}),i.arrow({element:h,padding:z})],whileElementsMounted:B?(l,K,N)=>S.autoUpdate(l,K,N,{animationFrame:!0}):S.autoUpdate}),{getReferenceProps:U,getFloatingProps:_}=t.useInteractions([t.useHover(o,{enabled:s==="hover",handleClose:t.safePolygon()}),t.useClick(o,{toggle:O}),t.useFocus(o,{enabled:s==="hover"}),t.useRole(o,{role:d,enabled:!f}),t.useDismiss(o,{enabled:O,outsidePressEvent:s==="click"?"mousedown":"pointerdown"})]),j=n.useId(),J=n.useMemo(()=>({open:v,onOpenChange:y,isMounted:b,openWith:s,focusManager:g?{order:m,modal:p,initialFocus:F,...C}:void 0,reference:c.setReference,floating:c.setFloating,arrowRef:h,x:q,y:I,strategy:w,getReferenceProps:U,getFloatingProps:_,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...k.arrow},context:o,placement:T,scrollLock:M,role:d,ariaHidden:f,contentId:j}),[v,y,b,s,g,c.setReference,c.setFloating,h,q,I,w,U,_,e==null?void 0:e.width,e==null?void 0:e.height,k.arrow,o,T,M,d,f,j,p,m,F,C]);return Q.jsx(E.Provider,{value:J,children:W})};u.Trigger=Y.OverlayTrigger;u.Content=X.OverlayContent;exports.Overlay=u;exports.OverlayContext=E;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),X=require("./overlay-content.cjs.js"),Y=require("./overlay-trigger.cjs.js"),Z=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),$=require("../../../helpers/hooks/use-is-mounted.cjs.js"),S=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),D=3,E=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=H=>{const L=Z.useIsTouchDevice(),{children:W,placement:A="top",openWith:r=L?"click":"hover",defaultOpen:G=!1,open:a,onToggle:s,role:d="tooltip",ariaHidden:f=!1,arrowDimensions:e,offset:V=D+((e==null?void 0:e.height)??0),arrowPadding:z=4,focusManager:g,dismissible:O,scrollLock:M,trackReferencePosition:B=!1}=H,{order:m=["reference","content"],initialFocus:x,modal:p,...C}=g??{},F=x!==void 0?x:p?0:void 0,[P,R]=n.useState(G),h=n.useRef(null),b=$.useIsMounted(),v=n.useMemo(()=>s&&typeof a<"u"?a:P,[s,a,P]),y=n.useCallback(l=>{typeof a>"u"&&R(l),s==null||s(l)},[a,R,s]),{x:q,y:I,refs:c,strategy:k,context:o,middlewareData:w,placement:T}=t.useFloating({placement:A,open:v,onOpenChange:y,middleware:[i.offset(V),i.flip(),i.shift({padding:8}),i.arrow({element:h,padding:z})],whileElementsMounted:B?(l,K,N)=>S.autoUpdate(l,K,N,{animationFrame:!0}):S.autoUpdate}),{getReferenceProps:U,getFloatingProps:_}=t.useInteractions([t.useHover(o,{enabled:r==="hover",handleClose:t.safePolygon()}),t.useClick(o,{enabled:r==="click",toggle:O}),t.useFocus(o,{enabled:r==="hover"}),t.useRole(o,{role:d,enabled:!f}),t.useDismiss(o,{enabled:O,outsidePressEvent:r==="click"?"mousedown":"pointerdown"})]),j=n.useId(),J=n.useMemo(()=>({open:v,onOpenChange:y,isMounted:b,openWith:r,focusManager:g?{order:m,modal:p,initialFocus:F,...C}:void 0,reference:c.setReference,floating:c.setFloating,arrowRef:h,x:q,y:I,strategy:k,getReferenceProps:U,getFloatingProps:_,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...w.arrow},context:o,placement:T,scrollLock:M,role:d,ariaHidden:f,contentId:j}),[v,y,b,r,g,c.setReference,c.setFloating,h,q,I,k,U,_,e==null?void 0:e.width,e==null?void 0:e.height,w.arrow,o,T,M,d,f,j,p,m,F,C]);return Q.jsx(E.Provider,{value:J,children:W})};u.Trigger=Y.OverlayTrigger;u.Content=X.OverlayContent;exports.Overlay=u;exports.OverlayContext=E;exports.default=u;

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

@@ -1,8 +1,8 @@
 import { jsx as K } from "react/jsx-runtime";
 import { useFloating as N, useInteractions as Q, useHover as X, safePolygon as Y, useClick as Z, useFocus as _, useRole as $, useDismiss as D } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import { useState as ee, useRef as te, useMemo as E, useCallback as oe, useId as ne, createContext as re } from "react";
-import { OverlayContent as se } from "./overlay-content.es.js";
-import { OverlayTrigger as ae } from "./overlay-trigger.es.js";
+import { OverlayContent as ae } from "./overlay-content.es.js";
+import { OverlayTrigger as se } from "./overlay-trigger.es.js";
 import { useIsTouchDevice as le } from "../../../helpers/hooks/use-is-touch-device.es.js";
 import { useIsMounted as ce } from "../../../helpers/hooks/use-is-mounted.es.js";
 import { autoUpdate as H } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
@@ -39,10 +39,10 @@ const pe = 3, ge = re({
   const j = le(), {
     children: A,
     placement: G = "top",
-    openWith: n = j ? "click" : "hover",
+    openWith: o = j ? "click" : "hover",
     defaultOpen: S = !1,
     open: r,
-    onToggle: o,
+    onToggle: n,
     role: l = "tooltip",
     ariaHidden: c = !1,
     arrowDimensions: e,
@@ -52,12 +52,12 @@ const pe = 3, ge = re({
     dismissible: g,
     scrollLock: h,
     trackReferencePosition: q = !1
-  } = W, { order: m = ["reference", "content"], initialFocus: v, modal: f, ...y } = i ?? {}, O = v !== void 0 ? v : f ? 0 : void 0, [x, F] = ee(S), d = te(null), P = ce(), u = E(() => o && typeof r < "u" ? r : x, [o, r, x]), p = oe(
-    (a) => {
-      typeof r > "u" && F(a), o == null || o(a);
+  } = W, { order: m = ["reference", "content"], initialFocus: v, modal: f, ...y } = i ?? {}, O = v !== void 0 ? v : f ? 0 : void 0, [x, F] = ee(S), d = te(null), P = ce(), u = E(() => n && typeof r < "u" ? r : x, [n, r, x]), p = oe(
+    (s) => {
+      typeof r > "u" && F(s), n == null || n(s);
     },
-    [r, F, o]
-  ), { x: C, y: M, refs: s, strategy: R, context: t, middlewareData: w, placement: b } = N({
+    [r, F, n]
+  ), { x: C, y: M, refs: a, strategy: R, context: t, middlewareData: b, placement: k } = N({
     placement: G,
     open: u,
     onOpenChange: p,
@@ -70,50 +70,51 @@ const pe = 3, ge = re({
         padding: V
       })
     ],
-    whileElementsMounted: q ? (a, B, J) => H(a, B, J, { animationFrame: !0 }) : H
-  }), { getReferenceProps: k, getFloatingProps: I } = Q([
+    whileElementsMounted: q ? (s, B, J) => H(s, B, J, { animationFrame: !0 }) : H
+  }), { getReferenceProps: w, getFloatingProps: I } = Q([
     X(t, {
-      enabled: n === "hover",
+      enabled: o === "hover",
       handleClose: Y()
     }),
     Z(t, {
+      enabled: o === "click",
       toggle: g
     }),
     _(t, {
-      enabled: n === "hover"
+      enabled: o === "hover"
     }),
     $(t, { role: l, enabled: !c }),
     D(t, {
       enabled: g,
-      outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
+      outsidePressEvent: o === "click" ? "mousedown" : "pointerdown"
     })
   ]), T = ne(), z = E(
     () => ({
       open: u,
       onOpenChange: p,
       isMounted: P,
-      openWith: n,
+      openWith: o,
       focusManager: i ? {
         order: m,
         modal: f,
         initialFocus: O,
         ...y
       } : void 0,
-      reference: s.setReference,
-      floating: s.setFloating,
+      reference: a.setReference,
+      floating: a.setFloating,
       arrowRef: d,
       x: C,
       y: M,
       strategy: R,
-      getReferenceProps: k,
+      getReferenceProps: w,
       getFloatingProps: I,
       arrow: {
         width: e == null ? void 0 : e.width,
         height: e == null ? void 0 : e.height,
-        ...w.arrow
+        ...b.arrow
       },
       context: t,
-      placement: b,
+      placement: k,
       scrollLock: h,
       role: l,
       ariaHidden: c,
@@ -123,21 +124,21 @@ const pe = 3, ge = re({
       u,
       p,
       P,
-      n,
+      o,
       i,
-      s.setReference,
-      s.setFloating,
+      a.setReference,
+      a.setFloating,
       d,
       C,
       M,
       R,
-      k,
+      w,
       I,
       e == null ? void 0 : e.width,
       e == null ? void 0 : e.height,
-      w.arrow,
+      b.arrow,
       t,
-      b,
+      k,
       h,
       l,
       c,
@@ -150,8 +151,8 @@ const pe = 3, ge = re({
   );
   return /* @__PURE__ */ K(ge.Provider, { value: z, children: A });
 };
-L.Trigger = ae;
-L.Content = se;
+L.Trigger = se;
+L.Content = ae;
 export {
   L as Overlay,
   ge as OverlayContext,